@charset "UTF-8";

/*--------------------------------------------

	For all file

	Last update : 2010.8.15
	mio urakami

	---------------------------
	1-0 style reset
	2-0 basic visual setting
	3-0 structure

	4-0 visual setting
		4-1 header
		4-2 footer
		4-3 mainmenu
		4-4 main
		4-5 itemtextarea
		4-6 photoarea
		4-7 itemstory
			4-7-1 タイトルエリア
			4-7-2 商品storyエリア
			4-7-2 詳細コメントエリア
		4-8 eshopdo
  --------------------------------------------*/


/*予約期間外のカートエリア＆カートを見るボタン・オフ*/
#cartinarea, #headmenu li.viewcart{
	display:none;
}

/*予約期間外のメッセージ・オフ
	#nextinfo{
	display:none;
}

/*---------------------------------------------------------------
  1-0 style reset
----------------------------------------------------------------*/

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td, caption, form, input, blockquote, pre{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption, th{
	text-align:left;
}

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


/*---------------------------------------------------------------
  2-0 basic visual setting
----------------------------------------------------------------*/

body{
	background:url("../img/back.jpg") center top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#51372c;
}

strong{
	color:#c00;
	font-weight:bold;
}

em{
	color:#c00;
	font-style:normal;
}

a:link{
	color:#c0616b;
	text-decoration:none;
}

a:visited{
	color:#666;
}

a:hover{
	color:#f9032b;
	text-decoration:underline;
}

.clear{
	clear:both;
}

img.newwin{
	margin-right:4px;
}


/*-----centering for IE-----*/
body{
	text-align:center;
}

/*-----centering for another-----*/
#body{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background:#f7f4ec;
	text-align:left;
}

/*-----basefontsize for IE------*/
#body{
	font-size:80%;
}

/*------basefontsize for another------*/
html>body #body{
	font-size:12px;
}


/*------float clear hack------*/
.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */


/*---for IE7---*/
*+html body .clr{
	overflow:auto;
	height:auto;
}

/*----------------------------------------------------------------
  3-0 structure
-----------------------------------------------------------------*/

#sitetitle{
	float:left;
	width:485px;
	padding-top:33px;
}

.builderheader #sitetitle{
	width:450px;
}

#sitetitle .logo{
	float:left;
	width:261px;
}

#sitetitle .copy{
	padding-top:8px;
	color:#b79c83;
	font-size:80%;
	line-height:1.2;
}

#headmenu{
	float:right;
	width:395px;
}

.builderheader #headmenu{
	width:390px;
}

#headmenu ul{
	list-style:none;
}

#headmenu li{
	float:right;
}

#mainmenu{
	float:left;
	width:200px;
}

#contents{
	float:right;
	width:681px;
}

#photoarea{
	float:left;
	width:420px;
}

#itemtextarea{
	float:right;
	width:256px;
}

.galleria li, .item_gallery_unstyled li{
	display:block;
	width:91px;
	float:left;
	margin:0 8px 10px 0;
	padding:2px;
	background:url("../img/back_itemphoto.jpg") no-repeat;
}


#footer .footmenu{
	float:left;
	width:550px;
}

#footer .linkarea{
	float:right;
	width:300px;
}



#itemstory01 #itemstoryarea .textarea{
	width:580px;
	float:left;
}

#itemstory01 #itemstoryarea .photoarea{
	width:143px;
	float:right;
}


/* --------------------------------------------------
  3-2 float clear
----------------------------------------------------*/

#headmenu p.status, #headmenu p.statusoff, #footer, #main, .detail, .color, .option, #photoarea p.text, .pageup, #footer .copyright, #itemstory01 #itemstoryarea02{
	clear:both;
}

/*----------------------------------------------------------------
  4-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------------
  4-1 header
----------------------------------------------------*/

#header{
	padding:9px 25px 0 32px;
	background:url("../img/back_header.jpg") no-repeat center top;
}


/*販売中*/
#headmenu p.status{
	padding-top:22px;
	padding-bottom:5px;
	color:#f63257;
	text-align:right;
	font-size:117%;
}

/*発売中止中*/
#headmenu p.statusoff{
	padding-top:22px;
	padding-bottom:5px;
	color:#468f0b;
	text-align:right;
	font-size:117%;
}

/* --------------------------------------------------
  4-2 footer
----------------------------------------------------*/

#footer{
	margin:0 23px;
	padding:12px 0 25px 0;
	border-top:1px solid #ccc1b9;
}

#footer .footmenu p{
	display:inline;
	padding:0 26px 0 4px;
}

#footer .linkarea{
	padding-right:5px;
	text-align:right;
}

#footer .copyright{
	padding-top:15px;
	text-align:center;
}

#footer .copyright p{
	color:#a1938d;
	font-size:80%;
}

