@charset "utf-8";
/* CSS Document */

@import url("common.css");

/*common
------------------------------------------------*/
* {
margin:0;
padding:0;
}

body {
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
color:#FFFFFF;
font-size:12px;
line-height:22px;
background:url(../img/bg.jpg) repeat-x #050505;
}

ul#bnr01, ul#bnr02 {
margin:0 0 15px 0;
display: inline-block;
/display: inline;
/zoom: 1;
}

ul#bnr01 li, ul#bnr02 li{
float:left;
width:325px;
margin:0 0 10px 0;
}



/* ------------- header ---------------*/

#header {
position:relative;
height:366px;
}

ul#header_navi_right {
	position:absolute;
	left:100px;
	top: 320px;
	height:46px;
	width:900px;
}

/*outline
----------------------------------------*/
#outline h3, #outline h4 {
margin:0 0 15px 0;
clear:both;
}

#outline p {
padding:0 15px 25px 15px;
}

.outline_box01 {
margin:0 0 25px 0;
display: inline-block;
/display: inline;
/zoom: 1;
}

.outline_box01 p{
width:340px;
padding:0 0 0 15px;
float:left;
}

.outline_box01 img{
float:right;
}

#outline .box02 {
width:630px;
margin:0 0 35px 10px;
display: inline-block;
/display: inline;
/zoom: 1;
clear:both;
}

#outline .box02_02 {
float:right;
width:378px;
}

/*setubi
----------------------------------------*/
#setubi h3, #setubi h4 {
margin:0 0 15px 0;
clear:both;
}

#setubi .box01 {
width:640px;
margin:0 0 35px 10px;
display: inline-block;
/display: inline;
/zoom: 1;
clear:both;
}

#setubi .box01 p{
float:left;
width:420px;
font-weight:normal;
}

#setubi .box01 img{
float:right;
}

#setubi table.tab01 {
width:650px;
border-top:1px solid #192331;
border-left:1px solid #192331;
margin:0 0 25px 0;
}

#setubi table.tab01 th, #setubi table.tab01 td{
border-right:1px solid #192331;
padding:5px;
text-align:center;
}

#setubi table.tab01 .txtr {
text-align:left;
vertical-align:middle;
}


/*company
----------------------------------------*/
#company h3 {
margin:0 0 0 0;
clear:both;
}

#company h4 {
margin:0 0 15px 0;
clear:both;
}


#company #box01 {
width:650px;
margin:0 0 35px 0;
display: inline-block;
/display: inline;
/zoom: 1;
clear:both;
}

#company #box01 p{
float:right;
width:370px;
font-weight:normal;
padding:15px 0 0 15px;
line-height:1.8em;
font-size:14px;
}

#company #box01 img{
text-align:left;
}

#company table.tab01 {
width:650px;
border-top:1px solid #192331;
border-left:1px solid #192331;
margin:0 0 25px 0;
}

#company table.tab01 th, #company table.tab01 td{
border-right:1px solid #192331;
padding:5px;
text-align:left;
}

#company table.tab01 th {
text-align: center;
width:100px;
}

/*faq
----------------------------------------*/
#faq h3 {
margin:0 0 15px 0;
clear:both;
}

#faq p {
padding:0 0 15px 0;
}


ul#faq_q{
padding:5px 0;
width:650px;
}

ul#faq_q li{
background:url(../faq/img/icon.jpg) no-repeat 6px 15px #0d0f16;
border-bottom:4px solid #050505;
padding:7px 0 5px 20px;
}

ul#faq_qa{
width:620px;
padding:5px 15px 10px;
background:#0d0f16;
}

ul#faq_qa #faq_qa_title {
background:url(../faq/img/icon.jpg) no-repeat 3px 12px #0d0f16;
border-bottom:1px solid #192331;
padding:5px 5px 5px 15px;
margin:0 0 10px 0;
}


/*contact
----------------------------------------*/
#contact h4 {
margin:0 0 15px 0;
clear:both;
}

#contact p{
margin:0 0 15px 0;
}

#contact #h3p{
background:#0d0f16;
padding:0 15px 15px;
width:620px;
margin:0 0 25px 0;
}

#contact table.tab01 {
width:650px;
border-top:1px solid #192331;
border-left:1px solid #192331;
margin:0 0 25px 0;
}

#contact table.tab01 th, #contact table.tab01 td{
border-right:1px solid #192331;
padding:5px;
}

#contact table.tab01 td{
width:470px;
}


/*contact
----------------------------------------*/
#blog {
width:650px;
display: inline-block;
/display: inline;
/zoom: 1;
}

#blog #blog_main{
width:490px;
float:left;
}

#blog #blog_sub{
float: right;
width:142px;
}

#blog h3{
background:url(../blog/img/title01.jpg) no-repeat;
width:475px;
height:28px;
padding:8px 0 0 15px;
clear:both;
font-size:12px;
}

.blog_txt {
width:460px;
margin:0 15px;
padding:15px 0;
}

.blog_txt img{
border:1px solid #192331;
}

.blog_day {
border-top:1px solid #192331;
padding:0 0 15px;
margin:15px 0 0 0;
font-size:10px;
text-align:right;
}

ul#sub_kate {
width:142px;
}

ul#sub_kate li{
background:url(../blog/img/icon.jpg) no-repeat 0px 8px;
padding:0 0 0 9px;
}


ul#sub_kate a, ul#sub_kate {
color:#284f7f;
}

ul#sub_kate a{
text-decoration:underline;
}


/*case
----------------------------------------*/
#case h3 {
margin:0 0 25px 0;
clear:both;
}

#case .box02 {
width:620px;
margin:0 0 35px 0;
display: inline-block;
/display: inline;
/zoom: 1;
clear:both;
background:#0d0f16;
padding:15px;
}

#case .box02_02 {
float:right;
width:378px;
}

dl.case_list{
width:360px;
line-height: 2em;
margin-bottom: 20px;
background:#0d0f16;
padding:0 10px 0 10px;
}

dl.case_list dt{
background:#1f2536;
width:80px;
margin-top:0.5em;
text-align:center;
}

dl.case_list dd{
padding: 3px 3px 3px 100px;
margin-top: -2.5em;
border-bottom:1px solid #2d2d2d;
}


dl.case_list_dtl{
width:620px;
line-height: 2em;
margin-bottom: 25px;
}

dl.case_list_dtl dt {
background:#1f2536;
width:80px;
margin:0.5em;
text-align:center;
}

dl.case_list_dtl dd{
padding: 3px 3px 3px 100px;
margin-top: -2.5em;
border-bottom:1px solid #2d2d2d;
}

#case_box {
width:620px;
padding:15px;
background:#0d0f16;
}

.case_txt_dtl {
padding:15px 0 25px;
}

dl.case_list_dtl02{
width:630px;
line-height: 2em;
}

dl.case_list_dtl02 dt {
width:50px;
margin:0.5em;
}

dl.case_list_dtl02 dd{
padding: 0px 3px 0px 70px;
margin-top: -2.5em;
}