@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: url(../img/background.gif) repeat-y 50% 0 #246F30;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper {
	width: 910px;
	margin:0 auto;
	padding:10px 25px 0;
	background:#FFFFFF;
}
#header{
	height:75px;
}
#container{
	margin-bottom:10px;
	clear:both;
}
#main {
	width: 620px;
	float: right;
}
#side {
	width: 248px;
	float: left;
	padding:10px;
	border:1px solid #DDDDD5; 
	background:#F3F3F1;
}
#footer{
	clear:both;
	text-align:center;
	padding:25px 0 10px;
	background:url(../img/bg_bottom.gif) repeat-x 0 0;
}


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

p {
	line-height: 165%;
	margin-bottom: 25px;
}
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;
	padding:5px 25px 0;
	height:25px;
	border:none;
	margin:0;
}

h1{
	font-size:18px;
	font-weight:bold;
	background:url(../img/level01.gif) no-repeat 0 0;
	padding:20px 15px 10px;
	border-bottom:1px solid #1A5122;
	margin-bottom:20px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
h2{
	font-size:16px;
	font-weight:bold;
	background:url(../img/level02.gif) no-repeat 0 0;
	padding:3px 15px 0;
	height:26px;
	margin:40px 0 10px;
	clear:both;
}
h2.level01{
	color:#FFF;
	background:url(../img/level01_top.gif) no-repeat 0 0;
	padding:7px 25px 0;
	height:26px;
	border:none;
	margin:40px 0 0;
}
h3{
	font-size:14px;
	font-weight:bold;
	background:url(../img/b_dot.gif) repeat-x 0 100%;
	padding-bottom:5px;
	margin:30px 0 10px;
	clear:both;
}
/* ヘッダーの定義
----------------------------------------------------------- */
img#logo{
	float:left;
}
img#banner{
	float:right;
}
#pankuzu{
	background:url(../img/bg_pankuzu.gif) repeat-x 0 0;
	padding:8px 10px 0;
	height:24px;
	color:#FFF;
}

/* トップページ
----------------------------------------------------------- */
#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{
	border:1px solid #F0DDD2;
	width:100%;
	line-height: 155%;
	margin-bottom:20px;
}
th{
	background:url(../img/table_midashi.gif) repeat-x 0 0;
	color:#7A5D65;
	font-weight:bold;
	padding:8px;
	border:1px solid #F0DDD2;
}
td{
	padding:8px;
	border:1px solid #F0DDD2;
	vertical-align:top;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}

/* レイアウトの定義
----------------------------------------------------------- */
.pad{
	padding-left:8px;
}
.contents{
	padding:0 15px;
	clear:both;
}
.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;
}


/* ランキング 
----------------------------------------------------*/
h2#ranking{
	background:none;
	padding:0;
	height:auto;
	margin:0;
}
.r_area{
	background:url(../img/bg_ranking.gif) no-repeat 0 100%;
	padding:10px 25px;
}
.r_area p{
	margin-bottom:10px;
}
p.copy{
	color:#F30;
	font-weight:bold;
}
h3.ranking{
	font-size:14px;
	font-weight:bold;
	padding:3px 0 0 25px;
	margin:0 0 10px;
	background:#CCC;
}
h3#rank01{
	background:url(../img/rank01.gif) no-repeat 0 0;
}
h3#rank02{
	background:url(../img/rank02.gif) no-repeat 0 0;
}
h3#rank03{
	background:url(../img/rank03.gif) no-repeat 0 0;
}
div.specs{
	clear:both;
	margin-bottom:10px;
}
div.specs table{
	font-size:12px;
}
table.spec1{
	width:230px;
	float:left;
}
table.spec2{
	margin-left:235px;
	width:385px;
	_width:379px;
}
div.specs th{
	width:100px;
}
div.summary{
	margin-bottom:30px;
}
div.gaiyou{
	margin:0 0 8px 135px;
	line-height: 155%;
}
div.summary p{
	margin:0 !important;
}
div.gaiyou p.s_tittle{
	font-weight:bold;
	color:#FF3300;
	margin-bottom:5px !important;
}
ul.action{
	margin:0!important;
	padding:0 !important;
	font-weight:bold;
}
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;
}

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

ul.c_rank{
	padding:6px 10px;
	margin:0 !important;
	background:#F1F1EF;
}
ul.c_rank li{
	list-style:none !important;
	background:url(../img/list_q.gif) no-repeat 0 5px;
	padding-left:20px;
	margin:0 0 5px 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{
	float:left;
	width:300px;

}
.box-b{
	float:right;
	width:300px;

}
ul.bulet{
	font-weight:bold;
	margin:0 0 25px !important;
}
ul.bulet li{
	background:url(../img/list_arrow.gif) 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/side_title.gif) repeat-x 0 0;
	height:23px;
	padding: 7px 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 0 0;
}

#side li a {
	display: block;
	padding:6px 10px 4px 18px;
	color: #009;
	line-height: 18px;
	background: url(../img/side_menu.gif) no-repeat 0 0;
	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:#009;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#F60;
	text-decoration:underline;
}
#pankuzu a:link,
#pankuzu a:visited{
	color: #FFF;
	text-decoration:underline;
}
#pankuzu a:active,
#pankuzu a:hover {
	color:#FFF;
	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;
}