/* --------------------------------------------------
  4-3 mainmenu
----------------------------------------------------*/

/* --------------------------------------------------
  4-3-1 itemmenu
----------------------------------------------------*/

#mainmenu .shoes{
	margin-top:9px;
	padding-top:4px;
	background:url("../img/mainmenu/back.jpg") no-repeat left top;
}

#mainmenu .others{
	margin-bottom:9px;
	background:url("../img/mainmenu/back.jpg") no-repeat left bottom;
}

#mainmenu ul{
	padding:10px 10px 5px 7px;
	list-style:none;
}

#mainmenu li{
	margin:0.6em 0;
	padding-left:10px;
	background:url("../img/icon_menu.jpg") no-repeat 0 7px;
}

#mainmenu .sale{
	margin-top:12px;
	padding-bottom:4px;
	background:url("../img/mainmenu/foot_sale.jpg") no-repeat left bottom;
}

#mainmenu .sale ul{
	padding:10px 10px 5px 15px;
	background:url("../img/mainmenu/back_sale.jpg") repeat-y;
}

/* --------------------------------------------------
  4-3-2 mailmaga area
----------------------------------------------------*/

#mailmaga{
	margin-top:12px;
	padding-bottom:4px;
	background: #ede7dc url("../img/mainmenu/foot_mailmaga.jpg") no-repeat left bottom;
}


#mailmaga .text{
	margin:5px 10px 0 10px;
	font-size:86%;
	line-height:1.6;
}

#mailmaga form{
	margin:8px 10px;
	padding-top:8px;
	border-top:2px dotted #c7bcb2;
}

#mailmaga form.cancel{
	margin:15px 5px 5px 5px;
	padding:5px;
	background: #f3f0e9;
	border:none;
}

#mailmaga label{
	font-size:86%;
}

#mailmaga input.mailadd{
	width:170px;
	margin:1px 0;
}

#mailmaga .btn{
	margin:5px 0;
	text-align:center;
}

/*for shop builder*/

#mainmenu .builder{
	padding-left:6px;
}

#mainmenu .builder .shoes, #mainmenu .builder .others{
	background:url("../img/mainmenu/back_s.jpg") no-repeat left top;
}

#mainmenu .builder .sale{
	background:url("../img/mainmenu/foot_sale_s.jpg") no-repeat left bottom;
}

 .builder .sale ul{
	background:url("../img/mainmenu/back_sale_s.jpg") repeat-y;
}



/* --------------------------------------------------
  4-4 main
----------------------------------------------------*/

#main{
	padding:5px 25px 0 25px;
}

.pageup{
	margin:20px 6px 15px 0;
	padding:5px 20px 5px 5px;
	background:url("../img/arw_up_pink01.gif") no-repeat right center;
	text-align:right;
}

/*.pageup p{
	margin-left:720px;
}

.pageup a{
	display: block;
	padding:5px 20px 5px 5px;
	background:url("../img/arw_up_pink01.gif") no-repeat right center;
}

.pageup a:hover{
	background:url("../img/arw_up_pink01_ov.gif") no-repeat right center;
}*/

/* --------------------------------------------------
4-5 itemtextarea
----------------------------------------------------*/

#itemtextarea{
	padding-bottom:15px;
}


/*商品名*/
#itemtextarea h1{
	padding:20px 0 5px 0;
	font-weight:bold;
	color:#b79c83;
}

/*商品説明文*/
#itemtextarea .lead{
	margin:5px 0 12px 0;
}

#itemtextarea .lead p{
	margin-bottom:1em;
	line-height:2;
}

#itemtextarea .lead p.more{
	margin-1.5em;
	text-align:right;
}

#itemtextarea .lead p.more img{
	margin-left:4px;
}

/*スペック表*/
#itemtextarea table.spec{
	width:253px;
	border-top:1px solid #dad3c8;
	border-left:1px solid #dad3c8;
}

#itemtextarea table.spec th{
	width:53px;
	padding:5px;
	background:#ede7de;
	border-right:1px solid #dad3c8;
	border-bottom:1px solid #dad3c8;
	vertical-align:top;
}

#itemtextarea table.spec td{
	padding:5px 9px;
	line-height:1.34;
	vertical-align:middle;
	border-right:1px solid #dad3c8;
	border-bottom:1px solid #dad3c8;
}

#itemtextarea table.spec td p{
	margin-bottom:8px;
	line-height:1.5;
}

#itemtextarea table.spec td .comment{
	margin-right:5px;
	color:#ee0955;
}

/*色名*/
#itemtextarea table.spec td dt{
	font-weight:bold;
}

#itemtextarea table.spec td dd{
	margin:0.3em 0 1em 0;
	line-height:1.34;
}

/*補足説明*/
#itemtextarea table.spec td p.note{
	margin-top:2em;
}

