@charset "shift_jis";

/*  ----------------------------------------------------  */
/*  汎用class */
/*  ----------------------------------------------------  */

/* text-align */

.tleft{ text-align:left;}
.tright{ text-align:right;}
.tcenter{ text-align:center;}



/* float */

.fleft{ float:left;}
.fright{ float:right;}



/* FONT */

.cblue    {color: #0000FF;}
.csky     {color: #3366FF;}
.cred     {color: #CC0000;}
.cpink    {color: #ee066e;}
.cdefault {color: #333;   }
.green {color: #008E3B;}
.brown{ color:#663300;}


/* strong */

.sg_blue{
	color: #0000FF; 
	font-weight:bold;
}
.sg_orange{
	color:#FF9900;
	font-weight:bold;
}
.sg_red{
	color:#CC0000;
	font-weight:bold;
}
.sg_pink{
	color:#ee066e;
	font-weight:bold;
}
.sg_default{
	color:#333;
	font-weight:bold;
}


/* font size */

.fssmall{
	font-size:10px;
}
.fsmall{
	font-size:11px;
}
.fsmall2{
	font-size:12px;
}
.fmiddle{
	font-size:14px;
}
.fbig{
	font-size:16px;
}
.fbig3{
	font-size:20px;
	line-height:1.5em;
}

.fnormal{
	font-size:12px;
	font-weight:normal;
}




/* clear */

.clear{
	clear:both;
	height:0; 
	overflow:hidden;
	line-height:0;
	min-height:0;
	font-size:1px;
}

.zindex{
	position:relative;
	z-index: -1;
	font-size:12px;
	text-align:left;
}



/* image */

.imgvctr{
	vertical-align: middle; 
}
.imgvtop{
	vertical-align: top; 
}
.imgvbtm{
	vertical-align: bottom; 
}

.imgleft_m5{
	float:left;
	margin-right:5px;
}
.imgleft_m10{
	float:left;
	margin-right:10px;
}
.imgright_m5{
	float:right;
	margin-left:5px;
}



/* margin */

.mar_b5p {
	margin-bottom:5px;
}
.mar_r2p {
	margin-right:2px;
}
.mar_r3p {
	margin-right:3px;
}

.mar_r5p {
	margin-right:5px;
}
.mar_r6p {
	margin-right:6px;
}
.mar_r10p {
	margin-right:10px;
}





/* padding */

.pad_t10p{
	padding-top:10px;
	display:block;
}
.pad_b3p{
	padding-bottom:3px;
	display:block;
}
.pad_b5p{
	padding-bottom:5px;
	display:block;
}
.pad_b10p{
	padding-bottom:10px;
	display:block;
}
.pad_b20p{
	padding-bottom:20px;
	display:block;

}
.pad_b30p{
	padding-bottom:30px;
	display:block;
}
.pad_b40p{
	padding-bottom:40px;
	display:block;
}
.pad_b50p{
	padding-bottom:50px;
	display:block;
}
.pad_b60p{
	padding-bottom:70px;
	display:block;
}
.pad_b70p{
	padding-bottom:70px;
	display:block;
}
.pad_b75p{
	padding-bottom:75px;
	display:block;
}

.pad_b80p{
	padding-bottom:80px;
	display:block;
}

.pad_tb20p{
	padding-top:20px;
	padding-bottom:20px;
	display:block;
}

.pad_10p{
	padding:10px;
	display:block;
}
.pad_20p{
	padding:20px;
	display:block;
}





/* border */

.bdr{
	border:1px solid #cccccc;
}


/* image change */
.img_txt {
	margin:0 auto;
	display:block;
	text-indent:-9999px;
}







/* リスト
--------------------------*/

ul.circle { 
	list-style : none;
	margin:0;
	padding:0;
}
ul.circle li{ 
	list-style : none;
	padding-left:20px;
	background:url(../../common/images/circle02.gif) no-repeat 0px 5px;
	text-align:left;
}


/* バナー
--------------------------*/

.bn_layout{
	position:relative; 
}

.bn{

}

.bn p {
	overflow: hidden;
	/* \*/
	position:relative;
	/* */
	/*\*//*/
	display:inline-table;
	/**/
}
	.bn p a {
		display:block;
	}
	.bn p a:hover {
		position:relative;
	}
	.bn p a img{
	  border:none;
	}


/* メリット番号Style
--------------------------*/
h5.merit_style{
	padding-left:50px;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	font-size:18px;
	font-weight:bold;
	line-height:2.3em;
}
/* こだわり番号Style
--------------------------*/
h5.kodawari_style{
	padding-left:50px;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	font-size:18px;
	font-weight:bold;
	line-height:2.3em;
}


/* contents内：サブナビゲーション
--------------------------*/
.c_sub_navi {
	width:199px;
	height:116px;
	positon:absolute;
	float:left;
	margin-right:17px;
}
.c_sub_navi_ed {
	width:199px;
	height:116px;
	positon:absolute;
	float:right;
}

.c_sub_navi p,
.c_sub_navi_ed p {
	width:199px;
	height:101px;
}
	.c_sub_navi p a:hover,
	.c_sub_navi_ed p a:hover {
		top:-101px;
	}