@charset "utf-8";


/* 全体にかかる（共通の）CSS */

* {
margin: 0;
padding: 0;
border: 0;
background-color:transparent;
color: #000;
text-decoration: none;
}




/* フォントをブラウザ共通にする為のCSS　h用 */
h1,h2,h3,h4,h5 {
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
	


/* TOPの一押し情報の所のｈ２装飾用 */
.waku_main h2 a {
	color:#333;
	font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
}





#center_itemright_guide h2 {
	color:#333;
	font: normal normal bold 197%/1.5 HG丸ゴシックM-PRO,sans-serif;
}


.red {
	color:#F00;
}


	

h3 {
	margin:0 0 10px 0;
}



div.guide_waku h3 {
	font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
}
	


div#center_itemright_left_cartwaku h3 {
	font: normal normal bold 116%/1.5 HG丸ゴシックM-PRO,sans-serif;
}
	





/*  jQuery GalleryView の CSS */


.panel-overlay h2{
	color:#fff;
		font: normal normal bold 100%/1.5 HG丸ゴシックM-PRO,sans-serif;
			margin: 8px 0 0 0;
}


.panel-overlay p{
		color:#fff;
		font: normal normal normal 93%/1.5 HG丸ゴシックM-PRO,sans-serif;
			line-height: 1.5;
}






/* フォントをブラウザ共通にする為のCSS　をボディにかけている↓↓ */

body {
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
margin: 0;
padding: 0;
background: #dcd1b3 url("../l-img/back-line001.gif") repeat-x 50% 0;
}



div#container {
width: 1040px;
margin-right: auto;
margin-left: auto;
padding: 0;
background: transparent  no-repeat top center;
text-align: left;
}








/* 最上部全体囲みのCSS */


div#main {
width:1000px;
height:40px;
padding:40px 20px 60px 20px;
}



div#title {
float:left;
width:390px;
text-align: left;
margin:0 60px 0 0;
}


h1 a {
display: block;
width: 390px;
height: 40px;
font-size: 0;
font-weight: normal;
text-decoration: none;
text-indent: -9999px;
background: url("../img_top/title.png") no-repeat 0 0;
}




div#ad_top {
float:left;
width:250px;
text-align: left;
margin:0 40px 0 0;
}






div#main_category {
float:right;
width:260px;
padding:22px 0 0 0;
}


div#main_category ul,div#main_category li {
margin:0;
padding:0;
list-style:none;
}

div#main_category li{
float:left;
padding:0 15px 0 0;
display : inline;  /*←IE6用のハック*/
}




div#main_category ul li a {
	color:#41b1e6;
	font-size:inherit;
	font: normal normal bold 93%/1.5 HG丸ゴシックM-PRO,sans-serif;
}







/* 中段部分全体囲みのCSS */


div#center {
clear:both;
width:1000px;
height:auto;
padding:0px 20px 70px 20px;
text-align: left;
}



/* CSSでfloatによる親の背景が表示されない解決ソース */

div#center {
    overflow: hidden;
}

div#center:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#center {
    height: 1em;
    overflow: visible;
}
/**/


/* CSSでfloatによる親の背景が表示されない解決ソースここまで */




/* 左全体囲みのCSS */

div#center_left {
float:left;
width:486px;
height:auto;
margin:0 28px 0 0;
}



div#center_left_waku {
	clear:both;
	margin:20px 0 0 0;	
}


div#center_left_left {
	float:left;
	width:229px;
	height:auto;
	margin:0 28px 0 0;
}





div.waku_main {
	width:465px;
	padding:10px;
	background-color:#FFF;
}






div.waku {
	width:209px;
	margin:0 0 28px 0;
	padding:10px;
	background-color:#FFF;
}



div.waku dl dt {
	color:#333;
	font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
}

div.waku dl dt a {
	color:#333;
	font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
}

div.waku dd {
	font: normal normal 77%/1.8 HG丸ゴシックM-PRO,sans-serif;
	color:#666;
}
	


div#center_left_right {
	float:right;
	width:229px;
	height:auto;
}




/* CSSでfloatによる親の背景が表示されない解決ソース */

div#center_left {
    overflow: hidden;
}

div#center_left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#center_left {
    height: 1em;
    overflow: visible;
}
/**/


/* CSSでfloatによる親の背景が表示されない解決ソースここまで */





/* 右全体囲みのCSS */


div#center_right {
float:right;
width:486px;
height:auto;
}


div#center_right_left {
	float:left;
	width:229px;
	height:auto;
	margin:0 28px 0 0;
}

div#center_right_right {
	float:right;
	width:229px;
	height:auto;
}



