﻿@media screen{

body{
margin:0;padding:0;text-align:center;font-family:Verdana, Arial, sans-serif;
background-color:#009e96;
}
img{
border:0;
}
p{
margin:0;padding:0;
}
#waku{
margin-left:auto;margin-right:auto;text-align:left;
width:850px;
position:relative;
*z-index:4;
}

/* ヘッダー */
#header{
margin:0 0 50px 0;padding:0;height:170px;
width:850px;
position:relative;
}
	#header .title{
	position:absolute;top:0px;left:5px;z-index:3;
	}
	#header #tab{
	margin:0;padding:5px;
	width:650px;font-size:11px;
	background-color:white;border:1px solid #cccccc;
	position:absolute;top:60px;left:10px;z-index:3;
	}
	#header #head_menu{
	margin:0;padding:5px;
	width:200px;font-size:11px;text-align:center;
	background-color:white;border:2px solid #009e96;
	position:absolute;top:5px;right:0px;z-index:3;
	}
	#header #head_menu a{
	text-decoration:none;color:blue;
	}
	#header #head_menu a:hover{
	text-decoration:underline;color:black;
	}

/* 上画像 */
#header_images{
width:870px;height:180px;background-color:white;
position:absolute;top:0px;left:0px;z-index:1;
*width:860px;
}
	#header_images p{
	float:left;
	}
	p.ba{
	width:100px;height:150px;
	background-image:url(img/b1.gif);background-repeat:no-repeat;background-position:0 0;
	position:absolute;bottom:0px;right:10px;
	}
	p.bb{
	width:100px;height:150px;
	background-image:url(img/b2.gif);background-repeat:no-repeat;background-position:0 0;
	position:absolute;bottom:0px;right:100px;
	}
	p.tb{
	width:60px;height:60px;
	background-image:url(img/t2.gif);background-repeat:no-repeat;background-position:0 0;
	position:absolute;bottom:0px;right:200px;
	}
	p.hc{
	width:60px;height:60px;
	background-image:url(img/h3.gif);background-repeat:no-repeat;background-position:0 0;
	position:absolute;bottom:-3px;left:10px;
	}
	p.ha{
	width:60px;height:60px;
	background-image:url(img/h1.gif);background-repeat:no-repeat;background-position:0 0;
	position:absolute;bottom:-3px;left:70px;
	}

