@charset "UTF-8";


body{
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 12px;
	line-height:1.4;
}

.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
}

#container{
	clear: both;
	width:800px;
	margin: 15px auto 10px auto;
	padding: 0px;
	text-align:left;
}
ul{
	margin: 0px 0px 0px 5px;
	padding:5px 0px 5px 0px;
}

li{
	list-style-type:none;
	text-align:left;
}
.ttl01{
	font-weight:bold;
	color:#f00;
	font-size:14px;
}


/*===============================*/
/*ヘッダー*/
/*===============================*/


#header{
	width:800px;
}
.header_boxa{
	width:798px;
	height: 27px;
	border:1px solid #C0C0C0;
	float:left;
	background:#D3D3D3;
}
.header_boxb{
	width:44px;
	height: 25px;
	float:left;
}
.header_boxc{
	width:140px;
	height: 25px;
	border:1px solid #C0C0C0;
	float:left;
	background:#D3D3D3;
}
.header_boxd{
	width:380px;
	float:left;
}
.header_boxe{
	width:420px;
	float:left;
}
#header h1{
	font-size:12px;
	font-weight: normal;
	margin:0px 0px 5px 0px;
}
#header h2{
	font-size:12px;
	color:rgb(77,77,77);
	font-weight:bold;
	margin:0px 0px 4px 0px;
}
#header h3{
	font-size:12px;
	font-weight:bold;
	text-align: center;
	margin: 6px 0px 0px 0px;
}
.header_tx1{
	font-size:11px;
	color:#000;
}
#header a{
	color:rgb(77,77,77);
}


/*===============================*/
/*トップ*/
/*===============================*/

#top{
	width:620px;
	float:left;
}
.top_boxa{
	width:620px;
	margin:10px 0px 0px 0px;
	float:left;
	background:#F5F5DC;
}
p.top{
	margin:15px 15px 15px 20px;
	font-size:13px;
}
.top_boxb{
	width:620px;
	float:left;
	margin:10px 0px 0px 0px;
	background:#F5F5F5;
}
.top_tx1{
	font-size:13px;
	font-weight:bold;
	color:rgb(111,185,215);
	margin:10px 0px 0px 10px;
}
.top_tx2{
	font-size:13px;
	font-weight:bold;
	color:rgb(244,182,40);
	margin:10px 0px 0px 10px;
}

table.top {
	margin:10px 0px 20px 25px;
	table-layout:fixed;
	border-collapse: collapse;
}
table.top td,table.top th{
	border:none;
}
.top_boxc{
	width:172px;
	height: 1.3em;
	background:rgb(111,185,215);
	overflow: hidden;
	font-size: 1em;
	padding:3px 3px 3px 5px;
}
.top_boxc a{
	color:#fff;
	font-weight:bold;
}
.top_boxd{
	width:164px;
	height: 12em;
	background:#fff;
	overflow: hidden;
	font-size: 1em;
	color:rgb(77,77,77);
	padding:3px 8px 8px 8px;
}
.top_boxe{
	width:172px;
	height: 1.3em;
	background:rgb(244,182,40);
	overflow: hidden;
	font-size: 1em;
	padding:3px 3px 3px 5px;
}
.top_boxe a{
	color:#fff;
	font-weight:bold;	
}


/*===============================*/
/*サイト比較*/
/*===============================*/

#site{
	width:585px;
	margin:10px 0px 0px 0px;
	padding:0px 18px 15px 17px;
	float:left;
	background:#F5F5F5;
}
.site_boxa{
	width:85px;
	margin:5px 0px 0px 0px;
	border-top:solid 1px rgb(179,179,179);
	border-right:solid 1px rgb(179,179,179);
	border-left:solid 1px rgb(179,179,179);
	float:left;
	background:#fff;
	text-align:center;
}
.site_boxb{
	width:82px;
	margin:5px 0px 0px 1px;
	border-top:solid 1px rgb(179,179,179);
	float:left;
	background:rgb(179,179,179);
	text-align:center;
}

#site h4{
	font-size:14px;
	color:rgb(77,77,77);
	margin:10px 0px 0px 0px;
}
.site_tx1{
	font-size:11px;
	color:rgb(77,77,77);
	text-align:right;
}
.site_tx2{
	font-size:11px;
	font-weight:bold;
	color:rgb(77,77,77);
	line-height: 2;
}
.site_tx2 a{
	font-size:11px;
	font-weight:bold;
	color:rgb(77,77,77);
	line-height: 2;
}
.site_tx3{
	font-size:11px;
	color:#fff;
	line-height: 2;
}
.site_tx3 a{
	font-size:11px;
	color:#fff;
	line-height: 2;
}
.site_tx4{
	font-size:11px;
	font-weight: bold;
}


