@charset "utf-8";

/*-- HTMLタグ基本設定 --*/
@import url("default.css");

/*-- 汎用クラス、共通スタイルレイアウト設定[header,footerなど] --*/
@import url("common.css");


/*-- 個別設定 --*/
/*******************************
	eyeCatch
*******************************/
#eyeCatch{
margin:0 0 20px 0;
padding:45px 25px 25px 15px;
width:810px;
border-bottom:1px dashed #333333;
}
#eyeCatch .section{
float:left;
margin:0;
padding:0;
width:510px;
}
#eyeCatch ul#salesPoint{
float:right;
margin:0;
padding:0;
width:270px;
}
#eyeCatch ul#salesPoint li{
margin:0 0 25px 0;
padding:0;
}

/*******************************
	topPage
*******************************/
#topPage{
margin:0 auto;
width:850px;
}
#topPage #contents{
margin:0;
padding:20px 20px 20px 15px;
background:url(../img/flow_img02.gif) left bottom no-repeat;
}
#topPage .flow.summary{
margin:0;
padding:0 0 70px 0;
}
#topPage .flow.summary ol{
position:absolute;
top:-9999px;
left:-9999px;
}

/*******************************
	whatsPage
*******************************/
#whatsPage #subContents{
background:#FEFFFB url(../img/smoke.gif) right top no-repeat;
}
#whatsPage #subContents ul.icon_list{
margin:0 0 20px 0;
text-align:center;
}
#whatsPage #subContents ul.icon_list li{
margin:0 6px;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
}

/*******************************
	flowPage
*******************************/
#flowPage #subContents{
background:url(../img/smoke.gif) right top no-repeat;
}
#flowPage ol{
margin:30px 0 40px 40px;
padding:0;
list-style:none;
text-indent:-9999px;
width:474px;
height:90px;
background:url(../img/flow_img.gif) left top no-repeat;
}

/*******************************
	pricePage
*******************************/
#pricePage #subContents{
background:url(../img/smoke.gif) right top no-repeat;
}
#pricePage table{
margin:20px auto 40px auto;
padding:0;
font-size:120%;
}
#pricePage table tr th{
margin:0;
padding:0;
width:120px;
height:32px;
color:#ffffff;
}
#pricePage table tr td{
margin:0;
padding:10px 0;
text-align:center;
border-bottom:1px dashed #838383;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#pricePage table tr th.l_number{
background:url(../img/chargelist_th_bg.jpg) left top no-repeat;
}
#pricePage table tr th.l_deliverydate,
#pricePage table tr th.l_charge{
background:url(../img/chargelist_th_bg.jpg) top no-repeat;
}
#pricePage table tr th.l_unitprice{
background:url(../img/chargelist_th_bg.jpg) right top no-repeat;
}

/*******************************
	faqPage
*******************************/
#faqPage dl dt{
margin:0 0 5px 0;
padding:0 20px 0 0;
font-size:167%;
font-weight:bold;
color:#5DC7DB;
}#faqPage dl dt span.question{
margin:0 5px 0 0;
padding:0;
font-size:150%;
font-family:Arial, Helvetica, sans-serif;
}
#faqPage dl dd.balloon{
margin:0 0 30px 0;
padding:0;
width:582px;
background:url(../img/faq_baloon_bg.gif) left top repeat-y;
}
#faqPage dl dd.balloon p{
margin:0;
padding:0 15px 20px 15px;
width:552px;
background:url(../img/faq_baloon_footer.gif) left bottom no-repeat;
}
#faqPage dl dd.balloon p.answer{
margin:0;
padding:30px 15px 0 15px;
width:552px;
background:url(../img/faq_baloon_header.gif) left top no-repeat;
font-size:167%;
font-weight:bold;
color:#FF6799;
font-family:Arial, Helvetica, sans-serif;
}

/*******************************
	autoestimatePage
*******************************/
#autoestimatePage #subContents{
background:url(../img/smoke.gif) right top no-repeat;
}
#autoestimatePage form{
margin:0 auto;
padding:0;
width:500px;
}
#autoestimatePage form dl{
margin:0 auto 10px auto;
padding:0;
width:400px;
clear: both;
}
#autoestimatePage form dl dt{
float:left;
margin:0;
padding:0;
font-size:120%;
color:#333333;
}
#autoestimatePage form dl dt{
width:140px;
}
#autoestimatePage form dl.cms dt,
#autoestimatePage form dl.discount dt,
#autoestimatePage form dl.publishing dt{
float:right;
width:370px;
}
#autoestimatePage form dl.cms dd,
#autoestimatePage form dl.discount dd,
#autoestimatePage form dl.publishing dd{
width:20px;
text-align:right;
}
#autoestimatePage.form dl.cms dt,
#autoestimatePage.form dl.discount dt,
#autoestimatePage.form dl.publishing dt{
float:none;
width:auto;
}
#autoestimatePage.form dl.cms dd,
#autoestimatePage.form dl.discount dd,
#autoestimatePage.form dl.publishing dd{
width: auto;
text-align: left;
}
#autoestimatePage form dl.remarks dt{
float:none;
}
#autoestimatePage form dl.remarks dd textarea{
padding:5px;
width:300px;
font-size:100%;
}
#autoestimatePage form p{
margin:0 0 20px 0;
padding:0;
font-size:200%;
font-weight:bold;
color:#333333;
}
#autoestimatePage #result{
margin:20px auto 30px auto;
padding:0;
width:400px;
}
#autoestimatePage #result p span.totalprice,
#autoestimatePage #result p span.expecteddate{
margin:0;
padding:0 0 0 5px;
font-size:160%;
font-weight:bold;
color:#FF6699;
font-family:Arial, Helvetica, sans-serif;
}
#autoestimatePage.form div#contents p{
margin-bottom:1em;
}
#autoestimatePage .attention{
font-weight: bold;
color: #f00;
}

/*worksPage*/
#worksPage img.thumb{
	float:left;
	margin:1em;
}

#worksPage h4{
	clear:both;
}