@charset "utf-8";

/*** マリアナ CSS Document ***************************************

	ver.2009/1/13

	diagnosis.css

----------------------------------------------------------------***/

/**  diagnosis.css Menu *********************************************

	1.ヘッダー
	2.レイアウト
	3.見出し
	4.診断結果
	5.楽しみ方

*******************************************************************

/*-----------------------------------------------------------------

	1.ヘッダー

-------------------------------------------------------------------*/
div#header{
	min-height: 141px;
}

/* For IE6 \*/
* html div#header{
	height: 274px;
}
/**/

/*-----------------------------------------------------------------

	2.レイアウト

-------------------------------------------------------------------*/

div#wrap{
	width: 880px;
}


/*-----------------------------------------------------------------

	3.見出し

-------------------------------------------------------------------*/

div#wrap h3{
	margin-left: 13px;
	margin-bottom: 5px;
}


/*-----------------------------------------------------------------

	4.診断結果

-------------------------------------------------------------------*/

div#wrap p.lead{
	width: 857px;
	margin-left: 13px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------

	5.楽しみ方

-------------------------------------------------------------------*/

div.contents01,
div.contents02,
div.contents03,
div.contents04,
div.contents05{
	width: 880px;
	padding-top: 2px;
	margin-bottom: 35px;
	background-repeat: no-repeat;
	background-position: top;
}

div.contents01{
	background-image: url(../images/diagnosis/bg_contents01_inner.gif);
}

div.contents02{
	background-image: url(../images/diagnosis/bg_contents02_inner.gif);
}

div.contents03{
	background-image: url(../images/diagnosis/bg_contents03_inner.gif);
}

div.contents04{
	background-image: url(../images/diagnosis/bg_contents04_inner.gif);
}

div.contents05{
	background-image: url(../images/diagnosis/bg_contents05_inner.gif);
}

div.contents01 div.inner,
div.contents02 div.inner,
div.contents03 div.inner,
div.contents04 div.inner,
div.contents05 div.inner{
	padding-bottom: 6px;
	min-height: 374px;
	background-repeat: no-repeat;
	background-position: bottom;
}

div.contents01 div.inner{
	background-image: url(../images/diagnosis/bg_contents01_outer.gif);
}

div.contents02 div.inner{
	background-image: url(../images/diagnosis/bg_contents02_outer.gif);
}

div.contents03 div.inner{
	background-image: url(../images/diagnosis/bg_contents03_outer.gif);
}

div.contents04 div.inner{
	background-image: url(../images/diagnosis/bg_contents04_outer.gif);
}

div.contents05 div.inner{
	background-image: url(../images/diagnosis/bg_contents05_outer.gif);
}

/* For IE6 \*/

* html div.contents01 div.inner{
	height: 374px;
}
* html div.contents02 div.inner{
	height: 374px;
}
* html div.contents03 div.inner{
	height: 374px;
}
* html div.contents04 div.inner{
	height: 374px;
}
* html div.contents05 div.inner{
	height: 374px;
}
/**/

div.inner div.left-ct{
	float: left;
	width: 437px;
	margin-left: 14px;
}

/* For IE6\*/

* html div.inner div.left-ct{
	margin-left: 6px;
}

/**/

div.inner div.left-ct h4{
	padding-top: 7px;
	margin-bottom: 11px;
}

div.inner div.left-ct p{
	margin-left: 7px;
}

div.inner div.right-ct{
	float: right;
	width: 400px;
	margin-right: 14px;
}

/*For IE6 \*/

* html div.inner div.right-ct{
	margin-right: 7px;
}

/**/

div.inner div.right-ct p{
	line-height: 0;
	font-size: 0;
}


div.inner div.btn-area{
	clear: both;
	width: 856px;
	margin-left: 14px;
}

div.inner div.btn-area p{
	line-height: 0;
	font-size: 0;
}

div.inner ul.logo-img{
	width: 500px;
	margin-left: 190px;
}

div.inner ul.logo-img li{
	display: inline;
	margin-right: 8px;
	line-height: 0;
	font-size: 0;
}

div.inner ul.logo-img li.last{
	margin-right: 0px;
}

/*clearfix**/

div.contents01 div.inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents01 div.inner { display:inline-block; }
/*\*/
* html div.contents01 div.inner { height:1%; }
div.contents01 div.inner { display:block; }
/**/

div.contents02 div.inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents02 div.inner { display:inline-block; }
/*\*/
* html div.contents02 div.inner { height:1%; }
div.contents02 div.inner { display:block; }
/**/

div.contents03 div.inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents03 div.inner { display:inline-block; }
/*\*/
* html div.contents03 div.inner { height:1%; }
div.contents03 div.inner { display:block; }
/**/

div.contents04 div.inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents04 div.inner { display:inline-block; }
/*\*/
* html div.contents04 div.inner { height:1%; }
div.contents04 div.inner { display:block; }
/**/

div.contents05 div.inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents05 div.inner { display:inline-block; }
/*\*/
* html div.contents05 div.inner { height:1%; }
div.contents05 div.inner { display:block; }
/**/


.btToTop{
text-align:right;
margin:10px 0px;
}
.travelName{
	line-height:1.4;
	font-size:12px !important;
}