/* * * * * * * * * * * * * * * * * * * *
 * dazai custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #fd8059;
background-color : #000000;
max-width: 480px;
margin: 0 auto;
}

img {
     max-width: 100%;
     height: auto;
     }


/* ■■■■ リンク周り ■■■■ */
a:visited{color:#9b7e39; }
a:link{color:#f0c356; }
a img{border-style:none; }



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

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

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

/* 強調するとき用　 */
.st_4 {color : #0000CD;}

/* 強調するとき用　 */
.st_5 {color : #0a0004;}

/* 強調するとき用　 */
.st_6 {color : #2B0F04;}

/* 強調するとき用　 */
.st_7 {color : #540000;}

/* 強調するとき用　 */
.st_8 {color : #74a683;}

/* 強調するとき用　 */
.st_9 {color : #99ccff;}

/* 強調するとき用　 */
.st_10 {color : #9b7e39;}

/* 強調するとき用　 */
.st_11 {color : #b98c46;}

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

/* 強調するとき用　 */
.st_13 {color : #cc99ff;}

/* 強調するとき用　 */
.st_14 {color : #f0c356;}

/* 強調するとき用　 */
.st_15 {color : #fd8059;}

/* 強調するとき用　 */
.st_16 {color : #FFDEAD;}

/* 強調するとき用　 */
.st_17 {color : #C7C0C0;}

/* 強調するとき用　 */
.st_18 {color : #66CCFF;}

/* 強調するとき用　 */
.st_19 {color : #FF99CC;}

.st_ot_1 {color : #0000cd;}
.st_ot_2 {color : #000066;}
.st_ot_3 {color : #5f2215;}
.st_ot_4 {color : #cc3333;}
.st_ot_5 {color : #do1c0f;}
.st_ot_6 {color : #e32a0b;}
.st_ot_7 {color : #f1b24f;}
.st_ot_8 {color : #f2d965;}
.st_ot_9 {color : #f4dd68;}
.st_ot_10 {color : #ffcc66;}
.st_red {color : red;}
.st_1_s {color:#FFFFFF;}
.st_2_s {color:#006633;}
.st_3_s {color:right;}
.st_4_s {color:left;}
.st_5_s {color:#ff3333;}
.st_6_s {color:#E32A0B;}
.fw_bold {font-weight:bold;}
.clearboth {clear:both;}


/* ■■■■ 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 : #000d42;
color : #6a87ff;
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;
}



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

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

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



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.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;
}

/* ■■■■日運プレス部分（白）■■■■ */
.kuchikomi {
    margin: 5px 5px 5px 5px;
    color: #000;
    padding:  10px 10px 20px 10px;
    background: #ffefd4;
    border: 1px solid #000;
    border-right: 1px solid #353535;
    border-bottom: 1px solid #353535;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
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; /*枠全体の影*/
}

.waku01 {
border : solid 1px #BD760E; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
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 #FFC91F; /*枠全体の影*/
-webkit-box-shadow: 0px 0px 5px #F3E289; /*枠全体の影*/
}

.box01 {
font-size: 90%; /* ボックス内の文字サイズ */
 
border: 2px #BD760E solid; 
 
border-radius: 5px;
/* background-color: rgba(255, 152, 152, 0.83); */
padding: 5px;
}

.box01 h2 {
margin: 0;
background-color: #362200; /* 見出しの背景色 */
line-height: 45px;
padding-left: 10px; 
border-radius: 2px;
/* border-bottom: 1px #BD126B; */ /* 見出しの下線 */
font-size: 161%; /* 見出しの文字サイズ */
}

.box01 p {
margin: 13px 10px; /* 段落の間隔 */
/* background-color: #F2D0FF; */
/* font-size: large; */
}

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

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

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

.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 #F0E68C; /*右端　>　の色*/
border-right: solid 2px #DAA520; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

.list_03 {
background: #000000;
border-radius : 5px;
-webkit-border-radius : 5px;
border: 2px solid #353535;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

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

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

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

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


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

.list_02 li {
position : relative;
border-bottom: dotted 1px #8C8451; /*リスト内の区切り線の色*/
height : auto;
padding: 5px;
}

.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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

.list_04 {
/* border-bottom : solid 1px #8C8451; */ /*一番外の枠色*/
width : 100%;
/* padding: 0px; */
list-style : none;
margin: 0px;
}

.list_04 li {
position : relative;
border-bottom: dotted 1px #8C8451; /*リスト内の区切り線の色*/
height : auto;
padding: 1px;
background: #272727;
border-radius: 10px;
padding: 1px;
}

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

.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 #fff; /*右端　>　の色*/
border-right: solid 2px #fff; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ 結果テキストエリア ■■■■ */
.text_area {
    color: #fff;
}

/* ■■■■ アニメーションテキスト ■■■■ */
.f_caption {
color : #ffffff;
font-size : 1.5em;
font-weight : bold;
-webkit-animation-name: "anime-moon";
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes "anime-moon"{
0%{text-shadow :
0 0 1px #ffffff,
0 0 2px #ffffff,
0 0 3px #ffffff,
0 0 5px #f29fbc,
0 0 7px #f29fbc,
0 0 9px #f29fbc,
0 0 11px #f29fbc,
0 0 13px #f29fbc;
}
50%{text-shadow :
0 0 1px #ffffff,
0 0 3px #ffffff,
0 0 5px #ffffff,
1px 1px 8px #f29fbc,
1px 1px 12px #f29fbc,
2px 2px 16px #f29fbc,
2px 2px 20px #f29fbc,
3px 3px 24px #f29fbc;
}
100%{text-shadow :
0 0 1px #ffffff,
0 0 2px #ffffff,
0 0 3px #ffffff,
0 0 5px #f29fbc,
0 0 7px #f29fbc,
0 0 9px #f29fbc,
0 0 11px #f29fbc,
0 0 13px #f29fbc;
}
}
/* ■■■■ キャプションエリア ■■■■ */
div.caption {
margin : 10px auto;
width : 90%;
text-align : center;
}

/* ■■■■　ボタン（右）　■■■■ */
.button_right {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
color : #5f2215;
border : solid 1px #ffffff;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #aaaaaa;
-webkit-box-shadow : 1px 1px 2px 1px #aaaaaa;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(0.40,#e8e8e8),color-stop(0.60,#b8b8b8),color-stop(1,#b8b8b8));
background-image : linear-gradient(-90deg,#e8e8e8) 0%,#e8e8e8 40%,#b8b8b8 60%,#b8b8b8 100%);
}

.button_right a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 14px;
color : #5f2215;
font-weight : bold;
text-decoration : none;
display : block;
}
/* ■■■■　タブメニュー　■■■■ */
#tab_area {
	margin: 0 auto;
	width: 300px;
	height: 260px;
	text-align: left;
	position: relative;
}

#tab_area dl {
	width: 300px;
	height: 250px;
	border: #7C6300 2px solid;
	position: absolute;
}

#tab_area dl dt {
	top: 0;
	width: 100px;
	height: 40px;
	position: absolute;
	border-bottom: #5C4200 3px solid;
	z-index: 5;
}
#tab_area dl#contents02 dt {
	border-left: #993300 1px solid;
	border-right: #993300 1px solid;
}


#tab_area dl#contents01 dt {left: 0;}
#tab_area dl#contents02 dt {left: 100px;}
#tab_area dl#contents03 dt {left: 200px;}

#tab_area dl dt a {
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
}
#tab_area dl dt a:hover {background: #999;}

#tab_area dl dd {
	top: 24px;
	left: -36px;
	height: 200px;
	position: absolute;
	opacity: 0;
	overflow-y: auto;
}

#tab_area dl dd p {
	padding: 10px 0px 0px 0px;
}

/* CSS3 TabAnimation
-------------------------- */
@-webkit-keyframes TabSwitch {
	0% {background: #fff;}
	100% {background: #777;}
}
#tab_area dl:target dt a {
	-webkit-animation-name: TabSwitch;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	color: #fff;
	font-weight: bold;
	background: #777;
}

@-webkit-keyframes ContentsSwitch {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
#tab_area dl:target dd {
	-webkit-animation-name: ContentsSwitch;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	opacity: 1;
	z-index: 15;
}

/* ■■■■　ログイン　■■■■ */
.new_reg3 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom: 5px;
height : auto;
width: 150px;
height : auto;
text-align : center;
border: solid 1px #616100;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image: -webkit-gradient(linear,left top,left bottom, from(#4E3500), to(#000000));
-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; */
}

.new_reg3 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 #633e21, 1px 1px 1px #ffaa65;
}

.new_reg3 span{
padding : 5px 5px 5px 5px;
line-height : 14px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

/* ■■■■　吹き出し　■■■■ */
.hukidashi {
	position: relative;
	background: #636363;
	border: 4px solid 000;
	padding: 7px;
	margin-left: 60px;
	border-radius: 5px;
}
.hukidashi:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hukidashi:after {
	border-color: rgba(99, 99, 99, 0);
	border-right-color: #636363;
	border-width: 15px;
	top: 75%;
	margin-top: -30px;
}
.hukidashi:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: 000;
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}

.hukidashi02 {
	position: relative;
	background: rgba(255, 239, 212, 0.31);
	border: 4px solid 000;
	padding: 8px;
	margin-left: 60px;
	border-radius: 5px;
}
.hukidashi02:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.hukidashi02:after {
	border-color: rgba(99, 99, 99, 0);
	border-right-color: #3D3D3D;
	border-width: 15px;
	top: 75%;
	margin-top: -30px;
}
.hukidashi02:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: 000;
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}
/* ■■■■　個別課金用list　■■■■ */

ul.kob_list_13 {
border-top: 1px solid #B5B09F;
margin-bottom:  0px;
}

ul.kob_list_13 li {
border-bottom: 1px solid #A09C8D;
border-top: 1px solid #F7F0D9;
/*↓↓◆◆グラデーション◆◆↓↓*/
background: rgb(229,223,201); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253, 233, 164, 1) 0%, rgba(253, 233, 164, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253, 233, 164, 1)), color-stop(100%,rgba(243,235,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253, 233, 164, 1) 0%,rgba(253, 233, 164, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253, 233, 164, 1) 0%,rgba(253, 233, 164, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253, 233, 164, 1) 0%,rgba(253, 233, 164, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253, 233, 164, 1) 0%,rgba(253, 233, 164, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dfc9', endColorstr='#f3ebcf',GradientType=0 ); /* IE6-9 */
/*↑↑◆◆グラデーション◆◆↑↑*/
letter-spacing: 0em;
list-style : none;
}
ul.kob_list_13 li a {
display: block;
padding: 10px 40px 10px 10px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
/*color: #c491eb;*/
position: relative;
}


ul.kob_list_13 li a .package {
font-weight: bold;
font-size: 14px;
text-shadow: 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.8);
color :#D80000;
letter-spacing: 0.1em;
}

ul.kob_list_13 li a .name {
font-weight: bold;
font-size: 14px;
text-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.8);
color :#49603a;
letter-spacing: 0.1em;
}


ul.kob_list_13 li a .price {
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.7);*/
color :#49603a;
}


ul.kob_list_13 li a .cap {
color :#2f3d4d;
font-size : 90%;
}


ul.kob_list_13 li a .buy {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(255, 255, 255, 0.8);*/
color : #882c3c;
}


ul.kob_list_13 li a .limit {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6), 0 1px 1px rgba(255, 255, 255, 0.7);*/
color :#49603a;
}


ul.kob_list_13 li a .date {
font-weight: bold;
text-align : right;
font-size: 14px;
/*text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(255, 255, 255, 0.8);*/
color : #882c3c;
}

ul.kob_list_13 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 #cccccc; /*右端　>　の色*/
border-right : solid 2px #808080; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}
/* ■■■■ 個別コンテナ ■■■■ */
.kob_container {
max-width: 370px;
background-color: #f3ebcf;
color: #2f3d4d;
position : relative;
margin : 0 auto;
}
/* ■■■■　kob用ボタン　■■■■ */
.button_kob {
color : #2f3d4d;
margin-top : 15px;
/*margin-bottom : 15px;*/
margin-left : 15%;
margin-right : 15%;
height : auto;
text-align : center;
border-radius : 15px;
border-top : solid 1px #6B6B3A;
border-bottom : solid 1px #424224;
border-left : solid 1px #6B6B3A;
border-right : solid 1px #424224;

-webkit-box-shadow : 1px 1px 5px 1px rgba(0,0,0,0.5),0px 2px 2px rgba(255,255,255,0.5) inset,0px -2px 2px rgba(0,0,0,0.5) inset;

-moz-box-shadow : 1px 1px 5px 1px rgba(0,0,0,0.5),0px 2px 2px rgba(255,255,255,0.5) inset,0px -2px 2px rgba(0,0,0,0.5) inset;

box-shadow : 1px 1px 5px 1px rgba(0,0,0,0.5),0px 2px 2px rgba(255,255,255,0.5) inset,0px -2px 2px rgba(0,0,0,0.5) inset;

/****************グラデーション***************************/
background: rgb(89,89,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,89,0,1) 0%, rgba(43,43,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,89,0,1)), color-stop(100%,rgba(43,43,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(89,89,0,1) 0%,rgba(43,43,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(89,89,0,1) 0%,rgba(43,43,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(89,89,0,1) 0%,rgba(43,43,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(89,89,0,1) 0%,rgba(43,43,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595900', endColorstr='#2b2b00',GradientType=0 ); /* IE6-9 */

/****************グラデーション***************************/
text-shadow : -1px -1px 2px #000000, 1px 1px 2px #fcfcfc;
letter-spacing : 0.1em;
}

.button_kob a {
color : #ffffff;
padding : 10px 10px;
font-weight : bold;
text-decoration : none;
display : block;
}

/* ===== ボタン ===== */
/* TOPに戻る */
#box_top {
border : solid 1px #b6b5b5;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #c8c8c8;
/*background : -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#b6b5b5));*/
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#c8c8c8),color-stop(0.40,#c8c8c8),color-stop(0.60,#b6b5b5),color-stop(1,#b6b5b5));
background-image : linear-gradient(-90deg,#c8c8c8) 0%,#cbcbcb 40%,#c8c8c8 60%,#b6b5b5 100%);

font-size : 90%;
line-height : 30px;
width : 99%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : left;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 4px #aaaaaa;
-moz-box-shadow : 0px 0px 4px #aaaaaa;
box-shadow : 0px 0px 4px #aaaaaa;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color:#000000 ;
font-weight: bold;
}
.title {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#000000),color-stop(0.40,#131313),color-stop(0.60,#252525),color-stop(1,#222222));
background-image : linear-gradient(-90deg,#000000) 0%,#131313 40%,#252525 60%,#222222 100%);
color: #ffffff;
border-top: none;
text-shadow: -1px -1px 3px #33004c;
padding: 10px 10px 10px 10px;
}
.btn_kobetsu {
width : 90%;
height : 30px;
margin-left : auto;
margin-right : auto;
margin-top : 8px;
margin-bottom : 8px;
text-align : center;
border-radius : 12px;
border : solid 1px #5f7d17;
box-shadow : 1px 1px 2px 1px #aaaaaa;
-webkit-box-shadow : 1px 1px 2px 1px #aaaaaa;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#898a17),color-stop(0.40,#898a17),color-stop(0.60,#6c6c0b),color-stop(1,#6c6c0b));
background-image : linear-gradient(-90deg,#898a17) 0%,#90911c 40%,#898a17 60%,#6c6c0b 100%);

}

.btn_kobetsu a{
padding-top: 5px;
display : block;
width : 100%;
height : 100%;
color : #ffffff ;
font-weight : bold;
text-decoration : none;
font-size:120% ;
}
/* 個別課金用背景系 */
.waku_kobetsu {
border : solid 1px #ffffff;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #000000;
background : -webkit-gradient(linear, left top, left bottom,););
color: #ffffff;

width : 90%;
height : auto;
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}
/* ■■■■　個別課金用list　■■■■ */