@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	_font-size: 62.5%;
	color: #333333;
}
	
html>/**/body {
  font-size: 12px; /* Except IE */
}
body#news { width: 280px; }
p, ul, dl {	
	font-size: 12px;
	line-height: 1.4em;
}

img { vertical-align: bottom;}

/* link color */
a:link { color: #993300;}
a:visited { color: #3366CC;}
a:hover { color: #3366CC;}
a:active { color: #C8DEFF;}

/* charactor color */
.red { color: #CC0000;}
.red2 { color: #FF0000;}
.blue { color: #000099;}
.blue2 { color: #3366CC;}
/* charavctor size **/
.txt12 { font-size: 12px;}
.txt12B { font-size: 12px; color: #000099;}
.txt14 { font-size: 14px;}
.txt14R { font-size: 14px; color: #FF0000;}
.txt16 { font-size: 16px;}
/* margin */
.maT25B5 { margin: 25px 0 5px 0;}
.maT5B20 { margin: 5px 0 20px 0;}
.maT5 { margin: 5px 0 0 0;}
.maTB20 { margin: 20px 0;}
.maL30B20 { margin: 0 0 20px 30px;}
.maL30 { margin: 0 0 0 30px;}
.maL20 { margin: 0 0 0 20px;}
.maL20T10 { margin: 10px 0 0 20px;}
.maL20T30 { margin: 30px 0 0 20px;}
.maL20B20 { margin: 0 0 20px 20px;}
.maL20TB30 { margin: 30px 0 30px 20px;}
.maL20T30B15 { margin: 30px 0 15px 20px;}
.maL50T10B15 { margin: 10px 0 15px 50px;} 
.maB15 { margin: 0 0 15px 0;}
.maT10 { margin: 10px 0 0 0;}
.maT30 { margin: 30px 0 0 0;}
.maL60 { margin: 0 0 0 75px;}
/* float clear */
.clr { 
	clear: both;
	border-left: none;
	line-height: 0;
	font-size: 0px;
	height: 0px;
}
　　.cls {
			zoom: 100%;
			min-height: 1px;
		}
		.cls:after {
			content: ".";	
			height: 0;	
			display: block;
			clear: both;
			visibility: hidden;
		}
		* html .cls {
			height: 1px;
			/*\*//*/
			height: auto;
			overflow: hidden;
			/**/
		}
/* */
.d_inline { display: inline;}
/* Layout */
#wrap {
	width: 800px;
	margin: 5px auto 5px auto;
}
#header, #contents, #footer {	
	width: 800px;
}

/* clearfix hack */
#header:after {
	content: ".";	
	height: 0;	
	display: block;
	clear: both;
	visibility: hidden;
}
#header {
	display: inline-block;
}
/* hide macie \*/
*html #header {
	height: 1%;
}
#header {
	display: block;
}
/* clearfix hack */

/* clearfix hack */
#contents:after {
	content: ".";	
	height: 0;	
	display: block;
	clear: both;
	visibility: hidden;
}
#contents {
	display: inline-block;
}
/* hide macie \*/
*html #contents {
	height: 1%;
}
#contents {
	display: block;
}
/* clearfix hack */

#footer {	margin: 40px 0 0 0;}
#sideNavi {
	width: 190px;
	margin: 10px 0 40px 0;
	float: left;
}
#mainContents {
	width: 600px;
	margin: 5px 0 0 0;
	float: right;
}
#privacy, #faq, #sitemap, #shiharai, #souryou, #link, #product, #mailForm, #contest {
	width: 580px;
	margin: 15px 0 0 19px;
}
#contents2 {
	width: 600px;
	margin: 15px 0 0 0;
}
#product2, .product22 {
	width: 600px;
	margin: 15px 0 0 9px;
}

p#topComm {
	width: 795px;
	text-align: left;
	padding: 0 0 0 5px;
}
/* Header */
#header {
	background: url(../img/top/head/kanban.jpg) no-repeat;
	width: 800px;
	height: 128px;
}
#header img#cover {
	float: left;
	margin: 10px 0 0 20px;
	cursor: pointer;
}

