@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
#content{
width:920px;
padding:0 10px 0 0;
background:url(../images/all_bg02.gif) repeat-y right top;
}

#leftContent{
position:relative;
float:left;
width:239px;
padding:0 0 300px 0;
}

#rightContent{
float:right;
width:681px;
}

#leftContent .online{
padding:22px 0 0 18px;
}

#leftContent .online h2{
margin:0 0 26px 0;
}

#leftContent .online dl{
margin:0 10px 27px 25px;
padding:0 0 0 9px;
border-left:#EAEAE8 solid 2px;
}

#leftContent .online dl dt{
margin:0 0 7px 0;
}

#leftContent .online dl dd{
margin:0 0 2px 10px;
padding:0 0 0 12px;
line-height:1.6;
background:url(../images/onl_l_set_icn01.gif) no-repeat left 7px;
}

#leftContent .online dl .last{
margin:0 0 20px 10px;
}

#leftContent .online dl dd a{
}

#leftContent .online dl dd a.on{
color:#FFCC00;
}

#leftContent .online dl dd a:hover{
color:#FFCC00;
}

#leftContent .online .yShopbox{
width:167px;
margin:0 0 20px 25px;
padding:5px 4px;
border:#F0F0EE solid 5px;
}

#leftContent .online .yShopbox h3{
margin:0 0 10px 0;
}

#leftContent .online .yShopbox .txt{
margin:0 0 10px 5px;
font-size:10px;
line-height:1.4;
}

#leftContent .online .yShopbox .btn{
}

#leftContent .online .banner{
margin:0 0 40px 25px;
padding:0;
list-style:none;
border:none;
}

#leftContent .online .banner dt{
margin:0 0 3px 0;
}

#leftContent .online .banner dd{
margin:0 0 3px 0;
padding:0 0 0 0;
line-height:1;
background:none;
}

#leftContent .online .banner .last{
margin:0 0 8px 0;
}

#leftContent .online .links{
margin:0 0 40px 25px;
list-style:none;
}

#leftContent .online .links li{
margin:0 0 10px 0;
}

#leftContent .online .links li a{
padding:0 0 0 8px;
font-weight:bold;
background:url(../images/onl_l_icn01.gif) no-repeat left center;
}

#leftContent .online .leftFt{
position:absolute;
left:43px;
bottom:0px;
width:180px;
margin:0 0 40px 0;
font-size:10px;
line-height:1.6;
}

#rightContent #onlineHd{
position:relative;
margin:-2px 0 5px 0;
padding:8px 0 3px 9px;
background:#FFCC00;
z-index:9999;
}

#rightContent #onlineHd .onlinenavi{
margin:0 0 3px 0;
list-style:none;
}

#rightContent #onlineHd .onlinenavi li{
float:left;
padding:0 9px 0 0;
}

#rightContent #onlineHd .onlinenavi .li01{
padding:0 45px 0 0;
}

#rightContent #onlineHd .onlinenavi .li02{
padding:0 12px 0 0;
background:url(../images/onl_img01.gif) no-repeat right top;
}

#rightContent #onlineHd .onlinenavi .li03{
padding:0;
}

#rightContent #onlineHd .info{
}

#rightContent #onlineHd .info a{
margin:0 0 0 10px;
}

#rightContent .onlineTop{
}

#rightContent .onlineTop .box1{
width:675px;
background:url(../images/onl_bg02.gif) repeat-y left top;
}

#rightContent .onlineTop .box1 .boxHdBg{
background:url(../images/onl_bg01.gif) no-repeat left top;
}

#rightContent .onlineTop .box1 .boxFtBg{
padding:7px 18px 0 7px;
background:url(../images/onl_bg03.gif) no-repeat left bottom;
}

#rightContent .onlineTop .box1 .mainImage{
float:left;
width:406px;
padding:0 0 8px 0;
}

#rightContent .onlineTop .box1 .yShopbox{
float:right;
width:218px;
padding:9px 0 28px 0;
}

#rightContent .onlineTop .box1 .yShopbox h3{
margin:0 0 7px 0;
}

#rightContent .onlineTop .box1 .yShopbox .txt{
margin:0 0 5px 3px;
font-size:10px;
line-height:1.4;
}

#rightContent .onlineTop .box1 .yShopbox ul{
margin:0 0 6px 0;
list-style:none;
background:url(../images/onl_line02.gif) no-repeat left top;
}

#rightContent .onlineTop .box1 .yShopbox ul li{
padding:3px 0 2px 18px;
background:url(../images/onl_line02.gif) no-repeat left bottom;
}

#rightContent .onlineTop .box1 .yShopbox .btn{
}

#rightContent .onlineTop .box2{
width:675px;
background:url(../images/onl_bg04.gif) repeat-y left top;
}

#rightContent .onlineTop .box2 .boxFtBg{
padding:0 32px 13px 11px;
background:url(../images/onl_bg05.gif) no-repeat left bottom;
}

#rightContent .onlineTop .box2 .leftCont{
float:left;
width:410px;
}

#rightContent .onlineTop .box2 .leftCont h3{
width:393px;
margin:0 0 7px 0;
padding:2px 5px;
background:#F0F0EE;
}

#rightContent .onlineTop .box2 .leftCont .setmenu{
margin:0 0 20px 0;
list-style:none;
}

#rightContent .onlineTop .box2 .leftCont .setmenu li{
float:left;
padding:0 3px 1px 0;
}

