@charset "UTF-8";


@import "/css/common.css";
@import "/css/service/category.css";
@import "/css/mod/contents.css";
@import "/css/mod/list.css";
@import "/css/mod/anchor.css";
@import "/css/print/style_reset.css";
@import "/css/mod/table.css";



/* ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
　title : サービス　インデックス
　URL : /service/index.html
　wright :  今田
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

div#contents div#indexWrap {
}

div#contents div#indexWrap p {
margin-left:0;
color:#222;
}


/* アンカーリンク
--------------------------------------------------------------------*/
div#contents div#indexWrap ul#anchor {
width:344px;
padding:0 0 0 1em;
margin:0 0 2.5em 0;
list-style:none;
display:inline-block;
}

div#contents div#indexWrap ul#anchor:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

div#contents div#indexWrap ul#anchor li {
width:150px;
padding:0 0 0 20px;
margin:0 0 0.5em 0;
float:left;
display:block;
background:url(/images/common/marker_link_anchor.gif) no-repeat left top;
}



/* 見出し
--------------------------------------------------------------------*/
div#contents div#indexWrap h2 {
padding:0;
margin:0 0 12px 0;
clear:both;
background:none;
}


/* --------------------------------------------------------------------
　　基本サービス
----------------------------------------------------------------------- */

/* 横２列タイプ ------------------------------------------- */
div#contents div#indexWrap div.typeRow2 {
display:inline-block;
padding:0 0 12px 0;
margin:0 0 1em 0;
background:url(/service/images/bg_r2.gif) no-repeat center bottom;
width:100%;
}

div#contents div#indexWrap div.typeRow2:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* 左側 */
div#contents div#indexWrap div.typeRow2 div.lBox {
width:283px;
float:left;
}

/* 右側 */
div#contents div#indexWrap div.typeRow2 div.rBox {
width:283px;
float:right;
}

/* 左右共通 */
div#contents div#indexWrap div.typeRow1 h3,
div#contents div#indexWrap div.typeRow2 div h3 {
padding:0;
margin:0 0 7px 0;
}

div#contents div#indexWrap div.typeRow1 h3 a,
div#contents div#indexWrap div.typeRow2 div h3 a {
padding:0;
margin:0;
border:none;
}

div#contents div#indexWrap div.typeRow1 p,
div#contents div#indexWrap div.typeRow2 div p {
display:inline-block;
padding:0 15px;
margin:0;
color:#444;
}

div#contents div#indexWrap div.typeRow1 p:after,
div#contents div#indexWrap div.typeRow2 div p:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


div#contents div#indexWrap div.typeRow2 div p img {
margin:0 0 0.5em 1em;
border:0;
float:right;
vertical-align:top;}



/* 横１列タイプ ------------------------------------------- */
div#contents div#indexWrap div.typeRow1 {
width:586px;
padding:0 0 12px 0;
margin:0 0 1em 0;
background:url(/service/images/bg_r1.gif) no-repeat center bottom;}

div#contents div#indexWrap div.typeRow1 p img.cutImg {
margin:0 1.5em 0.5em 0;
float:left;}

div#contents div#indexWrap div.typeRow1 p a img {
margin:0 0 0 5px;}


.adviceEx {
display:inline-block;
}
/* --------------------------------------------------------------------
　　オプション
----------------------------------------------------------------------- */
div#contents div#indexWrap ul#option {
width:100%;
padding:1em 0 3em 0;
margin:0;
list-style:none;}

div#contents div#indexWrap ul#option:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
html *div#contents div#indexWrap ul#option {display:inline-block;}

div#contents div#indexWrap ul#option li {/* 3列用 */
width:170px;
padding:0 0 0 20px;
margin:0 0 1em 0;
float:left;
display:block;
background:url(/images/common/bullet_link_inside.gif) no-repeat left top;}

div#contents div#indexWrap ul#option li.row2 {/* 2列用 */
width:270px;}


/* --------------------------------------------------------------------
　　お申し込みにあたって
----------------------------------------------------------------------- */
div#applyBox {
width:540px;
padding:1em 21px 0 21px;
margin:0 auto 1em 0;
border:2px #777 solid;}
div#applyBox:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
html *div#applyBox {display:inline-block;}

div#applyBox h3 {
width:auto;
padding:0 0 0.5em 0;
margin:0 0 0.8em 0;
font-size:120%;
border-bottom:1px #aaa solid;
background:none;}


div#applyBox a.btnServerApply {
width:248px;
height:51px;
padding:0;
margin:0 0 1em 0;
text-indent:-999em;
display:block;
float:right;
background:url(/service/images/btn_server_apply.gif) no-repeat center top;}
div#applyBox a.btnServerApply:hover {
background-position:center bottom !important;}

div#applyBox ul {
width:230px;
padding:0.2em 0 0.5em 0;
margin:0;
list-style:none;
display:block;
float:left;}

div#applyBox ul li{
width:auto;
padding:0 0 0 20px;
margin:0 0 0.5em 0;
display:block;
background:url(/images/common/bullet_link_inside.gif) no-repeat left top;}



/* --------------------------------------------------------------------
　　その他
----------------------------------------------------------------------- */
div#contents div#indexWrap div.adviceEx{
width:auto;
margin:0 0 3em 0;
padding:15px 15px 2px 15px;
border:1px solid #acc;
background:url(/images/common/bg_advice_ex.gif);}

#contents div.adviceEx h4 {
width:auto;
color:#505560;
padding:0 0 0 20px;
margin:0 0 10px 0;
font-size:100%;
background:url(/images/common/bg_main_contents_h4.gif) 0 1px no-repeat;}




html[xmlns]>/**/body div#contents div#indexWrap div.typeRow1, 
html[xmlns]>/**/body div#contents div#indexWrap div.typeRow2 {
background:none;
}

html[xmlns]>/**/body div#contents div#indexWrap div.typeRow1, 
html[xmlns]>/**/body div#contents div#indexWrap div.typeRow2 div.lBox, 
html[xmlns]>/**/body div#contents div#indexWrap div.typeRow2 div.rBox {
border:1px solid #ccc;
}

html[xmlns]>/**/body div#applyBox a.btnServerApply {
background-image:none;
background-color:#36f;
color:#fff;
font-size:24px;
height:32px;
text-indent:0;
text-decoration:none;
	/* Moz */
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	/* Safari3 */
		-webkit-border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;
}