@charset "utf-8";


/*
===== CONTENTS ===========================================

	1: heading
	2: link setting
	3: layout


==========================================================
*/


/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/


body {
	text-align:center;/* box centering */
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	margin: 0px;
	padding: 0px;
	background:#fff;
	color:#444444;
	font-size: 12px;
	
}

* html body{
	font-size: 75%;
}

*+html body{
	font-size: 75%;	
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.5em;/* base line height */
	text-align: left;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
}

* html table{
	font-size: 12px;
}

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	font-size:12px;
	color:#444;
	font-family:sans-serif;
}

/*
===== 2: link setting ===========================
*/
div.blogPartsModule a:link,
div.blogPartsModule a:visited,
div.itemListmodule a:link,
div.itemListmodule a:visited,
div.singleItemModule a:link,
div.singleItemModule a:visited,
div.naturumItemListModule a:link,
div.naturumItemListModule a:visited,
div.itemRanking a:link,
div.itemRanking a:visited{
	color: #0066cc;
	text-decoration: underline;
}


div.blogPartsModule a:hover,
div.blogPartsModule a:active,
div.itemListmodule a:hover,
div.itemListmodule a:active,
div.singleItemModule a:hover,
div.singleItemModule a:active,
div.naturumItemListModule a:hover,
div.naturumItemListModule a:active,
div.itemRanking a:hover,
div.itemRanking a:active{
	color: #49a3fd;
}
/*
===== 3: layout =================================
*/

/*blogPartsModule*/

div.blogPartsModule{
	width: 160px;
}

div.blogPartsModule dl{
	padding: 0px 0px 2px 0px;
	background: url(../../img/module/module_blog_btm.gif) no-repeat left bottom;
}

div.blogPartsModule dl dt{
	padding: 10px 0px 10px 40px;
	background: url(../../img/module/module_blog_title_bg.gif) no-repeat left top;
	font-weight: bold;
	color: #555555;
}

div.blogPartsModule dl dd{
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	background-color: #fafafa;
}

div.blogPartsModule dl dd div.item{
	margin: 0px 0px 0px 3px;
	width: 150px;
	border: solid 1px #dddddd;
	background-color: #fff;
}

* html div.blogPartsModule dl dd div.item{
	margin: 0px 0px 0px 4px;
}

div.blogPartsModule div.item p.image{
	text-align: center;
}

div.blogPartsModule div.item p.name,
div.blogPartsModule div.item p.price{
	margin: 0px 0px 0px 8px;
	width: 133px;
	font-size: 0.833em;
}

div.blogPartsModule dl dd div.spec{
	margin: 0px 0px 0px 3px;
	width: 150px;
}

div.blogPartsModule div.spec table{
	margin: 0px 0px 5px 0px;
	width: 150px;
	font-size: 0.833em;
}

div.blogPartsModule div.spec table th{
	text-indent: 10px;
	text-align: left;
	font-weight: normal;
}

div.blogPartsModule div.spec table td input{
	width: 50px;
	font-size: 10px;
}

div.blogPartsModule div.spec table tr.volume select{
	width: 30px;
	font-size: 10px;
}

div.blogPartsModule div.spec table tr.volume select option{
	padding-left: 3px;
}

div.blogPartsModule div.spec table tr.size select{
	width: 95px;
	font-size: 10px;
}

div.blogPartsModule div.spec table tr.size select option{
	padding-left: 3px;	
}



div.blogPartsModule div.spec table th,
div.blogPartsModule div.spec table td{
	padding: 5px 0px 7px 0px;
	background: url(../../img/module/module_dot.gif) repeat-x left bottom;
}

div.blogPartsModule p.basket{
	margin: 0px 0px 2px 0px;
	text-align: center;
}

div.blogPartsModule p.copyright{
	text-align: center;
	color: #969696;
}


/*itemListmodule*/

div.itemListmodule{
	width: 468px;
	
}

