@charset "UTF-8";


@import "/css/common.css";
@import "/css/mod/contents.css";
@import "/css/mod/column.css";
@import "/css/mod/anchor.css";
@import "/css/mod/list.css";
@import "/css/print/style_reset.css";
@import "/css/mod/flow.css";


/* カテゴリ固有のスタイル */

h1 {
background:url(/images/common/bg_h1_guide.gif) no-repeat left center #008822;
}

#underlayerNavi h2 {
color:#008822;
}


/* index
--------------------------------------------------------------- */
/* お申し込み前 */
#contents dl#guideFlow {
padding-top:1em;
margin:0 0 4em 0;
list-style:none;}

#contents dl#guideFlow dt {
width:556px;
height:26px;
padding:10px 15px 0 15px;
margin:0;
font-size:125%;
font-weight:bold;
color:#26e;
background:url(/guide/images/flow_bg_head.gif) no-repeat left top;}

#contents dl#guideFlow dd {
width:556px;
padding:12px 15px 37px 15px;
margin:0 0 3px 0;
display:inline-block;
background:url(/guide/images/flow_bg_bottom.gif) no-repeat left bottom;}

#contents dl#guideFlow dd strong.subhead {
margin-left:0;
font-size:110%;
}

#contents dl#guideFlow dd.last {
margin:0;
padding:12px 15px 15px 15px !important;
background:url(/guide/images/flow_bg_last.gif) no-repeat left bottom;
}

#contents dl#guideFlow dd div.service {
width:556px;
margin-top:1em;
padding:0 0 8px 0;
zoom:100%;
background:url(/guide/images/nest_service_bg.gif) no-repeat left bottom;
}
#contents dl#guideFlow dd div.service:after {/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#contents dl#guideFlow dd div.service div.lBox {
width:269px;
float:left;
}

#contents dl#guideFlow dd div.service div.rBox {
width:269px;
float:right;
}

#contents dl#guideFlow dd div.service div h4 {
padding:8px 12px 0 12px ;
border-top:4px #c0d0E0 solid;
margin:0;
font-size:110%;
color:#FF6600;
background:none;
}

#contents dl#guideFlow dd div.service div p {
padding:8px 12px;
margin:0;
}

#contents dl#guideFlow dd div.service div p.anchor {
padding:0 8px 0 0;
text-align:right;
}

#contents dl#guideFlow dd p.anchor {
margin: 5px 0 0 0;
padding:0;
text-align:right;
}

#contents dl#guideFlow dd p.apply {
margin:1em 0 0 0;
padding:10px 0 0 0;
border-top:1px #ccc solid;}

#contents dl#guideFlow dd p.apply a.btnServerApply {
width:248px;
height:51px;
padding:0;
margin:0 auto;
text-indent:-999em;
overflow:auto;
display:block;
background:url(/service/images/btn_server_apply.gif) no-repeat center top;}
#contents dl#guideFlow dd p.apply a.btnServerApply:hover {
background-position:center bottom !important;}





/* お申し込み後 */
#contents dl#guideFlow2 {
padding-top:1em;
margin:0 0 4em 0;
list-style:none;}

#contents dl#guideFlow2 dt {
width:556px;
height:26px;
padding:10px 15px 0 15px;
margin:0;
font-size:125%;
font-weight:bold;
color:#26e;
background:url(/guide/images/flow_bg_head.gif) no-repeat left top;}

#contents dl#guideFlow2 dd {
width:556px;
padding:12px 15px 37px 15px;
margin:0 0 3px 0;
display:inline-block;
background:url(/guide/images/flow_bg_bottom.gif) no-repeat left bottom;}

#contents dl#guideFlow2 dd.last {
margin:0;
padding:12px 15px 15px 15px !important;
background:url(/guide/images/flow_bg_last.gif) no-repeat left bottom;
}

#contents dl#guideFlow2 dd p.anchor {
margin: 5px 0 0 0;
padding:0;
text-align:right;
}


/* コマンドライン */
#contentWrapper pre {
line-height:16px;
font-size:12px;
padding:6px;
margin:3px 0 1em 10px;
border:1px #007 solid;
background:#000;
color:#00FF00;}


/* ------------------------------------------ Safari, FireFox スタイルのリセット */

html[xmlns]>/**/body #contents dl#guideFlow dd div.service, 
html[xmlns]>/**/body #contents dl#guideFlow2 dd div.service {
background:none;
}

html[xmlns]>/**/body #contents dl#guideFlow dt, 
html[xmlns]>/**/body #contents dl#guideFlow dd, 
html[xmlns]>/**/body #contents dl#guideFlow dd.last, 
html[xmlns]>/**/body #contents dl#guideFlow2 dt, 
html[xmlns]>/**/body #contents dl#guideFlow2 dd, 
html[xmlns]>/**/body #contents dl#guideFlow2 dd.last {
background:none;
border:1px solid #ccc;
}