@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);
@import url(text.css);
/* 全体の定義
----------------------------------------------------------- */
body {
	color:#000;
	text-align: left;
	word-break:break-all;
	background: url(../img/bg.jpg) repeat-y 50% 0 #F0F0F0;
	font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 910px;
	margin:0 auto;
	background:#FFFFFF;
}
#header {
	height:95px;
	padding:18px 18px 0;
	background:url(../img/bg_header.jpg) no-repeat 0 0 #000;
	margin-bottom:15px;
}
#container {
	background:url(../img/bg_side.jpg) repeat-y 0 0;
	clear:both;
}
#main {
	width: 650px;
	float: right;
}
#side {
	width: 230px;
	float: left;
	padding:10px;
}
#footer {
	clear:both;
	text-align:right;
	height:60px;
	padding:10px 20px;
	background:#000;
	color:#FFF;
}
/* タグの定義
----------------------------------------------------------- */

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:7px 25px 0;
	height:26px;
	border:none;
	margin:0;
}
h1 {
	font-size:18px;
	font-weight:bold;
	background:url(../img/level01.jpg) no-repeat 0 0 #FFF;
	padding:18px 30px 0;
	height:47px;
	margin-bottom:5px;
}
h2 {
	font-size:16px;
	font-weight:bold;
	background:url(../img/dot_line.gif) repeat-x 0 100%;
	padding-bottom:5px;
	margin:40px 0 15px;
	clear:both;
}
h3 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	margin:30px 0 5px;
	clear:both;
}
/* ヘッダーの定義
----------------------------------------------------------- */
img#logo {
	float:left;
}
img#banner {
	float:right;
	margin-top:10px;
}

/* パンくずリスト
----------------------------------------------------*/
ul#pankuzu,
p#topcopy{
	padding:17px 10px 0 10px;
	height:23px;
	background:url(../img/bg_pankuzu.jpg) repeat-x 0 0;
	line-height:100%;
	margin-bottom:10px;
}
ul#pankuzu li{
	float: left;
	display: inline;
	margin:0 8px 0 0;
	padding-left:13px;
	background:url(../img/pan_next.gif) no-repeat 0 50%;
	font-size:12px;
}
ul#pankuzu li#home{
	padding-left:0;
	background:url(../img/home.gif) no-repeat 0 50%;
	padding-left:15px;
}

/* トップページ
----------------------------------------------------------- */
#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;
}
/* レイアウトの定義
----------------------------------------------------------- */
.p_con {
	padding:15px;
	background:#FFF;
}
.contents {
	padding:10px;
	clear:both;
	background:#F0F0F0;
	margin-bottom:15px;
}

.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;
}
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 140px;
	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 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:198px;
	float:left;
	border:1px solid #CCC
}
#box-b {
	width:198px;
	float:left;
	margin:0 10px;
	border:1px solid #CCC
}
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;
}
/* 公式サイト
----------------------------------------------------*/
div.official{
	width:500px;
	margin:0 auto 20px;
	background:#FFF7E8;
	padding:15px;
	text-align:center;
}
div.official p{
	margin:0 !important;
	height:25px;
}
div.official p a{
	font-size:16px;
	font-weight:bold;
	background:url(../img/order.jpg) no-repeat 0 50%;
	padding:5px 0 5px 160px;
}
/* サイドコンテンツの定義
----------------------------------------------------------- */
#side h3 {
	background:url(../img/s_title.jpg) repeat-x 0 0;
	height:26px;
	padding: 8px 10px 0;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:0;
}
#side ul {
	margin:0 0 10px;
	border:1px solid #D7D7D7;
	padding:8px;
	background:#FFF;
}
#side li {
	background:url(../img/s_list.gif) no-repeat 0 5px;
	padding-left:18px;
	margin-bottom:5px;
}
/* フッターの定義
----------------------------------------------------------- */
#ftrnavi {
	width: 100%;
	height: 13px;

}
#ftrnavi li {
	font-size:12px;
	padding-right: 25px;
	float: left;
	list-style-type: none;
}
address{
	clear:both;
}
/* リンクの設定
----------------------------------------------------------- */
a:link, a:visited {
	color:#1d3994;
	text-decoration:underline;
}
a:active, a:hover {
	color:#00b0ec;
	text-decoration:underline;
}
#pankuzu a:link, #pankuzu a:visited {
	color:#1d3994;
	text-decoration:underline;
}
#pankuzu a:active, #pankuzu a:hover {
	color:#00b0ec;
	text-decoration:none;
}
#side li a:link,
#side li a:visited{
	color:#1d3994;
	text-decoration:none;
}
#side li a:active,
#side li a:hover{
	color:#F30;
	text-decoration:underline;
}
#footer a{
	color:#1d3994;
	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;
}