/* * * * * * * * * * * * * * * * * * * *
 * ayur custom.css
 * * * * * * * * * * * * * * * * * * * */

.li_yoko {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 215px;
}

.li_yoko li {
margin-right: 0 auto;
margin-left: 0 auto;
float: left;
list-style: none;
}

.reg {
padding: 6px 2px 5px 2px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
margin-bottom: 5px;
height: auto;
width: 90px;
height: auto;
text-align: center;
font-size: 14px;
font-weight: bold;
border-radius: 8px;
-webkit-border-radius: border-radius : 8px;
background: -moz-linear-gradient(center top , 
white 0%, 
#FAFAFA 100%) repeat scroll 0 0 
transparent;
background: -webkit-gradient(linear, center top, center bottom, from(
#FDFFE1), to( 
#FFFF96));
background: linear-gradient(top center, 
white 0%, 
lightSlateGray 100%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
border: solid 1px 
#FFFF1E;
}



/* ■■■■ body設定 ■■■■ */
body {
color : #222222;
background-color:white;
}



/* ■■■■ リンク周り ■■■■ */
a:visited{color:#ff0066; }
a:link{color:#FF0066; }
a img{border-style:none; }

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

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

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

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

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

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

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

.st_ot_1 {color : #6d92aa;}
.st_ot_2 {color : #bf0000;}
.st_ot_3 {color : #c4a944;}
.st_ot_4 {color : #d0826c;}
.st_red {color : red;}

.st_1_s {color:#D52721;}
.st_2_s {color:#ffffff;}
.st_3_s {color:#D52721;}
.st_4_s {color:#316B40;}
.st_5_s {color:#e96615;}
.st_6_s {color:#888888;}
.fw_bold {font-weight:bold;}
.clearboth {clear:both;}

.bc_1 {
	background-color:#ffff99;
	}
.bc_2 {
	background-color:#FCD4C8;
	}

/* ■■■■ 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 : 95%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
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);
}