@charset "utf-8";

@import url("default.css");

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

 file name  :common.css

 style info :共通部分

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

/*--- culum ---------------------------------------*/

#wrapp{
	width:944px;
	margin:0 auto;
	}
	
#contents{
	width:918px;
	margin:0 auto;
	}
	
#mainBody{
	width:720px;
	float:right;
	}

#main{
	width:720px;
	float:right;
	}

#mainBody.bgAll {
	background: #ffffff url(../images/back.gif) repeat left top;
	}

#sideBody{
	width:180px;
	float:left;
	font-size:12px;
	}


#side{
	width:180px;
	float:left;
	font-size:12px;
	}

/*--- header ---------------------------------------*/

#header{
	background:url(../images/header_bg.jpg) 0 0 no-repeat;
	height:121px;
	font-size:12px;
}

#headerInner{
width:919px;
margin-left:auto;
margin-right:auto;
padding-top:4px;
}

#header h1{
width:511px;
float:left;
}

#header .btnArea{
width:300px;
float:right;
}

#header .btnArea .ul01{
	clear:both;
	height:24px;
	margin-bottom:5px;
}

#header .btnArea .ul01 li{
	float:right;
}

#header .btnArea .ul02{
	width:300px;
}


/*
#header .btnArea li{
float:right;
}
*/


#header #navi{
width:919px;
margin-left:auto;
margin-right:auto;
clear:both;
height:33px;
}

#header #navi li{
float:left;
line-height:0;
font-size:1px;
height:33px;
}

#header #navi li a{
display:inline;
line-height:normal;
}

/*--- sideBody ---------------------------------------*/

/*
#sideGold{
	background:url(../images/side_gold.jpg) 0 100% no-repeat;
	height:223px;
	margin-bottom:15px;
	}

#sideGold p.btn{
	margin:136px 0 0 5px;
	}
	
#sideSet{
	background:url(../images/side_set.jpg) 0 100% no-repeat;
	height:219px;
	margin-bottom:15px;
	}

#sideSet p.btn{
	margin:130px 0 0 5px;
	}

#sideCourse{
	background:url(../images/side_course.jpg) 0 100% no-repeat;
	height:219px;
	margin-bottom:15px;
	}

#sideCourse p.btn{
	margin:150px 0 0 5px;
	}
*/

#sideProducts{
	background:url(../images/side_products_bg.gif) 0 0 repeat-y;
	margin-bottom:15px;
	}

#sideProducts li{
	margin:0 7px;
	border-bottom:1px dotted #99926b;
	line-height:2,5em;
	background:url(../images/side_products_arrow.gif) 0 6px no-repeat;
	padding-left:14px;
	}

#sideBtn li{
	margin-bottom:5px;
	}
	
#sideSearch{
	background:url(../images/side_search.jpg) 0 0 no-repeat;
	padding-top:50px;
	padding-bottom:15px;
	margin-bottom:10px;
	}

#sideSearch form#search{
	width:150px;
	margin:0 auto;
	}
	
#sideSearch form#search p.btn{
	width:118px;
	margin:5px auto 0 auto;
}

#sideBkm{
	background-color:#FFF;
	padding:5px;
	text-align:center;
	}
	
#sideBkm img{
	margin-left:3px;
}


/*--- footerBody contents ---------------------------------------*/

#footerContents{
	margin-bottom:20px;
	}

#footerContents h2{
	margin-bottom:10px;
}

#footerContents dt{
	background:url(../images/footer_icoc_circle.gif) 0 0 no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	padding-left:25px;
	color:#663623;
	}

#footerContents  a{
	background:url(../images/footer_icoc_arrow.gif) 0 0 no-repeat;
	padding-left:15px;
	text-decoration:underline;
	}

#footerContents .purchase{
	margin-bottom:15px;
	}

#footerContents .purchase dl{
	padding:0 20px;
	float:left;
	width:300px;
	margin-bottom:15px;
	}

#footerContents .delivery{
	clear:both;
	margin-bottom:25px;
	}

#footerContents h3{
	margin-bottom:10px;
	}

#footerContents .delivery ul li{
	float:left;
	}

#footerContents .delivery ul li a{
	background:none;
	padding-left:0;
	}

#footerContents .payment{
	margin-bottom:15px;
	clear:both;
	}
	
#footerContents .aboutshoping dl{
	margin-bottom:10px;
	}

#footerContents .aboutshoping dd{
	padding-left:25px;
	}
	
/*--- footerBody contact ---------------------------------------*/

#footerContact{
	width:944px;
	margin:0 auto;
	background:url(../images/footer_contact_bg.gif) 0 0 no-repeat;
	height:104px;
	clear:both;
	}

#footerContact ul{
	padding-right:20px;
}

#footerContact li{
	float:right;
	margin-right:20px;
	margin-top:15px;
}

/*--- footerBody ---------------------------------------*/

#footerBody{
	width:918px;
	clear:both;
	margin-left:14px;
	margin-top:20px;	
	text-align:center;
	font-size:12px;
	}

#footerNavi{
	text-align:center;
	padding:15px 0;
	}


#footerNavi02{
	text-align:center;
	padding:5px;
	background-color:#ff8500;
	margin-bottom:15px;
	}

div.kadomaru {
   width: 910px;
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px orange solid;     /* 枠線の装飾 */
   background-color: #ffffff;   /* 背景色 */
	}


/*--- common ---------------------------------------*/

.floatL{
float:left;
}

.floatR{
float:right;
}

.txtRed{
color:#ff0000;
}

.txtSmall{
font-size: 85%;
line-height:1.2em;
}


.txtBold{
font-weight:bold;
}

.txtGray{
color:#898989;
}

.txtOrange{
color:#ff6900;
font-weight:bold;
}

.txtBlueBold{
font-weight:bold;
color:#3b6780;
}

.center{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.right{
text-align:right;
}


/*--- form ---------------------------------------*/

.form30{width:30px;}

.form60{width:60px;}

.form150{width:150px;}

.form200{width:200px;}

.form300{width:300px;}

.form400{width:400px;}


/*--- clearfix ---------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*--- margin ---------------------------------------*/

.marB03{margin-bottom:3px;}
.marB05{margin-bottom:5px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}

.marT03{margin-top:3px;}
.marT05{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}

.marR03{margin-right:3px;}
.marR05{margin-right:5px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR30{margin-right:30px;}

.marL03{margin-left:3px;}
.marL05{margin-left:5px;}
.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}

.padB03{padding-bottom:3px;}
.padB05{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}

.padT03{padding-top:3px;}
.padT05{padding-top:5px;}
.padT10{padding-top:10px;}
.padT13{padding-top:13px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}

.padL03{padding-left:3px;}
.padL05{padding-left:160px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padL30{padding-left:30px;}

/*--- font ---------------------------------------*/

.fs80{ font-size: 80% !important; }
.fs85{ font-size: 85% !important;line-height:140%; }
.fs90{ font-size: 90% !important; }
.fs100{ font-size: 100% !important; }
.fs110{ font-size: 110% !important; }
.fs120{ font-size: 120% !important; }
.fs130{ font-size: 130% !important; }
.fs140{ font-size: 140% !important; }
.fs150{ font-size: 150% !important; }