@charset "utf-8";

@import url(reset.css);
@import url(fonts.css);
@import url(text.css);

/* 全体の定義
----------------------------------------------------------- */
body {
	color:#333;
	text-align: left;
	word-break:break-all;
	background: #fff;
	font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width:100%;
	margin:0 auto;
	padding:0 25px 0;
	background:url(../img/0.jpg) repeat-x #FFFFFF;
	}
#header{
	width:890px;
	height:188px;
	background:url(../img/1.jpg) no-repeat 0 0;
	margin:0 auto;
	padding:38px 0 0 30px;
	position: relative;
}
#container{
	margin:0 auto 10px;
	clear:both;
	width: 920px;
}
#main {
	width: 630px;
	float: right;
}
#side {
	width: 250px;
	float: left;
	padding:10px;
	border:1px solid #DDDDD5; 
	background:#F3F3F1;
}
#footer{
	clear:both;
	text-align:center;
	padding:15px 0;
	border-top:5px solid #03233A;
	background:#F3F3F1;
}


/* タグの定義
----------------------------------------------------------- */

p {
	line-height: 165%;
	margin-bottom: 1em;
}
img {
	border: 0px;
	vertical-align: top;
}
ul, ol, dl {
	line-height: 1.5;
}
blockquote {
	line-height: 1.5;
	border-left: 4px solid #e8d5c8;
	margin: 0px 0px 16px;
	padding-left: 12px;
}
address{
	font-style:normal;
}

/* 見出しの定義
----------------------------------------------------------- */
h1#top{
	color:#FFF;
	background:url(../img/level01_top.gif) no-repeat 0 0 #03233A;
	padding:7px 15px 0;
	height:23px;
	border:none;
	margin:0;
	font-size:16px;
}

h1{
	font-size:18px;
	font-weight:bold;
	background:url(../img/3-1.jpg) no-repeat 0 8px;
	padding:15px 20px 0 15px;
	height:35px;
	margin-bottom:20px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #a90000;
	margin-top: 15px;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin:30px 0 10px;
	clear:both;
	color:#a90000;
}

h3{
	font-size:14px;
	font-weight:bold;
	margin:30px 0 10px;
	clear:both;
}

h4{
	font-size:14px;
	font-weight:bold;
	margin:30px 0 10px;
	clear:both;
}

div.contents h2{
	background:url(../img/3-3.jpg) no-repeat 0 0;
	padding-left:22px;
}


div.contents h3{
	background:url(../img/3-3.jpg) no-repeat 0 0;
	padding-left:22px;
}

h3.jsup{
	background:none;
	margin:0;
	padding:0;
}

p.notify{
	padding:10px 30px;
	background:#EEEFF7;
	border-top:1px solid #E0C9C9;
	border-bottom:1px solid #E0C9C9;
	font-weight:bold;
	text-align:center;
	}

/* ヘッダーの定義
----------------------------------------------------------- */
img#logo{
	float:left;
	position: absolute;
	top: 84px;
	left: 208px;
}
img#banner{
	float:right;
}
ul#pankuzu{
	padding:5px 0;
	margin-bottom:10px !important;
	font-size:12px;
}

ul#pankuzu li{
	float: left;
	display: inline;
	margin:0 6px 0 0;
	padding-left:10px;
	background:url(../img/1-3.jpg) no-repeat 0 4px;
}
ul#pankuzu li#home{
	background:url(../img/1-2.jpg) no-repeat 0 4px;
	padding-left:15px;
	clear: both;
}

/* トップページ
----------------------------------------------------------- */
#headline{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}
	

