@charset "shift_jis";
/*====================================*/
/*           CSSプリセット            */
/*====================================*/

/*------------------------------------*/
/*             全要素共通             */
/*------------------------------------*/

/*-----余白をクリア・文字拡大禁止-----*/
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
/*------画像の余白と枠線をクリア------*/
img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/*-----------リンク共通設定-----------*/
a {
	display: block;
	line-height: 100%;
	padding: 3% 0 3% 0;
}
a:link,a:visited {
	text-decoration: none;
	color: #0000ff;
}
/*--------ミニボタン用高さ設定--------*/
.a_btn1img {
	padding: 0px 0px 2% 0px;
}
.a_btn2 {
	padding: 6% 0 6% 0;
}
.a_btn3 {
	padding: 9% 0 9% 0;
}
.a_btn4 {
	padding: 12% 0 12% 0;
}
.a_btn5 {
	padding: 15% 0 15% 0;
}
/*----------------下地----------------*/
body {
	position:relative;
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(0,0,0,0.5)),color-stop(75%, rgba(0,0,0,0.0)),color-stop(75%, rgba(50,50,255,0.0)),to(rgba(50,50,255,0.4)));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0) 75%, rgba(50,50,255,0.0) 75%, rgba(50,50,255,0.4) 100%);  
	background-color:#001256;
	color:#111111;
}
body:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	background-image:url(../img/bg_stripe.gif), url(../img/bg_snow.png);
	background-repeat:repeat-y, repeat-y;
	background-position:center top, center top;
	background-size:100% auto, 100% auto;
}
article {
	background-color: #ffffff;
	border: solid 1px #980000;
	margin: 1% 2%;
	padding: 1%;
}
p {
	padding: 1%;
}
/*------------擬似article-------------*/
.atcl1 {
	margin: 0 2% 1% 2%;
	padding: 1%;
	background-color: #ffffff;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #980000;
}
.atcl2 {
	margin: 0 2% 1% 2%;
	padding: 1%;
	background-color: #ffffff;
	border-radius: 0 0 10px 10px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #980000;
}
.atcl_m {
	margin: 0 2% 0 2%;
	padding: 1%;
	background-color: #ffffff;
	border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #980000;
}
/*--------擬似atcl用見出し----------*/
.atcl1_h {
	margin: 1% 2% 0 2%;
	padding: 1%;
	font-weight: bold;
	color: #ffffff;
}
.atcl2_h {
	margin: 1% 2% 0 2%;
	padding: 1%;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
	color: #ffffff;
}
.atclm_h {
	margin: 0 2%;
	padding: 1%;
	font-weight: bold;
	color: #ffffff;
}
/*--------------汎用タグ--------------*/
address {
	font-style: normal;
	font-weight:bold;
	font-size:1.2em;
}
footer {
	padding: 3% 5%;
	text-align: center;
	color: #ffffff;
	font-size:0.8em;
}
h1,h2,h3,h4,h5,h6 {
	padding: 1%;
	text-align: center;
	color: #ffffff;	
}
/*------------リストの種類------------*/
.li_none {
	list-style-type: none;
}
.li_disc {
	list-style-type: disc;
}
.li_sqar {
	list-style-type: square;
}
.li_num {
	list-style-type: decimal;
}
.li_alf1 {
	list-style-type: upper-alpha;
}
.li_alf2 {
	list-style-type: lower-alpha;
}

/*------------------------------------*/
/*          ボタンプリセット          */
/*------------------------------------*/

