/***********************-
タイトル :基本トップ以外共通
概要：スタイルシート

制作日：2007/08/21

-***********************/
@import url(basic.css);
body{
	background: url(../images/back.gif)  repeat-y center;
	}

#my_navi{
	float:left;
	width :190px;
	text-align: left;
	padding: 15px 0;
	}
#my_contents {
	float:right;
	width:555px;
	text-align: left;
	 }
#my_contents h1{
	margin: 15px 0 0 13px;
	 }
#my_contents h2{
	clear:both;
	margin: 15px 0 0 25px;
	padding: 4px 15px 0;
	background-color:#6666FF;
	border-bottom: 2px solid #3247D9;
	width: 465px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	 }


/* ナビ */
/* プレゼント・ヤフオク・ネットショップ */
.presents{ 
	margin: 10px 12px;
}

.leftbtn{
	margin: 10px 0;
}
.leftbtn2{
	margin: 1px 2px 0 12px;
}

#shoes{
	margin: 10px 0;
	font-size: 80%;
	font-weight: bold;
}
#shoes ul{
	margin: 0px 0 0 12px;
}
#shoes ul li{
	margin-top: 6px;
	border-bottom: 1px dotted #666;
	padding-bottom: 1px;
	padding-left: 15px;
	width: 145px;
	background:url(../images/sankaku.gif) no-repeat;
}
#shoes ul li link {
	text-decoration: none;
	font-size: 90%;
}

/* ニュース */
#news{
	margin: 20px 0 10px 10px;
	font-size: 80%;
	background:url(../images/newsback.gif);
	width: 150px;
}

#news ul{
	margin: 0;
}
#news li{
	margin-top: 8px;
	border-bottom: 1px dotted #666;
	padding-bottom: 1px;
	padding-left: 15px;
	width: 150px;
	background:url(../images/arrow.gif) no-repeat;
	line-height:1.3;
}
#news li link {
	text-decoration: none;
}

/* 特定商取引他 */
#privacy{
	margin: 15px 0 0 12px;
	font-size: 70%;
	width: 150px;
}
#privacy ul{
	margin: 0;
}
#privacy ul li{
	margin-top: 6px;
	border-bottom: 1px dotted #666;
	padding-bottom: 1px;
	padding-left: 15px;
	width: 145px;
	background:url(../images/sankaku.gif) no-repeat;
	font-size: 90%;
}

/* メインコンテンツ */
.pan{
	margin: 3px 0 0 8px;
	font-size: 70%;
	float:left;
}
.pan a{
	margin-right: 5px;
}
.now{
	margin-left: 5px;
}
.cart{
	float:right;
	margin: 3px 10px 0;
}
/* ページトップ */
.pagetop{
	float:right;
	margin: 3px 20px 0;
	font-size: 70%;
}

/* 商品テーブル */
#main{
	clear: both;
	margin: 30px 20px 10px;
	text-align: center;
}

/* 一覧 */
.puroduct{
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.phot{
	border: 1px solid #000066;
}
.shohinmei{
	margin: 0px 5px 0 10px;
	font-size: 70%;
	text-align: 1.2;
	text-align:left;
}

/* 一覧シューズ */
.shoest{
	margin:10px;
	padding: 2px 10px 0;
	background:url(../images/shoestback.gif) repeat-x;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-size: 110%;
	
}



/* 詳細 */
.phot2{
	margin: 15px 0 0 25px;
	text-align: center;
	width: 490px;
}
.phot22{
	margin: 5px 3px;
}
/* 商品説明 */
#setumei{
	margin: 20px 50px;
	}
.kakaku{
	background:url(../images/shosai/kakaku.gif) no-repeat;
	padding: 5px 0 ;
	text-align: center;
}
.zei{
	font-size: 90%;	
}
.nedan{
	margin-left: 5px;
	color: #CC3333;
	font-weight: bold;
}
.colorsize{
	margin: 10px 0;
}
.color{
	margin-top: 3px;
	padding: 2px 15px;
	background-color:#C8F0FF;
	text-align: left;
	width: 400px;
	font-size: 80%;
}
.size{
	padding-right: 5px;
}
.setumeibun{
	margin: 10px 30px 10px 10px;
	font-size: 80%;
	line-height: 1.3;
}
.back{
	margin: 10px 30px 0;
	text-align: right;
}

/* 注文一覧 */
#chumon{
	margin: 15px 0 15px 20px;
	width:500px;
}

.shosaileft{
	padding: 5px 5px 5px 10px;
	background-color: #DCF0FF;
	border-top: 3px solid #FFFFCC;
	border-bottom: 1px solid #505050;
	text-align: left;
	vertical-align: bottom;
	font-size: 80%;
	}