#rightContent .onlineTop .box2 .leftCont .mind{
list-style:none;
}

#rightContent .onlineTop .box2 .leftCont .mind li{
font-size:0;
}

#rightContent .onlineTop .box2 .rightCont{
float:right;
width:200px;
}

#rightContent .onlineTop .box2 .rightCont .banner{
margin:0 0 19px 10px;
padding:19px 0 0 0;
list-style:none;
}

#rightContent .onlineTop .box2 .rightCont .whitebox{
width:180px;
margin:0 0 17px 0;
padding:13px 10px;
background:#fff;
}

#rightContent .onlineTop .box2 .rightCont .whitebox h4{
margin:0 0 12px 0;
}

#rightContent .onlineTop .box2 .rightCont .whitebox .txt{
margin:0 0 0 7px;
font-size:10px;
line-height:1.4;
}

#rightContent .onlineTop .box2 .rightCont .whitebox .txt a{
padding:0 13px 0 0;
text-decoration:none;
background:url(../images/onl_icn01.gif) no-repeat right top;
}

#rightContent .onlineTop .box2 .rightCont .whitebox .txt a:hover{
background:url(../images/onl_icn01_on.gif) no-repeat right top;
}

#rightContent .onlineTop .box2 .rightCont .whitebox .txt2{
margin:0 0 15px 7px;
font-size:10px;
line-height:1.4;
}

















.listBox{
width:675px;
background:url(../images/onl_list_bg02.gif) repeat-y;
}

.listBox .hdBg{
background:url(../images/onl_list_bg01.gif) no-repeat left top;
}

.listBox .ftBg{
padding:17px 12px 40px 13px;
background:url(../images/onl_list_bg03.gif) no-repeat left bottom;
}

.listBox h3{
margin:0 0 20px 0;
}

.listBox .box{
position:relative;
width:630px;
margin:0 0 10px 0;
padding:9px 11px 8px 7px;
border:#F0F0EE solid 1px;
}

.listBox .box .img{
float:left;
width:180px;
}

.listBox .box .subject{
float:right;
width:427px;
}

.listBox .box .subject h4{
margin:0 0 10px 0;
padding:4px 0 2px 0;
font-size:16px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
border-bottom:#F0F0EE solid 1px;
}

.listBox .box .subject h4 a{
text-decoration:none;
padding:0 15px 0 0;
background:url(../images/onl_icn02.gif) no-repeat right center;
}

.listBox .box .subject h4 a:hover{
background:url(../images/onl_icn02_on.gif) no-repeat right center;
}

.listBox .box .subject .txt1{
margin:0 0 25px 2px;
line-height:1.6;
}

.listBox .box .subject .txt2{
margin:0 0 5px 2px;
line-height:1.6;
}

.listBox .box .subject .txt2 strong{
font-size:16px;
letter-spacing:0;
}

.listBox .box .subject .txt3{
margin:0 0 40px 2px;
line-height:1.6;
}

.listBox .box .subject .btn{
position:absolute;
right:11px;
bottom:8px;
}

.detailBox{
width:675px;
background:url(../images/onl_list_bg02.gif) repeat-y;
}

.detailBox .hdBg{
background:url(../images/onl_list_bg01.gif) no-repeat left top;
}

.detailBox .ftBg{
padding:30px 31px 40px 36px;
background:url(../images/onl_list_bg03.gif) no-repeat left bottom;
}

.detailBox h3{
margin:0 0 40px 0;
font-size:24px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
letter-spacing:0;
}

.productInfo{
width:608px;
margin:0 0 30px 0;
}

.productInfo .img{
float:left;
width:245px;
}

.productInfo .info{
float:right;
width:350px;
}

.productInfo .info .txt1{
margin:0 0 34px 0;
line-height:1.6;
}

.productInfo .info .formArea{
padding:10px;
line-height:1.6;
border:#F0F0EE solid 1px;
}

.productInfo .info .formArea .txt2{
line-height:1.6;
}

.productInfo .info .formArea .txt3{
margin:0 0 5px 0;
line-height:1.6;
}

.productInfo .info .formArea .sendbtn{
vertical-align:middle;
}

.productInfo .info .formArea select{
padding:2px;
font-size:10px;
}

.contents{
width:580px;
margin:0 0 30px 10px;
background:url(../images/onl_det_line01.gif) no-repeat left top;
}

.contents .box{
width:580px;
padding:10px 0;
background:url(../images/onl_det_line01.gif) no-repeat left bottom;
}

.contents .box .img{
float:left;
width:110px;
}

.contents .box .subject{
float:left;
width:470px;
padding:6px 0 0 0;
font-size:10px;
}

.contents .box .subject strong{
display:block;
margin:0 0 5px 0;
}

.contents .box .subject p{
margin:0 0 10px 0;
line-height:1.4;
}

.productInfo2{
margin:0 0 30px 128px;
}

.productInfo2 .img{
float:left;
width:110px;
}

.productInfo2 .formArea{
float:left;
width:348px;
margin:0 0 34px 0;
padding:15px 10px;
line-height:1.6;
border:#F0F0EE solid 1px;
}

.productInfo2 .formArea .txt2{
line-height:1.6;
}

.productInfo2 .formArea .txt3{
margin:0 0 5px 0;
line-height:1.6;
}

.productInfo2 .formArea .sendbtn{
vertical-align:middle;
}

.productInfo2 .formArea select{
padding:2px;
font-size:10px;
}