@charset "UTF-8";

@import "/css/common.css";
@import "/css/print/style_reset.css";


/* カテゴリ固有のスタイル */
#underlayerNavi h2 {
color:#f66f00;
}


/* 内部リンク（別窓） */
#contents #contactWrap span.windowBlank {
padding:0 14px 0 0;
background:url(/images/common/icon_window_blank.gif) 100% 50% no-repeat;
}


#contactWrap p {
line-height:1.4em;
margin:0 0 1.5em 0;
}

#contactWrap ul li {
line-height:140%;
}

#contents ul.notes {
list-style:none;
margin:0 0 1em 0 !important;
padding:0 !important;
}
#contents ul.notes li {
font-size:10px;
padding:0 0 0 14px;
float:none;
background:url(/contact/images/marker_notes.gif) no-repeat left 2px;
}

.indent20 { margin-left:20px !important; }
.indent40 { margin-left:35px !important; }
.mUnder3L { margin-bottom:3em !important; }
.mUnderHalf { margin-bottom:5px !important; }

#contents .clear {
clear:both;
}



/* ----------------------------------------------------------------------
　　問い合わせ・申込一覧
------------------------------------------------------------------------- */
#contents #contactWrap {
padding:0 0 20px 0;
}

#contents #contactWrap h1 {
padding:0;
margin:0;
border:none;
}


/* タイトル以下　本文
--------------------------------------------------------------*/
#contents #contactWrap #mainWrap {
padding:30px 20px;
background-color:#fff;
}


/* リード部分
--------------------------------------------------------------*/
#contactWrap div#read {
margin:0 0 3em 0;
}

#contactWrap div#read p {
font-weight:bold;
margin:0 0 2em 0;
}

/* メニュー一覧 */
#contactWrap div#read div#index {
width:586px;
padding:12px 0 0 0;
border:1px solid #dddddd;
background:url(/images/common/bg_ul_linkInside.gif);}


#contactWrap div#read div#index p {
font-weight:bold;
padding:0 0 5px 0;
margin:12px 15px 10px 15px;
border-bottom:1px #aaa solid;
}

#contents #contactWrap div#read ul {
padding:0 0 0 15px;
list-style:none;
display:inline-block;
}

#contents #contactWrap div#read ul li {
width:250px;
padding:0 15px 0 20px;
margin:0 0 12px 0;
float:left;
text-align:left;
background:url(/images/common/marker_link_anchor.gif) no-repeat left top;
}



/* 見出し2
--------------------------------------------------------------*/
#contents #contactWrap h2 {
height:37px;
padding:18px 0 0 70px;
margin:0 0 1em 0;
font-size:140%;
color:#fff;
clear:both;
background:url(/contact/images/h2_bg.gif) no-repeat left top;
}

#contents #contactWrap h2#consul {
clear:both;
background:url(/contact/images/h2_intro_bg.gif) no-repeat left top;
}

#contents #contactWrap h2#docReg {
background:url(/contact/images/h2_doc_reg.gif) no-repeat left top;
}



#contactWrap h4 {
margin:0 0 10px 0;
padding:0 0 0 20px;
color:#505560;
font-size:12px;
background:none;
background:url(/images/common/bullet_advice_dt.gif) no-repeat left top;
}




/* 電話によるお問い合わせ
--------------------------------------------------------------*/
#contactWrap div#tel {
padding:0;
margin:0 0 12px 0;
clear:both;
}

#contactWrap div#tel strong {
color:#007;
font-size:14px;
line-height:14px;
}

#contactWrap div#tel ul li {
margin-top:5px;
}


#contactWrap div#call {
margin:0 0 3em 0;
clear:both;
}

#contactWrap div#call p {
margin:0 0 1em 20px;
}

#contactWrap div#call div {
width:566px;
margin-left:20px;
}

#contactWrap div#call div p {
width:330px;
margin:0 0 1em 0;
float:left;
}
#contactWrap div#call div a {
width:197px;
float:right;
margin:0 0 10px 0;
padding:0 0 0 15px;
}

