@charset "Shift_JIS";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}

html, body {
margin: 0;
padding: 0;
font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}


table, caption, th, td {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, images, object, iframe {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/
body {
height:100%;
}
html {
height:100%;
}

#contentsWrap {
width:967px;
margin: 0 auto;
height:auto;
z-index:-1;
}

#contentsWrap:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}




/*　コンテンツ共通
----------------------------------*/
#contentsBox {
width:967px;
height:auto;
}

#contentsBox:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

#contents {
display:inline;
/*	float:right;*/
width:770px;
float: left;
margin-left: 18px;
}

#contentsBox h1{
width:179px;
height:50px;
background: url("../images/h1_logo.gif") no-repeat;
text-indent: -9999px;
}

/*廻り込み解除BOXここから*/
.clr:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clr {
display:inline-table;
min-height:1%;
}

* html .clr {
height:1px;/*Mac IE　には適用されない*/
}
.clr {
display:block;
}
/*廻り込み解除BOXここまで*/


/*　商品ページ共通
----------------------------------*/
.indexBox {
width:770px;
height:auto;
font-size: 80%;
line-height: 140%;
}

.indexBox:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.indexBoxLeft {
width:300px;
float:left;
}

.indexBoxRight {
width:450px;
margin:0 0 0 20px;
padding:0;
float:right;
}

.indexBoxHalfLeft {
width:376px;
margin:0;
padding:0;
float:left;
}

.indexBoxHalfRight {
width:376px;
margin:0;
padding:0;
float:right;
}

.indexBoxHalfText150 {
width:216px;
margin:0;
padding:0;
float:left;
}

.indexBoxHalfPhoto150 {
width:150px;
margin:0;
padding:0;
float:right;
}

.indexBoxHalfText100 {
width:266px;
margin:0;
padding:0;
float:left;
}

.indexBoxHalfPhoto100 {
width:100px;
margin:0;
padding:0;
float:right;
}

a.btn_details {
margin:10px 0 0 0;
padding:0;
display: block;
width: 140px;
height: 30px;
text-indent: -9999px;
background:url("../images/btn_details.gif") no-repeat ;
}

a.btn_details:hover {
background-position: 0 -30px;
}

.detailsBox {
width:770px;
height:auto;
font-size: 80%;
line-height: 140%;
margin:15px 0 0 0;
padding:0;
}

.detailsBox:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.detailsBox h3,
.detailsBox p {
margin:0 0 10px 0;
padding:0;
}


.detailsBox h4 {
font-weight:bold;
margin:0 0 10px 0;
}
.halfLeft {
width:376px;
height:auto;
float:left;
}

.halfRight {
width:376px;
height:auto;
float:right;
}

.quarterLeft {
width:179px;
height:auto;
float:left;
}

.quarterRight {
width:179px;
height:auto;
float:right;
}

.three {
width:244px;
height:auto;
float:left;
margin:0 19px 0 0;
}

.threeLast {
width:244px;
height:auto;
float:left;
margin:0 0 0 0;
}

.six {
width:114px;
height:auto;
float:left;
margin:0 16px 0 0;
text-align:center;
}

.sixLast {
width:114px;
height:auto;
float:left;
margin:0 0 0 0;
text-align:center;
}

.quarterRight {
width:179px;
height:auto;
float:right;
}

.productsBox {
width:770px;
height:auto;
font-size: 80%;
line-height: 140%;
margin:25px 0 0 0;
padding:0;
background-color:#FFF;
}

.productsBoxLine {
width:770px;
height:auto;
font-size: 80%;
line-height: 140%;
margin:25px 0 0 0;
padding:10px 0 0 0;
background-color:#FFF;
border-top: 1px solid #cccccc;
}

.productsBox:after,
.productsBoxLine:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.productsBox h4,
.productsBoxLine h4{
font-weight:bold;
margin:10px 0 0 0;
}

.productsFour {
width:179px;
height:auto;
margin:0 18px 0 0;
padding:0;
float:left;
}

.productsFourLast {
width:179px;
height:auto;
margin:0 0 0 0;
padding:0;
float:left;
}

.productsTwo {
width:376px;
height:auto;
margin:0 0 0 0;
padding:0;
float:left;
}

.procedureSix {
width:120px;
height:auto;
margin:0 10px 0 0;
padding:0;
float:left;
font-size: 85%;
line-height: 140%;
}

.procedureSixLast {
width:120px;
height:auto;
margin:0 0 0 0;
padding:0;
float:left;
font-size: 85%;
line-height: 140%;
}

#fdNaviArea{
width:770px;
margin: 15px 0 0 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #cccccc;
font-size: 80%;
line-height: 140%;
vertical-align:top;
}

#fdNaviAreaLeft{
width:385px;
margin: 0;
padding: 0;
float:left;
text-align:left;
}

#fdNaviAreaRight{
width:385px;
margin: 0;
padding: 0;
float:right;
text-align:right;
}

#fdNaviTop{
width:770px;
margin: 5px 0 10px 0;
padding: 0;
font-size: 80%;
line-height: 140%;
text-align:right;
}