/*---------------ボタン---------------*/
.btn1 {
	display: block;
	border-radius: 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 2%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn1 a:link,.btn1 a:visited {
	color: #ffffff;
}
.btn2 {
	display: inline-block;
	border-radius: 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 46%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn2 a:link,.btn2 a:visited {
	color: #ffffff;
}
.btn3 {
	display: inline-block;
	border-radius: 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	width: 29.5%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
.btn3 a:link,.btn3 a:visited {
	color: #ffffff;
}
.btno{
	display:inline-block;
	vertical-align:middle;
	padding:2% 0px;
	border-radius:5px;
	height:3em;
}
/*-------------左ボタン-------------*/
.btn_lt {
	display: block;
	border-radius:5px;
	border:2px solid #ffffff;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 2%;
	padding: 0;
	width: 35%;
	text-align: center;
	font-weight: bold;
	font-size:90%;
	color: #ffffff;
	float: left;
	border:2px solid #ffffff;
}
.btn_lt a:link,.btn_lt a:visited {
	color:#ffffff;
}
/*-------------右ボタン-------------*/
.btn_rt {
	display: block;
	border-radius:5px;
	border:2px solid #ffffff;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 2%;
	padding: 0;
	width: 35%;
	text-align: center;
	font-weight: bold;
	font-size:90%;
	color: #ffffff;
	float: right;
	border:2px solid #ffffff
}
.btn_rt a:link,.btn_rt a:visited {
	color:#ffffff;
}
/*------------dadioボタン-------------*/
.radio {
	display: inline-block;
	margin: 2% auto 2% auto;
	width: 20%;
	font-size: 1.2em;
	font-weight: bold;
}
/*--------プルダウンメニュー----------*/
select {
	display: inline-block;
	margin: 3% auto 3% auto;
	width:50%;
	font-size:1.2em;
	background-color:#ffffff;
	color: #000000;
}
/*-----------入力フォーム-------------*/
input{
	display: inline-block;
	margin: 3% auto 3% auto;
	width: 95%;
	font-size: 1.2em;
	background-color:#ffffff;
	color: #000000;
}
/*------------inputボタン-------------*/
.ipbtn{
	display: block;
	border-radius: 5px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	margin: 0 auto 5% auto;
	width: 50%;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	height: 2em;
	font-size: 1.2em;
	font-weight: bold;
}
/*--------アイコン付文字リンク--------*/
.iclink {
	display: table;
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	border-width: 1px 0;
	border-style: solid;
	border-color: #780000;
	background-color: #ffffff;
	font-weight: bold;
	color: #0000ff;
}
.iclink a:link,.iclink a:visited {
	color:#0000ff;
}
/*------------------------------------*/
/*      　 背景画像プリセット 　      */
/*------------------------------------*/
.bgi1 {
	background-image: url(../img/img4.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}
.bgi2{
	background-image:url(../img/bg_atcl.jpg);
	background-repeat:repeat;
	background-color: #cac6a5;
	border: solid 1px #cac6a5;
}
/*------------------------------------*/
/*      グラデーションプリセット      */
/*------------------------------------*/
.gd_1 {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#980000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #780000;
}
.gd_2 {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#004810;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #003805;
}
.gd_3 {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#000098;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #000078;
}
.gd_4 {
	background: -webkit-gradient(linear, left top, left bottom,from(#ff4280),to(#ff4280));
	background: -moz-linear-gradient(top, #ff4280, #ff4280);  
	background-color:#ff4280;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border: 2px solid #ffffff;
}
.gd_a {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#da0000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #ba0000;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	color:#ffffff;
}
.gd_b {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#0000da;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #0000ba;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	color:#ffffff;
}
.gd_c {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#caba00;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #aa9a00;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	color:#ffffff;
}
.gd_d {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)),color-stop(43%, rgba(255,255,255,0.2)),color-stop(44%, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 43%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.0) 100%);  
	background-color:#009a00;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #009a00;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	color:#ffffff;
}
.gd_rd {
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0.0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.0) 100%);  
	background-color:#ff0000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #ff0000;
}

/*------------------------------------*/
/*         ボーダープリセット         */
/*------------------------------------*/
.bd_1 {
	border: 1px solid #ffffff;
}
.bd_2 {
	border: 2px solid #ffffff;
}
.bd_3 {
	border: 1px solid #ffcc00;
}

/*------------------------------------*/
/*           背景プリセット           */
/*------------------------------------*/
.bgc {
	background-color: rgba(255,255,255,0.8);
}
.bgi{
	background-image:url(../img/bg_btn.jpg);
	background-repeat:repeat-x;
	background-position:center;
	background-size:auto 100%;
}
.bg_bk{
	background-color: rgba(0,0,0,0.5);
	border: solid 1px #560000;
}
.bg_bk a{
	color:#df9558;
}
/*====================================*/
/*             CSSパーツ              */
/*====================================*/

/*------------------------------------*/
/*            テキスト調整            */
/*------------------------------------*/

/*------------フォント指定------------*/
.fsty_n {
	font-style: normal;
}
/*-------------サイズ調整-------------*/
.font150 {
	font-size: 1.5em;
}
.font120 {
	font-size: 1.2em;
}
.font100 {
	font-size: 1em;
}
.font90 {
	font-size: 0.9em;
}
.font80 {
	font-size: 0.8em;
}
.font70 {
	font-size: 0.7em;
}
.font60 {
	font-size: 0.6em;
}
.font50 {
	font-size: 0.5em;
}
/*----------------太字----------------*/
.nfont {
	font-weight: normal;
}
.bfont {
	font-weight: bold;
}
/*-------------文字色変更-------------*/
.rdtext {
	color: #ff0000;
}
.whtext {
	color: #FFFFFF;
}
.gytext {
	color: #999999;
}
.bktext {
	color: #111111;
}
.yetext{
	color: #efef00;
}
.aqtext{
	color:#36bacb;
}
.color_1{
	color:#980000;
}

/*----------テキストシャドー----------*/
.tsd_wh {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.tsd_gy {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.tsd_bk {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
/*----------テキスト表示位置----------*/
.textc {
	text-align: center;
}
.textr {
	text-align: right;
}
.textl {
	text-align: left;
}
/*--------------間隔調整--------------*/
.lsp-1{
	letter-spacing: -1px;
}
.lsp-2{
	letter-spacing: -2px;
}
.lsp-3{
	letter-spacing: -3px;
}
.lsp-4{
	letter-spacing: -4px;
}
.lh100 {
	line-height: 100%;
}
/*------------------------------------*/
/*              余白調整              */
/*------------------------------------*/

/*--------ブロック要素を中央へ--------*/
.mgauto {
	margin-right: auto;
	margin-left: auto;
}
/*------マージン・パディング調整------*/
.mg0 {
	margin: 0;
}
.mgt0 {
	margin-top: 0;
}
.mgb0 {
	margin-bottom: 0;
}
.mgr0 {
	margin-right: 0;
}
.mgl0 {
	margin-left: 0;
}
.mgtb0 {
	margin-top: 0;
	margin-bottom: 0;
}
.mglr0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mg1 {
	margin: 1%;
}
.mgt1 {
	margin-top: 1%;
}
.mgb1 {
	margin-bottom: 1%;
}
.mgr1 {
	margin-right: 1%;
}
.mgl1 {
	margin-left: 1%;
}
.mgtb1 {
	margin-top: 1%;
	margin-bottom: 1%;
}
.mglr1 {
	margin-right: 1%;
	margin-left: 1%;
}
.mg2 {
	margin: 2%;
}
.mgt2 {
	margin-top: 2%;
}
.mgb2 {
	margin-bottom: 2%;
}
.mgr2 {
	margin-right: 2%;
}
.mgl2 {
	margin-left: 2%;
}
.mgtb2 {
	margin-top: 2%;
	margin-bottom: 2%;
}
.mglr2 {
	margin-right: 2%;
	margin-left: 2%;
}
.mg3 {
	margin: 3%;
}
.mgt3 {
	margin-top: 3%;
}
.mgb3 {
	margin-bottom: 3%;
}
.mgr3 {
	margin-right: 3%;
}
.mgl3 {
	margin-left: 3%;
}
.mgtb3 {
	margin-top: 3%;
	margin-bottom: 3%;
}
.mglr3 {
	margin-right: 3%;
	margin-left: 3%;
}
.pd0 {
	padding: 0;
}
.pdt0 {
	padding-top: 0;
}
.pdb0 {
	padding-bottom: 0;
}
.pdr0 {
	padding-right: 0;
}
.pdl0 {
	padding-left: 0;
}
.pdtb0 {
	padding-top: 0;
	padding-bottom: 0;
}
.pdlr0 {
	padding-right: 0;
	padding-left: 0;
}
.pd1 {
	padding: 1%;
}
.pdt1 {
	padding-top: 1%;
}
.pdb1 {
	padding-bottom: 1%;
}
.pdr1 {
	padding-right: 1%;
}
.pdl1 {
	padding-left: 1%;
}
.pdtb1 {
	padding-top: 1%;
	padding-bottom: 1%;
}
.pdlr1 {
	padding-right: 1%;
	padding-left: 1%;
}
.pd2 {
	padding: 2%;
}
.pdt2 {
	padding-top: 2%;
}
.pdb2 {
	padding-bottom: 2%;
}
.pdr2 {
	padding-right: 2%;
}
.pdl2 {
	padding-left: 2%;
}
.pdtb2 {
	padding-top: 2%;
	padding-bottom: 2%;
}
.pdlr2 {
	padding-right: 2%;
	padding-left: 2%;
}
.pd3 {
	padding: 3%;
}
.pdt3 {
	padding-top: 3%;
}
.pdb3 {
	padding-bottom: 3%;
}
.pdr3 {
	padding-right: 3%;
}
.pdl3 {
	padding-left: 3%;
}
.pdtb3 {
	padding-top: 3%;
	padding-bottom: 3%;
}
.pdlr3 {
	padding-right: 3%;
	padding-left: 3%;
}
/*------------------------------------*/
/*              表示関係              */
/*------------------------------------*/

/*---------ブロック要素に変換---------*/
.d_blk {
	display: block;
}
/*--------インライン要素に変換--------*/
.d_inl {
	display: inline;
}
/*----インラインブロック要素に変換----*/
.d_ibl {
	display: inline-block;
	vertical-align:middle;
}
/*---------テーブル要素に変換---------*/
.d_tbl {
	display: table;
	width: 96%;
}
.d_tbc {
	display: table-cell;
	vertical-align: middle;
}
/*-------------枠線クリア-------------*/
.bd0 {
	border: none;
}
/*--------------横幅調整--------------*/
.wauto {
	width: auto;
}
.w100 {
	width: 100% !important;
}
.w95 {
	width: 95%;
}
.w90 {
	width: 90%;
}
.w85 {
	width: 85%;
}
.w80 {
	width: 80%;
}
.w75 {
	width: 75%;
}
.w70 {
	width: 70%;
}
.w65 {
	width: 65%;
}
.w60 {
	width: 60%;
}
.w55 {
	width: 55%;
}
.w50 {
	width: 50%;
}
.w45 {
	width: 45%;
}
.w40 {
	width: 40%;
}
.w35 {
	width: 35%;
}
.w30 {
	width: 30%;
}
.w25 {
	width: 25%;
}
.w20 {
	width: 20%;
}
.w15 {
	width: 15%;
}
.w10 {
	width: 10%;
}
.w5 {
	width: 5%;
}
/*------------------------------------*/
/*            float＆clear            */
/*------------------------------------*/

/*---------------float----------------*/
.flt_r {
	float: right;
}
.flt_l {
	float: left;
}
/*---------------clear----------------*/
.clear_b {
	clear: both;
}
.clear_r {
	clear: right;
}
.clear_l {
	clear: left;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
.clearfix {
	display: inline-block;
	display: block;
}
/*------------------------------------*/
/*              デザイン              */
/*------------------------------------*/

/*----------------角丸----------------*/
.rad5 {
	border-radius: 5px 5px 5px 5px;
}
.rad10 {
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
}
.rad20 {
	border-radius: 20px !important;
}
/*----------ボックスシャドー----------*/
.boxsd {
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
}
.boxsd_in {
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 0px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 0px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 0px;
}


/*------------------------------------*/
/*             基本ページ             */
/*------------------------------------*/
#title{
	font-size:1em;
	padding:2%;
	color:#ffffff;
	font-weight:bold;
}

#menu{
	display: inline-block;
	border-radius: 5px;
	padding: 0;
	width: 20%;
	text-align: center;
	font-size:0.9em;
	font-weight: bold;
	color: #ffffff;
	float: right;
}
#menu a:link,#menu a:visited {
	color:#ffffff;
}

#info{
	width:100%;
	font-size:0.8em;
	background-color:#780000;
}

#info a{
	text-align:center;
	width:100%;
	display:block;
}

#info a:link,#info a:visited{
	color:#ffffff;
}

