/* * * * * * * * * * * * * * * * * * * *
 * otona custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #9d9187;
background-color : #0d0800;
}



/* ■■■■ リンク周り ■■■■ */
a:link{color : #c89b7a;}
a:visited{color : #a06d48;}



/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　赤 */
.st_1 {color : #ff0000;}

/* 強調するとき用　白 */
.st_2 {color : #ffffff;}

/* 強調するとき用　黒 */
.st_3 {color : #000000;}

/* 強調するとき用　ピンク */
.st_4 {color : #ff1493;}

/* 強調するとき用　桃色 */
.st_5 {color : #ff6666;}

/* 強調するとき用　濃い紫 */
.st_6 {color : #6d0055;}

/* 強調するとき用　小豆色 */
.st_7 {color : #60374b;}

/* 強調するとき用　濃い紫 */
.st_8 {color : #AF0082;}

/* 強調するとき用　薄い桃色 */
.st_9 {color : #f9869a;}

/* 強調するとき用　だいぶ薄い桃色 */
.st_10 {color : #ff9999;}

/* 強調するとき用　薄い黄色 */
.st_11 {color : #ffffcc;}

/* 強調するとき用　青 */
.st_12 {color : #7133ff;}

/* 強調するとき用　濃い黄色 */
.st_13 {color : #ff9a36;}

/* 強調するとき用　ベースカラー */
.st_14 {color : #9d9187;}


/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #000000;
color : #FFCCCC;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : 1px;
margin-right : 1px;
text-align : left;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 登録する ■■■■ */
.topbox_reg {
border : solid 1px #3d0311;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #3d0311;
background : -webkit-gradient(linear, left top, left bottom, from(#770622), to(#3d0311));

font-size : 120%;
line-height : 25px;
width : 60%;
height : 60px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #999999;
box-shadow : 0px 0px 10px #999999;
-webkit-box-shadow : 0px 5px 0px #770622;
}

.topbox_reg a{
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
}

/* ■■■■ 登録する ■■■■ */
.box_reg {
border : solid 1px #3d0311;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #3d0311;
background : -webkit-gradient(linear, left top, left bottom, from(#770622), to(#3d0311));

font-size : 120%;
line-height : 25px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #999999;
box-shadow : 0px 0px 10px #999999;
-webkit-box-shadow : 0px 2px 0px #770622;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
}



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}



/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
border-radius : 10px;
-webkit-border-radius : 10px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

.list_01 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 30px;
overflow : hidden;
}

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #ffffff; /*リスト内の文字色*/
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_01 li a:hover {
background-color : #515128; /*マウスon背景*/
}
.list_01 li:last-child {
border-bottom : none;
}

.list_01 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_02 li {
position : relative;
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 100;
}
.list_02 li a:hover {
background-color : #515128; /*マウスon背景*/
}

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_02 li:last-child {
border-bottom : none;
}

.list_02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #ffffff; /*右端　>　の色*/
border-right : solid 2px #ffffff; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト03 ■■■■ */
.list_03 {
border-bottom : solid 1px #888888; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_03 li {
position : relative;
border-bottom : solid 1px #888888; /*リスト内の区切り線の色*/
height : 40px;
}

.list_03 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

.list_03 li a:hover {
background-color : #515128; /*マウスon背景*/
}

.list_03 li:last-child {
border-bottom : none;
}

.list_03 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}


/* ■■■■ 汎用リスト04 背景とかの装飾設定なしバージョン ■■■■ */
.list_04 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_04 li {
position : relative;
border-top : solid 1px #dddddd; /*リスト内の区切り線の色*/
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 100;
}

.list_04 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_04 li a:hover {
background-color : #515128; /*マウスon背景*/
}
.list_04 li:last-child {
border-bottom : none;
}

.list_04 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #ffffff; /*右端　>　の色*/
border-right : solid 2px #ffffff; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ 茶色背景枠 ■■■■ */
.waku_tya {
background-color : #60374b;
color : #ffffcc;
}


/* ■■■■ ネオン ■■■■ */
.text_05 {
color : #ffffff;
text-shadow :
0 0 2px #ffffff,
0 0 6px #ffffff,
0 0 20px #fecaaf;
/*
0 0 8px #fecaaf,
0 0 14px #fecaaf;
0 0 16px #fecaaf,
0 0 20px #fecaaf,
0 0 30px #fecaaf;
*/
}



/* ■■■■ 枠(タイトルあり) ■■■■ */
.waku_corner {
margin : 5px auto;
max-width : 380px;
height: auto;
background-color : #770622;
color : #ffffff;
padding : 2px;　
border-radius : 6px;
box-shadow : 0 0 2px #770622;
-webkit-box-shadow : 0 0 2px #770622;
text-align : center;
}

.waku_corner a{
color : #ffffff;
}


.waku_corner .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #0d0800;
color : #e6e6b3;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

.waku_corner .main a{
color : #ffffff;
}

/* ■■■■ 枠(テキスト) ■■■■ */
.waku_text {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-color : #770622;
color : #ffffff;
padding : 2px;　
padding-top : 5px;
border-radius : 6px;
box-shadow : 0 0 2px #770622;
-webkit-box-shadow : 0 0 2px #770622;
}

.waku_text a{
color : #ffffff;
}


/* * * * * * * * * * * * * * * * * * * *
 * 統一
 * * * * * * * * * * * * * * * * * * * */





/* ■■■■ 新・グローバルナビ ■■■■ */
.navi {
margin-left : 5px;
margin-bottom : 50px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
}

.navi ul {
margin-left : 5px;
}

.navi ul li {
border : solid 1px #d66f1a;
border-right : none;
float : left;
list-style : none;
width : 24.5%;
text-align : center;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff943d), to(#f27911));
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.navi ul li:first-child{
border-top-left-radius : 8px;
border-bottom-left-radius : 8px;
}

.navi ul li:last-child{
border : solid 1px #d66f1a;
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}

.navi ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
text-decoration : none;
}





/* ■■■■ 新・リスト ■■■■ */
.new_list {
border-bottom : solid 1px #cccccc;
width : 100%;
list-style : none;
text-align : left;
}

.new_list li {
position : relative;
border-bottom : solid 1px #dddddd;
height : auto;
}

.new_list li a{
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px 20px 10px 10px;
text-decoration : none;
box-sizing : border-box;
-webkit-box-sizing : border-box;
/*
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
*/
}

.new_list li:first-child {
border-top : solid 1px #dddddd;
}

.new_list li:last-child {
border-bottom : none;
}

.new_list li a:after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #979797;
border-right : solid 2px #979797;
-webkit-transform : rotate(45deg);
}

/* ■■■■ topbar ■■■■ */
.topbar {
  position: relative;
  border-bottom: 1px solid #300303;
  border-top: 1px solid #1c1717;
  width : 99.5%;
  height: 42px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#770622),
    to(#3d0311)
);
}
.topbar2 {
  position: relative;
  text-align : center;
  padding : 5px;
  border-bottom: 1px solid #300303;
  border-top: 1px solid #1c1717;
  width : 99.5%;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#770622),
    to(#3d0311)
);
}
h1 {
  position: absolute;
  margin-bottom: 10px;
  margin-left: 5px;
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 42px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0,0,0,3);
}

.button_r {
  display: block;
  position: absolute;
  top: 6px;
  right: 5px;
  width: 100px;
  height: 28px;
  line-height: 28px;
  background: -webkit-gradient(linear, left top, left bottom,from(#770622),to(#3d0311));
  border-color: #300303 #300303 #300303;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 0;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
  text-decoration: none;
}

.button_l {
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 100px;
  height: 28px;
  line-height: 28px;
  background: -webkit-gradient(linear, left top, left bottom,from(#cc0000),color-stop(0.48, #990000),color-stop(0.52, #660000),to(#3e0201));
  border-color: #300303 #300303 #300303;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 0;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
  text-decoration: none;
}


/* ■■■■ minibar ■■■■ */
.minibar {
  position: relative;
  border-bottom: 1px solid #300303;
  border-top: 1px solid #1c1717;
  width : 99.5%;
  height: 28px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#770622),
    to(#3d0311)
);
}
h1 {
  position: absolute;
  margin-bottom: 10px;
  margin-left: 5px;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  text-align: left;
  text-shadow: 0 1px 1px rgba(0,0,0,3);
}

/* ■■■■ rolloverbutton_s ■■■■ */
.rolloverbutton_s {
    margin: 10px auto 0px;
	display: inline-block;
    width:30%;
	float : right;
    height: 15px;
	outline: none;
	cursor: pointer;
        color:#ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-align: center;
	text-decoration: none;
	font: 90% Arial, Helvetica, sans-serif;
	padding: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,2);
	box-shadow: 0 1px 1px rgba(0,0,0,2);
}
a:link.rolloverbutton_s {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}
a:visited.rolloverbutton_long {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}

.rolloverbutton_s:hover {
	text-decoration: none;
}
.rolloverbutton_s:active {
	position: relative;
	top: 1px;
}


/* ■■■■ rolloverbutton ■■■■ */
.rolloverbutton {
    margin-left: 0px auto;
	display: inline-block;
        width:45%;
        height: 100px;
        background-image: url("/i.cgi?n=/kake/out");
        background-repeat : no-repeat;
        background-color : #311400; /*背景色*/
        -moz-background-size:100% auto;
        background-size:100% auto;
	outline: none;
	cursor: pointer;
	text-align: center;
        line-height:200%;
	text-decoration: none;
        font-size : 18px;
        color:#fff;
	padding: 10px 5px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,0);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

a:link.rolloverbutton {
        background-image: url("/i.cgi?n=/kake/out");
        background-repeat : no-repeat;
        background-color : #311400; /*背景色*/
        -moz-background-size:100% auto;
        background-size:100% auto;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
        line-height:150%;
        color: #ffffff;
 }

a:visited.rolloverbutton { 
        background-image: url("/i.cgi?n=/kake/in");
        background-repeat : no-repeat;
        background-color : #311400; /*背景色*/
	text-shadow: 0 1px 1px rgba(0,0,0,3);
        line-height:150%;
        color: #ffffff; }

.rolloverbutton:hover {
        background-image: url("/i.cgi?n=/kake/out");
        background-repeat : no-repeat;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-decoration: none;
}
.rolloverbutton:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.orange:hover {
	background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.orange:active {
	color: #fef4e9;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}




/* ■■■■ rolloverbutton_long ■■■■ */
.rolloverbutton_long {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
	display: inline-block;
        width:92%;
        height: 20px;
	outline: none;
	cursor: pointer;
        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px ;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,2);
	box-shadow: 0 1px 1px rgba(0,0,0,2);
}
a:link.rolloverbutton_long {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}
a:visited.rolloverbutton_long {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}

.rolloverbutton_long:hover {
	text-decoration: none;
}
.rolloverbutton_long:active {
	position: relative;
	top: 1px;
}

.red {
	color: #fef4e9;
	border: solid 1px #1c1717;
	background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.red:hover {
	background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.red:active {
	color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}

.gold {
	color: #fef4e9;
	border: solid 1px #1c1717;
	background: #999900;
  background: -webkit-gradient(linear, left top, left bottom,from(#C9B072),color-stop(0.48, #C9B072
),color-stop(0.52, #9F843C),to(#9F843C));
	background: -moz-linear-gradient(top,  #C9B072,  #9F843C);
}
.gold:hover {
	background: #C9B072;
  background: -webkit-gradient(linear, left top, left bottom,from(#C9B072),color-stop(0.48, #C9B072
),color-stop(0.52, #9F843C),to(#9F843C));
	background: -moz-linear-gradient(top,  #C9B072,  #9F843C);
}
.gold:active {
	color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom,from(#9F843C),color-stop(0.48, #9F843C
),color-stop(0.52, #7B662F),to(#7B662F));
	background: -moz-linear-gradient(top,  #9F843C,  #7B662F);
}


/* ■■■■ rolloverbutton_mid ■■■■ */
.rolloverbutton_mid {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
	display: inline-block;
        width:40%;
        height: 20px;
	outline: none;
	cursor: pointer;
        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px ;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,2);
	box-shadow: 0 1px 1px rgba(0,0,0,2);
}
a:link.rolloverbutton_mid {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}
a:visited.rolloverbutton_mid {        color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,3);}

.rolloverbutton_mid:hover {
	text-decoration: none;
}
.rolloverbutton_mid:active {
	position: relative;
	top: 1px;
}

.red {
	color: #fef4e9;
	border: solid 1px #1c1717;
	background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.red:hover {
	background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}
.red:active {
	color: #fcd3a5;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}


/* ■■■■ rolloverbutton_day ■■■■ */
.rolloverbutton_day {
    margin-left: auto;
    margin-right: auto;
	display: inline-block;
        width:27%;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
        font-size : 14px;
        color:#fff;
	padding: 5px 5px 5px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,2);
	box-shadow: 0 1px 1px rgba(0,0,0,2);
}

a:link.rolloverbutton_day { color: #ffffff; }
a:visited.rolloverbutton_day { color: #ffffff; }

.rolloverbutton_day:hover {
	text-decoration: none;
}
.rolloverbutton_day:active {
	position: relative;
	top: 1px;
}

.black {
	color: #fef4e9;
	border: solid 1px #000000;
	background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom,from(#4d4d4d),color-stop(0.48, #333333
),color-stop(0.52, #190d07),to(#19100a));
	background: -moz-linear-gradient(top,  #4d4d4d,  #19100a);
}
.black:hover {
	background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom,from(#4d4d4d),color-stop(0.48, #333333
),color-stop(0.52, #190d07),to(#19100a));
	background: -moz-linear-gradient(top,  #4d4d4d,  #19100a);
}
.black:active {
	color: #fef4e9;
  background: -webkit-gradient(linear, left top, left bottom,from(#4d4d4d),color-stop(0.48, #333333
),color-stop(0.52, #190d07),to(#19100a));
	background: -moz-linear-gradient(top,  #4d4d4d,  #19100a);
}

.close {
	color: #fef4e9;
	border: solid 1px #000000;
	background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom,from(#19100a),color-stop(0.48, #19100a
),color-stop(0.52, #190d07),to(#19100a));
	background: -moz-linear-gradient(top,  #19100a,  #19100a);
}


/* ■■■■ 汎用リスト08 特集に使用 ■■■■ */
.list_08 {
background-color : #000000; /*背景色*/
width : 100%;
list-style : none;
}

.list_08 li {
position : relative;
border-top : solid 1px #000000; /*リスト内の区切り線の色*/
border-right: solid 2px #353535; /*リスト内の区切り線の色*/
border-bottom: solid 2px #353535; /*リスト内の区切り線の色*/
border-left : solid 1px #000000; /*リスト内の区切り線の色*/
height : auto;
float: left;
text-align : center;
width : 48.9%;
}

.list_08 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_08 li a:hover {
background-color : #515128; /*マウスon背景*/
}

.list_08 li:last-child {
border-bottom : solid 2px #353535; /*リスト内の区切り線の色*/
}


/* ■■■■ラジオボタンラベル化■■■■ */
input.radio {
     display:inline-block;
     width:100%;
     height:auto;
     vertical-align:top;
     }
label.radiolabel {
     display:inline-block;
     width:100%;
     height:auto;
     line-height:35px;
     background-color : #190a00; /*背景色*/
     border-bottom: solid 1px #353535; /*リスト内の区切り線の色*/
     }


/* ■■■■ フォーム周り ■■■■ */
select {width : 100%;}
input {
    width : 90%;
    margin-left: 5%;
    margin-right: 5%;
    }
input.trans{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
        width:97%;
	color: #fef4e9;
	outline: none;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px ;
	border: solid 1px #808040;
	background: #9F843C;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom,from(#C9B072),color-stop(0.48, #C9B072
),color-stop(0.52, #9F843C),to(#9F843C));
	background: -moz-linear-gradient(top,  #C9B072,  #9F843C);
}

/* ■■■■ 汎用リスト05 特集に使用 ■■■■ */
.list_05 {
background-color : #000000; /*背景色*/
width : 100%;
list-style : none;
}

.list_05 li {
padding : 25px 0 0 0; /*枠と文字の隙間　上右下左*/
background-image: url("/i.cgi?n=/toku/bn4");
background-repeat : no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
position : relative;
border-top : solid 1px #000000; /*リスト内の区切り線の色*/
border-right: solid 2px #353535; /*リスト内の区切り線の色*/
border-bottom: solid 2px #353535; /*リスト内の区切り線の色*/
border-left : solid 1px #000000; /*リスト内の区切り線の色*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height : auto;
float: left;
font-size: 20px;
line-height : 30px;
text-align : center;
width : 99%;
}

.list_05 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
padding : 20px 0 10px 0; /*枠と文字の隙間　上右下左*/
text-decoration : none;
-webkit-box-sizing : border-box;
}


.list_05 li:last-child {
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
}

/* ■■■■ 金色ボタン ■■■■ */
.button_03 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #999900;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#C9B072),color-stop(0.40,#C9B072),color-stop(0.60,#9F843C),color-stop(1,#9F843C));
background-image : linear-gradient(-90deg,#C9B072) 0%,#C9B072 40%,#9F843C 60%,#9F843C 100%);
box-shadow : 1px 1px 2px 1px #7B662F;
-webkit-box-shadow : 1px 1px 2px 1px #7B662F;
}

.button_03 a{
padding : 5px;
color : #ffffff;
text-decoration : none;
display : block;
}




/* ■■■■ 新・会員登録ボタン応用ダークブルー ■■■■ */
.reg_button {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 10px;
height : auto;
width : 200px;
height : auto;
text-align : center;
border : solid 1px #ABAC7B;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#B9BA92), to(#989960));
-webkit-box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow : 2px 2px 3px rgba(50,50,50,1), 0px 1px 1px rgba(255,255,255,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.reg_button a {
padding : 5px 5px 8px 5px;
font-size : 22px;
font-weight : bold;
letter-spacing : 2px;
color : #eeeeee;
text-decoration : none;
display : block;
text-shadow : -1px -1px 1px #808152, 1px 1px 1px #D9D9C4;
}

.reg_button span {
padding : 5px 5px 5px 5px;
line-height : 14px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #808152, 1px 1px 1px #D9D9C4;
}

/* ■■■■ 追加 ■■■■ */
.bottom_line{
border-bottom : solid 1px #cccccc;
}
.kobetsu{
background-color : #444444;
box-shadow: 0px 0px 10px 10px #444444;
-webkit-box-shadow: 0px 0px 10px 10px #444444;
border:1px solid #444444;
margin : 10px 0px;
padding : 5px 0px;
}
.waku_corner .main p.kobetsu_cap{
font-size : 80%;
color: #e6e6b3;
}