/* * * * * * * * * * * * * * * * * * * *
 * custom_apl.css
 * * * * * * * * * * * * * * * * * * * */

h2{ margin-bottom: 10px;}
h3{ text-align: center; background: #ddaa11; padding: 10px 0;}

#kob{ text-align: center;}

/* 矢印リンク */

div.border{ width: 90%; border: 1px solid #e6b422; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; margin: 0 auto;}

ul.list{ border-top: 1px solid #e6b422; border-bottom: 1px solid #e6b422; list-style: none;}
ul.list li{ border-bottom: 1px solid #e6b422;}
ul.list li:last-child{ border-bottom: none;}
ul.list li a{ display: block; color: #D2F8FB; font-size: 18px; text-align: left; text-decoration: none; padding: 10px; padding-right: 30px; position: relative;}
ul.list li a:before{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 10px; height: 10px; margin-top: -5px; background: #ffffff;}
ul.list li a:after{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -5px; background: #000000;}
ul.list li a img{ height: 14px; vertical-align: bottom; margin-right: 3px; position: relative; top: -3px;}
ul.list li a span{ color: #ffffff; font-size: 14px;}

/* ボタン */
a.btn{ display: block; width: 200px; color: #ffffff!important; font-size: 1.2em; font-weight: bold; text-shadow: 0 -1px 0 #bb8800; text-align: center; text-decoration: none; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px; background: -moz-linear-gradient(-90deg,#e6b422 0%, #aa7700 100%); background: -webkit-linear-gradient(-90deg,#e6b422 0%, #aa7700  100%); background: -ms-linear-gradient(-90deg,#e6b422 0%, #aa7700  100%); box-shadow: 0 1px 0 #ffffff inset;-moz-box-shadow: 0 1px 0 #ffffff inset;-webkit-box-shadow: 0 1px 0 #ffffff inset; margin: 0 auto; padding: 15px 0;}

/* ■■■■ body設定 ■■■■ */
body {
color : #f3f3f3;
background-color : #000000;
}

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

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

/* 強調するとき用　黄色 */
.st_2 {color : #ffcc00;}

/* 強調するとき用　薄水色 */
.st_3 {color : #ccf3f3;}

/* 強調するとき用　薄青 */
.st_4 {color : #ae994a;}

/* 強調するとき用　赤茶色 */
.st_5 {color : #d9333f;}

/* 強調するとき用　薄い茶色 */
.st_6 {color : #d0826c;}

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

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

/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
-webkit-border-radius : 8px;
background-color : #CC9900;
background : -webkit-gradient(linear, left top, left bottom, from(#ffb50c), to(#ffd545));

font-size : 0;
line-height : 0;
width : 95%;
height : 4px;
margin : 10px auto;
}

/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #000000;
color : #ffffff;
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 : #EDC60D;
background : -webkit-gradient(linear, left top, left bottom, from(#EDC60D), to(#834500));

font-size : 100%;
line-height : 30px;
width : 95%;
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 5px #ffffff;
-moz-box-shadow : 0px 0px 5px #ffffff;
box-shadow : 0px 0px 10px #ffffff;
}

#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 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;
}

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

/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
-webkit-box-shadow : 0px 0px 10px #000000;
-moz-box-shadow : 0px 0px 10px #000000;
box-shadow : 0px 0px 10px #ffff00;

-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
border : solid 3px #f76700;
}

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

/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
background-color : #ffffff; /*枠内の背景色*/
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);
}



/* ■■■■ みんなの金銭事情用　グラフゲージ ■■■■ */
table.jijou {
width : 200px;
margin-left : auto;
margin-right : auto;
}

.jijou td {
width : auto;
}


/* ■■■■ マイおこづかい帳用 ■■■■ */
table.kodukai {
width : auto;
margin-left : auto;
margin-right : auto;
}

.kodukai td {
width : auto;
}





table.kodukai_bn {
margin-left : auto;
margin-right : auto;
width : 250px;
border-collapse : separate;
border-spacing : 2px;
}

.kodukai_bn td {
border : solid 1px #555555;
margin : 5px;
}







/* ■■■■　会員登録　■■■■ */
.reg {
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;
}

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

/* ■■■■　会員削除　■■■■ */
.unreg {
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 #2369d9;
border-radius : 8px;
-webkit-border-radius : border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#3d84ff),color-stop(0.40,#3d84ff),color-stop(0.60,#2773f5),color-stop(1,#2773f5));
background-image : linear-gradient(-90deg,#3d84ff) 0%,#3d84ff 40%,#2773f5 60%,#2773f5 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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



/* ■■■■　ログイン　■■■■ */
.login {
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 #61ad23;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom,color-stop(0,#78d42d),color-stop(0.40,#78d42d),color-stop(0.60,#69ba27),color-stop(1,#69ba27));
background-image : linear-gradient(-90deg,#78d42d) 0%,#78d42d 40%,#69ba27 60%,#69ba27 100%);
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
}

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

/* ■■■■　スペーサー　■■■■ */
.li_space {
margin-right : auto;
margin-left : auto;
width : 10px;
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;
}

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