@charset "utf-8";

/* #################################################################################################### coment_LL */
/* ************************************************************************************* coment_L */
/* ====================================================================== coment_M */
/* ------------------------------------------------------- coment_S */
/* - - - - - - - - - - coment_SS */

/* #################################################################################################### common */

/* ====================================================================== #contents */

#contents {
	margin:0 10px;
}

#contents h1 {
	font-size:12px;
}

#contents .h1_tit {
	margin:0 5px 5px;
	_margin-left:10px;
	line-height:1.4;
	font-size:2.4em;
}

/* ====================================================================== .categoryTab */

ul.categoryTab { display:block; clear:both; border-bottom:2px solid #056CAA; font-size:12px;}

*+html body ul.categoryTab { height:1.5em;}			/* IE7用*/
body ul.categoryTab { _height:1.5em;}				/* IE4-6用 read macIE5 */
html>/**/body ul.categoryTab { height:1.6em;}		/* IE7以外のモダンブラウザ */
html:first-child ul.categoryTab  { height:1.5em;}	/* opera8以降対策 ※read safari2.x */

ul.categoryTab li {
	float:left;
	display:block;
	_display:inline;
	margin-left:5px;
	background-image:url(../images/common/r4_tl_fff.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
ul.categoryTab li a {
	display:block;
	_display:inline;
	padding:0.2em 8px;
	text-decoration:none;
	line-height:1.2;
	background-image:url(../images/common/r4_tr_fff.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

html[xmlns*=""] body:last-child ul.categoryTab li a { padding-bottom:0.3em;}	/* safari only \*/

ul.categoryTab li h1 { _display:inline;}
ul.categoryTab li.on a { color:#FFF;}
ul.categoryTab li.on { background-color:#056CAA;}
ul.categoryTab li.off { background-color:#DDE1D9;}


/* #################################################################################################### promotion.html */

body.promotion .kumaMark {
	font-size:1.3em;
	line-height:1.4;
}

/* ====================================================================== #specialBody2 */

body.promotion #specialBody2 {
	width:700px;
	clear:both;
	margin:20px auto 0;
	padding-bottom:10px;
}

/* ------------------------------------------------------- .itemBox */

body.promotion #specialBody2 .itemBox {
	clear:both;
	overflow:hidden;
	padding-bottom:25px;
}

body.promotion #specialBody2 .itemBox h2 {
	font-size:1.6em;
	line-height:1.4;
	background-color:#DCEF94;
	padding:3px;
	border-left:6px solid #47B500;
	font-weight:bold;
}

body.promotion #specialBody2 .itemBoxSub {
	padding-bottom:25px;
}

/* - - - - - - - - - - .fl */

body.promotion #specialBody2 .itemBox .fl {
	float:left;
	width:180px;
}

/* - - - - - - - - - - .fr */

body.promotion #specialBody2 .itemBox .fr {
	float:right;
	width:500px;
}
body.promotion #specialBody2 .itemBox p.read {
	font-size:1.3em;
	padding:10px 10px 20px;
}
body.promotion #specialBody2 .itemBox .promo_tit {
	border-bottom:2px solid #B2DB11;
	position:relative;
	padding:3px;
	margin-bottom:10px;
}
body.promotion #specialBody2 .itemBox .promo_tit h3 {
	color:#056CAA;
	font-weight:bold;
	font-size:1.6em;
	width:400px;
}
body.promotion #specialBody2 .itemBox .promo_tit p.link {
	font-size:1.3em;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
body.promotion #specialBody2 .readSub {
	font-size:1.3em;
	line-height:1.4;
	padding:0 10px 5px;
}
/* ------------------------------------------------------- .itemBox table */

body.promotion #specialBody2 .itemBox table {
	font-size:1.2em;
	border-collapse:collapse;
	border:1px solid #6B6B6B;
	margin:0 10px 5px;
}

body.promotion #specialBody2 .itemBox th {
	background-color:#DCEF94;
}
body.promotion #specialBody2 .itemBox td ,
body.promotion #specialBody2 .itemBox th {
	/*font-size:1.2em;*/
	font-weight:normal;
	padding:3px 6px;
	border:1px solid #6B6B6B;
	line-height:1.4;
}

body.promotion #specialBody2 .itemBox .tit {
	background-color:#E8F4B8;
}

body.promotion #specialBody2 .itemBox .nomalMark {
	display:block;
}