/*サイズについてボタン*/
#itemtextarea p.btnsize{
	margin:6px 5px 0 0;
	text-align:right;
}

/*価格*/
#itemtextarea table.price{
	width:253px;
	margin-top:15px;
}

#itemtextarea table.price th{
	padding:0 2px;
	vertical-align:top;
}

#itemtextarea table.price td{
	padding-left:20px;
	vertical-align:top;
}

#itemtextarea span.pricenum{
	font-size:117%;
	font-weight:bold;
}

/*カートテーブル*/
#itemtextarea .selecttable{
	width:253px;
	margin-top:10px;
	margin-bottom:13px;
}

#itemtextarea table.selecttable th, #itemtextarea table.selecttable td{
	padding:3px 2px;
	vertical-align:top;
}

/*予約期間外のメッセージ*/
#nextinfo{
	margin-top:15px;
	padding:10px 12px;
	border:1px solid #f63257;
}

#nextinfo p{
	color:#f63257;
	line-height:1.7;
}


/*アテンション*/
#itemtextarea .attention{
	margin-top:15px;
}

#itemtextarea .attention ul{
	margin:0;
	padding:8px 12px;
	border:1px solid #dad3c8;
	list-style:none;
	color:#8d6e5a;
	font-size:91%;
}

#itemtextarea .attention li{
	margin:1em 0;
	line-height:1.5;
}

/* --------------------------------------------------
4-6 photoarea
----------------------------------------------------*/

/*メイン画像*/
.bigphoto, .bigphoto_unstyled{
	margin-right:15px;
	padding:10px 11px 7px 11px;
	background:#e7e3c9;
}

.bigphoto img, .bigphoto_unstyled img{
	margin:0 0 4px 0;
}

.bigphoto img.default{
	display:none;
}


#photoarea h2{
	padding:8px 0 3px 0;
	color:#b79c83;
	font-weight:bold;
}

/*シューキーパー*/
#photoarea p.text{
	margin-right:20px;
	font-size:91%;
}

/*galleria関係の設定*/
.galleria{
	list-style:none;
}

.galleria li a{
	display:none;
}

.galleria div.bigphoto img{
	display:none;
}


.galleria li div img{
	cursor:pointer;
}

.galleria li.active div img,.galleria li.active div{
	display:block;
}

.galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
#photoarea .caption{
	display:block;
	padding-top:3px;
	font-size:92%;
}


/* --------------------------------------------------
  4-7 itemstory
----------------------------------------------------*/

/* --------------------------------------------
  4-7-1 タイトルエリア
----------------------------------------------*/

#topicpath{
	margin-top:23px;
	padding:5px 0 5px 7px;
	font-size:92%;
}

#topicpath ol{
	list-style:none;
}

#topicpath li{
	display:inline;
}

#topicpath li a{
	padding-right:12px;
	background:url("../img/arw_brown.gif") no-repeat right 3px;
}

#itemstory01 h1{
	padding:2px 5px 30px 8px;
	font-size:200%;
	line-height:1.34;
}


/* --------------------------------------------
  4-7-2 商品storyエリア
----------------------------------------------*/

#itemstoryarea .textarea p{
	margin:0 0 2em 22px;
	padding;0;
	line-height:2.3;
}

#itemstory01 .photoarea p{
	padding:2px;
	background:url("../img/index/back_photo_s.jpg") no-repeat;
}


/* --------------------------------------------
  4-7-3 詳細コメントエリア
----------------------------------------------*/

#itemstory01 #itemstoryarea02{
	padding-top:32px;
	background:url("../img/line900x12.gif") no-repeat;
}

#itemstory01 #itemstoryarea02 .block{
	margin:0 225px 0 162px;
}

#itemstory01 #itemstoryarea02 .block h2{
	padding:13px 35px 35px 24px;
	background:url("../img/icon_asterisk.gif") no-repeat 0 13px;
	color:#de4972;
	font-size:150%;
	line-height:1;
}

#itemstory01 #itemstoryarea02 .block p{
	margin:0 0 2em 58px;
	line-height:2;
}

#itemstory01 .itembanarea{
	margin-left:506px;
	padding:45px 0 20px 0;
}

#itemstory01 .itembanarea p{
	line-height:2;
}

#itemstory01 .itembanarea a{
	text-decoration:none;
}



/* --------------------------------------------
4-8 eshopdo
----------------------------------------------------*/

#builderitemlead{
	padding:20px;
}

#builderitemlead p{
	margin-bottom:1.5em;
	line-height:1.8;
}

#builderitemlead .attention{
	padding:25px 0;
	border-top:3px dotted #097cb1;
	color:#097cb1;
}

#builderitemlead .attention p{
	margin:0 0 8px 0;
	line-height:1.5;
}