@charset "utf-8";
/* 	file name	:	base.css */

/* *********** CLASS *********************************** */
.mT0 { margin-top:0 !important; }
.mR0 { margin-right:0 !important; }
.pT14 { padding-top:14px !important; }
.pB14 { padding-bottom:14px !important; }

.m0 { margin:0 !important; }
.m0a { margin:0 auto !important; }
.m10 { margin:10px !important; }
.mB5 { margin-bottom:5px !important; }
.mB6 { margin-bottom:6px !important; }
.mB10 { margin-bottom:10px !important; }
.mB14 { margin-bottom:14px !important; }
.mB16 { margin-bottom:16px !important; }
.mB20 { margin-bottom:20px !important; }
.mB24 { margin-bottom:24px !important; }
.mB28 { margin-bottom:28px !important; }
.mB30 { margin-bottom:30px !important; }
.mB36 { margin-bottom:36px !important; }
.mB38 { margin-bottom:38px !important; }
.mB40 { margin-bottom:40px !important; }
.mB48 { margin-bottom:48px !important; }
.mB60 { margin-bottom:60px !important; }
.mT10 { margin-top:10px !important; }
.mT32 { margin-top:32px !important; }
.mT120 { margin-top:120px !important; }
.mR5 { margin-right:5px !important; }
.mR8 { margin-right:8px !important; }
.mR9 { margin-right:9px !important; }
.mR10 { margin-right:10px !important; }
.mR15 { margin-right:15px !important; }
.mR20 { margin-right:20px !important; }
.mL5 { margin-left:5px !important; }
.mL10 { margin-left:10px !important; }
.mL20 { margin-left:20px !important; }

.w30 { width:30px !important; }
.w65 { width:65px !important; }
.w124 { width:124px !important; }
.w132 { width:132px !important; }
.w140 { width:140px !important; }
.w157 { width:157px !important; }
.w190 { width:190px !important; }
.w221 { width:221px !important; }
.w251 { width:251px !important; }
.w255 { width:255px !important; }
.w285 { width:285px !important; }
.w445 { width:445px !important; }

.fL { float:left !important; }
.fR { float:right !important; }

.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }

.aL { text-align:left !important; }
.aR { text-align:right !important; }
.aC { text-align:center !important; }

.font85 { font-size:85% !important; }
.font136 { font-size:136% !important; }

/* text color */
/*.txtCaution { color:#c81111 !important; }*/
/* pink */.txtPk { color:#ec6583 !important; }
/* green */.txtGn { color:#2b9fa2 !important; } 
/* brown */.txtBw { color:#8c653c !important; } 

/* background color */
/* pink */.bgPk { background-color:#f9e1e1 !important; }
/* beige */.bgBe { background-color:#fbf9f2 !important; } 

.withBorder { border:#ec6583 1px dotted !important; }
.withBorder2 { border:#ec6583 1px solid !important; }
.withBeBorder { border:#c9ac5c 1px dotted !important; }
.withGnBorder { border:#2b9fa2 1px dotted !important; }
.withGnBorder2 { border:#2b9fa2 1px solid !important; }

.fit { font-size:0 !important; line-height:0 !important; }
	.fit li{float:left;}
.withLine { padding-bottom:11px; background:url(../img/line_ttl.gif) 0 100% no-repeat; }
.withLine2 { padding-bottom:11px; background:url(../img/line_ttl2.gif) 0 100% no-repeat; }
.withLine3 { padding-bottom:11px; background:url(../img/line_ttl3.gif) 0 100% no-repeat; }
.withLine4 { padding-bottom:11px; background:url(../img/line_ttl4.gif) 0 100% no-repeat; }
.withLine5 { padding-bottom:11px; background:url(../img/line_ttl5.gif) 0 100% no-repeat; }
.withLine6 { padding-bottom:11px; background:url(../img/line_ttl6.gif) 0 100% no-repeat; }
.withLine_max { padding-bottom:11px; background:url(../img/line_ttl_max.gif) 0 100% no-repeat; }

.alpha:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha( opacity=60 ); }

/* *********** CLEARFIX *********************************** */
#content:after,.navi:after,#topicPath:after,.inner:after, .clearfix:after { display:block; height:0; clear:both; visibility:hidden; }
#content,.navi,#topicPath,.inner, .clearfix { display:inline-block; }
* html #content,* html .navi,* html #topicPath,* html .inner, * html .clearfix { height:1%; }
#content,.navi,#topicPath,.inner, .clearfix { display:block; }

/* *********** LINK *********************************** */
a { outline:0; }
a:link { color:#8c653c; text-decoration:none; }
a:active { color:#8c653c; text-decoration:none;}
a:visited { color:#8c653c; text-decoration:none; }
a:hover { color:#ec6583; text-decoration:none; }

/* *********** Base Layout ******************************** */
/* html, body */
html, body {
	height:100%;
}

/* body */
body {
	background-color:#fff;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align:center; /* for IE6 */
	color:#8f6b4f;
}

/* -------------- container ---------------- */
#container { width:90%; min-height:100%; height:auto !important; height:100%; margin:0 auto -466px; text-align:left; }


/* -------------- content ---------------- */
#content { width:90%; margin:0 auto; padding-bottom: 50px; line-height:1.8; }



/* -------------- content (twoCols) ---------------- */
.twoCols {  }
	.twoCols #main { float:left; width: 100%; }
	
		#newItem { position: relative; width: 100%; margin: 0 auto; }
			#newItem .slide {  position: relative; cursor: pointer; }
			#newItem .inner .item { position: relative; margin: 0 10px; padding: 22px 0 22px 10px; width: 150px; height: 150px; }
			
			#newItem .arrows .prev { position: absolute; left:0px; top: 20px; padding: 22px 18px; background-color:#fff; }
			#newItem .arrows .next { position: absolute; right:0px; top: 20px;  padding: 22px 18px; background-color:#fff; }
	
	.twoCols #sub { position:relative; float:right; width: 251px; z-index:1; }
		.twoCols #sub .itemSearch { }
		.twoCols #sub .itemSearch .navi { padding:0 0 0 10px; }
		.twoCols #sub .itemSearch .navi li { padding:0 0 0 18px; background:url(../img/ico_arr1.gif) 0 0.5em no-repeat; }
		.twoCols #sub .itemSearch .navi li li {  padding:0 0 0 9px; background:url(../img/ico_arr2.gif) 0 0.8em no-repeat; }
        
        .twoCols #sub .hukidashi    { padding:0 0 0 10px; }
        .twoCols #sub .hukidashi li { padding:0 0 0 22px; background:url(../img/ico_hukidashi.gif) 0 0.4em no-repeat; }

		.twoCols #sub .brandSearch { }
		.twoCols #sub .brandSearch .navi { }
		.twoCols #sub .brandSearch .navi li {
			float:left;
			/*display: inline;*/
			margin:0 13px 13px 0;
			border:#ec6583 1px dotted;
			font-size:0;
			line-height:1;
			}
		.twoCols #sub .brandSearch .navi li.last { margin-right:0; }

		.twoCols #sub .bnr { }
		.twoCols #sub .bnr li { border:#ec6583 1px dotted; margin-bottom:10px; font-size:0; line-height:0; }

/* ------ push ( for sticky-footer) ----- */
div.push { height:466px; clear:both; }