/* 上メニュー */
#ue_menu{
margin:10px 0 0 0;padding:10px 0 0 0;
width:850px;clear:both;background-color:#009e96;
position:absolute;bottom:-50px;right:0px;
}
	#ue_menu p{
	padding:0 15px 0 15px;
	height:26px;float:left;
	}
	#ue_menu a{
	width:119px;height:26px;text-decoration:none;display:block;
	}
	.type_b .mm a,.type_c .mm a,.type_d .mm a,.type_x .mm a{
	background-image:url(img/mm_a.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.type_b .ma a{
	background-image:url(img/m1_a.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.type_c .mb a{
	background-image:url(img/m2_a.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.type_d .mc a{
	background-image:url(img/m3_a.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mm a:hover{
	background-image:url(img/mm_r.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.ma a:hover{
	background-image:url(img/m1_r.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mb a:hover{
	background-image:url(img/m2_r.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mc a:hover{
	background-image:url(img/m3_r.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mm a{
	position:absolute;bottom:0px;left:0px;
	background-image:url(img/mm.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.ma a{
	position:absolute;bottom:0px;left:125px;
	background-image:url(img/m1.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mb a{
	position:absolute;bottom:0px;left:250px;
	background-image:url(img/m2.gif);background-repeat:no-repeat;background-position:0 0;
	}
	.mc a{
	position:absolute;bottom:0px;left:375px;
	background-image:url(img/m3.gif);background-repeat:no-repeat;background-position:0 0;
	}


/* コンテンツ */
#contents{
margin:0 0 50px 0;padding:10px;
background-color:white;
width:850px;
}
.clear{
clear:both;
}

/* コンテンツ左 */
#cont{
width:635px;min-height:300px;
padding-bottom:50px;float:left;
*margin-right:5px;*height:300px;
}
	#cont h1{
	margin:0;padding:5px 5px 5px 30px;
	font-size:18px;color:#f39800;
	font-weight:bold;
	background-image:url(img/4kaku.gif);background-repeat:no-repeat;background-position:5px center;
	}
	#cont .text{
	padding:10px;font-size:15px;line-height:150%;
	}
	#cont .fram{
	margin:10px 10px 0 10px;
	}
	#cont .ad{
	margin-top:10px;
	padding-left:20px;
	}
	#cont .ad .pp{
	font-size:11px;color:#cccccc;
	}
	#cont h5{
	margin:10px 0 10px 0;
	font-size:15px;
	}

/* 結果テーブル1 */
table.view{
margin:0;padding:0;
width:100%;
}
	.view hr{
	color:#cccccc;
	}
	.view td.le{
	padding-right:5px;
	width:55px;
	}
	.view td.ri{
	font-size:14px;
	}
	td.ri a{
	text-decoration:none;
	}
	td.ri a:hover{
	color:black;text-decoration:underline;
	}
	td.ri .name{
	margin-bottom:5px;
	font-size:15px;
	}
	td.ri .mes{
	padding-top:10px;padding-right:15px;
	text-align:right;
	font-size:13px;
	}
	td.ri .tx a{
	color:#999966;
	}

/* 結果テーブル2 */
table.ktab{
margin:0 10px 0 10px;
}
	.ktab hr{
	color:#cccccc;
	}
	.ktab td.left{
	padding-right:5px;
	}
	.ktab td.left img{
	width:55px;
	}
	.ktab td.right{
	width:520px;
	}
	td.right a{
	text-decoration:none;
	}
	td.right a:hover{
	color:black;text-decoration:underline;
	}
	.ktab .right .tx{
	padding:5px;line-height:150%;
	}
	td.right .tx a{
	color:#999966;
	}
	.ktab .right .time{
	height:23px;
	font-size:14px;
	position:relative;
	}
	.right .time .this{
	position:absolute;top:0px;right:5px;
	}
.uere{
padding-right:50px;
text-align:right;
font-size:13px;
}
	.uere #oya{
	background-color:black;
	}
	.uere #oya a{
	color:white;
	}
	.uere a{
	color:blue;text-decoration:none;
	}
	.uere .ri{
	padding:2px;
	}
	.uere .le{
	padding:2px;
	}
/* 結果div1 */
div#never{
width:500px;text-align:left;
}
	#never .obi{
	padding:3px;
	background-color:#009e96;color:white;
	}
	#never .timeline{
	margin-left:auto;margin-right:auto;text-align:left;
	width:500px;
	}
	#never hr{
	margin-left:auto;margin-right:auto;text-align:left;
	width:500px;
	}
	.timeline .time{
	padding-right:10px;
	text-align:right;
	}
	.timeline .green{
	color:green;
	}
	.timeline .gomi{
	padding-left:10px;
	}
table.profile{
width:500px;
}
	table.profile .obi{
	padding:3px;
	background-color:#009e96;color:white;
	}
	table.profile .le{
	padding-right:10px;
	width:60px;
	}
	table.profile .ri{
	text-align:left;
	width:435px;
	}
	.profile .nn{
	padding:0 0 5px 0;
	}
	.profile .sn{
	padding:0 0 5px 0;
	}
.my_pr{
margin:10px 0 10px 0;
width:500px;text-align:left;
}
	.my_pr p{
	margin:0 0 5px 0;padding:3px;
	background-color:#009e96;color:white;
	}
.new .next{
font-size:13px;text-align:center;
}
.new .category{
margin:5px 5px 10px 5px;
padding:5px;
}

/* フォーム1 */
form.option_a{
padding:0 10px 0 10px;
}
	.option_a select{
	width:150px;
	border:1px solid #cccccc;
	}
	.option_a textarea{
	margin:0 0 10px 0;
	width:450px;
	border:1px solid #cccccc;
	}
	.option_a .submit{
	width:450px;text-align:center;
	background-color:#CCCCFF;
	border:1px solid #cccccc;
	}

/* フォーム2 */
form.option_b{
padding:0 10px 0 10px;
}
	.option_b select{
	border:1px solid #cccccc;
	}
	.option_b textarea{
	width:450px;height:80px;
	border:1px solid #cccccc;
	}
	.option_b .submit{
	margin:10px 0 0 0;
	width:100px;text-align:center;
	background-color:#CCCCFF;
	border:1px solid #cccccc;
	}

/* フォーム3 */
form.conect{
margin:0 10px 0 10px;
}
	form.conect .mozisu{
	padding-right:10px;color:#993300;
	width:450px;text-align:right;
	}
	form.conect textarea{
	width:450px;height:70px;
	border:1px solid #cccccc;
	}
	form.conect .submit{

	}
/* フォーム4 */
form.user_search{
margin:0;padding:0;
text-align:center;
}
	.user_search select{
	margin:0;padding:0;
	border:1px solid #009e96;
	}
	.user_search .keyword{
	width:250px;height:20px;
	border:1px solid #009e96;
	}
	.user_search .submit{
	width:75px;height:20px;background-color:white;
	border:1px solid #009e96;
	}
/* フォーム5 */
form.post{
margin:10px 10px 10px 10px;
}
	form.post .mozisu{
	padding-right:10px;color:#993300;
	width:450px;text-align:right;
	}
	form.post select{
	width:120px;
	border:1px solid #009e96;
	}
	form.post textarea{
	width:450px;height:70px;
	border:1px solid #009e96;
	}
	form.post .submit{
	width:100px;background-color:white;
	border:1px solid #009e96;
	}
	form.post .time{
	margin:20px 0 20px 0;padding:0;
	}
	form.post .time select.sf{
	width:70px;
	}
	form.post .time .sftime{
	width:45px;
	border:1px solid #009e96;
	}

/* メニュー */
#menu{
width:200px;min-height:300px;
float:right;
*height:300px;
}
	#menu li{
	margin:0;padding:3px;
	}
	#menu li a{
	text-decoration:none;color:blue;
	}
	#menu li a:hover{
	color:red;
	}
	#menu .amazon{
	margin:10px 0 10px 0;
	width:180px;font-size:13px;
	}
	#menu .amazon .pr{
	margin-bottom:5px;
	padding:3px;color:#cccccc;
	border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;
	}
	#menu .mypage{
	margin:10px 0 10px 0;
	}
	#menu .mypage .pr{
	margin-bottom:5px;
	padding:3px;
	border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;
	}