/* クラスの定義
----------------------------------------------------------- */
.clear {
	clear: both;
}
.text_right {
	text-align: right;
}
.bold{
	font-weight:bold;
}
.large {
	font-size: 116%;
}
.small {
	font-size: 86%;
	vertical-align: top;
}
.important {
	font-weight: bold;
	color: #930;
}
.number_list {
	margin-left: 28px;
	margin-bottom: 18px;
}
.number_list li {
	margin-bottom: 6px;
}
.end {
	margin-bottom: 0px !important;
}
.mb{
	margin-bottom:50px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.bgno{
	background:none !important;
}
.f_left{
	float:left;
	margin:0 15px 15px 0;
}
.f-right{
	float:right;
	margin:0 0 15px 15px;
}
.center{
	text-align:center;
}

/* テーブルの定義
----------------------------------------------------------- */
table{
	width:100%;
	font-size:12px;
	margin-bottom:10px;
}
th{
	border:1px solid #DFDFDF;
	padding:5px 8px;
	text-align:center;
	font-weight:bold;
	background:url(../img/3-6-0.jpg) repeat-x 0 0;
	color:#45402C;
}
td{
	border:1px solid #DFDFDF;
	padding:5px 8px;
}

th{
	width:100px;
}

.w60{
	width:60px;
}
.w80{
	width:80px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w180{
	width:180px;
}
.w200{
	width:200px;
}

.spec01{
	table-layout:fixed;
	margin-bottom:5px;
}
.j_support{
	table-layout:fixed;
	text-align:center;
	margin-bottom:5px;
}

/* レイアウトの定義
----------------------------------------------------------- */
.pad{
	padding-left:8px;
}
.contents{
	padding:0 15px;
	clear:both;
}

#spec{
	width:100%;
}

.spec1{
	width:260px;
	float:left;
}

.spec2{
	float:right;
	width:350px;
}

h3#spec .title{
margin-bottom:1px;
}


.pad10{
	padding:10px 10px 0;
}
#main ul,
#main ol{
	margin:0 0 25px 20px;
	line-height: 175%;
}
#main ul li{
	list-style:disc;
}
#main ol li{
	list-style:decimal;
}


div.point{
	background:url(../img/point.jpg) no-repeat 0 0 #FFFFEE;
	padding:25px 15px 10px 25px;
	margin-bottom:20px;
}

a.go{
	background:url(../img/list_a.gif) no-repeat 0 0;
	padding-left:18px;
	color:#F60 !important;
}

h2#ranking{
	background:none;
	padding:0;
	height:auto;
	margin:0;
}


/* ランキング 
----------------------------------------------------*/
.rank{
	background:none;
	padding:18px 65px 0;
	height:50px;
	margin:0;
}

h3.rank{
	padding:15px 0 0 140px;
	font-size:20px;

}

#r1{
background:url(../img/3-5-1.jpg) no-repeat 0 0;
}

#r2{
background:url(../img/3-5-2.jpg) no-repeat 0 0;
}
#r3{
background:url(../img/3-5-3.jpg) no-repeat 0 0;
}
#r4{
background:url(../img/3-5-4.jpg) no-repeat 0 0;
}
#r5{
background:url(../img/3-5-5.jpg) no-repeat 0 0;
}
#r6{
background:url(../img/3-5-6.jpg) no-repeat 0 0;
}


#r01{
	background:url(../img/r01.jpg) no-repeat 0 0;
}
#r02{
	background:url(../img/r02.jpg) no-repeat 0 0;
}
#r03{
	background:url(../img/r03.jpg) no-repeat 0 0;
}
#r04{
	background:url(../img/r04.jpg) no-repeat 0 0;
}
#r05{
	background:url(../img/r05.jpg) no-repeat 0 0;
}
#r06{
	background:url(../img/r06.jpg) no-repeat 0 0;
}
#r07{
	background:url(../img/r07.jpg) no-repeat 0 0;
}
#r08{
	background:url(../img/r08.jpg) no-repeat 0 0;
}
#r09{
	background:url(../img/r09.jpg) no-repeat 0 0;
}
#r10{
	background:url(../img/r10.jpg) no-repeat 0 0;
}


div.summary{
	margin-bottom:30px;
}
div.gaiyou{
	margin:0 0 8px 190px;
	line-height: 155%;
}
div.summary p{
}
div.gaiyou p.s_tittle{
	font-weight:bold;
	color:#a90000;
	margin-bottom:5px !important;
	font-size: 18px;
}
ul.action{
	margin:0!important;
	padding:0 !important;
	font-weight:bold;
	clear:both;
}
ul.action li{
	list-style:none !important;
	float:right;
	margin-left:20px;	
}
a.more_info{
	background:url(../img/icon_more.gif) no-repeat 0 50%;
	padding:3px 0 3px 20px;
}
a.go_offical{
	background:url(../img/icon_official.gif) no-repeat 0 50%;
	padding:3px 0 3px 20px;
}

div.official{
background:#FFF7e8;
margin:0 auto 20px;
padding:15px;
text-align:center;
width:450px;
background:url("../img/3-5-5.jpg") no-repeat 60px 50%;
}