#header a#topCart {
	margin: 41px 10px 0 0;
	float: right;
}
/* Header BtoB */
#header_btob {
	background: url(../img/top/head-btob/kanban-b.jpg) no-repeat;
	width: 800px;
	height: 128px;
}
#header_btob img#cover {
	float: left;
	margin: 10px 0 0 20px;
	cursor: pointer;
}

#header_btob a#topCart {
	margin: 41px 10px 0 0;
	float: right;
}


ul#gloNavi {
	width: 790px;
	margin: 1px 0 0 8px;
}
ul#gloNavi li {
	display: inline;
	margin: -2px -3px 0 0px;
	list-style-type: none;
}
ul#localNavi {
	width: 800px;
	margin: 8px 0 0 0;
}
ul#localNavi li {
	display: inline;
	margin: 0;
	list-style-type: none;
}
ul#localNavi li img {
	margin: 0 0 0 10px;
}
	
/* Side Navi */
#sideNavi .sideMenu, #sideNavi .sideMenu2, #sideNavi #mailMag, #sideNavi #sideCal, #sideNavi #search{ 
	width: 95%;
	margin: 10px 0 0 0;
}
#sideNavi #mailMag { margin: 15px 0 0 5px;}
#sideNavi #sideCal { margin: 10px 0 0 5px;}
#sideNavi .sideMenu, #sideNavi .sideMenu2 {
	width: 92%;
	margin: 10px 0 0 5px;
}
#sideNavi .sideMenu {	
	background: #C8DEFF;
	padding: 10px 0 5px 5px;
}
#sideNavi .sideMenu ul, #sideNavi .sideMenu2 ul, #sideNavi #login ul { margin: 10px 0 0 15px;}
#sideNavi .sideMenu ul li, #sideNavi .sideMenu2 ul li, #sideNavi #login ul li {
	list-style-type: none;
	background: url(../img/top/common/yajirusi-w.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}
#sideNavi .sideMenu2 ul li { background: url(../img/top/common/yajirusi-b.gif) no-repeat 0 3px;}
#sideNavi #mailMag p {
	width: 95%;
	text-align: center;
}
#sideNavi #sideCal img#cal1, #sideNavi #sideCal img#cal2 { margin: 0px 0 15px 25px;}
#sideNavi #sideCal p { margin: 5px 0 5px 10px;}
#sideNavi #sideCal p#tei {margin: 10px 0 0 0;}
#sideNavi #sideCal img#holy { 
	margin: 10px 5px 10px 20px;
	float: left;
}

#sideNavi #login {
	background: url(../img/top/left/login/login-center.gif) repeat-y 0 0;
	padding: 0 0 5px 10px;
	margin: -1px 0 0 0;
}
#sideNavi #login p {margin: 5px 0 0 5px;}
#sideNavi #login form { margin: 0 0 10px 0;}
#sideNavi #login form input { margin: 10px 0 0 15px; width: 135px;}
#sideNavi #login form input#btn_login { margin: 5px 0 15px 35px; width: 100px;}
#sideNavi #login form input#btn_regist { margin: 10px 0 5px 11px; width: 150px;}
#sideNavi #login img#btn_member { margin: 10px 0 5px 31px;}
#sideNavi #search input#searchWord { margin: 10px 0 0 15px; width: 150px;}
#sideNavi #search form input#btn_search { margin: 10px 0 5px 110px; width: 60px;}
/* Footer */
#footer #info { width: 800px;}
#footer #info img#information { margin: 0 0 15px 5px;}
#info #contLeft {
	width: 390px;
	float: left;
}
#info #contRight {
	width: 390px;
	float: right;
}
#footer #copy {
	width: 800px;
	text-align: center;
	margin: 5px 0 0 0;
	clear: both;
}
#box1, #box2, #box3, #box4, #box5, #box6, #box7 { 
	width: 390px;
	margin: 0 0 20px 0;
}
#box1 { height: 280px;}
#box2 { height: 230px;}
#box3 { height: 160px;}
#box4 { height: 280px;}
#box5 { height: 110px;}
#box6 { height: 320px;}
#box7 { height: 230px;}
#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p, #box7 p { margin: 15px 0 10px 15px;}
#box1 img#card { margin: 5px 0 10px 40px;}
#box4 img#time { margin: 0 0 0 20px;}	
#bottomNavi { text-align: center;}
#box7 ul { margin: 0 0 0 20px;}
#box7 ul li {
	background: url(../img/top/common/yajirusi-b.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	list-style-type: none;
}
#box7 ul.pointNote { margin: 10px 0 10px 30px;}
#box7 ul.pointNote li {
	background: none;
	padding: 0 0 0 0;
	list-style-type: disc;
}
#bottomNavi ul { margin: 5px 0 0 0;}
#bottomNavi ul li {
	list-style-type: none;
	display: inline;
	margin: 0 5px 0 0;
	border-right: 1px solid #000000;
	padding: 0 5px 0 0;
}
#bottomNavi ul li#endList { border-right: none;}
p#tel {
	background: url(../img/top/fotter/tel-fax.gif) no-repeat 60px 0;
	height: 40px;
}

