@charset "utf-8";
@import url("reset.css");
@import url("structure.css");

/*====================================================
------------------------------------------------------
	 /  ID:home
------------------------------------------------------
====================================================*/
.viewer { margin: 0 auto; width: 730px; height: 395px; text-align: left; overflow: hidden;}
.viewer ul { width: 730px; height: 395px; text-align: left; overflow: hidden;  position: relative;}
.viewer ul li { top: 0; left: 0; width: 730px;  height: 395px; display: none; position: absolute;}

#home #areaB section dt { display: block; width:452px; height: 100px; background: url(../images/home/bgDt.png) 0 0;text-indent: -9876em;}




/*====================================================
------------------------------------------------------
	 /  ID:three  /threepiece/
------------------------------------------------------
====================================================*/
#three h2 { background: url(../images/threepiece/bgH2.jpg) 0 0;}

/*====================================================
------------------------------------------------------
	 /  ID:order  /order/
------------------------------------------------------
====================================================*/
#order h2 { background: url(../images/order/bgH2.jpg) 0 0;}
#order img.dummy { display: none;}

#order #areaB section dl { zoom: 1;}
#order #areaB section dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#order #areaB section dd { background: #fff;}
#order #areaB section ul { list-style: none; font-size: 12px; padding: 0 5px 5px 5px; }
#order #areaB section ul li { display: block; zoom: 1; padding: 0; margin: 0; line-height: 160%;}
#order #areaB section ul li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#order #areaB section ul li span { display: block; width: 60px; float: left; border: none; padding: 0; margin: 0;}


/*====================================================
------------------------------------------------------
	 /  ID:original01  /original01/
------------------------------------------------------
====================================================*/
#original01 h2 { background: url(../images/original01/bgH2.jpg) 0 0;}
#original01 h3 { width: 730px; height: 60px; background: url(../images/original01/bgH3.png) 0 0; text-indent: -9876em;}
#original01 #areaB section dt { display: block; width:452px; height: 50px; text-indent: -9876em;}
#original01 #areaB section dt.dt_01 { background: url(../images/original01/bgDt_01.png) 0 0;}
#original01 #areaB section dt.dt_02 { background: url(../images/original01/bgDt_02.png) 0 0;}
#original01 #areaB section dt.dt_03 { background: url(../images/original01/bgDt_03.png) 0 0;}
#original01 #areaB section dt.dt_04 { background: url(../images/original01/bgDt_04.png) 0 0;}



/*====================================================
------------------------------------------------------
	 /  ID:original02  /original02/
------------------------------------------------------
====================================================*/
#original02 h2 { background: url(../images/original02/bgH2.jpg) 0 0;}
#original02 #areaB section dt { display: block; width: 452px; height: 50px; text-indent: -9876em;}
#original02 #areaB section dt.dt_01 { background: url(../images/original02/bgDt_01.png) 0 0;}
#original02 #areaB section dt.dt_02 { background: url(../images/original02/bgDt_02.png) 0 0;}

/*====================================================
------------------------------------------------------
	 /  ID:original03  /original03/
------------------------------------------------------
====================================================*/
#original03 h2 { background: url(../images/original03/bgH2.jpg) 0 0;}
#original03 #areaB section dt { display: block; width: 452px; height: 50px; text-indent: -9876em;}
#original03 #areaB section dt.dt_01 { background: url(../images/original03/bgDt.png) 0 0;}


/*====================================================
------------------------------------------------------
	 /  ID:flow  /flow/
------------------------------------------------------
====================================================*/
#flow h2 { background: url(../images/flow/bgH2.jpg) 0 0;}
#flow #areaB section dt { display: block; width: 452px; height: 50px; text-indent: -9876em;}
#flow #areaB section dt.dt_01 { background: url(../images/flow/bgDt_01.png) 0 0;}
#flow #areaB section dt.dt_02 { background: url(../images/flow/bgDt_02.png) 0 0;}
#flow #areaB section dt.dt_03 { background: url(../images/flow/bgDt_03.png) 0 0;}
#flow #areaB section dt.dt_04 { background: url(../images/flow/bgDt_04.png) 0 0;}
#flow #areaB section dt.dt_05 { background: url(../images/flow/bgDt_05.png) 0 0;}
#flow #areaB section dt.dt_06 { background: url(../images/flow/bgDt_06.png) 0 0;}
#flow #areaB section dt.dt_07 { background: url(../images/flow/bgDt_07.png) 0 0;}
#flow section table { border-top: 1px dotted #ccc; margin: 0 0 10px 0;}
#flow section td { text-align: right;}

/*====================================================
------------------------------------------------------
	 /  ID:company  /company/
------------------------------------------------------
====================================================*/
#company h2 { background: url(../images/company/bgH2.jpg) 0 0;}



/*====================================================
------------------------------------------------------
	 /  ID:quote  /quote/
------------------------------------------------------
====================================================*/
#quote h2 { background: url(../images/quote/bgH2.jpg) 0 0;}

#quote form#mailformpro dl { zoom:1;}
#quote form#mailformpro dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#quote form#mailformpro span { border: none; padding: 0 .5em;}
#quote form#mailformpro ol,#quote form#mailformpro li, #quote form#mailformpro ul { padding: 0; margin: 0;}

/*====================================================
------------------------------------------------------
	 /  ID:contact  /contact/
------------------------------------------------------
====================================================*/
#contact h2 { background: url(../images/contact/bgH2.jpg) 0 0;}

#contact form#mailformpro dl { zoom:1;}
#contact form#mailformpro dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#contact form#mailformpro span { border: none; padding: 0 .5em;}
#contact form#mailformpro ol,#contact form#mailformpro li, #contacte form#mailformpro ul { padding: 0; margin: 0;}

/*====================================================
------------------------------------------------------
	 /  ID:pp  /privacypolicy/
------------------------------------------------------
====================================================*/
#pp h2 { background: url(../images/privacypolicy/bgH2.jpg) 0 0;}

#pp section dl { border-bottom: 2px dotted #ccc; padding: 0 0 15px 0; margin: 15px 0 0 0; font-size: 12px;}
#pp section dt { background: #f2f2f2; font-weight: bolder; padding: .3em 0; margin: 0 0 5px 0; text-indent: 2em; letter-spacing: .1em;}
#pp section dd { padding: 0 15px;}

#pp section dd ol { padding: 0 0 0 20px;}
#pp section dd ol li { padding: 0 0 .5em 0;}
#pp section dd ol li ol { list-style-type: lower-roman; margin: 5px 0 0 0;}

/*====================================================
------------------------------------------------------
	 /  ID:law  /law/
------------------------------------------------------
====================================================*/
#law h2 { background: url(../images/law/bgH2.jpg) 0 0;}

#law section dl { border-bottom: 2px dotted #ccc; padding: 0 0 15px 0; margin: 15px 0 0 0; font-size: 12px;}
#law section dt { background: #f2f2f2; font-weight: bolder; padding: .3em 0; margin: 0 0 5px 0; text-indent: 2em; letter-spacing: .1em;}
#law section dd { padding: 0 15px;}
#law section dd ul { list-style: none;}
#law  section table { border-top: 1px dotted #ccc; margin: 0 0 10px 0;}
#law section table.postage td { text-align: right;}