@charset "UTF-8";

/*------------------------------
=01 default style reset
=02 common
=03 layout
=04 module
=05 page
------------------------------*/

/*--------------------=01 default style reset--------------------*/

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset , img {
	border: 0;
}
address , caption , cite , code , dfn , em , strong , th , var {
	font-weight: normal;
	font-style: normal;
}
ol , ul {
	list-style: none;
}
caption , th {
	text-align: left;
}
h1 , h2 , h3 , h4 , h5 , h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before , q:after {
	content: '';
}
abbr , acronym {
	border: 0;
}

img {
	vertical-align: bottom;
	height: auto;
}

/*--------------------=02 common--------------------*/

/*ページ全体*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	line-height: 1.5;
	text-align: center;
	background:#FFFFFF url(../image/bg.jpg) no-repeat fixed;
	background-size: 100% auto;
}

@media print{
	body {
/* 印刷時背景画像が邪魔するので */
	background:#FFFFFF ;
	}
}


#bg{
}

a:link , a:visited , a:active , a:focus {
	color: #111D40;
	text-decoration: underline;

}

a:hover {
	color: #111D40;
	text-decoration: none;
}

/*全体コンテナ*/

#wrapper {
	width: 990px;
	text-align: left;
	margin: 0 auto;
}

/*ヘッダ*/

#header {
	margin: 0 auto 20px;
}

#header .blockL {
	margin: 10px 0;
	float: left;
}

#header .blockR {
	text-align: right;
	margin: 10px 0;
	float: right;
}

#header h1 {
	background: url(../image/logo.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 429px;
	height: 56px;
}

#header h1 a {
	display: block;
	width: 429px;
	height: 56px;
}

#header p {
	font-size:80%;
}

/*スポンサーロゴ*/

#header #size #sponsor {
	margin-bottom:10px;

}

/*文字サイズ変更*/

#header #size {
	margin-bottom: 10px;
float: right;
}

#header #size li , #contents_ol #size li {
	display: inline;
	float: left;
}

#header #size li.size_txt , #header #size li a , #contents_ol #size li.size_txt , #contents_ol #size li a {
	display: block;
	position: relative;
	width: 40px;
	height: 21px;
	font-size: 70%/*50%*/;
	overflow: hidden;
	text-decoration: none;
	margin-left: 3px;
}

#header #size li.size_txt span , #header #size li a span , #contents_ol #size li.size_txt span , #contents_ol #size li a span {
	display: block;
	position: absolute;
	width: 0;
	height: 20px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	line-height: 0;
	cursor: pointer;
	z-index: 1;
}

#header #size li.size_txt , #contents_ol #size li.size_txt {
	background: url(../image/size_txt.gif) no-repeat;
	width: 88px;
	margin-right: 7px;
}

#header #size li a#size_n , #contents_ol #size li a#size_n {
	background: url(../image/size_n.gif) no-repeat;
}

#header #size li a#size_l , #contents_ol #size li a#size_l {
	background: url(../image/size_l.gif) no-repeat;
}

#header #size li a#size_xl , #contents_ol #size li a#size_xl {
	background: url(../image/size_xl.gif) no-repeat;
}

#header #size li a:hover#size_n , #contents_ol #size li a:hover#size_n {
	background: url(../image//size_n_e.gif) no-repeat;
}

#header #size li a:hover#size_l , #contents_ol #size li a:hover#size_l {
	background: url(../image/size_l_e.gif) no-repeat;
}

#header #size li a:hover#size_xl , #contents_ol #size li a:hover#size_xl {
	background: url(../image/size_xl_e.gif) no-repeat;
}

#header #size li#size_n em , #contents_ol #size li#size_n em {
	background: url(../image/size_n.gif) no-repeat;
}

#header #size li#size_l em , #contents_ol #size li#size_l em {
	background: url(../image/size_l.gif) no-repeat;
}

#header #size li#size_xl em , #contents_ol #size li#size_xl em {
	background: url(../image/size_xl.gif) no-repeat;
}

/*ソーシャルメディアボタン*/

#header #media {
	clear: both;
/*
margin-right: -40px;
*/
}

/*ナビゲーション*/

#header #nav {
	background:#111D41;
	widows:990px;
	height:80px;
	clear: both;
	zoom: 1;
	padding-left:15px;

}

#header #nav:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;	
}


#nav li {
	display: inline;
}

#nav li a,
#nav li em a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	float: left;
	height: 80px;	
}

#nav li#nav1 a { background: url(../image/navi1.gif) no-repeat ; width: 240px;}
#nav li#nav2 a { background: url(../image/navi2.gif) no-repeat ; width: 240px;}
#nav li#nav3 a { background: url(../image/navi3.gif) no-repeat ; width: 240px;}
#nav li#nav4 a { background: url(../image/navi4.gif) no-repeat ; width: 240px;}