div.official a{
	padding:0 0 0 30px;
	font-size:16px;
	font-weight:bold;
}


/* 関連コンテンツ表示エリア
----------------------------------------------------------- */
.r_contents{
	margin-bottom:25px;
	clear:both;
}

ul.c_rank{
	padding:6px 0;
	margin:0 10px !important;
}
ul.c_rank li{
	list-style:none !important;
	padding-left:25px;
	margin:5px 0;
}
ul.c_rank li.no01{
	background:url(../img/rank01.gif) no-repeat 0 0;
}
ul.c_rank li.no02{
	background:url(../img/rank02.gif) no-repeat 0 0;
}
ul.c_rank li.no03{
	background:url(../img/rank03.gif) no-repeat 0 0;
}
.r_title{
	background:url(../img/bg_ranking3.gif) no-repeat 0 0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 45px;
	height:25px;
	margin-bottom:0 !important;
}
#box-a,
#box-c{
	width:190px;
	float:left;
	border:1px solid #CCC
}
#box-b{
	width:190px;
	float:left;
	margin:0 10px;
	border:1px solid #CCC
}
ul.bulet{
	font-weight:bold;
	margin:0 0 25px !important;
	padding-left:20px;
}
ul.bulet li{
	background:url(../img/3-4-1.jpg) no-repeat 0 4px;
	padding:0 0 0 25px;
	list-style:none  !important;
	margin-bottom:10px;
}
ul.check{
	font-weight:bold;
	margin:0 0 25px !important;
}
ul.check li{
	background:url(../img/list_check.gif) no-repeat 0 100%;
	padding:0 0 0 25px;
	list-style:none  !important;
	margin-bottom:10px;
}

p.official{
	background:url(../img/o_arrow.jpg) no-repeat 0 50%;
	height:37px;
	padding-left:45px;
	font-size:166.7%;
	font-weight:bold;
	margin:0 0 40px 110px;
}

table.profile{
	width:460px;
	margin-left:110px;
}
.g_box{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}
/* サイドコンテンツの定義
----------------------------------------------------------- */
#side h3{
	background:url(../img/2-2-1.jpg) repeat-x 0 0;
	height:25px;
	padding: 5px 10px 0;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:0;
}
#side ul {
	margin:0 0 10px;
	border:1px solid #EAEAEA;
	padding:5px;
	background:#FFF;
}
#side li {
	padding:1px;
}

#side li a {
	display: block;
	padding:6px 10px 4px 12px;
	color: #009;
	line-height: 18px;
	background: url(../img/2-3.jpg) no-repeat 0 7px;
	text-decoration: none;
}
#side li a:hover {
	color: #FF0000;
	text-decoration:underline;
}
#side p{
	margin-bottom:15px;
	line-height:130%;
}
.pickup{
	border:1px solid #EAEAEA;
	padding:10px;
	background:#FFF;
	margin:0 0 10px;
}
.recommend{
	border:1px solid #EAEAEA;
	padding:10px;
	background:#FFF;
	margin:0 0 10px;
}
.recommend p{
	font-size:11px !important;
	margin-bottom:5px !important;
}
p#taiken{
	background:url(../img/i_taiken.gif) no-repeat 0 0;
	padding:12px 0 0 60px;
	height:41px;
}
/* リンクの設定
----------------------------------------------------------- */
a:link,
a:visited{
	color:#00F;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#F60;
	text-decoration:underline;
}
#pankuzu a:link,
#pankuzu a:visited{
	text-decoration:underline;
}
#pankuzu a:active,
#pankuzu a:hover {
	text-decoration:none;
}

/* フッター
----------------------------------------------------------- */
#footer p{
	margin-bottom:0;
}
#footer a{
	color:#333;
	text-decoration:none;
}
/* clearfix
----------------------------------------------------------- */
.clearfix{
   ⁄zoom:1;
}

.clearfix:after {
   content:'';
   display:block;
   clear:both;
}

/* IEでimgの拡大縮小を綺麗にする
----------------------------------------------------------- */

img {
	-ms-interpolation-mode: bicubic;
}
textarea.link_tag{
	width:530px;
	margin-bottom:20px;
	padding:10px;
}
.btn{
	margin-bottom:15px;
}