@charset "utf-8";

/*

++ Stylesheet Menu ++

1.basic setting
	- body
	- h1
	- h2
	- img
	- a
	- #baseBox
	- #container
	
2.header
	- #headBox

3.leftnavi
	- #leftBox
		- .topH3
		- .ownerInfo
			- .ownerComment

4.maincontents
	- #mainBox
		- .lifePartnerQandA
		- .lifePartnerItemBox01
		- .lifePartnerItemBox02
		- .lifePartnerItemBoxTxt
		- .reviewBox
			- .moreInfoIcon

5.footer
	- #footerBox
	- #copyRight

6.other setting
	- .floatRight
	- .floatLeft
	- .clearBoth


*/

/* 1.basic setting bof */

body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5em;
	text-align:center;
	color:#9A6600;
}

h1{
	margin:0 auto 1em;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#666;
	width:800px;
	text-align:left;
}

h2{
	margin:0 1em;
	padding:0;
	float:left;
	width:263px;
}

p{
	margin:0 0 1em;
	padding:0;
}

img{
	border:0;
	vertical-align:bottom;
}

a:link{
	color:#9A6600;
	text-decoration:none;
}

a:visited{
	color:#9A6600;
	text-decoration:none;
}

a:active{
	color:#9A6600;
	text-decoration:none;
}

a:hover{
	color:#9A6600;
	text-decoration:none;
}

#baseBox{
	margin:0 auto;
	width:800px;
	text-align:left;
}
#container{
	margin-top:2em;
	width:800px;
}

/* 1.basic setting eof */

/* 2.header eof */

#headBox{
	width:800px;
}

#headBox h2{
	margin:0 10px;
	padding:0;
	float:left;
	width:263px;
}

#headBox p{
	margin:0;
	padding:0;
}

#headBox ul{
	padding-top:10px!important;
	width:801px;
	padding:0;
	clear:both;
	list-style:none;
}

#headBox li{
	margin:0;
	padding:0;
	float:left;
}

/* 2.header eof */

/* 3.leftnavi */

#leftBox{
	width:202px;
	float:left;
}

#leftBox .topH3{
	margin:0 0 inherit;
}

#leftBox ul{
	margin:0 1em;
	padding:0;
	list-style:none;
}

#leftBox li{
	margin:1em 0;
	padding:0;
}

#leftBox .ownerInfo{
	width:auto;
	background-color:#FFF2D8;
	text-align:center;
}

#leftBox .ownerInfo h3{
	margin:0 0 1em;
	padding:0;
	width:100%;
	background-color:#9A6600;
	text-align:center;
}

#leftBox .ownerInfo .ownerComment{
	width:90%;
	margin-left:5%;
	text-align:left;
}

/* leftnavi eof */

/* main contents bof */

#mainBox{
	width:572px;
	float:right;
}

#mainBox .lifePartnerQandA{
	width:auto;
	float:left;
}

#mainBox .lifePartnerQandA h3{
	margin:0 0 1em;
}

#mainBox .lifePartnerQandA ul{
	list-style-image:url(../image/info-listicon.gif);
}

#mainBox .lifePartnerItemBox01{
	width:265px;
	float:right;
	border:1px solid #F60;
}

#mainBox .lifePartnerItemBox01 h3{
	margin:0 0 1em;
	padding:0.3em 0 0.5em;
	width:100%;
	text-align:center;
	color:#FFF;
	background-color:#F60;
}

#mainBox .lifePartnerItemBox02{
	margin:1em;
	height:206px;
	background-image:url(../image/item-lifepartner.jpg);
	background-repeat:no-repeat;
}

#mainBox .lifePartnerItemBoxTxt{
	margin-top:1em;
	width:100px;
	position:relative;
	left:125px;
}

#mainBox .reviewBox{
	width:100%;
	color:#666;
}

#mainBox .reviewBox p{
	margin:0;
}

#mainBox .reviewBox strong{
	font-weight:normal;
	color:#F00;
}

#mainBox .reviewBox .moreInfoIcon{
	margin-left:3em;
	margin-top:1em;
	width:174px;
	float:left;
}


/* main contents eof */

/* footer bof */

#footerBox{
	margin-top:3em;
	width:100%;
	background-color:#FEF2D8;
	border-top:3px solid #785200;
	border-bottom:3px solid #785200;
	clear:both;
}

#footerBox ul{
	margin:0;
	padding:0;
	list-style:none;
}

#footerBox li{
	margin:0 1em 0;
	padding:0.5em 0 0.5em 2em;
	width:auto;
	background-image:url(../image/footer-icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
}

#copyRight{
	width:100%;
	text-align:right;
}

#copyRight p{
	margin:0;
	padding:0;
}

/* other setting bof */

.floatRight{
	width:auto;
	float:right;
}

.floatLeft{
	width:auto;
	float:left;
}

.clearBoth{
	clear:both;
}