/* CSS Document */

body {margin: 0px;padding: 0px;text-align: center;background-color: #fff; color:#000;font: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;}
a:link{color: #03c;text-decoration: none;}
a:visited{color: #609;text-decoration: none;}
a:hover{color: #C33;text-decoration: underline;}
div.clearboth{ clear:both; height:0px; font-size:0px; padding:0; margin:0; line-height:0;}
div.clearborder{clear:both;height:1px;font-size:0;padding:0px;margin:0 2px 5px 2px;line-height:0;background-image: url(../img/dot.gif);}
br.clearboth{clear:both;height:0px;line-height:0;}

h1,h2,h3,ul,li,dl,dt,dd,p,form{margin:0; padding:0;}
li{list-style:none;}
a img{border:none;}



#wrapper{ width:800px; text-align:left; margin:0 auto;}
#header{margin:0.5em 0 10px 0;}
*+html #header{}
#header h1{ font-weight:normal;font-size: 12px;line-height: 1.1;/*\*/_font-size: 84%;/**/}
#header p{ font-weight:normal;font-size: 12px;line-height: 1.1;/*\*/_font-size: 84%;/**/}
#header div.logo{ }
#header div.icon{ float:right;}
#header div.icon img{float:none;}
#header div.icon ul{ text-align:right;margin:0 0 10px 0;font-size: 12px;line-height: 1;/*\*/_font-size: 84%;/**/}
#header div.icon ul li{display:inline; padding:0 0 0 1em;}
div.leftbox{float:left; width:540px}
div.rightbox{float:right; width:250px;}

/*clunb*/
ul.clumb{ margin:3px 0 0 0; padding:0;}
ul.clumb li{display:inline;padding:0 24px 0 0;margin:0;background-image: url(../img/pan.gif);background-repeat: no-repeat;background-position: right center;}
ul.clumb li.off{background:none;}
* html body ul.clumb{ margin:-5px 0 0 0;}

.menu{background:url(../img/dot.gif) repeat-x left bottom; padding:3px; font-size:12px;/*\*/_font-size: 84%;/**/}
.menu img.menuicon { float:left; padding:0 8px 3px 0; vertical-align:middle;}
.menu  ul{}
.menu ul li{ display:inline; padding:0 0.5em 0 0;}
* html body .menu ul li{padding:0 0.2em 0 0;}
.mright{float:left; background:none; width:260px;}
.mborder{background:url(../img/dot.gif) repeat-x left bottom; padding:0 0 1px 0;}



div.h2pa{ border:1px solid #CCC; margin:5px 0;}
div.h2pa01{ border:1px solid #CCC; margin:0 0 5px 0;}
div.h2pa01 h1{background:#efefef url(../img/h2bg.gif);border:1px solid #fff;color:#000;padding:3px;font-size: 14px;/*\*/_font-size:90%;/**/}
h2{background:#efefef url(../img/h2bg.gif);border:1px solid #fff;color:#000;padding:3px;font-size: 14px;/*\*/_font-size:90%;/**/}
div.h2pa h2 span{font-weight:normal; margin:0 0 0 0.5em;}
*+html h2{font-size: 90%;}

h3.summary{ background:url(../img/orange_arrow.gif) no-repeat 2px 2px; margin:5px 0 ;padding:0 0 0 20px;font-size: 14px;/*\*/_font-size:90%;/**/} 

/*shopinfo*/
.shopinfo{ width:265px;background:#FBD6AA; float:left; margin:0 0 5px 0;}
*+ html body .shopinfo{_font-size: 80%;}
.shopinfo a{color:#fff;}
.shopinfo a:hover,.shopinfo a:active,.shopinfo a:focus,.shopinfo a:visited{color:#fff;}
.shopinfo img{float:left;}
.shopinfo img.new{float:none;}
.shopinfo dl{margin:0 0 0 80px;}
.shopinfo dl dt{ font-weight:bold;padding:3px;background:#F59B00;}
.shopinfo dl dd{padding:2px;}
.sright{float:right;}

.orange{background:#FBD6AA;}
.orange dl dt{background:#F59B00;}
.blue{background:#BCE7F7;}
.blue dl dt{background:#00AEEF;}
.red{background-color: #FC989D;}
.red dl dt{background:#F0353F}
.pink{background:#FFCCCC}
.pink dl dt{background:#F26D7D}

.pickupblog img{ margin:0 0 2px 0;}


.ivent{}
.ivent div.h2pa{margin:5px 0 0 0;}
.ivent ul{border-bottom:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC; padding:5px 0 5px 3px;}
.ivent ul li{padding:0 0 3px 14px;background: url(../img/arrow_gray.gif) no-repeat 0px 3px;}
*+ html body .ivent ul .fs10{font-size:80%;}
* html body .ivent ul .fs10{font-size:80%;}

/* table */
table.t_info{  border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 12px; width: 100%;font-size: 12px;/*\*/_font-size: 84%;/**/ }
table.t_info td{ padding: 2px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc ;}
table.t_info th{ font-weight: normal; padding: 2px; text-align:left; background-color: #efefef; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc ; }
table.mail th{width:200px; font-weight:bold; padding:8px;}
table.mail td{padding:8px;}

table.mail input{}
table.mail input.post{width:3em;}
table.mail input.post2{width:4em;}
/*mail*/
.mailtxt{}
.mailtxt ul{background:#FDF3D9; border:1px solid #F9DC96; padding:5px;}
.mailtxt ul li{list-style: disc; margin:0 0 0 3em;}
p.inputbutton{ margin:5px 0 30px 0;}

/*poricy*/
#poricy p{ margin:15px 0;}

/*paging*/
div.paging{margin:15px 0 5px 0 ;padding:0 0 10px 0;color:#fff;clear:both; background:url(../img/dot.gif) repeat-x left bottom;}
div.paging a{ color: #0000FF;}
div.paging span{text-decoration:none;}
div.paging span a{text-decoration:none;background:#fff;padding:4px 8px;border:1px solid #FF9900;}
div.paging span a:hover{
	text-decoration:none;
	color:#FF0000;
	background-color: #FFE3BB;
}
div.paging span a:active{text-decoration:none;background:none;}

/*summery*/

table.t_summary{  border-top: 1px solid #ccc;  margin-bottom: 12px; width: 100%;font-size: 14px;/*\*/_font-size: 90%;/**/ }
table.t_summary td{ padding: 4px; border-bottom: 1px dotted #CCC ;}
table.t_summary th{ padding: 4px; text-align:left; background-color: #efefef;  border-bottom: 1px solid #ccc ; }

div.shoplst{ font-size: 14px;/*\*/_font-size: 90%;/**/}
div.shoplst ul{ margin:0 0 10px 20px;}
div.shoplst ul li{width:48%; float:left;}
div.shoplst ul li span{margin:0 0 0 2em;}

div.shoplst dl{ margin:0; clear:both;}
div.shoplst dl dt{float:left; clear:left; width:200px;}
div.shoplst dl dd{ margin:0 0 0 210px;}

p.summerp{ border-bottom:2px dotted #CCC; padding:5px;}

div.topnew{}
div.topnew div{ width:90px; text-align:center; margin:0 0 5px 0; float:left;}

.topnew a img{border:1px solid #CCC; padding:0; width:80px; margin:0 0 1px 0;}
.topnew a:hover img,
.topnew a:active img,
.topnew a:focus img{ border:1px solid #FF0000;text-decoration: none; }


/*rightbox*/
.rightbox{ font-size: 12px;/*\*/_font-size: 84%;/**/}
.rightbox dl{/*border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;*/ border:1px solid #CCC;width:248px; margin:0 0 3px;}
.rightbox dl dt{background:url(../img/h2bg.gif);color:#000; padding:3px; font-weight:bold; margin:0 0 5px 0;border-bottom:1px solid #CCC;}
.rightbox dl dd img{padding:0 3px 0 0; vertical-align:middle;}
.rightbox dl dd  a img{float:left; margin:0 5px 3px 3px;border:1px solid #CCC; padding:0; width:80px;}
.rightbox dl dd a:hover img,
.rightbox dl dd a:active img
.rightbox dl dd a:focus img{ border:1px solid #FF0000;text-decoration: none; }
* html body .rightbox dl dd a:hover {border:none;}
.rightbox dl dd p{padding:0 3px 0;}
*+html body .rightbox .fs10{font-size: 80%;}
* html body div.rightbox .fs10{font-size:80%;}
.rightbox dl p{padding:0 0 5px 0;}
.rightbox img.banner{ margin:0 0 3px; vertical-align:baseline;}
.rightbox img.banner2{ margin-bottom: 0pt; padding-bottom: 0pt; vertical-align:baseline;}
.rightbox ul.kome li{border-left:1px solid #cc0000;border-right:1px solid #cc0000;border-bottom:1px solid #cc0000;margin-bottom:5px;background-color:#ffedd5;}


.rightbox dl dd ul{ padding:0 0 0 3px;}
.rightbox dl dd ul li{padding:0 0 6px 0;}
.rightbox dl dd ul li span{color:#666666;}
.rightbox dl dd ul.renew li{background:url(../img/arrow_gray.gif) no-repeat 3px 3px; padding:0 0 6px 16px;}

/*foot*/
#foot {width:790px; text-align:center; margin:10px auto 0 auto; background-color:#E8E8E8; padding:5px;font-size: 12px;/*\*/_font-size: 84%;/**/}
#foot a{ color:#000; text-decoration:none;}
#foot a:hover{ text-decoration:underline;}
#foot ul{}
#foot ul li{ display:inline; padding:0 5px;}


/*sitemap*/
div.smap_left{float:left; width:49%;}
div.smap_right{float:right; width:49%;}
div.smap_right dl,div.smap_left dl{ margin:0 0 18px 0;}
div.smap_right dl dt,div.smap_left dl dt{ margin:0 ;}
div.smap_right dl dd,div.smap_left dl dd{ margin:0 0 0 1em;}
div.smap_right dl dd ul,div.smap_left dl dd ul{margin:0 0 0 1em;}
div.smap_right dl dd ul li,div.smap_left dl dd ul li{ list-style:disc;}

/*mai*/
.link{ font-size: medium}
.link ul{ margin:18px 0 18px 1.5em;}
.link ul li{ list-style: disc; margin:0 0 0.25em 0;}

/*back*/
.back{}
.back dl{ clear:both; margin:0 0 24px 0;}
.back dl dt{ float:left;margin:0;}
.back dl dd{ margin:0 0 0 512px;}
.back dl dd a:link{ font-weight:bold; text-decoration:underline;}
.back dl dd a:visited{ font-weight:bold; text-decoration:underline;}
.back dl dd a:hover{ font-weight:bold; text-decoration:underline;}

.back dl dd span.fs10{ line-height:1.1em;}

/*clear*/
.clearfix:after {content: ".";  /* 新しい要素を作る */display: block;  /* ブロックレベル要素に */clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}

/* font */
.fs22{font-size: 22px;/*\*/_font-size: 140%;/**/line-height: 1.2em;}
*+html .fs22{font-size: 140%;}
.fs20{font-size: 20px;/*\*/_font-size: 130%;/**/line-height: 1.2em;}
*+html .fs20{font-size: 130%;}
.fs18{font-size: 18px;/*\*/_font-size: 120%;/**/line-height: 1.4em;}
*+html .fs18{font-size: 120%;}
.fs16{font-size: 16px;/*\*/_font-size: 100%;/**/}
*+html .fs16{font-size: 100%;}
.fs14{font-size: 14px;/*\*/_font-size: 90%;/**/}
*+html .fs14{font-size: 90%;}
.fs12{font-size: 12px;/*\*/_font-size: 84%;/**/}
*+html .fs12{font-size: 84%;}
.fs10{font-size: 10px;/*\*/_font-size: 70%;/**/line-height: 1.1em;}
*+html .fs10{font-size: 70%;}
input{ font-size:12px;/*\*/_font-size: 84%;/**/}
*+html input{font-size: 84%;}
.gray{color:#999999;}
.center{text-align:center;}
.right{text-align:right;}
.pat5{padding:5px 0 0 0;}
.hright{text-align:right;margin:-2em 3px 8px 0;}
*+ html body .hright{text-align:right;margin:-1.6em 3px 5px 0;}
* html body .hright{text-align:right;margin:-1.6em 3px 5px 0;}