/* 基本設定 ST */

/* 基本背景色はここで変更する */
html,body{
	margin:0px;
}

body {
    font-family: verdana, 'trebuchet ms', sans-serif;
	line-height: 1.4em;
	border-top: 4px solid #1D9ED4; 
	background: url('http://filebank.biz/oasis.rebuild/html_back.png') repeat-x;
}

a:link              { text-decoration:none; color:#333333; }
a:visited           { text-decoration:none; color:#666666; }
a:hover             { text-decoration:none; color:#fe6602; }
a:active            { text-decoration:none; color:#333333; }

/* コンテンツコンテナーのスタイル コンテンツの背景色 */
#container {
    margin:0 0 15px 0;
    padding:0;
    background-color:#ffffff;
}

#HEADER_CONTENTS{
    margin-bottom:0px; 
}

#hd {
    width: 1001px; 
    height: 96px;
    margin:0;
    padding:0;
}

/* CSS SPRITE BACKGROUND SET */
#SITE_LOGO,
#hd2 h1,
#SIDE_MENU h2,
#Blog1 h3,
#HTML13 h2,
#HTML3 h2
{
    background-image:url('http://filebank.biz/oasis.rebuild/oasis-rebuild-new.png');
    background-repeat:no-repeat;
}

#HTML4 {
    height:0px;
    display:none;
}

/* SEO DESCRIPTION */
#HTML1 {
    background: url('http://filebank.biz/oasis.rebuild/header.png');
    width: 1001px;
    height: 96px;
}
/* header links */
#HTML1  img#hd-logo {
    margin: 10px 0 0 16px;
    float: left;
}
#HTML1 img#hd-inquiry {
    margin: 28px 21px 0 0; 
    float: right;
}
#HTML1 .l {
    text-align:left;
}
#HTML1 .r {
    text-align:right;
    position:relative;top:-1em;
}

/* HEADER VISUAL HEIGHT SELECT 110px 156px 220px 266px */
#hd2 h1{
    text-indent:-9999px;    
}
#hd2 h1.top {
    height:0px;
    display:none;
}
#hd2 h1.next {
    height:85px;
    background-position:0px -394px;
}

/* SIDE MENU */
#SIDE_MENU {
    padding:5px 5px 0px 0px;
}
#SIDE_MENU #BlogArchive1 h2,
#SIDE_MENU #BlogArchive3 h2,
#SIDE_MENU #BlogArchive4 h2 {
    color: #444444;
    font-size:1.3em;
    padding-top:11px;
    padding-left:5px;
    height:30px; /* padding-top分を引く */
    background-position:-350px 0px;
    text-indent: 1.3em;
}
#SIDE_MENU #BlogArchive1 ul,
#SIDE_MENU #BlogArchive3 ul,
#SIDE_MENU #BlogArchive4 ul {
	width: 283px;
	display:block;
	padding-bottom: 15px;
}

#SIDE_MENU #BlogArchive1 li,
#SIDE_MENU #BlogArchive3 li,
#SIDE_MENU #BlogArchive4 li {
    padding: 3px 0;
	border-bottom: dotted 1px #dddddd;
	background: url("http://filebank.biz/oasis.rebuild/listicon.gif") no-repeat 0px 8px;
	text-indent: 1em;
}

#SIDE_MENU a {
   font-size:1.05em; 
}

#SIDE_MENU #BlogArchive1 a,
#SIDE_MENU #BlogArchive3 a,
#SIDE_MENU #BlogArchive4 a {
	display:block;
}

#SIDE_MENU a:link              { text-decoration:none; color:#333333; }
#SIDE_MENU a:visited           { text-decoration:none; color:#666666; }
#SIDE_MENU a:hover             { text-decoration:none; color:#fe6602;}
#SIDE_MENU a:active            { text-decoration:none; color:#333333; }    


/* HEADER TAB形式 MENU */
#BlogArchive2 {
    margin-top:5px;
    text-align:right;
	background-volor:pink;
}
#BlogArchive2 ul
{
    display:inline;
    list-style:none;
}

#BlogArchive2 li
{
    display: inline;
	margin: 0;
}

#BlogArchive2 li a
{
    padding:0px 10px 0px 10px;
    text-decoration: none;
    text-transform:  uppercase;
}

#BlogArchive2 li#TopInquiry {
	background-image:url(http://i299.photobucket.com/albums/mm316/oasis-rebuild/email.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}
#BlogArchive2 li#TopFreedial {
	background-image:url(http://i299.photobucket.com/albums/mm316/oasis-rebuild/freedial.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
 

#bd {
    margin:0px 0px 5px 0px;
    padding: 0 20px;
    background-color:#ffffff;
}


/* 基本設定 EN */

/* TOP CONTENTS */
#TOP_CONTENTS {
	width: 647px;
}
#TOP_CONTENTS p {
	margin: 5px 0 10px 0;
} 
#TOP_CONTENTS ul {
	margin-left:7px;
}
#TOP_CONTENTS ul li {
	display: block;
	float:left;
}
#TOP_CONTENTS ul li a {
	/*font-size: 1.3em;*/
	width: 180px;
	height: 180px;
	margin: 5px;
	padding: 8px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	display: block;
}
#TOP_CONTENTS ul li a:hover {
    background-color: #FDF7E3;
}