/* main */
#rank1, #rank2, #rank3, #rank4, #rank5 { 
	width: 119px;
	text-align: center;
}
#rank1 .rank, #rank2 .rank, #rank3 .rank, #rank4 .rank, #rank5 .rank { margin: 0 0 10px 0;}
#rank1, #rank2, #rank3, #rank4 { 
	float: left;
	margin: 5px 0px 20px 0;
}
#rank5 { 
	float: right;
	margin: 5px 5px 20px 0;
}
#event {
	width: 600px;
	margin: 10px 0 30px 0;
}
#event dl {
	width: 290px;
	float: left;
	margin: 0 10px 10px 0;
	height: 105px;
}
#event dl.eventTop {
	width: 600px;
}
#event p {
}
#recommendItem {
	width: 590px;
	margin: 10px 0 30px 0;
	padding: 0 0 0 0;
} 

#recommendItem dl {
	width: 180px;
	float: left;
	margin: 10px 10px 0 10px;
}
#recommendItem dl.dle {
	width: 180px;
	margin: 10px 0 0 10px;
}
#recommendItem dl dd {
	text-align: center;
	margin: 5px 0 0 0;
	width: 180px;
}
#new {
	width: 300px;
	margin: 10px 10px 20px 0;
	_margin: 10px 0 20px 0;
	float: left;
}
#new iframe { 
	margin: 5px 0 0 0;
	border: 1px solid #CCCCCC;
}

dl.cVoice {
	width: 290px;
	height: auto;
	margin: 10px 0 0 0;
	float: right;
	display: inline;
}
dl.cVoice dd {
	width: 268px;
	height: 215px;
	background: #DFECFF;
	border: 1px solid #3366CC;
	margin: 1px 0 0 0;
	padding: 10px;
}
dl.cVoice dd div {
	width: 258px;
	background: #FFFFFF;
	padding: 5px;
}
span.cName {
	width: 50px;
	margin: 0 10px 0 200px;
}
dl.recomendSet {
	width: 295px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
}
dl.recomendSetEnd {
	width: 295px;
	float: right;
	display: inline;
	margin: 0 0 10px 0;
}
dl.recomendSet dd,
dl.recomendSetEnd dd {
	margin: 5px 0 0 0;
}
#newCont {
	padding: 10px 0 0 5px;
	width: 275px;
}

dl#aisatsu {
	width: 600px;
	margin: 0 0 20px 0;
}
dl#aisatsu dd {
	width: 355px;
	height: 175px;
	background: url(../img/top/main/aisatu_toyoizumi.jpg) no-repeat 25px 15px #DFECFF;
	border: 1px solid #3366CC;
	margin: 1px 0 0 0;
	padding: 15px 0 0 245px;
}
dl#aisatsu dd p {
	width: 325px;
	height: 140px;
	background: #FFFFFF;
	padding: 10px 5px;
}