/* フッター囲みのCSS */


div#footer {
clear:both;
width:1000px;
height:auto;
padding:0px 20px 20px 20px;
text-align: center;
}
























/* ここから商品ページのCSS */


/* 商品ページ左全体囲みのCSS */

div#center_itemleft {
float:left;
width:229px;
height:auto;
margin:0 28px 0 0;
}





div#center_itemleft_waku {
	clear:both;
	margin:20px 0 0 0;	
}




/* CSSでfloatによる親の背景が表示されない解決ソース */

div#center_itemleft_waku {
    overflow: hidden;
}

div#center_itemleft_waku:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#center_itemleft_waku {
    height: 1em;
    overflow: visible;
}
/**/


/* CSSでfloatによる親の背景が表示されない解決ソースここまで */




div#center_itemleft_left {
	float:left;
	width:107px;
	height:auto;
	margin:0 15px 0 0;
}



div.itemwaku_main {
	width:219px;
	padding:5px;
	background-color:#FFF;
}


div.itemwaku {
	width:97px;
	margin:0 0 28px 0;
	padding:5px;
	background-color:#FFF;
}



div.itemwaku dl dt a,div.itemwaku_main p a {
	color:#333;
	font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
}

div.itemwaku dd {
	font: normal normal 77%/1.8 HG丸ゴシックM-PRO,sans-serif;
	color:#666;
}
	


div#center_itemleft_right {
	float:right;
	width:107px;
	height:auto;
}


/* 商品ページ右全体囲みのCSS */


div#center_itemright {
float:right;
width:743px;
height:auto;
}


div#center_itemright_waku {
	clear:both;
	margin:28px 0 0 0;	
}


div#center_itemright_left {
	float:left;
	width:486px;
	height:auto;
	margin:0 28px 0 0;
}

div#center_itemright_right {
	float:right;
	width:229px;
	height:auto;
}


div#center_itemright_left_cartwaku {
	width:466px;
	padding:10px;
	background-color:#FFF;
}

div#center_itemright_right_sizewaku {
	width:209px;
	padding:10px;
	background-color:#FFF;
}



/* CSSでfloatによる親の背景が表示されない解決ソース */

div#center_itemright_waku {
    overflow: hidden;
}

div#center_itemright_waku:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#center_itemright_waku {
    height: 1em;
    overflow: visible;
}
/**/


/* CSSでfloatによる親の背景が表示されない解決ソースここまで */




div#center_itemright_contents {
	clear:both;
	margin:28px 0 0 0;	
}





/* ショッピングカートのCSS */



div#center_itemright_left_cartwaku dt {
float:left;  
 width:100px;  
 padding:5px 0 5px 10px;  
 clear:both;  
 font-weight:bold;  
}

div#center_itemright_left_cartwaku dd {
 width:auto;  
 margin-left:100px;  
 padding:5px 5px 5px 10px;  
}
	

form,input,select,option{
color:black;
vertical-align:top;
font-size:84%;
}

select.color {
width:150px;
}

select {
width:80px;
border:solid 1px black;
background-color:white;
}

input, textarea{
border: 1px #000 double;
}





/* サイズインフォの所のCSS */

div#center_itemright_right_sizewaku dd{
	padding:0 0 5px 0;
	line-height:1.5;
	font-size:85%;
}








/* ここから下　ガイドページのCSS */


div#center_itemright_guide {
	clear:both;
	width:703px;
	padding:20px;
	background-color:#FFF;
}




div#guide_category {
float:left;
width:703px;
padding:22px 0 0 0;
}


div#guide_category ul,div#guide_category li {
margin:0;
padding:0;
list-style:none;
}

div#guide_category li{
float:left;
padding:0 35px 0 0;
display : inline;  /*←IE6用のハック*/
white-space:nowrap;
}




div#guide_category ul li a {
	color:#333;
	font-size:inherit;
	font: normal normal bold 93%/1.5 HG丸ゴシックM-PRO,sans-serif;
}



div.guide_waku {
	clear:both;
	width:703px;
	padding:40px 0 0 0;
}


div.guide_waku ul,div#guide_waku li {
margin:0;
padding:0;
list-style:none;
}

div.guide_waku li {
	line-height: 1.8;
}


div.guide_waku dt {
		font: normal normal bold 93%/1.5 HG丸ゴシックM-PRO,sans-serif;
	line-height: 1.8;
}

div.guide_waku dd {
	line-height: 1.8;
}





/* ここから下　ガイドページのCSS */


div.guide_waku dl.contact dt{
		font: normal normal bold 123.1%/1.5 HG丸ゴシックM-PRO,sans-serif;
	line-height: 1.8;
}