#nav li#nav1 a:hover { background: url(../image/navi1_on.gif) no-repeat ; width: 240px;}
#nav li#nav2 a:hover { background: url(../image/navi2_on.gif) no-repeat ; width: 240px;}
#nav li#nav3 a:hover { background: url(../image/navi3_on.gif) no-repeat ; width: 240px;}
#nav li#nav4 a:hover { background: url(../image/navi4_on.gif) no-repeat ; width: 240px;}

/*パンくずリスト*/

#breadcrumbWrapper {
	width: 990px;
	margin-bottom: 20px;
}

#breadcrumbWrapper .breadcrumb {
	font-size: 0.75em;
	list-style-type: none;
	margin-left: -5px;
}

#breadcrumbWrapper .breadcrumb li {
	display: inline;
	margin-left: 5px;
}

#breadcrumbWrapper .breadcrumb li a {
	margin-right: 5px;
}

/*フッタ*/

#footer {
	clear: both;
	width: 990px;
	background: #111D41;
	border-top: 1px #cccccc dotted;
}

#footer .blockL {
	float: left;
}

#footer .blockR {
	text-align: right;
	float: right;
}

#footer a:link , #footer a:visited , #footer a:active , #footer a:focus {
	color: #ffffff;
}

#footer address , #footer p {
	color: #ffffff;
	font-size: 0.75em;
	padding: 10px;
}

/*--------------------=03 layout--------------------*/

/*コンテンツ*/

#contents {
	clear: both;
}

#contents h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 990px;
	height: 100px;
	margin-bottom: 20px;
}

/*FLASH*/

object {
	margin-bottom: 15px;
}

param {
	margin-bottom: 15px;
}

/*h2*/

#program #contents h2 {
	background: url(../../image/title_program.gif) no-repeat;
}

#place #contents h2 {
	background: url(../../image/title_place.gif) no-repeat;
}

#bb #contents h2 {
	background: url(../../image/title_bb.gif) no-repeat;
}

#best10 #contents h2 {
	background: url(../../image/title_best10.jpg) no-repeat;
}

#contact #contents h2 {
	background: url(../../image/title_contact.gif) no-repeat;
	}



/*--------------------=04 module--------------------*/

/*クリア*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* .clearfix {
	zoom: 1;
	display: inline-block;
	overflow: hidden;
} */

/*テキスト*/

h3 {
	background-color:#111D41;
	color:#ffffff;
	height:30px;
	padding: 8px 0 0 10px;
	margin-bottom: 20px;
	position: relative;
	zoom: 1;
	font-weight: bold;

}

#contents h3:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#contents h3.h3_2{
  height: 60px;
}

#contents h3.h3_2 .nomal{
  font-weight: normal;
}


#best10 #contents h3{
	background-color:#FFF;
	height:30px;
	padding: 8px 0 0 10px;
	margin-bottom: 20px;
	font-size:130%;
	color:#500B10;
}

h4 , #contents_ol h1 {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	border-left: 5px #111D41 solid;
	padding: 5px 0 2px 10px;
	margin-bottom: 20px;
}

h4 a {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1;
}

h5 , #contents_ol h2 {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

h6 {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

#contents p , #contents_ol p {
	font-size: 0.875em;
	margin-bottom: 20px;
}

#contents p.caption {
	font-size: 0.75em;
	text-align: center;
}

#contents p.pagetop {
	font-size: 0.75em;
	text-align: right;
	line-height: 1;
}

strong {
	font-weight: bold;
}

em {
	color: #DC143C;
}

.txtAlignL {
	text-align: left;
}

.txtAlignC {
	text-align: center;
}

.txtAlignR {
	text-align: right;
}

.txtSmall {
	font-size: 0.75em;
}

.paddB10 {
	padding-bottom: 10px;
}

.paddB20 {
	padding-bottom: 20px;
}

.margT-20 {
	margin-top: -20px;
}

.margB00 {
	margin-bottom: 0!important;
}

.margB20 {
	margin-bottom: 20px;
}

.margB-20 {
	margin-bottom: -20px;
}

.margL20 {
	margin-left: 20px;
}


/*リスト*/

ul.typeA , ul.typeB,ul.typeC {
	font-size: 0.875em;
	margin-bottom: 20px;
}

ul.typeA li,
#header a.typeA{
	background: url(../image/ul_typea.svg) 2px 4px no-repeat;
	padding-left: 1em;
}

ul.cautionA ,#contents ul.cautionB {
	font-size: 0.875em;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 0 20px 0em;
}

ul.cautionB {
	color: #DC143C;
}