#info ul{
	margin:0;
	padding:0;
}

#info ul li{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:50%;
	list-style:none;
	padding:2% 0px;
}

#info ul li:nth-child(1){
	border-width:0px 1px 1px 1px !important;
	float:left;
}
#info ul li:nth-child(2){
	border-width:0px 1px 1px 0px !important;
	float:right;
}
#info ul li:nth-child(3){
	border-width:0px 1px 0px 1px !important;
	float:left;
}
#info ul li:nth-child(4){
	border-width:0px 1px 0px 0px !important;
	float:right;
}

/*------------------------------------*/
/*            クリア画面              */
/*------------------------------------*/
#clear_back {
	width:100%;
}

#clear_top {
	margin:200px 10px 30px 200px;
	padding:10px;
	display:block;
	border-radius: 3px 3px 3px 3px;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdd2de), color-stop(50%,#fcb9cc), color-stop(50%,#fba3bc), to(#fcb9cc));
	background: -moz-linear-gradient(top, #fdd2de, #fcb9cc 50%, #fba3bc 50%, #fcb9cc);  
	background-color:#fba3bc;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border: 1px solid #fba3bc;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

#clear_top:link,#clear_top:visited {
	color:#FFFFFF;
}

#clear_set{
	border-bottom:2px dotted #980000;
}

