/* CSS Document */

body, h1, h2, h3, h4, p, ul, li, table, td, th, input{
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight:normal;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul, li{
list-style:none;
}
 img {
border: none;
vertical-align: top;
} 
body{
background:url(../img/bg.gif) repeat;
}
#wrap{
width:798px;
border-left:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;
margin:0 auto;
background-color:#FFFFFF;
font-size:12px;
line-height:20px;
}

#header{
background-color:#F0F0F0;
font-size:12px;
padding:5px 10px;
}
#headerlogo{
float:left;
padding:11px 0 7px 25px;
}
#headerjiads{
float:left;
padding:9px 0 0 146px;
}
#headerInfo{
text-align:right;
float:right;
padding:11px 10px 0 0;
}
#headerInfo p{
padding:0px 0px 5px 0px;
font-size:14px;
}
#info{
margin-bottom:4px;
}

#navi{
height:40px;
width:798px;
padding:0px 0px 0px 0px;
}
#navi li{
float:left;
line-height:40px;
}

#navi_line{
height:18px;
background:url(../img/navi_bottom.gif) repeat-x;
}

#contents{
width:798px;
border-top:0px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
background:url(../img/navi_bg.jpg) bottom left no-repeat;
}

#leftside{
width:216px;
float:left;
}
#kaiin{
background:#B89E78 url(../img/kaiin_bg.jpg) left 83px repeat-x;
}
#kaiin_id img{
display:block;
float:left;
padding-left:15px;
}
#kaiin_id input{
height:18px;
width:148px;
}
#kaiin_pw{
clear:left;
}
#kaiin_pw img{
display:block;
float:left;
padding-left:15px;
}
#kaiin_pw input{
height:18px;
width:148px;
}

#kaiin_login{
clear:left;
text-align:right;
padding:13px 17px 6px 0;
}

ul.side_navi,ul.side_navi02{
padding:0;
margin:0;

}

ul.side_navi li{
padding:5px 0px 5px 8px ;
margin:0;
border-bottom:1px dotted #7F7F7F;
text-indent: -1.0em;
margin-left: 1.4em;
}

ul.side_navi02 li{
padding:0px 0px 5px 8px ;
margin:5px 0px 0px 0px ;
border-bottom:1px dotted #7F7F7F;
text-indent: -1.0em;
margin-left: 1.4em;
}

ul.side_navi li a{
padding:0px 0px 0px 20px ;
margin:0;
background:url(../img/arrow01.gif) no-repeat 0px 0px;
}

ul.side_navi02 li a{
padding:0px 0px 0px 20px ;
margin:0;
background:url(../img/arrow01.gif) no-repeat 0px 1px;

}

.bread{
padding:0px 25px 0px 25px;
margin:10px 0px 0px 0px;
width:530px;
}


ul.side_subnavi{
padding:0px 0px 0px 0px ;
margin:0;
}

ul.side_subnavi li{
padding:5px 0px 5px 27px ;
margin:0px 0px 0px 0px ;
border-bottom:1px dotted #7F7F7F;
text-indent: -1.0em;
margin-left: 1.4em;
}

ul.side_subnavi li a{
padding:0px 0px 0px 10px ;
margin:0px 0px 0px 0px ;
background:url(../img/arrow02.gif) no-repeat 0px 5px;
}

.blue{color:#3D4AA9;}
.red{color:#FF0000;}

ul.box_img{
padding:0;
margin:0px 0px 0px 0px ;
}

ul.box_img li{
float:left;
padding:0;
margin:0px 20px 0px 0px ;
}

ul.box_img li.none{
float:left;
padding:0;
margin:0px 0px 0px 0px ;
}

.left_navi{
margin-bottom:0px;
}
.left_box{
margin:10px 10px;
}
.left_box02{
margin:0px 10px 10px 0px;
}

#qr{
float:left;
width:82px;
height:82px;
margin-right:7px;
}

ul.banner{
padding:0;
margin:0px 0px 10px 0px ;
}

ul.banner li{
padding:0px 0px 5px 0px ;
margin:0px;
}


#rightside{
float:left;
width:580px;
border-left:1px solid #BDBDBD;
}
#catch_top{
margin:16px 0 18px 16px;
}
#catch_top02{
margin:16px 0 18px 16px;
}

#catch{
margin:10px 0 18px 16px;
}
h2.news_tl{
background:url(../img/tl01.jpg) no-repeat;
height:35px;
margin-left:16px;
padding:10px 0 0 19px;
width:531px;
margin-bottom:11px;
font-size:16px;
}
ul.news{
padding:0px 0px 10px 0px ;
margin:0px 0px 10px 0px ;
border-bottom:1px dotted #7F7F7F;
}
.news li{
clear:left;
}
.news_seihin, .news_setumei, .news_sonota{
float:left;
width:57px;
color:#FFFFFF;
text-align:center;
font-size:12px;
line-height:20px;
}
.news_date{
float:left;
padding:0 10px;
}
.news_text{
padding:0;
margin:0;
}
.news_seihin{
background-color:#DF790E;
}
.news_setumei{
background-color:#7CBD27;
}
.news_sonota{
background-color:#2D4788;
}

#seminar{
width:528px;
border:1px solid #BDBDBD;
margin-left:26px;
margin-bottom:48px;
}
#seminar_ph{
float:right;
}
.read_more{
background:url(../img/icon_detail.gif) no-repeat;
float:right;
padding-left:15px;
margin-top:3px;
margin-bottom:3px;
line-height:16px;
}
#seminar_tx{
width:345px;
margin:8px;
}

