/* * * * * * * * * * * * * * * * * * * *
 * age custom.css
 * * * * * * * * * * * * * * * * * * * */





/* ■■■■　スペーサー　■■■■ */
.li_space {
margin-right : auto;
margin-left : auto;
width : 5px;
display : block;
}
/* ■■■■　リストでブロック要素を横並び　■■■■ */
.li_yoko {
margin-right : auto;
margin-left : auto;
text-align : center;
width : 215px;
}
.li_yoko ul {
margin-right : 0 auto;
margin-left : 0 auto;
}
.li_yoko li {
margin-right : 0 auto;
margin-left : 0 auto;
float : left;
list-style : none;
}

/* ■■■■ body設定 ■■■■ */
body {
color : #999999;
background-color: #FFFFFF;
}

.bgc1 {background-color:#9933ff;}
.bgc2 {background-color:#F0CFF5;}

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



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

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

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

/* 強調するとき用　青紫 */
.st_4 {color : #9933ff;}

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

/* 強調するとき用　明るい水色 */
.st_6 {color : #00CCFF;}

/* 強調するとき用　明るい桃色 */
.st_7 {color : #ff3366;}

/* 強調するとき用　明るい灰色 */
.st_8 {color : #ffeeee;}

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

/* 強調するとき用　暗い桃色 */
.st_10 {color : #CC9999;}

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

/* 強調するとき用　明るい黄色 */
.st_12 {color : #ffff33;}

/* 強調するとき用　暗い紫 */
.st_13 {color : #340C5A;}

/* 強調するとき用　明るい黄色 */
.st_14 {color : #EBFF3C;}

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

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

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

/* 強調するとき用　朱色 */
.st_18 {color : #FF3333;}

.st_ot_1 {color : #00a3af;}
.st_ot_2 {color : #00a968;}
.st_ot_3 {color : #00b9e8;}
.st_ot_4 {color : #00bfff;}
.st_ot_5 {color : #00ccff;}
.st_ot_6 {color : #0000ff;}
.st_ot_7 {color : #0066ff;}
.st_ot_8 {color : #008080;}
.st_ot_9 {color : #0084dc;}
.st_ot_10 {color : #009999;}
.st_ot_11 {color : #4b0082;}
.st_ot_12 {color : #24ffff;}
.st_ot_13 {color : #33cc00;}
.st_ot_14 {color : #33cc66;}
.st_ot_15 {color : #33ccff;}
.st_ot_16 {color : #79a3de;}
.st_ot_17 {color : #80bfff;}
.st_ot_18 {color : #89b0b1;}
.st_ot_19 {color : #349fff;}
.st_ot_20 {color : #853faa;}
.st_ot_21 {color : #3300ff;}
.st_ot_22 {color : #3399cc;}
.st_ot_23 {color : #3399ff;}
.st_ot_24 {color : #6699ff;}
.st_ot_25 {color : #9900ff;}
.st_ot_26 {color : #9966cc;}
.st_ot_27 {color : #9999cc;}
.st_ot_28 {color : #9999ff;}
.st_ot_29 {color : #96964b;}
.st_ot_30 {color : #99994c;}
.st_ot_31 {color : #244955;}
.st_ot_32 {color : #339966;}
.st_ot_33 {color : #660099;}
.st_ot_34 {color : #663366;}
.st_ot_35 {color : #669966;}
.st_ot_36 {color : #808040;}
.st_ot_37 {color : #808080;}
.st_ot_38 {color : #920055;}
.st_ot_39 {color : #969696;}
.st_ot_40 {color : #990099;}
.st_ot_41 {color : #993300;}
.st_ot_42 {color : #993399;}
.st_ot_43 {color : #996633;}
.st_ot_44 {color : #a9f0ff;}
.st_ot_45 {color : #abab56;}
.st_ot_46 {color : #abced8;}
.st_ot_47 {color : #b2b259;}
.st_ot_48 {color : #bf7fff;}
.st_ot_49 {color : #c0c061;}
.st_ot_50 {color : #cc66cc;}
.st_ot_51 {color : #cc66ff;}
.st_ot_52 {color : #cc99cc;}
.st_ot_53 {color : #cc99ff;}
.st_ot_54 {color : #cc3333;}
.st_ot_55 {color : #cc3366;}
.st_ot_56 {color : #cc6666;}
.st_ot_57 {color : #cc6699;}
.st_ot_58 {color : #cc9999;}
.st_ot_59 {color : #cccc66;}
.st_ot_60 {color : #cccccc;}
.st_ot_61 {color : #ccccff;}
.st_ot_62 {color : #ccff00;}
.st_ot_63 {color : #ccffcc;}
.st_ot_64 {color : #cd5c5c;}
.st_ot_65 {color : #cdcbe0;}
.st_ot_66 {color : #cfcfcf;}
.st_ot_67 {color : #d5d56c;}
.st_ot_68 {color : #dc143c;}
.st_ot_69 {color : #dc2000;}
.st_ot_70 {color : #dcdcdc;}
.st_ot_71 {color : #e5e573;}
.st_ot_72 {color : #e498b7;}
.st_ot_73 {color : #eaea76;}
.st_ot_74 {color : #f00088;}
.st_ot_75 {color : #f05629;}
.st_ot_76 {color : #f8f8ff;}
.st_ot_77 {color : #f61a00;}
.st_ot_78 {color : #fa8072;}
.st_ot_79 {color : #fadb84;}
.st_ot_80 {color : #fea9a8;}
.st_ot_81 {color : #ff00ff;}
.st_ot_82 {color : #ff0080;}
.st_ot_83 {color : #ff0099;}
.st_ot_84 {color : #ff7fff;}
.st_ot_85 {color : #ff11af;}
.st_ot_86 {color : #ff33ff;}
.st_ot_87 {color : #ff66ff;}
.st_ot_88 {color : #ff99cc;}
.st_ot_89 {color : #ff99ff;}
.st_ot_90 {color : #ff3333;}
.st_ot_91 {color : #ff3399;}
.st_ot_92 {color : #ff4500;}
.st_ot_93 {color : #ff6600;}
.st_ot_94 {color : #ff6633;}
.st_ot_95 {color : #ff6666;}
.st_ot_96 {color : #ff9900;}
.st_ot_97 {color : #ff9966;}
.st_ot_98 {color : #ff9999;}
.st_ot_99 {color : #ffa200;}
.st_ot_100 {color : #ffa500;}
.st_ot_101 {color : #ffbc7a;}
.st_ot_102 {color : #ffcc00;}
.st_ot_103 {color : #ffcc66;}
.st_ot_104 {color : #ffcc99;}
.st_ot_105 {color : #ffff00;}
.st_ot_106 {color : #ffff38;}
.st_ot_107 {color : #ffff66;}
.st_ot_108 {color : #ffff80;}
.st_ot_109 {color : #ffff99;}
.st_ot_110 {color : #ffffcc;}
.st_hotpink {color : hotpink;}



/* ■■■■ 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;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.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 : #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 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

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