/* 自分アイコン */
.myimg{
margin:0;padding:0;
}
	.myimg a{
	text-decoration:none;color:blue;
	}
	.myimg .img{
	width:50px;
	float:left;
	}
	.myimg .ri{
	width:100px;line-height:150%;font-size:12px;
	float:left;
	}
	.myimg .clear{
	clear:both;
	}

/* ブックマーク */
#bookmark{
	position:absolute;top:-85px;left:15px;
}

/* フッター */
#footer{
margin:0;padding:0;font-size:13px;
width:870px;height:50px;
background-color:white;
position:relative;
*width:860px;
}
	#footer .copyright{
	color:black;
	position:absolute;top:10px;left:10px;
	}
	#footer .copyright a{
	text-decoration:none;color:blue;
	}
	#footer .copyright a:hover{
	text-decoration:none;color:red;
	}
	#footer .tw a{
	text-decoration:underline;
	}
	#footer .tw a:hover{
	text-decoration:underline;color:red;
	}
	#footer #suki{
	width:100%;height:15px;
	background-color:white;
	position:absolute;top:-15px;left:0px;
	}
.kensu{
padding-right:45px;text-align:right;
}

/* 比較一覧ページ */
#hikaku .left{
margin:0;padding:0 0 10px 0;
width:285px;
float:left;
}
#hikaku .right{
margin:0;padding:0 0 10px 0;
width:285px;
float:right;
}
#hikaku .clear{
clear:both;
}

}