/*===============================*/
/*サイト比較　表*/
/*===============================*/

thead{
	background-color:rgb(111,185,215);
	color:#fff;
}
tbody{
	background-color:#fff;
}
.item1{	
	color:#fff;
	text-align:center;
}
.item2{
	vertical-align:top;
	width:119px;
	padding:5px 0px 5px 5px;
	color:rgb(111,185,215);
	font-weight: bold;
	line-height: 1.5;
}
.item3{
	width:99px;
	padding:5px 0px 5px 5px;
}
.item4{	
	width:109px;
	padding:5px 0px 5px 5px;
}
.item5{	
	width:84px;
	padding:5px 0px 5px 5px;
}
.item6{	
	padding:5px 0px 5px 5px;
}
table{
	margin:0px 0px 0px 0px;
	border:none;
	font-size:12px;
	text-align:left;
	width:585px;
}
td,th{
	border:none;
	border-bottom:solid 1px rgb(179,179,179);
	border-right:solid 1px rgb(179,179,179);
}


/*===============================*/
/*コラム*/
/*===============================*/

#col{
	width:620px;
	float:left;
}
.col_boxa{
	width:585px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:5px 18px 15px 17px;
	background:#F5F5F5;
}
.col_content{
	width:585px;
	float:left;
	font-size:13px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}
.col_tx{
	width:310px;
	margin:0px 0px 0px 20px;
	float:left;
}
.col_image{
	width:250px;
	float:left;
}
.col_image2{
	margin:0px 5px 5px 0px;
}
.col_boxb{
	width:585px;
	float:left;
	background:rgb(244,182,40);
	margin:5px 0px 0px 0px;
}
.col_boxc{
	width:585px;
	float:left;
	background:rgb(111,185,215);
	margin:5px 0px 0px 0px;
}
.col_boxd{
	width:585px;
	float:left;
	background:#33CC33;
	margin:5px 0px 0px 0px;
}
.col_boxe{
	width:585px;
	float:left;
	background:#808080;
	margin:5px 0px 0px 0px;
}

.col_navi{
	clear: both;
	padding:5px 0px 15px 0px;
	text-align:right;
	font-size:11px;
}
#col h4{
	font-size:14px;
	color:rgb(77,77,77);
	margin:10px 0px 0px 0px;
}
#col tx1{
	font-weight: bold;
	color:#228B22;
}
p.col{
	color:#fff;
	font-weight: bold;
	margin:3px 3px 3px 5px;
}
p.col a{
	color:#fff;
}


/*===============================*/
/*右メニュー*/
/*===============================*/

#menu{
	float: right;
	width: 170px;
}
.menu_boxa{
	float: right;
	width:170px;
	margin:10px 0px 0px 0px;
	background-color: #DCDCDC; 
}
.menu_boxb{
	float: right;
	width:170px;
	background-color: #F5F5F5; 
}
#menu h3{
	font-size:12px;
	color:#000;
	margin:3px 0px 3px 5px;
	font-weight: normal;
}
.menu_tx1{
	text-align:left;
	margin:5px 4px 5px 4px;
}
.menu_tx2{
	text-align:left;
	margin:5px 4px 5px 4px;
	font-size:10px;
	color:#000;
}
.menu_tx3{
	text-align:left;
	margin:5px 0px 5px 4px;
	font-size:10px;
	color:#000;
}
ul.menu{
	padding:5px 0px 5px 3px;
	font-size:10px;
}
li.menu_a{
	padding:0px 0px 0px 0px;
	font-size:10px;
}
li.menu_b{
	padding:0px 0px 0px 20px;
	font-size:10px;
}

/*===============================*/
/*コメント、エラー、アーカイブ*/
/*===============================*/

#com{
	width:620px;
	float:left;
}
.com_boxa{
	width:620px;
	float:left;
	margin:10px 0px 0px 0px;
	background:#F5F5F5;
}
.com_boxb{
	width:585px;
	float:left;
	margin:15px 0px 15px 17px;
}
ul.com{
	padding:0px 0px 0px 20px;
}
li.com{
	padding:2px 0px 2px 0px;
}

/*===============================*/
/*フッダー*/
/*===============================*/

#footer{
	width: 800px;
	float: left;
	text-align:center;
	margin:10px 0px 5px 0px;
	background-color:#D3D3D3;
}
p.footer{
	margin:10px;
}
#copy{
	width: 800px;
	float: left;
	text-align:center;
}