@charset "utf-8";
	/* CSS Document */
	
	/*======================================================
		Reset default style
	=======================================================*/
	
	* {margin: 0px; padding: 0px; line-height:150%;}
	em {visibility: hidden; font-size: 10px;}
	ul {list-style: none;}
	img {border: none;}
	h1, h2, h3, h4, h5 {font-weight:normal; font-size: 14px; color:#080808;}
	
	body{
		background:url(../img/wrapper_bg.jpg) repeat-x;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
		
		
	h1{
		padding:20px 0 0;
		height:40px;}
		
	h1 a{
		color:#FFFFFF;}
		
	a{
		color:#333333;}
		
	a:hover{
		color:#333333;
		text-decoration:none;}
	
	#wrapper{
		margin:0 auto;
		width:873px;
		font-size:14px;}
		
	#header{
		background:url(../img/header_bg.jpg) no-repeat;
		height:214px;
		position:relative;
		margin:0px 0 0;}
		
	#logo{
		position:absolute;
		top:25px;
		left:27px;}
		
	#header p{
		position:absolute;
		top:106px;
		left:200px;
		color:#FFFFFF;
		width:600px;}
		
	#header .title{
		position:absolute;
		top:36px;
		left:200px;
		text-indent:-9999px;
		width:384px;
		height:60px;
		background:url(../img/header_title.jpg)}
		
	#main{
		}
		
	#side_content{
		width:212px;
		float:left;}
		
	#side_content .inner{
		background:url(../img/side_bg.gif) repeat-y;}
		
		
	#side_content ul{
		width:90%;
		margin:0 auto;}
		
	#side_content li a{
		background:url(../img/side_icon.gif) no-repeat 0% 50%;
		padding: 5px 5px 5px 23px;
		border:#29ABE2 solid;
		border-width:0 0 1px 0;
		display:block;
		text-decoration:none;
		color:#333333;}
		
	#side_content li a:hover{
		background:url(../img/side_icon_on.gif) no-repeat 0% 50%;}
		
	#side_content .inner .title{
		background:#CCCCCC;
		padding: 5px 5px 5px 23px;}
		
	#side_content img{
		display:block;}
		
	
	#side_content #search{
		width:80%;
		margin:5px auto 10px;}
		
	#side_content .side_box{
		width:198px;
		margin:0 auto 10px;}
		
	#side_content .side_box h3{
		background:url(../img/side_title.gif) no-repeat;
		padding:12px 0;
		color:#FFFFFF;
		text-align:center;}
		
	#side_content .side_box .inner{
		padding:5px;
		margin:2px 0 10px;
		border:#006600 solid 1px;
		background:none;}
		
		
	#wide_content{
		width:659px;
		float:right;}
	
	/*************************************************************タイトル***************/
	.content_box01 h3{
		background:url(../img/content_title01.gif) no-repeat 0 bottom;
		padding:10px 0 15px 10px;}
		
	.content_box03 h3{
		background:url(../img/content_title03.jpg) no-repeat;
		padding:10px 0 15px 20px;
		color:#FFFFFF;
		margin:0 auto;}
		
	.content_box02 h3{
		border:#54BC49 solid;
		border-width:0 0 1px 5px;
		padding:5px 10px;}
		
	.content_box04 h3{
		border:#990000 solid;
		border-width:0 0 1px 5px;
		padding:5px 10px;
		margin:0 0 5px;}
		
	#ranking01 h3,#ranking02 h3,#ranking03 h3,#ranking04 h3,#ranking05 h3{
		padding:25px 0 20px 70px;
		font-size:16px;
		border:none;}
		
	#ranking01 h3{
		background: url(../img/ranking01.jpg) no-repeat;
		}
		
	#ranking02 h3{
		background: url(../img/ranking02.jpg) no-repeat;
		}
		
	#ranking03 h3{
		background: url(../img/ranking03.jpg) no-repeat;
		}
		
	#ranking04 h3{
		background: url(../img/ranking04.jpg) no-repeat;
		}
		
	#ranking05 h3{
		background: url(../img/ranking05.jpg) no-repeat;
		}
		
	.list02{
		margin:0 0 0 10px;}
		
	.list02 li{
		background:url(../img/list_icon02.gif) no-repeat 0 50%;
		padding:3px 0 3px 20px;
		border:#CCCCCC dotted;
		border-width:0 0 1px 0;}
		
		
	/****************************************************************************/
	
	/*************************************************************ボタン類***************/
	.btn01{
		background:url(../img/btn01.gif) no-repeat;
		display:block;
		width:137px;
		height:39px;
		text-align:center;
		text-decoration:none;
		padding:10px 0 0;
		color:#333333;
		margin:0 0 0 00px;
		float:right;
		clear:both;}
		
	.btn01:hover{
		background:url(../img/btn01_on.gif) no-repeat;}
		
		
		
	.btn02{
		background:url(../img/green_btn.jpg) no-repeat;
		display:block;
		width:151px;
		height:22px;
		text-align:center;
		text-decoration:none;
		padding:7px 0 3px;
		color:#ffffff;
		margin:0 0 0 00px;
		float:left;}
		
	.btn02:hover{
		background:url(../img/green_btn_on.jpg) no-repeat;}
		
	.btn03{
		background:url(../img/blue_btn.jpg) no-repeat;
		display:block;
		width:151px;
		height:22px;
		text-align:center;
		text-decoration:none;
		padding:7px 0 3px;
		color:#ffffff;
		margin:0 0 0 5px;
		float:left;}
		
	.btn03:hover{
		background:url(../img/blue_btn_on.jpg) no-repeat;}
		
		
	#rss{
		background:url(../img/rss.jpg) no-repeat;
		display:block;
		width:111px;
		height:32px;
		text-align:center;
		text-decoration:none;
		padding:10px 0 0;
		color:#333333;
		text-indent:-9999px;
		clear:both;
		margin:0 auto;}
		
	#rss:hover{
		background:url(../img/rss_on.jpg) no-repeat;}
		
	.btn_box{
		margin:0 0 0 85px;}
	
	.side_box .btn_box{
		margin:0;}
		
	.side_box .btn_box a{
		margin:0 0 0 20px;}
	
	/****************************************************************************/
	
	/*************************************************************inner設定***************/
	
	
	.content_box04{
		width:630px;
		margin:0 auto 10px;}
		
	
		
	.content_box04 .inner{
		border: #CCCCCC solid 1px;
		padding:10px;
		}
	
	#wide_content .content_box03{
		width:630px;
		margin:0 auto 10px;}
		
	#wide_content .content_box02{
		width:630px;
		margin:0 auto 10px;}
		
	#wide_content .content_box01 .inner{
		margin:0 auto 10px;
		border:#29ABE2 solid 1px;
		padding:10px;
		width:610px;}
		
	#wide_content .content_box02 .inner{
		width:630px;
		margin:0 auto 10px;
		padding:10px 0;
		border:#999999 dotted;
		border-width:0 0 1px 0;}
	
		
	#wide_content .content_box03 .inner{
		border: #400000 solid 1px;
		padding:10px;}
	
	#wide_content .content_box01 table,#wide_content .content_box04 table{
		border-collapse:collapse;}
		
	#wide_content .content_box04 table{
		margin:0 0 10px;}
	
	#wide_content .content_box01 td,#wide_content .content_box04 td{
		padding:5px;
		border:#CCCCCC solid 1px;}
		
		
	#wide_content .content_box01,#wide_content .col3_box{
		width:649px;
		margin:0 auto 10px;}
	
	.content_box01 table .title,.content_box04 table .title{
		background:#F5F5F5;
		width:30%;}
		
	.content_box01 table,.content_box04 table{
		width:100%;}
		
	.content_box01 .right,.content_box02 .right,.content_box03 .right,.content_box04 .right{
		width:65%;
		float:right;}
		
	.content_box01 .left,.content_box02 .left,.content_box03 .left,.content_box04 .left{
		width:35%;
		float:left;}
		
	.content_box01 dl{
		width:80%;
		margin: 0 auto;}
		
		
	
	.col3_box,.col3_box ul{
		margin: 0 auto;
		width:592px;}
		
	.col3_box li{
		float:left;}
		
	.col3_box dl{
		width:190px;}
		
	.col3_box dd,.col3_box dt{
		padding:10px;}
		
	.col3_box dt{
		background:url(../img/content_title02.jpg) repeat-x;}
		
	.col3_box .center_element{
		border:#8CC63F solid;
		border-width:0 1px;
		padding:0 0px;
		margin:0 10px;}
		
	/****************************************************************************/
		
	#footer{
		background:url(../img/footer_bg02.gif) 0 bottom repeat-x;
		padding:0 0 50px;}
		
	#footer .inner{
		margin:0 auto;
		width:850px;
		background: url(../img/footer.gif) no-repeat;
		color:#FFFFFF;
		position:relative;
		height:162px;
		font-size:12px;
		text-align:center;
		padding:20px 0 0;}
		
	#footer .inner a{
		color:#FFFFFF;}
		
	
	
	
	
	
	
	
	
	/*======================================================
		counter measure for bug
	=======================================================*/
	
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
	.clearfix {display: inline-block;} 
	
	/* Hides from IE-mac \*/ 
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;} 
	/* End hide from IE-mac */