/* * * * * * * * * * * * * * * * * * * *
 * mahiro custom.css
 * * * * * * * * * * * * * * * * * * * */

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



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



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

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

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

/* 強調するとき用　オレンジ */
.st_4 {color : #fe3e11;}

/* 強調するとき用 水色 */
.st_5 {color : #87CEFA;}


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

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


/* 強調するとき用 オレンジ2*/
.st_8 {color : #ff9966;}


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




/* ■■■■ マーキー設定 ■■■■ */
#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 2px #cccccc;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #098bdb;
background : -webkit-gradient(linear, left top, left bottom, from(#098bdb), to(#3caff7));

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



/* ■■■■ 登録する ■■■■ */
.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  #317693; /*一番外の枠色*/
width : 100%;
list-style : none;
}

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

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
color : #ffffff;
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;
color : #ffffff;
margin-top : -4px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ フォーム周り ■■■■ */
select {width : 100%;
}

input {
    width :90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-align: center;
    
    }
input.trans{
 display : block;
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 width: 50%;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #545454;
 padding: 10px 20px;
 background: -moz-linear-gradient(top,#b0e0e6 0%,#74c9d3 50%,#297881);
 background: -webkit-gradient(linear, left top, left bottom, from(#b0e0e6),color-stop(0.50,  #74c9d3),to(#297881));
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 3px solid #ffffff;
 -moz-box-shadow:
 3px 3px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);-webkit-box-shadow:3px 3px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);box-shadow:3px 3px 3px rgba(000,000,000,0.5),inset 0px 0px 3px rgba(255,255,255,1);text-shadow:2px 2px 0px rgba(87,87,87,0.1),0px 0px 0px rgba(0,0,0,0);
}

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