/* * * * * * * * * * * * * * * * * * * *
 * nou custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #666666;
background-color : #ffffff;
}

.content{
margin:0% 10% 0%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


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


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

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

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

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

/* 強調するとき用　スカイブルー */
.st_5 {color : #137bde;}

/* 強調するとき用　濃いピンク */
.st_6 {color : #f72162;}

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

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

/* 強調するとき用　薄い青 */
.st_9 {color : #4169e1;}

/* 強調するとき用　薄い水色 */
.st_10 {color : #e0ffff;}

/* 強調するとき用　薄いピンク */
.st_11 {color : #f4dcdc;}

/* 強調するとき用　紫 */
.st_11 {color : #c71585;}

/* 強調するとき用　黄土色 */
.st_12 {color : #6e5e15;}


.st_13 {color : #f0908d;}
.st_14 {color : #59b9c6;}
.st_15 {color : #006400;}
.st_16 {color : #4b0082;}
.st_17 {color : #FF5555;}
.st_18 {color : #d3073c;}
.st_19 {color : #8b4513;}
.st_20 {color : #8EDBFF;}
.st_21 {color : #D7FFFA;}
.st_22 {color : #DDFFC8;}
.st_23 {color : #8EFF8E;}
.st_24 {color : #FDD7FF;}
.st_25 {color : #FFFFCC;}
.st_26 {color : #FF3399;}
.st_27 {color : #FFA4A4;}
.st_28 {color : #1e90ff;}
.st_29 {color : #1AD2FF;}
.st_30 {color : #cc3333;}
.st_31 {color : #669900;}
.st_32 {color : #ff69b4;}

/* 縁取り文字　赤色 */
.text_01 {
font-weight : bold;
color : #ffffff;
text-shadow :
-1px -1px 1px #ff0000,
1px -1px 1px #ff0000,
1px 1px 1px #ff0000,
-1px 1px 1px #ff0000;
}


/* 縁取り文字　薄い水色 */
.text_02 {
font-weight : bold;
color : #ffffff;
text-shadow :
-1px -1px 1px #4169e1,
1px -1px 1px #4169e1,
1px 1px 1px #4169e1,
-1px 1px 1px #4169e1;
}


/* ■■■■ 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 : #fd9640;
color : #ffeee1;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}

/* ■■■■ マーキー1 ■■■■ */
#marquee1 {
border : none;
background-color : #666666;
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 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
padding : 2px;
height : auto;
width : 100px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
background-color: #969696;
border : solid 2px #abaeb0;
border-radius : 2px;
-webkit-border-radius : border-radius : 2px;
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
text-shadow :
-1px -2px 2px #87c4cf,
2px -2px 2px #87c4cf,
2px 2px 2px #87c4cf,
-1px 2px 2px #87c4cf;
}

.box_reg a{
border : dashed 1px #fff;
padding : 5px;
color : #fff;
text-decoration : none;
display : block;
}
    
/* ■■■■ mtopボタン横長 ■■■■ */
.button01 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
padding : 2px;
height : auto;
width : 180px;
height : auto;
text-align : center;
font-size : 14px;
font-weight : bold;
background-color: #969696;
border : solid 2px #abaeb0;
border-radius : 2px;
-webkit-border-radius : border-radius : 2px;
box-shadow : 1px 1px 2px 1px #cccccc;
-webkit-box-shadow : 1px 1px 2px 1px #cccccc;
text-shadow :
-1px -2px 2px #87c4cf,
2px -2px 2px #87c4cf,
2px 2px 2px #87c4cf,
-1px 2px 2px #87c4cf;
}

.button01 a{
border : dashed 1px #fff;
padding : 5px;
color : #fff;
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;
}


/* ■■■■ 枠（白　角丸　線グレー） ■■■■ */
.waku {
border : solid 1px #747f8b; /*枠の色*/
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
margin-top : 5px;
max-width : 1000px;
text-align : left;
height: auto;
background-color : #ffffff;
padding : 10px;
padding-top : 15px;
box-shadow : 2px 2px 2px 0 #a79260;
-webkit-box-shadow : 2px 2px 2px 0 #a79260;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
-webkit-border-radius : 8px;
}

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

/* ■■■■ 枠（３） ■■■■ */
.waku03 {
background-color : #ffffff;
background-image: url("/i.cgi?n=bg/02"); 
background-repeat: repeat;
background-size:100% auto;
}

/* ■■■■ 枠（タイトル付） ■■■■ */
.waku_04 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#72bacb),to(#3e8798));
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
text-decoration : none;
border-radius : 6px;
box-shadow : -0 -2 -3px #000000;
-webkit-box-shadow : -0 -1 -2px #000000;
}

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

/*■■■.wak04の色違い(５)■■■*/
.waku_05 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#ff6e6e),to(#ff1414));
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
text-decoration : none;
border-radius : 6px;
box-shadow : -0 -2 -3px #000000;
-webkit-box-shadow : -0 -1 -2px #000000;
}

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

/* ■■■■ 汎用リスト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 : dashed 2px #dddddd; /*リスト内の区切り線の色*/
height : auto;
scrollbar-arrow-color： #7C6D2C;
}

.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 #529AAB; /*右端　>　の色*/
border-right : solid 2px #529AAB; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ リスト（横幅50％） ■■■■ */
.mtop_block {
height : auto;
padding : 5px;
border-bottom : 2px dashed #dddddd;
vertical-align : bottom;
}

.mtop_block-list {
overflow : hidden;
}

.mtop_block-list li {
float : left;
width : 50%;
}

.mtop_block-list li a {
background-position : 5px 50%;
text-decoration : none;
background-repeat : no-repeat;
border-color : #dddddd;
border-style : dashed;
border-width : 0 2px 2px 0;
display : block;
height : 43px;
line-height : 43px;
padding-left : 5px;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

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

.mtop_block-list li.w100 {
width : 100%;
border-right : none;
}



/* ■■■■ 枠（背景　スカイブルー） ■■■■ */
.waku_blue {
background-color : #6699ff;
}

/* ■■■■ 枠（背景　薄い青） ■■■■ */
.waku_blue02 {
background-color : #e0ffff;
}

/* ■■■■ 枠（背景　青） ■■■■ */
.waku_blue03 {
background-color : #4169e1;
}
/* ■■■■ 枠（背景　ピンク） ■■■■ */
.waku_pinl {
background-color : #f4dcdc;
}


/* ■■■■ テーブル1 ■■■■ */
#table1{
background:#e0ffff;
color:#666666;
font-size : 90%;
}
#table1 td{
height:30px;
padding:5px;
background:#e0ffff;
}

/* ■■■■ テーブル2 ■■■■ */
#table2{
background:#f4dcdc;
color:#666666;
font-size : 90%;
}
#table2 td{
height:30px;
padding:5px;
background:#f4dcdc;
}

/* ■■■■ テーブル3 ■■■■ */
#table3{
color:#666666;
border:solid 1px #dcdcdc;
width:217px;
margin-left : auto;
margin-right : auto;
}
#table3 tr:nth-child(odd){
background:#dcdcdc;
font-size : 90%;
}
#table3 tr:nth-child(even){
background:#FFFFFF;
font-size:100%;
}
#table3 td{
border:solid 1px #dcdcdc;
width:53px;
}
#table3 caption{
font-size:90%;
}

/* ■■■■ 水平線 ■■■■ */

.hr_80{
width:80%;
margin-left:auto;
margin-right:auto;
border-style:dashed;
}

.hr1{
height:1;
border-style:solid;
background-color:#FFFFFF;
border-color:#999900;
width:100%;
}
.hr1_70{
height:1;
border-style:solid;
background-color:#FFFFFF;
border-color:#999900;
width:70%;
margin-left:auto;
margin-right:auto;
}
.hr1_80{
height:1;
border-style:solid;
background-color:#FFFFFF;
border-color:#999900;
width:80%;
margin-left:auto;
margin-right:auto;
}
.hr1_2{
height:2;
border-style:solid;
background-color:#FFFFFF;
border-color:#999900;
width:100%;
}

.hr3{
height:2; /* 太さ */
border-style: dashed; /* 線種 */
border-color: #949494; /* 線色 */
width:80%;
center;
}




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

.bo{
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 10px;
height:45px;
width: 90%;
height: auto;
text-align: center;
border: solid 1px #000;
border-radius: 8px;
-webkit-border-radius: 8px;
background-image: -webkit-gradient(linear,left top,left bottom, from(#76A0F8), to(#0029FF));
-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;
}
.bo a {padding:10px;
font-size: 17px;
font-weight: bold;
letter-spacing: 2px;
color: #eeeeee;
text-decoration: none;
display: block;
text-shadow: -1px 1px #0C0C0C, 1px 1px #3B4745;
}

.list li{
list-style:none;
}
.list li { border-bottom: 2px solid #854d10; 
position: relative;
font-size:20px;}

.list li a {
      display: block;
      text-decoration:none;
      padding:15px 0px 15px 0px;
text-align:left;
}
.list li a:after {
      content: "";
      position: absolute;
top: 22px;
      right: 10px;
      width: 10px;
      height: 10px;
      border-top: 2px solid #aaf;
      border-right: 2px solid #aaf;
      -webkit-transform: rotate(45deg);
    }
.moji{
color:#FF8095;
}

/* ■■■■　画像間の余白を消す　■■■■ */
.mt{
display:block;
margin-top:-6px;
}

.border li{list-style:none;
border-bottom: dashed 2px #dddddd;
padding:10px;

}

/* ■■■■ 告知用INC装飾 ■■■■ */

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

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

.input btn-warning {
    color: #008ac8;
    background-color: #ffef66;
    border: 2px solid #008ac8;
}

.input btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}