@charset "Shift_JIS";

@import url(shop.css);

html,body,p,h1,h2,h3,h4,h5,h6,form,input{margin: 0; padding :0;}
html{height: 100%; background: url(../img/bg_all.gif) left top repeat-x #f2f2f2;}

a,img{border: 0;}
.ic{vertical-align: middle;}
.backTop{text-align: right; padding: 5px 0; font-size: 11px; clear: both;}


/*Layout*/
body{
margin: 0;
padding: 0;
color:#555;
font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ ゴシック",sans-serif;
font-size: small;
line-height: 1.5;
background: url(../img/bg.gif) left bottom repeat-x #fff;}

.left{float:left;}
.right{float:right;}
.clear{clear: both;}
.l{text-align: left;}
.r{text-align: right;}
.c{text-align: center;}

div#container{width: 910px; margin: 0 auto;}

* html div#content{zoom: 100%;}
div#content{zoom: 100%;}
div#content:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}

div#main{width: 880px; margin: 0 auto;}

/*sidebar right*/
div#main_l{width: 724px; float: left;}
div#sidebar_r{width: 184px; float: right;}

/*sidebar left*/
div#main_r{width: 724px; float: right;}
div#sidebar_l{width: 184px; float: left;}


/*Font*/
a:link{color:#333;outline: none;}
a:visited{color:#333;outline: none;}
a:hover{color:#c03;outline: none;}
a img{outline: none;}
.red{color: #f00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}

/*Bottun*/
input.btn{background-color: #333; color: #fff; padding: 1px 10px; border-bottom: solid 2px #000; border-right: solid 2px #000;}

/*Table*/
table.tb{border: solid 1px #ccc; border-collapse: collapse; width: 100%;}
table.tb th{border: solid 1px #ccc; background-color: #eee; padding: 5px; text-align: left;}
table.tb td{border: solid 1px #ccc; background-color: #fff; padding: 5px;}

table.ntb{border: solid 1px #ccc; border-collapse: collapse; width: 100%;}
table.ntb th{border: solid 1px #ccc; background-color: #fff; padding: 5px; text-align: left;}
table.ntb td{border: solid 1px #ccc; background-color: #eee; padding: 5px;}

/*Form*/
input:focus{background-color: #fffdec;}
input.txt{padding: 3px;}




/*------------header------------*/
h1{font-size:11px; font-weight: normal; color:#777;}
div#header{margin: 3px auto 2px auto; padding: 0 0 11px 0; width: 910px; position: relative; background: url(../img/li.gif) bottom no-repeat #fff;}
div#header p{ position: absolute; top: -19px; right: 15px; font-size:11px;}
div#header p a{text-decoration:none; color:#777;}
div#header p a:hover{text-decoration:none; color:#c03;}

/*contents navigation*/
div#header ul#navigation
{margin: 0; padding: 0; width: 782px; height: 41px; position: absolute; top: 20px; right: 0;}
div#header ul#navigation li{float: left; list-style-type: none;}
div#header ul#navigation a{height: 0; padding-top: 41px; overflow: hidden; background-image: url(../img/navi.png); background-repeat: no-repeat; display: block;}

/*bottons*/
div#header ul#navigation li#top a{width: 140px; background-position: 0 0;}
div#header ul#navigation li#onlineshop a{width: 132px; background-position: -140px 0;}
div#header ul#navigation li#news a{width: 122px; background-position: -272px 0;}
div#header ul#navigation li#topics a{width: 88px; background-position: -394px 0;}
div#header ul#navigation li#press a{width: 84px; background-position: -482px 0;}
div#header ul#navigation li#shop a{width: 109px; background-position: -566px 0;}
div#header ul#navigation li#contact a{width: 107px; background-position: -675px 0;}
/*bottons over*/
div#header ul#navigation li#top a:hover{background-position: 0 -40px;}
div#header ul#navigation li#onlineshop a:hover{background-position: -140px -40px;}
div#header ul#navigation li#news a:hover{background-position: -272px -40px;}
div#header ul#navigation li#topics a:hover{background-position: -394px -40px;}
div#header ul#navigation li#press a:hover{background-position: -482px -40px;}
div#header ul#navigation li#shop a:hover{background-position: -566px -40px;}
div#header ul#navigation li#contact a:hover{background-position: -675px -40px;}

/*sub navigation*/
div#header ul#snavi
{margin: 0; padding: 0; width: 292px; height: 22px; position: absolute; top: 0; right: 0;}
div#header ul#snavi li{float: left; list-style-type: none;}
div#header ul#snavi a{height: 0; padding-top: 22px; overflow: hidden; background-image: url(../img/h_snavi.gif); background-repeat: no-repeat; display: block;}

/*bottons*/
div#header ul#snavi li#catalog a{width: 100px; background-position: 0 0;}
div#header ul#snavi li#mail a{width: 97px; background-position: -100px 0;}
div#header ul#snavi li#sitemap a{width: 95px; background-position: -197px 0;}
/*bottons over*/
div#header ul#snavi li#catalog a:hover{background-position: 0 -22px;}
div#header ul#snavi li#mail a:hover{background-position: -100px -22px;}
div#header ul#snavi li#sitemap a:hover{background-position: -197px -22px;}

/*print FireFox*/
@media print{
html>/**/body div#header ul#navigation{display: none;}
html>/**/body div#header ul#snavi{display: none;}
}


/*------------header[end]------------*/

/*------------footer------------*/
div#footer{background: url(../img/li.gif) top no-repeat; margin: 10px 0 0 0; padding: 10px 0; text-align: right; clear: both;}
div#footer p#link{font-size: 90%; padding: 5px 0 0 0;}
div#footer p#copy{font-size: 10px;}
/*------------footer[end]------------*/




/*------------toppage------------*/
div.toppage{background: url(../img/top_btn_bgb.gif) right bottom no-repeat;}

/*right btn*/
ul#mainshop{margin: 0;  padding: 0 0 10px 0; list-style-type: none; background-color: #fff;}
ul#mainshop li{margin: 0; padding: 0; list-style-type: none; display: inline;}
ul#mainshop li img{ padding: 0 0 2px 0;}

div#top_btn{background: url(../img/top_btn_bg.gif) left top no-repeat;}
div#top_btn ul{margin: 0; padding: 0;}
div#top_btn li{list-style-type: none; margin: 0 0 15px 0; font-size: 12px;}
* html div#top_btn li{list-style-type: none; margin: 0 0 -5px 0; font-size: 12px; line-height:1.5;}
div#top_btn li span{display: block; line-height: 1.2; width: 155px; margin: 0 auto;}
div#top_btn li span.catalogtxt{margin: -33px 0 0 75px; width: 100px;}
div#top_btn a:link{color:#555; text-decoration: none;}
div#top_btn a:visited{color:#555; text-decoration: none;}
div#top_btn a:hover{color:#c00; text-decoration: none;}



/*main image*/
div#mainimage{
	width: 724px;
	position: relative;

}
div#mainimage p#onlinecatalog{position: absolute; top: 75px; left: 5px;}
div#mainimage p#onlinecatalog a{outline:none;}

/*news & topics title*/
.toph {width: 718px; height: 31px; text-align: right;}
.toph a:link{color:#777; text-decoration: none;}
.toph a:visited{color:#777; text-decoration: none;}
.toph a:hover{color:#c03; text-decoration: underline;}
.toph strong{display: block; padding: 10px 5px 0 0; font-weight: normal; font-size:10px;}
* html .toph strong{letter-spacing: 0.1em;display: block; padding: 10px 5px 0 0; font-weight: normal; font-size:10px;}

/*news*/
div#top_news p#watsnew{background: url(../img/top_h_new.gif) left top no-repeat;}
div#top_news dl{margin: 0; padding: 3px 0; background: url(../img/bg_dod.gif) left bottom repeat-x; zoom: 100%;}
div#top_news dl:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
/*date*/
div#top_news dt{margin: 0; padding: 5px; float: left; color: #b89c59;  font-size: 90%;}
* html div#topnews dt{margin: 0; padding: 5px; float: left; color: #b89c59;  font-size: 100%;}
/*contents*/
div#top_news dd{margin: 0 0 0 80px; padding: 5px; width: 620px; color:#555; font-size: 90%;}
div#top_news dd img{float: left; padding: 0 5px;}


/*bunner_shop*/
.bn{margin: 0 8px; padding: 0 0 3px 0;}
div#bn_shop p#bn_shopb{background: url(../img/top_h_voice.gif) left top no-repeat;}
div#bn_shop{width: 718px; margin: 3px 0; padding: 0;}
div#bn_shop_in{width: 718px; background: url(../img/bg_718b.gif) left bottom no-repeat #fff; padding: 8px 0 10px 0;}
div#bn_shop_in img{padding: 0 0 0 4px;}
/*div#bn3{width: 718px; height: 94px; margin: 5px 0; padding: 8px 0 0 0; background: url(../img/bg_718b.gif) left top no-repeat;}
div#bn3_in{width: 718px; margin: 0; padding: 0; background-color: #fff;}
div#bn3_in img{padding: 0 0 0 4px;}*/

/*bunner_commu*/
div#bn_commu p#bn_commub{background: url(../img/top_h_commu.gif) left top no-repeat;}
div#bn_commu{width: 718px; margin: 3px 0; padding: 0;}
div#bn_commu_in{width: 718px; background: url(../img/bg_718b.gif) left bottom no-repeat #fff; padding: 8px 0 10px 0;}
div#bn_commu_in img{padding: 0 0 0 4px;}


/*topics*/
div#top_topics{margin: 16px 0 0 0;}
div#top_topics p#topicsb{background: url(../img/top_h_topics.gif) left top no-repeat;}
div#top_topics_in{width: 718px; background: url(../img/bg_718b.gif) left bottom no-repeat #fff; padding: 8px 0 10px 0;}
div#top_topics img{padding: 0 0 0 4px;}
/*------------toppage[end]------------*/



/*download------------------*/
div.download div.howto{border:solid 2px #ccc; padding:5px; background-color:#FEFBEF; padding: 5px 20px;}
div.download td{width: 220px; border-bottom: dotted 1px #ccc;}
div.download td img.wall{padding: 3px; background-color: #fff; border: solid 1px #ccc;}
div.download td img{vertical-align: middle;}
/*download[end]-------------*/

/*sitemap------------------*/
div.sitemap div{width: 440px;}
div.sitemap div ul{margin: 0;}
div.sitemap div li{padding: 8px 0; border-bottom: dotted 1px #ccc; list-style-type: none;}
div.sitemap div ul.listin li{padding: 3px 0; border: none; list-style-type: disc;}
/*sitemap[end]-------------*/

/*link------------------*/
div.link p{padding: 10px 0; clear: both; border-top: dotted 1px #ccc;}
div.link p.noline{border:none;} 
div.link img{float: left; padding: 3px; background-color: #fff; border: solid 1px #ccc; margin: 0 5px 5px 0;}
/*link[end]-------------*/

/*company------------------*/
div.com table{width: 100%; border-collapse: collapse;}
div.com th{padding: 5px; width: 200px; border-bottom: solid 1px #ccc;}
div.com td{padding: 5px; border-bottom: solid 1px #ccc;}
/*company[end]-------------*/

/*shoplist------------------*/
p.slink{width: 100%;}
p.slink a{width: 174px; background-color: #f5f5f5; float: left; padding: 5px 0; text-align: center; margin: 0 2px 5px 0}
p.slink a:link{text-decoration: none;}
p.slink a:visited{text-decoration: none;}
p.slink a:hover{text-decoration: none;}

div.shoplist table{clear: both;width: 100%; margin:0; border-collapse: collapse; border: solid 1px #ccc; border-right: solid 2px #888; border-bottom: solid 3px #888;}
div.shoplist td.shopname{width: 180px; background-color: #fff; text-align: center;}
div.shoplist td.shopinfo{width: 470px; background-color: #fff; text-align: center; text-align: left;}
div.shoplist td.shopinfo p{margin: 0 5px 5px 0;}
div.shoplist td.shopinfo span.th{width: 98px; float: right; padding: 0 3px 0 0; margin: 3px 4px 0 0; height: 182px; background-color: #eee;}
div.shoplist td.shopinfo img.sphoto{float: left; padding: 5px 5px 5px 5px;}
div.shoplist td.shopmap{width: 230px; background-color: #f3eede; text-align: center;}
/*shoplist[end]-------------*/


/*guide---------------------*/
div.guidepage{background: url(../img/bg_lid.gif) left top repeat-y; padding: 0 0 0 10px; min-height: 520px; height: auto !important; height: 520px; color: #333; font-size: 100%;}
div.guideinfo{background: url(../img/bg_lid.gif) left top repeat-y; padding: 0 0 0 10px; min-height: 520px; height: auto !important; height: 520px; color: #333; font-size: 100%;}
div.guidepage h3{ background-color: #f3eede; margin: 5px 0; padding: 3px 5px; border: solid 1px #777; border-bottom: solid 2px #777;}
div.guideinfo h3{ background-color: #ecf3f4; margin: 5px 0; padding: 3px 5px; border: solid 1px #777; border-bottom: solid 2px #777;}
div.guideinfo thead td{border-bottom: solid 3px #ccc;}
div.guideinfo th{width: 160px;}
div.guideinfo col.bunrui{width: 80px;}
div.guideinfo h4{background-color: #f5f5f5; border-bottom:solid 2px #555; padding: 3px 5px;}

.number{background-color: #555; padding:3px 5px 3px 5px; color:#fff; font-weight:bold; margin:3px;}
.cap{margin-bottom:5px; font-weight:bold;}
.qa{margin-top:20px;}
.q{vertical-align:middle; float:left;}
.a{vertical-align:middle; float:left;}
div#syouhyou p{margin: 10px 0 0 10px; border-bottom: solid 1px #ccc;}
ul#guide_menu {margin: 5px 0 0 0; padding: 0; list-style-type: none; font-size: 12px;}
ul#guide_menu li{margin: 0 0 0 10px; padding: 3px 5px; border-bottom: solid 1px #ccc;}
ul#guide_menu a:link{text-decoration: none;}
ul#guide_menu a:visited{text-decoration: none;}
ul#guide_menu a:hover{text-decoration: none;}
 li.customer{background-color: #555; color: #fff7cd;}
 li.infomation{background-color: #555; color: #cceff2;}
div.browser p{margin: 20px 0;}
/*guide[end]---------------*/




/*----png----*/
img.png{behavior: url(img/png.htc);}