@import "template.css";
#conts p {
	font-size: 12px;
	line-height: 1.5;
}

#conts h3.campaign {
	margin: 0 0 20px 0;
}

#conts p.campaign {
	margin: 0 0 10px 0;
}

#conts .campaign a {
}

#conts .campaign a img {
	margin: 0px;
}

#conts .campaign a:hover {
	background-color: #fff;
}

#conts .campaign a {
	width: 530px;
	height: 129px;
	background-image:url(/img/index/h3_img01_over.jpg);
	display: block;
}

#conts .campaign a:hover img {
	visibility: hidden;
}


#conts h3 {
	margin-bottom: 5px;
}

#conts #box {
	padding: 0 8px 0 9px;
	border: solid #CEC686;
	border-width: 0 1px;
}

#conts #tokutyou01 {
	margin-top: 10px;
	padding: 10px 80px 0 10px;
	height: 150px;
	background: url(/img/index/tokutyou_01.gif) no-repeat
}

	* html #conts #tokutyou01 {
		height: 160px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 150px;
		/**/
	}

#conts #tokutyou01 p {
	padding: 10px 150px 0 0px;
}

#conts #tokutyou02 {
	padding: 10px 0px 0px 10px;
	background: url(/img/index/tokutyou_02.gif) no-repeat
}

#conts #tokutyou02 p {
	padding: 10px 150px 12px 0px;
}

#conts #tokutyou03 {
	padding: 10px 0px 0px 10px;
	background: url(/img/index/tokutyou_03.gif) no-repeat
}

#conts #tokutyou03 p {
	padding: 10px 150px 15px 0px;
}

#conts #tokutyou04 {
	padding: 8px 0px 0px 10px;
	background: url(/img/index/tokutyou_04.gif) no-repeat
}

#conts #tokutyou04 p {
	padding: 10px 140px 17px 0px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

#conts h3.tsuyomi {
	margin: 0;
	padding: 0;
}

#conts .frame1 {
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent url(/img/index/fr_back01.jpg) repeat-y left top;
}

#conts .frame1 p,
#conts .frame2 p {
	font-size: 13px;
	line-height: 1.7;
}	

#conts .frame1 .child {
	margin: 0;
	padding: 0 5px 15px 25px;
	background: transparent url(/img/index/fr_back02.jpg) no-repeat left bottom;
}

#conts .frame1 .child h4{
	margin: 0 0 10px 0;
	padding: 0;
	clear:both;
}

#conts .frame1 .child .imageR{
	float:right;
	padding:0 10px 20px 0;
}

#conts .frame1 .child p{
	padding:0 20px 20px 0;
}

#conts .frame2 {
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent url(/img/index/fr_back04.jpg) repeat-y left top;
}

#conts .frame2 .child {
	margin: 0;
	padding: 0;
	background: transparent url(/img/index/fr_back05.jpg) no-repeat left bottom;
}

#conts .frame2 .child .red {
	color:#CC0000;
}

#conts .frame2 .child h3 {
	margin:0;
	padding:0 0 15px 0;
	background: transparent url(/img/index/fr_back03.jpg) no-repeat left bottom;
}

#conts .frame2 .child ul {
	margin:0;
	padding:0;
}

#conts .frame2 .child li {
	margin:0 10px 0 0;
	padding:0 0 15px 0;
	width:260px;
	float:left;
}

#conts .frame2 .child li.last {
	margin:0;
}

#conts .frame2 .child p {
	padding:0 15px 15px 15px;
}

#conts .frame2 .child img {
	margin:0 auto;
	text-align:center;
}






#topics_tvcm {
	margin: 15px 0px 0px 0px;
	background: url(/img/top/tv_cm_back2.gif) repeat-y right top;

	position: relative;

	overflow: auto;
	clear:both;
}

	/*IE6以下用ハック*/
	* html #topics_tvcm {
		height: 100%;

		overflow: hidden;
	}

#topics {
	width: 310px;
	float: left;
}

#topics ul {
	padding: 5px 0px 0px 0px;
}

#topics li {
	padding: 0px 10px 0px 0px;

	font-size: 12px;
	line-height: 1.4;
}

#topics li span {
	padding: 0px 0px 0px 5px;
	float: left;
}

#topics li p {
	margin-bottom: 5px;
	width: 225px;
		/*Mac IE用ハック*/
		/*\*//*/width: 200px;/**/ 

	float: right;

	font-size: 12px;
	line-height: 1.4;
}

* html #topics li p {
	margin-bottom: 4px;
}

#topics li img {
	margin-bottom: 5px;
	clear: both;
}

#tvcm {
	width: 210px;

	float: right;
	/*Mac IE用ハック*/
	/*\*//*/
	/**/ 
}

#tvcm p {
	margin-bottom: 20px;
	padding: 3px 0px 0px 10px;
	border: 1px solid #4479D0;
	border-top: none;
	background: #fff;
}

#tvcm p span {
	padding: 5px 0px 0px 90px;
	min-height: 75px;
	background: url(/img/top/tv_cm_icon.jpg) no-repeat 0px 8px;
	display: block;

	font-size: 11px;
}

	/*IE6以下用ハック*/
	* html #tvcm p span {
		height: 80px;
	}

#tvcm p#shadan {
	margin: 0 0 20px 0;
	padding: 10px 0px 10px 7px;
	width: 201px;
	background: url(/img/top/tv_cm_back.gif) repeat-y;
	border: 1px solid #CFC787;

	color: #333;
	font-weight: bold;
}

	/*IE6以下用ハック*/
	* html #tvcm p#shadan {
		width: 210px;
		/*Mac IE用ハック*/
		/*\*//*/
		width: 201px;
		/**/ 
	}

#tvcm p#shadan img {
	margin: 13px 0px 10px -2px;
	clear: left
}

#tvcm p#shadan #shadanlogo {
	margin: 0px 5px 0px 0px;
	width: 38px;
	
	float: left;
	position: relative;
	top: -3px;
}

#tvcm p#qest {
	font-size:11px;
	line-height:130%;
	padding: 10px 30px 15px 20px;
	border: 1px solid #CFC787;
}

#tvcm p#qest img {
	margin: 0 0 10px 58px;
	display: inline;
}

#tvcm p#alsok {
	margin: 0;
	padding: 0;
	border: none;
}

#topics .back_topics {
	width:95px;
	margin:0px;
	padding:0px 0px 5px 0px;
	
	background:url(../img/icon/square01.gif) no-repeat 10px 3px;
	
	font-size:11px;
	text-align:right;
	
}

#topics .rpdown {
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
	
	float:none;
}