/* * * * * * * * * * * * * * * * * * * *
 * サイト名 custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #000000;
background-color : #ffffff;
    max-width: 768px;
    margin: auto;
    line-height: 1.5;
}

body.ftop {
color : #333333;
background-color : #ffffff;
}


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



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

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

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

.st_4 {color : #666666;}
.st_5 {color : #333333;}
.st_6 {color : #ff0066;}
.st_7 {color : #00b4ff;}
.st_8 {color : #00cc00;}
.st_9 {color : #cccccc;}
.st_10 {color : #0066ff;}
.st_11 {color : #9900cc;}
.st_12 {color : #44d044;}
.st_13 {color : #ff9d3c;}
.st_14 {color : #ef0012;}
.st_15 {color : #999999;}
.st_16 {color : #ff3300;}
.st_17 {color : #000099;}
.st_18 {color : #006600;}
.st_19 {color : #ff9933;}
.st_20 {color : #ffebad;}
.st_21 {color : #ff6666;}
.st_22 {color : #e6e6e6;}
.st_23 {color : #ffe0e1;}
.st_24 {color : #a30000;}
.st_25 {color : #33cc33;}
.st_26 {color : #ff6347:}


/* ■■■■ 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 #cccccc;
border-radius : 10px;
-webkit-border-radius : 10px;
width : 90%; 
margin-left : auto;
margin-right : auto;
background-color : #ffffff; 
}




/* ■■■■ 枠（白　角丸） ■■■■ */
.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; /*枠全体の影*/
}




/* ■■■■ 枠（背景灰色　角有り　影なし） ■■■■ */
.waku_01 {
border : solid 1px #dddddd; /*枠の色*/
background-color : #eeeeee; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
}



/* ■■■■ 枠（背景白　角有り　影なし） ■■■■ */
.waku_02 {
border : solid 1px #eeeeee; /*枠の色*/
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; /*枠と文字の隙間　上右下左*/
}




/* ■■■■ 枠（タイトルに背景有り 水色） ■■■■ */

.waku_03 {
margin : auto;
margin-right : 5px;
margin-left : 5px;
max-width : auto;
height: auto;
background-color : #bad6ff;
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #cccccc;
-webkit-box-shadow : 0 0 2px #cccccc;
}

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



/* ■■■■ 枠（タイトルに背景有り ピンク） ■■■■ */
.waku_04 {
margin : auto;
margin-right : 5px;
margin-left : 5px;
max-width : auto;
height: auto;
background-color : #ffcccc;
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #cccccc;
-webkit-box-shadow : 0 0 2px #cccccc;
}

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




/* ■■■■ 枠（点線） ■■■■ */

.waku_05 {
margin : 10px;
padding : 10px;
width : auto;
height : auto;
border-radius : 8px;
-webkit-border-radius : 8px;
border : dashed 1px #cccccc;
background-color : #eeeeee;
}



/* ■■■■ 枠（タイトルに背景有り 灰色） ■■■■ */
.waku_06 {
margin : auto;
margin-right : 5px;
margin-left : 5px;
max-width : auto;
height: auto;
background-color : #eeeeee;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #cccccc;
-webkit-box-shadow : 0 0 2px #cccccc;
}

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




/* ■■■■ 汎用リスト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 : 50px;
overflow : hidden;
}

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #000000; /*リスト内の文字色*/
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 #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン（背景白） ■■■■ */
.list_02_title {
height : auto;
padding : 5px;
border-bottom : 1px solid #cccccc;
border-top : 1px solid #cccccc;
vertical-align : bottom;
background-color : #ffffff;
}

.list_02 {
width : 100%;
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
list-style : none;
background-color : #ffffff;
}

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

.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);
}






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

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

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

.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_title {
background-color : #351515; /*背景色*/
height : auto;
padding : 5px;
border-bottom : 1px solid #cccccc;
border-top : 1px solid #cccccc;
vertical-align : bottom;
}

.list_04 {
overflow : hidden;
}

.list_04 li{
background-color : #eeeeee; /*背景色*/
float : left;
width : 50%;
}

.list_04 li a {
background-position : 5px 50%;
background-repeat : no-repeat;
border-color : #cccccc;
border-style : solid;
border-width : 0 1px 1px 0;
display : block;
height : 40px;
line-height : 40px;
padding-left : 10px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

.list_04 li:nth-child(even) a {
border-right : none;
}

.list_04_clear {
clear : both;
}






/* ■■■■ 汎用リスト05 背景とかの装飾設定なしバージョン（下に説明文入れ用） ■■■■ */
.list_05 {
width : 100%;
list-style : none;
background-color : #ffffff;
}

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

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

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

.list_05 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);
}




/* ■■■■ 汎用リスト06 背景とかの装飾設定なしバージョン（背景色・外枠なし） ■■■■ */
.list_06 {
width : 100%;
list-style : none;
}

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

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

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

.list_06 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_07 {
width : 100%;
margin-top : 0px;
list-style : none;

}

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

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

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

.list_07 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);
}





/* ■■■■　マーケリンク　■■■■ */
.markl{
text-align : center;
font-size : 14px;
}