div.itemListmodule dl dt{
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 10px 10px;
	background: url(../../img/module/contents_title_bg.gif) no-repeat left top;
	font-weight: bold;
}

div.itemListmodule dl dd.newList{
	margin: -32px 10px 10px 0px;
	text-align: right;
}

div.itemListmodule dl dd ul{
	width: 468px;
}

div.itemListmodule dl dd ul li{
	margin: 0px 9px 9px 0px;
	padding: 3px 0px 0px 0px;
	width: 148px;
	height: 153px;
	float: left;
	border: solid 1px #dddddd;
}

* html div.itemListmodule dl dd ul li{
	width: 150px;
}


div.itemListmodule dl dd ul li.n3,
div.itemListmodule dl dd ul li.n6,
div.itemListmodule dl dd ul li.n9{
	margin-right: 0px;
}

div.itemListmodule div.item p.name,
div.itemListmodule div.item p.price{
	margin: 0px 13px 0px 13px;
	font-size: 0.833em;
}

div.itemListmodule div.item p.image{
	text-align: center;
}


/*singleItemModule*/

div.singleItemModule{
	padding: 10px 0px 0px 0px;
	width: 400px;
	background: url(../../img/module/single_title_bg.gif) no-repeat left top;
}

div.singleItemModule div.singleItemTitle{
	padding: 0px 0px 20px 10px;
	background: url(../../img/module/sigle_module_head.gif) no-repeat left bottom;
	font-weight: bold;
}

div.singleItemModule div.itemBox{
	padding: 0px 0px 10px 0px;
	width: 400px;
	background: url(../../img/module/sigle_module_btm.gif) no-repeat left bottom;
}

div.singleItemModule div.itemBox p.item{
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 5px 0px;
	width: 112px;
	border: solid 1px #dddddd;
	text-align: center;
	float: left;
	display: inline;
	background-color:#fff;
}

div.singleItemModule div.itemBox div.spec{
	margin: 0px 10px 0px 0px;
	width: 255px;
	float: right;
	display: inline;
}

div.singleItemModule div.itemBox div.spec p.name{
	margin: 0px 0px 5px 0px;
	font-size: 12px;
}

div.singleItemModule div.itemBox div.spec p.price{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 12px;
}

div.singleItemModule div.itemBox div.spec table{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	background: url(../../img/module/module_dot.gif) repeat-x left bottom;
}

div.singleItemModule div.itemBox div.spec table th{
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 12px;
}

div.singleItemModule div.itemBox div.spec table td{
	padding: 0px 10px 5px 0px;
	font-size: 12px;
}

div.singleItemModule div.itemBox div.spec table td.size select{
	width: 110px;
}

div.singleItemModule div.itemBox div.spec table td.volume select{
	width: 40px;
}

div.singleItemModule div.itemBox div.spec table td.size select option{
	padding-left: 2px;
}

div.singleItemModule div.itemBox div.spec table td.volume select option{
	padding-left: 2px;
}

div.singleItemModule div.itemBox div.spec table td input{
	width: 80px;
}

div.singleItemModule div.btnBox{
	width: 252px;
}

div.singleItemModule div.btnBox input{
	margin: 0px 0px 0px 6px;
	width: 138px;
	float: left;
	display: inline;
}

div.singleItemModule div.btnBox p{
	margin: 0px 0px 0px 10px;
	width: 93px;
	float: left;
	display: inline;
}


/*naturumItemListModule*/

div.naturumItemListModule{
	width: 290px;
}

div.naturumItemListModule dl dt{
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 10px 40px;
	background: url(../../img/module/module_title_tshirts.gif) no-repeat left top;
	font-weight: bold;
}

div.naturumItemListModule dl dd.newList{
	margin: -32px 10px 10px 0px;
	text-align: right;
}

div.naturumItemListModule dl dd ul{
	width: 290px;
}