ul.typeC li{
	margin-bottom:10px;
	text-indent:-1em;
	margin-left:1em;
}


ol.best10{
	list-style:none;
	padding-left:30px;
}

ol.best10 li.best1{
	background: url(../../image/best10/best-1.jpg) no-repeat;
	font-size:150%;
	font-weight:bold;
	padding:7px 0 0 65px;
	height:50px;
}

ol.best10 li.best2{
	background: url(../../image/best10/best-2.jpg) no-repeat;
	font-size:130%;
	font-weight:bold;
	padding:8px 0 0 65px;
	height:50px;
}


ol.best10 li.best3{
	background: url(../../image/best10/best-3.jpg) no-repeat;
	font-size:130%;
	font-weight:bold;
	padding:9px 0 0 65px;
	height:50px;
}

ol.best10 li.other{
	padding-left:65px;
	margin-bottom:10px;
}

ol.best10 li .small{
	font-size:80%;
}


/*テーブル*/

table.list {
	width: 100%;
	font-size: 0.8em;
	empty-cells: show;
	border: 1px #CFB8A4 solid;
	margin-bottom: 20px;
}

table.list thead th {
	background: #B7987C;
	white-space: nowrap;
	text-align: center;
	border: 1px #CFB8A4 solid;
	padding: 5px;
	color:#ffffff;
}

table.list td {
	border: 1px #CFB8A4 solid;
	padding: 2px;
	background: #FFFAF7;
}

table.list thead th.header {
	background: url(../image/ad.gif) center left no-repeat #B7987C;
    cursor: pointer;
    font-weight: bold;
    border-right: 1px #dad9c7 solid;
    padding-left: 20px;
    margin-left: -1px;
}

table.list thead th.headerSortUp {
    background: url(../image/asc.gif) center left no-repeat #A8886C;
}

table.list thead th.headerSortDown {
    background: url(../image/desc.gif) center left no-repeat #A8886C;
}

table.list .nowrap {
	white-space: nowrap;
}

/*ブロック*/

#contents .block2A , #contents .block2C {
	width: 990px;
}

#contents .block2A .blockL {
	width: 600px;
	margin-right: 10px;
	float: left;
}

#contents .block2A .blockL .blockL2 {
	width: 200px;
	margin-right: 10px;
	float: left;
}

#contents .block2A .blockL .blockR2 {
	width: 375px;
	margin-right: 10px;
	float: right;
}

#contents .block2A .blockR , #contents .block2B .blockR {
	width: 372px;
	float: right;
}

#contents .block2B , #contents .block2D , #contents .box {
	width: 970px;
	border: 1px #665544 solid;
	padding: 10px;
	margin-bottom: 20px;
}

#contents .block2B .blockL {
	width: 810px;
	margin-right: 10px;
	float: left;
}

#contents .block2B p.caption , #contents .block3A p , #contents .box .block4A p , #contents .box .block6A p {
	margin-bottom: 0;
}

#contents .block2C .blockL {
	width: 490px;
	margin-right: 10px;
	float: left;
}

#contents .block2C .blockR {
	width: 490px;
	float: right;
}

#contents .block2D .blockL {
	width: 480px;
	margin-right: 10px;
	float: left;
}

#contents .block2D .blockR {
	width: 480px;
	float: right;
}

#contents .block3A {
	width: 810px;
	margin-bottom: 20px;
}

#contents .block3A .blockL {
	width: 235px;
	margin-right: 10px;
	float: left;
}

#contents .block3A .blockR {
	width: 235px;
	float: right;
}

#contents .block4A , #contents .block6A {
	width: 970px;
	margin-bottom: 20px;
}

#contents .block4A .blockL {
	width: 235px;
	margin-right: 10px;
	float: left;
}

#contents .block4A .blockR {
	width: 235px;
	float: right;
}
#contents .block6A .blockL {
	width: 150px;
	margin-right: 14px;
	float: left;
}

#contents .block6A .blockR {
	width: 150px;
	float: right;
}

#contents form {
	margin-bottom: 20px;
}

#program .block_l {
	width: 780px;
	margin-right: 10px;
	float: left;
}

#program .block_r {
	width: 180px;
	float: right;
	margin-left:15px;
}

#contents .box {
	padding-bottom: 0;
}


/*ノースクリプト*/

noscript {
	font-size: 1em;
	color: #DC143C;
	margin-bottom: 20px;
}

/*強調*/

#contents .em{
    background-color: #EDF0FF;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #EDF0FF;
    margin: 1em 0;
	font-size:100%;
	font-weight:bold;

}

#contents .em a{
	display:block;
	background: url(../image/ul_typea.svg) 1em center no-repeat;
    padding: 1em 1em 1em 2em;

}
#contents .em:before{
}