/* ■■■■ ボタン　会員登録■■■■ */
.button_01 {
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 #d66f1a;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff943d),color-stop(0.40,#ff943d),color-stop(0.60,#F27911),color-stop(1,#F27911));
background-image : linear-gradient(-90deg,#ff943d) 0%,#ff943d 40%,#F27911 60%,#F27911 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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





/* ■■■■ ボタン　３つ並び■■■■ */

.button_02 {
margin-right : auto;
margin-left : auto;
margin : 5px;
padding : 2px;text-align : center;
}

.button_02 span:first-child{
padding : 5px;
border : solid 1px #774C4C;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#663D3D),color-stop(0.40,#663D3D),color-stop(0.60,#663D3D),color-stop(1,#663D3D));
background-image : linear-gradient(-90deg,#663D3D) 0%,#ff943d 40%,#F27911 60%,#663D3D 100%);
}

.button_02 span {
padding : 5px;
border : solid 1px #774C4C;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#663D3D),color-stop(0.40,#663D3D),color-stop(0.60,#663D3D),color-stop(1,#663D3D));
background-image : linear-gradient(-90deg,#663D3D) 0%,#ff943d 40%,#F27911 60%,#663D3D 100%);}

.button_02 span:last-child {
padding : 5px;
border : solid 1px #774C4C;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#663D3D),color-stop(0.40,#663D3D),color-stop(0.60,#663D3D),color-stop(1,#663D3D));
background-image : linear-gradient(-90deg,#663D3D) 0%,#ff943d 40%,#663D3D 60%,#663D3D 100%);}

.button_02 span a{
display: inline-block;
padding : 5px;
color : #ffffff;
font-size : 12px;
text-decoration : none;
}





/* ■■■■ ボタン　一覧用■■■■ */
.button_03 {
margin-right : 50px;
margin-left : 50px;
margin-top : 10px;
margin-bottom : 10px;
width : auto;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #dddddd;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#dddddd),color-stop(0.40,#dddddd),color-stop(0.60,#dddddd),color-stop(1,#dddddd));
background-image : linear-gradient(-90deg,#dddddd) 0%,#dddddd 40%,#dddddd 60%,#dddddd 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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



/* ■■■■ ボタン　一覧用■■■■ */
.button_04 {
margin-right : 50px;
margin-left : 50px;
margin-top : 10px;
margin-bottom : 10px;
width : auto;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
border : solid 1px #ffcccc;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffcccc),color-stop(0.40,#ffcccc),color-stop(0.60,#ffcccc),color-stop(1,#ffcccc));
background-image : linear-gradient(-90deg,#ffcccc) 0%,#ffcccc 40%,#ffcccc 60%,#ffcccc 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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






/* ■■■■ボタン　右寄せ　■■■■ */
.button_05 {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
color : #555555;
border : solid 1px #cccccc;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#eeeeee),color-stop(0.40,#eeeeee),color-stop(0.60,#dddddd),color-stop(1,#dddddd));
background-image : linear-gradient(-90deg,#eeeeee) 0%,#eeeeee 40%,#dddddd 60%,#dddddd 100%);
}

.button_05 a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 10px;
color : #333333;
font-weight : bold;
text-decoration : none;
display : block;
}




/* ■■■■ 文字装飾　影付■■■■ */

.text_01 {
font-weight : bold;
text-shadow :1px 1px 3px #dddddd;
}


/* ■■■■ 文字よせる■■■■ */

.p {
padding : 10px;
}


/* ■■■■ 見出し■■■■ */


.btn {  
     background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));  
     color: #333;  
     border-radius: 8px 8px 0px 0px;  
     -moz-border-radius: 8px 8px 0px 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;  
     border: 1px solid #CCC;  
     border-bottom: 3px solid #fff7f0;  
     padding: 10px 0;  
     margin: auto; 
     } 

/* ■■■■ MTOP用　TOP切り替えタブ■■■■ */


.btn1 {  
     background-color: #cccccc;  
     color: #ffffff;  
     border-radius: 8px 8px 0px 0px;  
     -moz-border-radius: 8px 8px 0px 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;  
     width: auto;  
     padding : 5px 10px 0px 10px; 
     text-align : center;
     text-decoration: none;
     margin: 5px 0px 0px 5px; 
     border : 1px #cccccc;
 } 

.btn2 {  
     background-color: #ff0066;  
     color: #ffffff;  
     border-radius: 8px 8px 0px 0px;  
     -moz-border-radius: 8px 8px 0px 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;  
     width: auto;  
     padding : 5px 10px 0px 10px; 
     text-align : center;
     text-decoration: none;
     margin:  5px 0px 0px 0px; 
     border : 1px #ff0066;
 } 

.btn3 {  
     background-color: #00b4ff;  
     color: #ffffff;  
     border-radius: 8px 8px 0px 0px;  
     -moz-border-radius: 8px 8px 0px 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;   
     width: auto;  
     padding : 5px 10px 0px 10px; 
     text-align : center;
     text-decoration: none;
     margin:  5px 0px 0px 0px; 
     border : 1px #00b4ff;
 } 

.btn4 {  
     background-color: #00cc00;  
     color: #ffffff;  
     border-radius: 8px 8px 0px 0px;  
     -moz-border-radius: 8px 8px 0px 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;   
     width: auto;  
     padding : 5px 10px 0px 10px; 
     text-align : center;
     text-decoration: none;
     margin: 5px 0px 0px 0px;
     border : 1px #00cc00; 
 } 

.btn5 {  
     background-color: #9900cc;  
     color: #ffffff;  
     border-radius: 8px 8px 0px 0px;  x 0px;  
     -webkit-border-radius: 8px 8px 0px 0px;  
     width: auto;  
     padding : 5px 10px 0px 10px; 
     text-align : center;
     text-decoration: none;
     margin: 5px 0px 0px 0px; 
     border : 1px #9900cc; 
 } 

.emg {
   border-radius: 4px;     
   background: rgb(242, 120, 120);  
   border: 1px solid rgb(226, 15, 15);  
   margin: 8px;  
   padding: 4px;
   font-size: 12px;
}

.emg a{
   color:#fff;
   text-decoration:none;
   display:block;
   width:100%;
}