#contactWrap div#call h3.clear {
clear:both;
}

#contactWrap div#call ul {
margin:0 0 2em 20px;
list-style:none;
}

#contactWrap div#call ul li {
margin-bottom:5px;
}


/* FAQ
--------------------------------------------------------------*/
#contactWrap div#faq {
padding:0;
margin:0 0 40px 0;
clear:both;
}

#contactWrap div#faq strong {
color:#007;
font-size:14px;
line-height:14px;
}

#contactWrap div#faq p {
margin:1em 0;
}

#contactWrap div#faq ul {
padding:0;
list-style:none;
display:inline-block;
}

#contactWrap div#faq ul li {
width:250px;
padding:0 15px 0 20px;
margin:0 0 12px 0;
text-align:left;
background:url(/images/common/bullet_link_inside.gif) 0 0 no-repeat !important;
}




/* サーバ申込・オンライン見積もり
--------------------------------------------------------------*/
#contactWrap div.formBox {
margin:0 0 3em 0;
padding:0 0 10px 0;
background:url(/contact/images/box01_bg_bottom.gif) no-repeat left bottom;
display:inline-block;
}

html *#contactWrap div.formBox {
height:1%;
}

#contactWrap div.formBox p.head {
height:10px;
padding:0;
margin:0 0 5px 0;
font:1px;
line-height:1px;
background:url(/contact/images/box01_bg_top.gif) no-repeat left top;
}


#contactWrap div.formBox div.lBox {
width:261px;
padding:0 15px;
margin:0;
float:left;
border-right:1px #ddd dotted;
}

#contactWrap div.formBox div.rBox {
width:261px;
padding:0 15px 0 0;
margin:0;
float:right;
}





#contactWrap div.formBox div.lBox01 {
/* width:261px; */
width:164px;
padding:0 15px;
margin:0;
float:left;
border-right:1px #ddd dotted;
}

#contactWrap div.formBox div.rBox01 {
/* width:261px; */
width:164px;

padding:0 15px;
margin:0;
float:right;
}








#contactWrap div.formBox div a.btn {
display:block;
margin:0 0 10px 0;
}

#contactWrap div.formBox div ul {
list-style:none;
margin:0;
}

#contactWrap div.formBox div ul li {
background:url(/images/common/bullet_link_inside.gif) 0 0 no-repeat !important;
margin:0;
padding:0 0 5px 21px;
}





#contactWrap div.formBox ul.notes {
list-style:none;
margin:0 0 1em 0 !important;
padding:0 !important;
}
#contactWrap div.formBox ul.notes li {
font-size:10px;
padding:0 0 0 14px;
float:none;
background:url(/contact/images/marker_notes.gif) no-repeat left 2px;
}



/* 導入コンサルティング
--------------------------------------------------------------*/
#contents #contactWrap p.catchCopy {
color:#04d;
margin:0 0 10px 0 ;
font-size:1.45em;
font-weight:bold;
}


#contactWrap ul#examples{
margin:0 0 1em 0;
padding:14px 0 7px 1.5em;
list-style:none;
border-top:3px #aaa double;
border-bottom:3px #aaa double;
}

#contactWrap ul#examples li{
margin:0 0 7px 0;
padding:0 0 0 23px;
color:#505560;
font-weight:bold;
line-height:130%;
background:url(/images/common/icon_recommend.gif) left 1px no-repeat;
}

#contactWrap ul.row2btn {
list-style:none;
display:inline-block;
margin:0 0 10px 0;
}

#contactWrap ul.row2btn li {
display:inline;
}

#contactWrap ul li a.btn {
padding-right:5px;
}


/* clearFix
--------------------------------------------------------------*/
#contactWrap div#call p:after,
#contactWrap div.formBox:after,
#contactWrap div#read div#index:after{ /* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

html *#contactWrap div#call p:after,
html *#contactWrap div.formBox,
html *#contactWrap div#read div#index {
height:1%;
}