.shosairight{
	padding: 5px 0px 5px 6px;
	border-top: 3px solid #FFFFCC;
	border-bottom: 1px solid #505050;
	text-align: right;
	vertical-align: bottom;
	font-size: 80%;
}
.shohin{
	font-weight: bold;
	text-align: 1.2;
}
.shohinzei{
		font-size: 90%;	
}
.shohinzei2{
		font-size: 80%;
		font-weight: normal;	
}
.shohinkakaku{
	margin-left: 5px;
	color: #CC3333;
	font-weight: bold;
}

.button {
	margin-left: 2px;
  width: 118px;
  height: 22px;
  border: 0;
  background: url(../images/shosai/cart.gif) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
.little{
	margin-bottom:5px;
	text-align:left;
}

.soldout{
	text-align:center;
}

/* ショッピングカート */
#shoppingcart{
 margin: 10px 0;
 text-align: center;
}
#shoppingcart h1{
	 margin: 30px 0 10px;
}
.headline{
	background-color: #FFCCFF;
	font-size: 80%;
	text-align: center;
}
.content{
	background-color: #FFFFFF;
	font-size: 80%;
	text-align: center;
}
.total{
	background-color: #E8E8E8;
	font-size: 80%;
	text-align: center;
}
.gokei{
	font-weight: bold;
	color: #660000;
}
.carttitle{
	margin: 20px 22px 2px;
	padding:  2px 5px 1px;
	text-align:center;
	background-color: #CF2862;
	color: #FFFFFF;
	font-weight: bold;
}
.cartr{
	padding:  5px 5px 3px;
	text-align:right;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.cartl{
	padding:  5px 5px 3px 10px;
	text-align: left;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.cartc{
	padding:  5px 5px 3px;
	text-align:center;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.cartr2{
	padding:  5px 5px 3px;
	text-align:right;
	border-bottom: 1px solid #999;
}

.cartl2{
	padding:  5px 5px 3px 10px;
	text-align: left;
	border-bottom: 1px solid #999;
}
.cartc2{
	padding:  5px 5px 3px;
	text-align:center;
	border-bottom: 1px solid #999;
}

.cartrl{
	padding:  5px 5px 3px;
	text-align:right;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
}
.cartll{
	padding:  5px 5px 3px 10px;
	text-align: left;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
}
.cartcl{
	padding:  5px 5px 3px;
	text-align:center;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
}
.cartr2l{
	padding:  5px 5px 3px;
	text-align:right;
	border-bottom: 2px solid #999;
}

.cartc2l{
	padding:  5px 5px 3px;
	text-align:center;
	border-bottom: 2px solid #999;
}
.cartsetumei{
	margin: 5px 0 10px 30px;
	font-size: 80%;
	line-height: 1.3;
}
.cartsetumei2{
	margin: 20px 0 10px 30px;
	font-size: 80%;
	text-align: left;
}
.cartbtn{
	margin: 30px 0 10px;
	text-align: center;
}
.cartbtn2{
	margin: 0px 0 30px;
	text-align: center;
}

/* form */
label{
	margin: 3px 3px;
	font-size: 90%;
}
input,textra,select{
	margin: 3px 3px  0px;
}
.formsetumei{
	margin: 4px 0;
	line-height: 1.4;
	font-size: 90%;
	color:#003366;
}
.hissu{
	margin-left:3px;
	font-size: 80%;
	color: #660000;
}

.chuijiko{
	margin: 5px 0;
	font-size: 80%;
	color: #660000;
}
.end{
	margin-right: 2px;
}

	
	
/* 下部説明 */
#about{
	clear:both;
	margin: 5px 0 0;
	text-align: center;

}


#aboutleft{
	float:left;
	margin: 10px 0px 5px 8px;
	padding: 0;
	text-align: left;
	width: 250px;
	font-size: 80%;
	}

#aboutright{
	float:right;
	margin: 10px 2px 5px 0px;
	padding: 0 15px 0 9px;
	text-align: left;
	width: 250px;
	font-size: 80%;
	border-left:1px solid #333;
	}

.aboutt{
	margin: 5px 0 3px;
	padding: 1px 5px 0;
	font-weight:bold;
	color:#fff;
	font-size: 110%;
	background-color: #5773EC;
}
.aboutt2{
	margin: 5px 0 0;
	padding: 2px 5px;
	color:#336699;
	border-bottom:1px solid #336699;
}
.aboutbun{
	margin: 5px 5px 20px 15px;
	line-height: 1.4;
}

.aboutred{
	color:#D21A34;
}
.abouts{
	margin-top:5px;
	font-size: 90%;
	text-align: right;
}
.aboutmail{
	color:#0066FF;
	padding: 2px 5px;
	border-bottom:1px dotted #999;
}
.aboutmail2{
	margin:5px 1em 2px;
	color:#0066FF;
}
.aboutmail3{
	margin-left: 2em;
}
.shamei{
	font-weight:bold;
	font-size:110%;
}
.aboutadress{
	margin: 20px 0 0 15px;
	font-size: 80%;
}