h2.tl02{
background:url(../img/tl02.jpg) no-repeat;
height:35px;
width:531px;
margin-left:16px;
padding:10px 0 0 19px;
margin-bottom:11px;
font-size:16px;
}
h3.stl{
margin-left:25px;
padding:8px 0 0 18px;
background:url(../img/stl01.jpg) no-repeat;
width:512px;
height:35px;
font-size:14px;
}
.stl_cont{
width:530px;
margin-left:25px;
}
.stl_tx{
width:350px;
}
.stl_ph{
float:right;
}
.cont_box{
padding-bottom:40px;
}
.lineup_box{
margin:14px 0px 0px 25px;
padding:0px 0px 10px 0px ;
}

.lineup{
width:170px;
float:left;
margin-right:9px;
}
.lineup_bk{
background:url(../img/lineup_bk.jpg) no-repeat;
width:170px;
height:182px;
border:0px solid #BDBDBD;
float:left;
margin-right:9px;
}

.lineup_bk02{
background:url(../img/lineup_bk02.jpg) no-repeat;
width:170px;
height:194px;
border:0px solid #BDBDBD;
float:left;
margin-right:9px;
}

.lineup_img{
margin:0px 0px 10px 8px;
text-align:center;
}

.lineup01{
background:url(../img/lineup01.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup02{
background:url(../img/lineup02.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup03{
background:url(../img/lineup03.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup04{
background:url(../img/lineup04.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup05{
background:url(../img/lineup05.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup06{
background:url(../img/lineup06.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup07{
background:url(../img/lineup07.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup08{
background:url(../img/lineup08.jpg) no-repeat;
width:170px;
height:179px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup_bk02 h4,.lineup_bk_option03 h4,.lineup_bk_option02 h4,.lineup_bk_option01 h4,.lineup_bk h4,.lineup01 h4,.lineup02 h4,.lineup03 h4,.lineup04 h4,.lineup05 h4,.lineup06 h4,.lineup07 h4,.lineup08 h4{
margin:3px 14px 5px 14px;
line-height:1.3em;
}
.lineup_ph{
margin-left:9px;
}
.lineup_bk02 p,.lineup_bk_option03 p,.lineup_bk_option02 p,.lineup_bk_option01 p,.lineup_bk p,.lineup01 p,.lineup02 p,.lineup03 p,.lineup04 p,.lineup05 p,.lineup06 p,.lineup07 p,.lineup08 p{
margin:0px 10px 0 16px;
font-size:12px;

}


.lineup_bk_option01{
background:url(../product/img/lineup_bk_option01.jpg) no-repeat;
width:123px;
height:115px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
.lineup_bk_option02{
background:url(../product/img/lineup_bk_option02.jpg) no-repeat;
width:123px;
height:130px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}

.lineup_bk_option03{
background:url(../product/img/lineup_bk_option03.jpg) no-repeat;
width:123px;
height:148px;
border:1px solid #BDBDBD;
float:left;
margin-right:9px;
}
#footer{
clear:both;
font-size:12px;
}
#foot_info{
text-align:right;
padding:8px 6px;
border-bottom:1px solid #BDBDBD;
}
#foot_nav{
text-align:center;
padding:8px 6px;
border-bottom:1px solid #BDBDBD;
}
#foot_text{
text-align:center;
padding:8px 6px;
}
#copyright{
background:#313D9A url(../img/copyright_bg.jpg) no-repeat;
text-align:right;
padding:2px 6px;
color:#FFFFFF;
}

.contents_box_left{
float:left;
padding:0px 0px 0px 0px ;
margin:0px 12px 0px 0px ;
width:342px;
}

.contents_box_left p{
padding:10px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}

.contents_box_right{
float:right;
padding:0;
margin:0;
}


.option_box_left{
float:left;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;

}

/*
.top_box{
float:left;
padding:8px 25px 0px 25px ;
margin:0px 0px 0px 0px ;
}

.top_box_right{
float:right;
padding:0;
margin:0px 0px 0px 12px ;
width:196px;
}

.top_box_left{
float:left;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}
*/
.option_box_right{
float:right;
padding:0;
margin:0px 0px 0px 12px ;
width:342px;
}

table.spec{
padding:0px;
margin:0px;
border-top:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;

}

table.spec td{
padding:3px;
margin:0px;
border-bottom:1px solid #BDBDBD;
border-left:1px solid #BDBDBD;
}

table.spec_none{
padding:0px;
margin:0px;
}

table.spec_none td{
padding:0px;
margin:0px;
}

.main{
margin:0px 0 20px 16px;
}

ul.sitemap{
padding:0;
margin:0px 0px 0px 15px ;
}

ul.sitemap li{
padding:0px 10px 0px 0px ;
margin:0;
}

ul.sitemap li.none{
padding:0px 0px 0px 0px ;
margin:0;
}

#contents .contents_box h3.sitemap,
#contents .stl_cont h3.sitemap{
border-bottom:0px solid #BDBDBD;
padding:3px 0px;
margin:0px 0px 5px 0px ;
}

.pagetop{
font-size:12px;
padding:0px 25px 0px 25px;
margin:0px 0px 20px 0px;
width:530px;
text-align:right;
}

.clear {
clear: both;
}
.contents_box:after,
.lineup_box:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}


* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}