@charset "utf-8";

#mainImage {
	width:908px;
	height:274px;
	margin:0 0 20px;
	background:url(../images/top_mainimage.jpg) center top no-repeat;
	text-indent:-999em;
}

/* @group section ========================================================*/

.section {
	padding:0 40px 25px;
}

.section h2 {
	margin:0 0 10px;
	padding:8px 0 6px;
	background:url(../images/dotline.png) left bottom repeat-x;
}

.section#recommend h2 {
	margin:0 0 20px;
}

.section p {
	padding:0 0 15px;
}

.section#surprise h2,
.section#surprise .description {
	float:left;
	width:655px;
}

#sponsor {
	position:relative;
	right:-20px;
	float:right;
	width:172px;
	margin:0 0 18px -20px;
	padding:0 0 10px;
	background:#f2f2f2 url(../images/bg_sponsor_bottom.png) left bottom no-repeat;
}

#sponsor p {
	padding:0;
	text-align:center;
}

#sponsor h3 {
	padding:5px 0 7px;
	background:url(../images/bg_sponsor.png) left top no-repeat;
	text-align:center;
}

#sponsor .sPhoto {
	padding:0 0 8px;
}

#sponsor .sLink a {
	padding-left:10px;
	background:url(../images/arrow.png) left center no-repeat;
}


/* @group column ----------------------------------------- */

.column {
	clear:both;
	width:788px;
	margin:0 0 0 20px;
	/*padding:0 0 18px;*/
	background:url(../images/bg_section_btm.png) left bottom no-repeat;
}

.column h3 {
	padding:0 0 13px;
}

.column .copy {
	padding-left:21px;
	padding-right:21px;
}

.column .copy strong {
	margin:0 3px;
	color:#15669b;
	font-size:117%;
}

.column h4 {
	margin:0 0 5px;
	padding:0 0 6px;
	background:url(../images/dotline.png) left bottom repeat-x;
}

.column .block {
	position:relative;
	padding:0 21px 15px;
}

.column .block .bLink {
	position:absolute;
	top:0;
	padding:0 0 0 11px;
	background:url(../images/arrow.png) left center no-repeat;
}

#bLink01 {
	left:94px;
}

#bLink02 {
	left:221px;
}

.bPhoto {
	float:right;
	position:relative;
	top:3px;
}

.column .block li {
	margin-left:1em;
	text-indent:-1em;
}

* html .column .block li {
	margin-left:0;
	padding-left:10px;
	text-indent:0; /*added by yasu*/
}

*:first-child+html .column .block li {
	margin-left:0;
	padding-left:10px;
	/*margin-left:10px;*/
	/*padding-left:10px;*/
}


.column .block li strong {
	color:#15669b;
}

.column .block li strong.sa {
	color:#da0058;
}

.column .block li:first-letter {
	font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* @end */

#recommend dl {
	margin:0 0 15px;
	background:url(../images/dotline.png) left bottom repeat-x;
}

#recommend dt,
#recommend dd {
	float:right;
	width:570px;
}

#recommend dt {
	padding:0 0 12px;
}

#recommend dd {
	padding:0 0 15px;
}

#recommend dd strong {
	color:#da0058;
	font-size:117%;
}

#recommend dd.rPhoto {
	float:left;
	width:240px;
	padding:0 0 10px;
}

#propose p,
#propose ul {
	float:right;
	width:510px;
}

#propose p.pPhoto {
	float:left;
	width:262px;
	text-align:right;
}

#propose ul li {
	color:#15669b;
	font-weight:bold;
}

#propose ul li:first-letter {
	font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* @end */

#btnApply {
	padding:21px 0 10px;
	background:url(../images/dotline.png) left top repeat-x;
	text-align:center;
}

/* @group clearfix ----------------------------------------- */

#recommend dl:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#recommend dl {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #recommend dl {
	height:1%;
}

#recommend dl {
	display:block;
}
/* End hide from IE-mac */

/* @end */