/* * * * * * * * * * * * * * * * * * * *
 * moon custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
background-color:#000930; 
color:#cccccc;
}



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



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

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

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

.st_4 {color :#000930;}
.st_5 {color :#00385b;}
.st_6 {color :#666666;}
.st_7 {color :#99ccff;}
.st_8 {color :#cc3333;}
.st_9 {color :#cccccc;}
.st_10 {color :#ccccff;}
.st_11 {color :#DD1111;}
.st_12 {color :#ff0000;}
.st_13 {color :#FF2222;}
.st_14 {color :#ff99bb;}
.st_15 {color :#FF99BB;}
.st_16 {color :#FFFFA2;}

.st_ot_1 {color : #00bfff;}
.st_ot_2 {color : #0000cc;}
.st_ot_3 {color : #0099cc;}
.st_ot_4 {color : #7f94b5;}
.st_ot_5 {color : #7fffd4;}
.st_ot_6 {color : #9fb5cc;}
.st_ot_7 {color : #24ffff;}
.st_ot_8 {color : #66ffff;}
.st_ot_9 {color : #93d6f1;}
.st_ot_10 {color : #99ffcc;}
.st_ot_11 {color : #3333cc;}
.st_ot_12 {color : #6495ed;}
.st_ot_13 {color : #6699cc;}
.st_ot_14 {color : #8585f1;}
.st_ot_15 {color : #63707f;}
.st_ot_16 {color : #191970;}
.st_ot_17 {color : #778899;}
.st_ot_18 {color : #add8e6;}
.st_ot_19 {color : #b2cbe4;}
.st_ot_20 {color : #b22222;}
.st_ot_21 {color : #bbbbff;}
.st_ot_22 {color : #cab8d9;}
.st_ot_23 {color : #cc0000;}
.st_ot_24 {color : #cc3366;}
.st_ot_25 {color : #cca0a0;}
.st_ot_26 {color : #ccffff;}
.st_ot_27 {color : #cd5c5c;}
.st_ot_28 {color : #d00f00;}
.st_ot_29 {color : #d4ad00;}
.st_ot_30 {color : #d7b472;}
.st_ot_31 {color : #db7093;}
.st_ot_32 {color : #dc6b9a;}
.st_ot_33 {color : #e3bd41;}
.st_ot_34 {color : #e5146e;}
.st_ot_35 {color : #ece093;}
.st_ot_36 {color : #f1dc85;}
.st_ot_37 {color : #f4c3c3;}
.st_ot_38 {color : #f162d6;}
.st_ot_39 {color : #f93300;}
.st_ot_40 {color : #ff2b2b;}
.st_ot_41 {color : #ff8c00;}
.st_ot_42 {color : #ff69b4;}
.st_ot_43 {color : #ff99ca;}
.st_ot_44 {color : #ff99cc;}
.st_ot_45 {color : #ff99ff;}
.st_ot_46 {color : #ff2229;}
.st_ot_47 {color : #ff6347;}
.st_ot_48 {color : #ff6666;}
.st_ot_49 {color : #ff6699;}
.st_ot_50 {color : #ff7788;}
.st_ot_51 {color : #ff9966;}
.st_ot_52 {color : #ffaa00;}
.st_ot_53 {color : #ffaaaa;}
.st_ot_54 {color : #ffcccc;}
.st_ot_55 {color : #ffccff;}
.st_ot_56 {color : #ffd500;}
.st_ot_57 {color : #ffd700;}
.st_ot_58 {color : #fff2af;}
.st_ot_59 {color : #fff2e5;}
.st_ot_60 {color : #fffacd;}
.st_ot_61 {color : #ffff00;}
.st_ot_62 {color : #ffff33;}
.st_ot_63 {color : #ffff99;}
.st_ot_64 {color : #ffffa2;}
.st_ot_65 {color : #ffffc2;}
.st_ot_66 {color : #ffffcc;}
.st_red {color : red;}

.st_1_s {color:5;}
.st_2_s {color:#ccccff;}
.st_3_s {color:#FF99BB;}
.st_4_s {color:#FFFF00;}
.st_5_s {color:#FFFFA2;}
.st_6_s {color:#f5b2b2;}
.st_7_s {color:#333333;}
.st_8_s {color:#99ccff;}
.st_9_s {color:#FFFFFF;}
.st_10_s {color:7;}
.st_11_s {color:#ff99bb;}
.st_12_s {color:#DD1111;}
.st_13_s {color:#FF2222;}
.st_14_s {color:#cc3333;}
.st_15_s {color:#CC3366;}
.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;
}

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


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

.box_tokubetu2 {
margin:5px auto;
backgroud-color:#ffffff;
width:90%;
padding : 10px;
box-shadow : 0px 0px 10px #ffffff;
-webkit-box-shadow : 0px 0px 10px #ffffff;
border : solid 1px #ccccff;
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 : 8px;
-webkit-border-radius : 8px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 90%;
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 : #cccccc; /*リスト内の文字色*/
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);
}

/* ■■■■　回転　■■■■ */
.anime01 {
　　　　transform-origin: 50% 50% 0;
	-webkit-animation: anime01 4s linear infinite;
}

@-webkit-keyframes anime01 {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}

/* * * * * * * * * * * * * * * * * * * *
 * tab_update
 * * * * * * * * * * * * * * * * * * * */

/* ===== タブ切り替え用 ===== */
#tab_update {
margin-left : auto;
margin-right : auto;
width : 100%;
background-color : #ffffff; /*内容の背景色*/
border-bottom : dashed 1px #ff66cc;
color:#000000;
}

.tab_con {
padding : 10px;
top : 10px;
min-height:150px;
color:#CCCCCC;
}

/*タブ部分の背景とか*/
#tab_update ul#tab {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff69b4), color-stop(50%,#ff1493), color-stop(51%,#ff1493), color-stop(100%,#c71585)); /* webkit */
float : left;
width : 100%;
}

#tab_update ul#tab li {
margin-top : 2px;
padding : 5px 0;
text-align : center;
border-bottom : none;
float : left;
width : 50%;
-webkit-border-top-left-radius : 3px;
-webkit-border-top-right-radius : 3px;
list-style : none;
}

#tab_update ul#tab li a {
display : block;
text-decoration : none;
color : #ffffff;
}

#tab_update ul#tab li.selected { 
background : -webkit-gradient(linear, left top, left bottom, from(#ffb6c1), to(#ffffff)); 
}

#tab_update ul#tab li.selected a {
color : #000000;
}


/* ===== ボタン ===== */
.bo2{
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 10px;
width: 49%;
height: auto;
text-align: center;
border: solid 1px #d66f1a;
border-radius: 8px;
-webkit-border-radius: 8px;
background-image:-webkit-gradient(linear,0 0,0 25,from(#0A0A0A),to(#4848F3));
background-image: linear-gradient(-90deg,#fed66c) 0%,#0A0A0A 20%,#4848F3 100%);
-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;
}
.bo2 a {padding:10px;
color: #fff;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
display: block;
text-shadow: -1px -1px 1px #633e21, 1px 1px 1px #ffaa65;
}

/* ■link_box■ */
.link_box ul li a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	/* border-bottom: 1px solid #ccc; */
}
.link_box ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.link_box ul.l_list {
/* list-style: none; */
/* border-radius: 5px; */  -webkit-border-radius: 5px;  border: 2px solid #444444;  margin: 10px auto;  width: 95%;  list-style: none;
}

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

/* 対応端末共通案件 */
.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%;
}