/*------------------------------------------------------*/
.tobashi{
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	text-indent:-9999px;
	border:none;
}

.dammy{
	visibility:hidden;
}
.g_list{
	width:100%;
	margin:0%;
	padding:0%;
	list-style-type:none;
}
.g_list li{
	margin:2% auto;
	-moz-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 2px 0px;
}
.g_list li a{
	padding:0%;
}
.g_list li a img{
	width:100%;
}

/*------------------インデックスのリスト----------------*/
#ranking_list div{
	display:none;
}
#ranking_list div:nth-child(8), #ranking_list div:nth-child(9), #ranking_list div:nth-child(10){
	display:block;
}


/*------------------アニメーション----------------*/
#anime{
	-webkit-animation-name:touroku;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-iteration-count:infinite;
	animation-name:touroku;
	animation-duration:5s;
	animation-timing-function:ease;
	animation-iteration-count:infinite;
}
@-webkit-keyframes touroku{
	0%{
		-webkit-transform:scale(1,1);
	}
	79%{
		-webkit-transform:scale(1,1);
	}
	80%{
		-webkit-transform:scale(1.1,1.5);
		-webkit-transform-origin:center bottom;
	}
	84%{
		-webkit-transform:scale(0.8,0.85);
		-webkit-transform-origin:center bottom;
	}
	88%{
		-webkit-transform:scale(0.7,0.4);
		-webkit-transform-origin:center bottom;
	}
	96%{
		-webkit-transform:scale(1.05,1.02);
		-webkit-transform-origin:center center;
	}
	99%{
		-webkit-transform:scale(0.95,0.95);
		-webkit-transform-origin:center bottom;
	}
	100%{
		-webkit-transform:scale(1,1);
		-webkit-transform-origin:center bottom;
	}
}
@keyframes touroku{
	0%{
		transform:scale(1,1);
	}
	79%{
		transform:scale(1,1);
	}
	80%{
		transform:scale(1.1,1.5);
		transform-origin:center bottom;
	}
	84%{
		transform:scale(0.8,0.85);
		transform-origin:center bottom;
	}
	88%{
		transform:scale(0.7,0.4);
		transform-origin:center bottom;
	}
	96%{
		transform:scale(1.05,1.02);
		transform-origin:center center;
	}
	99%{
		transform:scale(0.95,0.95);
		transform-origin:center bottom;
	}
	100%{
		transform:scale(1,1);
		transform-origin:center bottom;
	}
}