#contents .em:after{
}

/*リンク*/

img.blank{
	width:13px;
	margin-left:3px;
	vertical-align:middle;
}


/*--------------------=05 page--------------------*/

/* index */

dl.announce {
	font-size: 0.875em;
	margin-bottom: 10px;
}

dl.announce dt {
	font-weight:bold;
}

dl.announce dd {
	border-bottom: 1px #CFB8A4 dashed;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}

.new {
	font-size: 80%;
	color:#fff;
	background-color:#E10000;
	margin:0 0 5px 8px;
	padding:0 4px;
}

/*かわら版*/

dl.bb {
	font-size: 0.875em;
	margin-bottom: 20px;
}

dl.bb dt {
	float: left;
}

dl.bb dd {
	border-bottom: 1px #CFB8A4 dashed;
	padding: 0 0 5px 9em;
	margin-bottom: 5px;
}

#contents .box:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#bb #contents p.credits {
	text-align: right;
	margin: -20px 0 10px;
}

.leaflet {
	margin: 0 0 -10px 20px;
	float: right;
}

.bb_img_l {
	margin: 0 20px 10px 0;
	float: left;
}

.bb_img_r {
	margin: 0 0 10px 20px;
	float: right;
}



/*解説ページ*/

#contents_ol {
	width: 560px;
	text-align: left;
	margin: 10px auto 0;
}

#contents_ol .block2A {
	width: 560px;
}

#contents_ol .block2A .blockL {
	width: 275px;
	margin-right: 10px;
	float: left;
}

#contents_ol .block2A .blockR {
	width: 275px;
	float: right;
}

#contents_ol #size ul {
	padding-top: 5px;
	float: right;
}

#contents_ol dl {
	font-size: 0.875em;
	margin-bottom: 20px;
}

#contents_ol dl dt {
	clear: both;
	float: left;
}

#contents_ol dl dd {
	padding-left: 9.5em;
}

#contents_ol dl dd:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;	
}


#contents_ol form {
	clear: both;
	font-size: 0.875em;
	text-align: center;
	margin-bottom: 20px;
}

#contents_ol .box {
	width: 540px;
	border: 1px #549729 solid;
	padding: 10px;
	margin-bottom: 20px;
}

#contents_ol .box p {
	margin-bottom: 0;
}

#contents_ol #footer_ol {
	clear: both;
	width: 560px;
	border-top: 1px #cccccc dotted;
}

#contents_ol #footer_ol #media {
	clear: both;
	text-align: right;
	float: left;
	display: inline;
	padding: 10px 0;
}

#contents_ol #footer_ol p {
	text-align: right;
	padding-top: 10px;
	margin-bottom: 10px 0;
	float: right;
}

/*ベスト10*/

#bb #contents p.best10img {
	margin: 0 0 -20px 10px;
	float: right;
}

#bb #contents p.best10img img {
	margin-bottom: 10px;
}

#best10 .box {
	padding: 15px 0;
}

table.best10 {
	font-size: 0.875em;
	empty-cells: show;
	border: 1px #CFB8A4 solid;
	margin-bottom: 20px;
}

table.best10 th {
	background: #B7987C;
	white-space: nowrap;
	text-align: left;
	border: 1px #CFB8A4 solid;
	padding: 5px;
}

table.best10 td {
	border: 1px #CFB8A4 solid;
	padding: 5px;
}


#best10 p.pagetop {
	font-size: 0.75em;
	text-align: right;
	line-height: 1;
	margin-bottom:5px;
}

#history{
	width:850px;
}


#history .history{
	background:URL(../../image/best10/bg_best10.gif) repeat-y;
}

#history .history .box{
	margin:0 80px;
}


#history h1{
	background:url(../../image/title_icon.gif) left no-repeat;
	padding:0 20px 30px 20px;
	border-bottom:#fff solid 5px;
	font-size:130%;
	font-weight:bold;
}


#history .history img.title{
	margin-left:5px;
}

.lnk_img:hover{
	opacity:0.7;
}

/* dl1 */

.dl1{
	font-size:0.875em;
	margin-bottom:30px;}

.dl1 dt{
	background:url(../../image/arrow01.gif) no-repeat 0 center;
	padding-left:1em;
	font-weight:bold;
	margin:10px 0;
}

.dl1 dd{
	padding-left:1em;
	margin:10px 0;
}

/* テキストボックス内画像回り込み */
.textbox01{
	position:relative;
}
.textbox01 p{
	position:relative;
}

.textbox01 img{
	position:absolute;
	bottom:0;
	right:0;
}

.main_img{
	margin-bottom:20px;
}

.line_through{text-decoration: line-through;}