.mailadress{
	margin:5px;
	padding: 2px 3px 1px;
	border: 1px solid #999;
	font-size: 90%;
}

#copyright{
	clear: both;
}


	
/* ご利用ガイド */
#ete{
	margin: 15px;
}
.guidet{
	margin-top: 15px;
	padding: 3px 5px 0px;
	text-align: left;
	border: 1px solid #CC3366; 
	border-left: 5px solid #CC3366; 
	background-color: #fff;
	font-weight: bold;
	color: #CC3366; 
	}
.guideno0{
	margin: 20px  15px 5px;
	font-soize: 100%;
	font-weight: bold;
	border-bottom: 1px dotted #CC3366; 
	color: #333;
	}
.guideno{
	margin: 40px  15px 5px;
	font-soize: 100%;
	font-weight: bold;
	border-bottom: 1px dotted #CC3366; 
	color: #333;
	}
.guideno1{
	margin-right: 5px;
	padding: 2px 4px 1px;
	background-color: #CC3366; 
	color: #fff;
	}
.guidebun{
	margin: 5px 40px 40px 35px;
	font-size: 80%;
}
.toiawase{
	margin: 5px 50px;
	padding: 5px 8px 3px;
	border: 1px solid #999; 
	line-height: 1.5;
	font-size: 80%;
}
.toiawasejikan{
	text-align:left;
	margin: 5px 0 5px;
	line-height: 1.5;
	layout-grid-char: 0.4%;
}
.guidechui{
	margin: 10px  15px 5px;
	padding: 2px 4px 1px 6px;
	border: 1px solid #CC3366; 
	font-size: 80%;
	}

#ete ul li{
	margin: 5px;
	padding-left: 12px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666; 
	background:url(../images/maru.gif) no-repeat;
}
.guidchuijiko{
	margin: 5px 0 5px 10px;
	font-size: 80%;
	color: #660000;
}

.guideh1{
	margin: 60px 0 0 13px;
	 }
.guidekyocho{
	color:#660000;
	font-weight: bold;
	 }
.guidekyocho2{
	margin: 10px 0;
	color:#660000;
	font-weight: bold;
	border-bottom: 1px dotted #660000;
	 }	
.left20 {
	margin: 5px 0 5px 3em;
}
.daibiki{
	margin: 10px 0 0;
	color:#003399;
	font-weight: bold;
	font-size: 120%;
}
.kyocho1{
	margin: 20px 0 0;
	padding-left: 1em;
	color:#660000;
	border-top: 1px dotted #660000;
	border-bottom: 1px dotted #660000;
	font-weight: bold;
	font-size: 100%;
	 }
.kyocho11{
	margin: 5px 0;
	padding-left: 3em;
	color:#660000;
	font-weight: bold;
	 }
.kyochoss{
		font-size: smaller;
	 }
.kyochotitle{
	margin: 0;
	color: #003366;
	font-size: 100%;
	font-weight: bold;
 }
 .haitatu{
	 margin:3px 0px 20px 15px;
	width: 400px;
 }
  .haitatul{
	  float:left;
	  width: 80px;
 }
  .haitatur{
	  float:right;
	  width: 230px;
 }
  .haitatum{
		  margin-left: 80px;
}
 .arrow{
	margin: 10px;
	text-align: center;
 }

/* 商取引法 */
.low1{
	padding: 5px 8px 3px;
	border-bottom: 1px solid #999;
	text-align: left;
	font-size: 80%;
	width: 10em;
	background-color:#FFFFFF;
}
.low2{
	padding: 5px 8px 3px;
	border-bottom: 1px solid #999;
	text-align: left;
	font-size: 80%;
}
 
	 
/* safari only \*/
html:\66irst-child #my_body{
	margin: 1px 0 0 0;
}
html:\66irst-child #shoes ul{
	margin-left: 2px;
}
html:\66irst-child #news ul{
	margin-left: 0.5px;
}

html[xmlns] #navibtn{
	margin-bottom: -11px;
}
/* safariとFirefox only \*/
:root #shoes ul{
	margin-left: -30px;
}
:root #news ul{
	margin-left: -40px;
}
:root #privacy ul{
	margin-left: -10px;
}
:root .pan {
	margin-left: 20px;
}
:root .cart {
		margin-right: 20px;
}

:root .button {
  letter-spacing: -20000px;
}


:root ul{
	margin-left: -50px;
}

/* "be nice to Opera"規則 */
 htm>body div.pan {
     margin-left: 20px;
 }
 /* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */
 head:first-child+body div.pan {
    margin-left: 20px;
 }

 htm>body #news ul{
	margin-left: -40px;
 }

#footer{
	border-bottom: 5px solid #4159E1;
	width: 550px;
}



:root #aboutleft{
	padding-left: 8px;
	}