div.naturumItemListModule dl dd ul li{
	padding: 0px 0px 3px 0px;
	width: 138px;
	display: inline;
	border: solid 1px #dddddd;
}

div.naturumItemListModule dl dd ul li.n1,
div.naturumItemListModule dl dd ul li.n3{
	margin: 0px 0px 8px 2px;
	float: left;
	height:146px;
	overflow:hidden;
}

div.naturumItemListModule dl dd ul li.n2,
div.naturumItemListModule dl dd ul li.n4{
	margin: 0px 2px 8px 0px;
	float: right;
	height:146px;
	overflow:hidden;
}

div.naturumItemListModule div.item p.name,
div.naturumItemListModule div.item p.price{
	margin: 0px 0px 0px 15px;
	width: 102px;
	font-size: 0.833em;
}

div.naturumItemListModule div.item p.image{
	text-align: center;
}



/* ranking */


div.itemRanking dl{
	padding: 0px 0px 5px 0px;
	background: url(../../img/module/rightmenu_btm2.jpg) no-repeat left bottom;	
}

div.itemRanking dl dt{
	padding: 10px 0px 10px 30px;
	background: url(../../img/module/item_ranking_bg.jpg) no-repeat left top;
	font-weight: bold;
}

div.itemRanking dl dd{
	padding: 5px 10px 0px 0px;
	background: url(../../img/module/rightmenu_bg2.jpg) repeat-y left bottom;	
}

div.itemRanking dl dd ul{
	margin: 0px 0px 0px 1px;
}

div.itemRanking dl dd ul li{
	margin: 0px 0px 5px 2px;
	padding: 0px 0px 0px 0px;
	width:174px;
	background: none;
	overflow:hidden;
}



div.itemRanking dl dd ul li.n01 div.name{
	background: url(../../img/module/n01.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n02 div.name{
	background: url(../../img/module/n02.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n03 div.name{
	background: url(../../img/module/n03.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n04 div.name{
	background: url(../../img/module/n04.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n05 div.name{
	background: url(../../img/module/n05.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n06 div.name{
	background: url(../../img/module/n06.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n07 div.name{
	background: url(../../img/module/n07.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n08 div.name{
	background: url(../../img/module/n08.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n09 div.name{
	background: url(../../img/module/n09.gif) no-repeat left top;
}

div.itemRanking dl dd ul li.n10 div.name{
	background: url(../../img/module/n10.gif) no-repeat left top;
}




div.itemRanking dl dd ul li div.name{
	margin: 0px;
	padding: 18px 0px 0px 0px;
	float: right;
	width: 86px;
}

div.itemRanking dl dd ul li div.name p{
	margin: 0px 0px 4px 0px;
	height:35px;
	overflow:hidden;
}

div.itemRanking dl dd ul li p.pic{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 83px;
	border: solid 1px #dadada;
}


/*
===== 00: CLEARFIX ==========================================
*/

div.itemListmodule dl dd ul:after,
div.singleItemModule div.itemBox:after,
div.singleItemModule div.btnBox:after,
div.naturumItemListModule dl dd ul:after,
div.itemRanking dl dd ul li:after
{ content: url(../../img/common/pixel.gif); display: block; clear: both; height: 0; }


div.itemListmodule dl dd ul,
div.singleItemModule div.itemBox,
div.singleItemModule div.btnBox,
div.naturumItemListModule dl dd ul,
div.itemRanking dl dd ul li
{ display: inline-block; }


div.itemListmodule dl dd ul,
div.singleItemModule div.itemBox,
div.singleItemModule div.btnBox,
div.naturumItemListModule dl dd ul,
div.itemRanking dl dd ul li
{ display: block; }

/* Mac版IEのみに適用 \*//*/
div.itemListmodule dl dd ul,
div.singleItemModule div.itemBox,
div.singleItemModule div.btnBox,
div.naturumItemListModule dl dd ul,
div.itemRanking dl dd ul li
{ overflow: hidden; }
/* */