/* ========================================= */
/* 											 */
/* 	Locationfree report CSS		 	     	 */
/*            					    		 */
/* 											 */
/* ========================================= */


/**********************************************************************************************/
/*全体
/**********************************************************************************************/

/* ブラウザスタイルの初期化 */

* {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	line-height:1.1em;
	}

body {
	color: #666;
	background-color:#FFF;
}

* html body {
	color: #666;
	background-color:#FFF;
	text-align: center;
}

img {
	border-style: none;
}

a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}


.clear-both{clear:both;background-color:#FFFFFF;}


/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

.box:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .box{ height:1px; }
.box{ display:block; }
/* */

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#エリア分け
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div#pagewidth{
	width:760px;
	margin:0px auto 10px auto;
	text-align:left;
	color:#666666;
}

div#pagetop{
	font-size:x-small;
	line-height:1em;
	text-align:right;
	display:block;
	padding:0 15px 0 0;
 }
 
* html div#pagetop{
	font-size:xx-small;
	line-height:1em;
	text-align:right;
	display:block;
 	padding:0 15px 0 0;
}

#contents{
	font-size:small;
	margin:15px 0 15px 0;
	padding:2px 0 5px 0; 
	border-left:4px solid #FF9900;
	border-bottom:1px dotted #CCCCCC;
}


/* =========================================================
	エリア分け
========================================================= */

.section1{  /*左*/
	width:545px;
	margin:0;
	background:url(../images/background.gif) repeat-y;
	float:left;
	padding:0 0 10px 0;
}

.section2{  /*右*/
	margin:0;
	width:192px;
	float:right;
	padding:0 8px 10px 15px;
}


.pagetop{
	font-size:x-small;
	line-height:1em;
	text-align:right;
	display:block;
	padding:0 15px 0 0;
	margin:10px 0 0 0;
 }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#テキスト、リンク エリア等
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++
#header
++++++++++++++++++++++++++++++++++++++++++++++++++++*/

h1.logo{
	margin:5px 0 10px 0;
	width:202px;
	height:29px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++
#content
++++++++++++++++++++++++++++++++++++++++++++++++++++*/

dl.content-top{
	margin:0 10px 15px 0;
	padding:20px 15px 0 15px;
	width:500px;
	background-color:#f6f2ef;
	clear:both;
}

.text{
	padding:15px 0 15px 0;
	font-size:small;
	line-height:1.2em;
	display:block;
}

.area{
	padding:0 15px 10px 15px;
	font-size:small;
	line-height:1.2em;
	clear:both;

}

.area2 {
	width:530px;
	margin:10px 0 10px 15px;
	clear:both;
	display:block;
}

.area3{
	margin:0 15px 20px 0;
	padding:15px;
	font-size:small;
	line-height:1.2em;
	background-color:#f6f2ef;
	clear:both;

}


/* 左テキスト */	

.area2 li.left-text{
	width:302px;
	float:left;
	list-style-type:none;
	padding:0 1em 0 0;
	font-size:small;
	}

.area2 li.right-img{
	width:200px;
	float:left;
	padding:0;
	list-style-type:none;
	}
	

/* 感想 */

.report {
	margin:30px 0 15px 0;
	background-color:#EEEEEE;
	width:544px;
}

ul.report-con {
	position:relative;
	margin:0;
	padding:0;
	height:255px;
	width:544px;
	clear:both;
}

.report-con li.left-img{
	float:left;
	position:absolute;
	top:15px;
	left:15px;
	width:120px;
	height:27px;
	list-style-type:none;
	}
	
.report-con li.left-text2{
	float:left;
	position:absolute;
	top:55px;
	left:20px;
	width:340px;
	list-style-type:none;
	font-size:small;
	}
	

.report-con li.left-img2{
	float:left;
	position:absolute;
	bottom:15px;
	right:185px;
	width:215px;
	height:12px;
	list-style-type:none;
	}

.report-con li.right-img2{
	float:left;
	position:absolute;
	top:15px;
	right:15px;
	width:150px;
	height:225px;
	list-style-type:none;
	}

	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#タイトル menu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.title {
	margin:15px 0 15px 0;
}

.title-2 {
	margin:0 0 15px 0;
}

.s-title {
	margin:15px 0 5px 0;
}

.title-menu {
	margin:0 0 8px 0;
}

.title-product {
	margin:20px 0 8px 0;
}


.img-photo {
	margin:10px 0 20px 0;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#ボタン
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.menu {
	margin:0 0 10px 0;
}



.button {
	margin:30px 0 10px 0 ;
	background:url(../images/sublink-b.gif) no-repeat;
	width:544px;
	height:66px;
	position:relative;
	clear:both;
}


ul.sublink {
	position:relative;
	margin:0;
	padding:0;
	height:66px;
	width:544px;
	clear:both;
}

ul.sublink li.left{
	float:left;
	position:absolute;
	left:220px;
	width:41px;
	height:66px;
	list-style-type:none;
	}

ul.sublink li.center{
	float:left;
	position:absolute;
	left:261px;
	width:52px;
	height:66px;
	list-style-type:none;
	}

ul.sublink li.right{
	float:left;
	position:absolute;
	left:313px;
	width:48px;
	height:66px;
	list-style-type:none;
	}