#top_story {
    display: block;
    width: 640px;
    /*background-color: #f8e6ad;*/
}
#top_bottom {
    /*border: 1px solid orange;*/
}
#top_bottom p {
    border: 1px solid #cccccc;
}
#top_bottom p span {
    display:block;
    border-left: 3px solid /*#d08621*/#a85e57;
    padding-left: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 120%;
    color: #666666; 
}

/* Blog1は単独表示用 */
#HTML3 h2,
#HTML13 h2,
#Blog1 h3 {
    color:#444444;
    margin-bottom:3px;
    font-size:1.5em;
    font-weight:bold;
    padding:12px 0px 0px 10px;
    height:32px; /* PADDING TOP分を引く */
    background-position:-350px -50px;
    text-indent: 1.5em;
}

#Blog1 a:link              { text-decoration:underline; color:#333333; }
#Blog1 a:visited           { text-decoration:underline; color:#666666; }
#Blog1 a:hover             { text-decoration:none; color:#fe6602;}
#Blog1 a:active            { text-decoration:none; color:#333333; }    


/* スタッフブログ新着 */
#Feed1 {
    display: block;
    width: 294px;
    padding: 0 0 15px 0;
}
#Feed1 h2 {
    display:block;
    height: 69px;
    width: 294px;
    background-image: url(http://filebank.biz/oasis.rebuild/tb_blog.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
}
#Feed1 ul {
    display: block;
    width: 294px;
}
#Feed1 ul li {
    background-image: url(http://filebank.biz/oasis.rebuild/lb_side.png);
    line-height: 1.4em; 
    padding: 0 3px 5px 15px;
    border: none;
}
#Feed1 ul li a {
    background: url("http://filebank.biz/oasis.rebuild/blog_icon.png") no-repeat 0px 2px;
    text-indent: 1.8em;
    display: block;
}
#Feed1 .listFt {
    width: 294px;
    height: 15px;
    padding: 0;
    margin: -3px 0 0 0;
    background-image: url(http://filebank.biz/oasis.rebuild/fb_side.png);
    background-repeat: no-repeat;
}

#Copyright {
    font-size: 80%;
    margin: 10px 0;
    text-align:left;
    width: 600px;
    float: left;
}
ul#footerlink {
    display:block;
    float:right;
    margin: 10px 0; 
    width: 350px;
    height: 80px;
}
ul#footerlink li {
    float: right;
    margin-left: 5px;
}

/* ### 記事本体のスタイル設定 xx ST  ###*/
/* ### ここで記事内の基本スタイルを書く  ###*/

.breadcrumbs { 
    margin: 10px 0 15px 0; 
    padding: 5px 5px 5px 0px; 
    font-size: 90%; 
    line-height: 1.4em; 
}
.post-body {
	width: 640px;
    font-size:1.1em;
    line-height:1.5;
    padding-bottom:25px;
}
.post-body a img {
    border:1px dotted #e0e0e0;
    padding:5px;
	margin:0 5px 5px 0;
}
.post-body h4 {
	font-size:1.2em;
	font-weight: bold;
	border-left: #1D9ED4 6px solid;
	border-bottom: #1D9ED4 1px dashed;
	text-indent:0.5em;
	color: #666666;
	margin:0;
	padding:0;
}
.post-body table,
.post-body tr,
.post-body td img {
	margin:0;
	padding:0;
}
.post-body td {
	width: 300px;
	padding-right: 25px;
}
.post-body td p {
	padding-bottom:20px;
}

.archive-contents h4{
    display:block;
    border-left: 3px solid #a85e57;
    background-color: #f8e6ad;
    padding: 5px 0 5px 10px;
    margin: 10px 0;
    font-size: 120%;
    color: #333333;
}
.archive-contents li {
    font-size: 110%;
    line-height: 2em;
    text-indent: 1em;
}

/** process **/
#process h4 {
    border: 1px solid #1D9ED4;
    border-left: 6px solid #1d9ed4;
}
#process p {
	border-left: 2px dashed #1D9ED4;
    padding: 10px 0 0 35px;
}

/** quality **/
#quality h5 {
    font-weight: bold;
    line-height:2.5em;
}
#quality p {
    padding-left: 20px;
    margin: 5px 0;
}

/** guarantee **/
#guarantee p {
    padding-left: 20px;
    margin: 15px 0 0;
}
#guarantee blockquote {
    background-color:#fff4ce;
    color:#666666;
    padding:15px 20px;
    margin:10px 0 35px 20px;
    width: 560px;
}

/** staff **/
#staff h4 {
    clear:both;
    line-height:2.5em;
    border-bottom:none;
    margin-top: 10px;
}
#staff h5 {
    border-left: 6px solid #cccccc;
    margin-bottom:15px;
	text-indent:1em;
	background-color: #999999;
	color: #ffffff;
	font-size: 80%;
}
#staff img {
    float:left;
    padding:4px;
    margin:0 10px 20px;
    border: 1px solid #cccccc;
}