/* * * * * * * * * * * * * * * * * * * *
 * ca custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
background-color:#0a1a2e;
color:#aba692;
}

.bgc1 {
background-color:#DFD9BF
}

/* ■■■■ コンテナー ■■■■ */
#container {
background-color : #0a1a2e;
position : relative;
margin : 0 auto;
padding : 5px;
max-width : 380px;
box-shadow : 0px 0px 1px 5px #6d9eab;
-webkit-box-shadow : 0px 0px 1px 5px #6d9eab;
}

/* ■■■■ リンク周り ■■■■ */
a:visited{color:#2e82af; }
a:link{color:#6d9eab; }
a img{border-style:none; }



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

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

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

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

/* 強調するとき用　濃い茶色 */
.st_5 {color : #432e01;}

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

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

/* 強調するとき用　肌色 */
.st_8 {color : #ecdaba;}

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

/* 強調するとき用　ワインレッド */
.st_10 {color : #921302;}

/* 強調するとき用　しろ */
.st_11 {color : #e7e7e7;}

/* 強調するとき用　灰色 */
.st_12 {color : #73725e;}

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

.st_14 {color:#e7e7e7;}

.st_15 {color:#6d9eab;}

.st_16 {color:#b66701;}

.st_17 {color:#92ae35;}

.st_18 {color:#f96400;}


/* ■■■■　強調文字（オレンジネオン）　■■■■ */

.text_03 {
font-size : 150%;
color : #e7e7e7;
text-shadow: 0 0 2px #f96400,
 0 0 1px #f96400,
 0 0 1px #f96400,
 0 0 5px #f96400,
 0 0 5px #f96400,
 0 0 2px #f96400,
 0 0 7px #f96400,
 0 0 7px #f96400;}

.b {
font-weight : bold;
}



/* ■■■■ 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;
}



/* ■■■■ TOPに戻る ■■■■ */
.home_button {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 15px;
height : auto;
width : 300px;
text-align : center;
border : solid 1px #9ebec7;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#2d474e), to(#4a7580));
-webkit-box-shadow : 2px 2px 3px rgba(49,78,86,1), 0px 1px 1px rgba(141,180,190,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
box-shadow : 2px 2px 3px rgba(49,78,86,1), 0px 1px 1px rgba(141,180,190,1) inset, 0px 0px 1px rgba(0,0,0,0.5) inset;
}

.home_button a {
padding : 8px;
font-size : 14px;
color : #ffffff;
text-decoration : none;
display : block;
}


/* ■■■■ フッター共通02 ■■■■ */
.foot {
margin-top : 10px;
text-align : center;
line-height : 25px;
font-size : 14px;
color : #aaaaaa;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
display : block;
}

.foot a{
color : #aaaaaa;
letter-spacing : 2px;
font-size : 10px;
text-decoration : none;
padding : 5px;
}

.inc {
color : #000000;
letter-spacing : 2px;
}



/* ■■■■ 登録する ■■■■ */
.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; /*枠全体の影*/
}

/* ■■■■ 枠（上線なし） ■■■■ */
.waku_07 {
margin : 10px;
padding : 10px;
width : auto;
height : auto;
border-bottom-left-radius : 8px;
border-bottom-right-radius : 8px;
border-top: none ;
border-right: 2px solid #2a3237;  
border-bottom: 2px solid #2a3237; 
border-left: 2px solid #2a3237; 
}

/* ■■■■ 枠（体験談部分） ■■■■ */
.waku_10 {
margin : 10px;
padding : 10px;
width : auto;
height : auto;
border-radius : 8px;
-webkit-border-radius : 8px;
border : solid 2px #778899;
}



/* ■■■■ 汎用リスト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);
}






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


.button{     
margin: 10px;     
text-decoration: none; 
font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/    display: inline-block;     
text-align: center;     
color: #ffffff;       
/* ▼Chrome,Safari */
background: -webkit-gradient(linear, left top, left bottom, from(#188896), to(#05304b));
/* ▼CSS3 */
background: linear-gradient(top, #188896, #05304b);
-webkit-border-radius: 7px; /* Chrome,Safari */
-moz-border-radius: 7px;    /* Firefox */
border-radius: 7px;         /* CSS3 */
text-decoration: none;
display: block;
width: 80%;
text-align: center;
margin: 0.8em auto;
line-height: 2em;
text-shadow: -1px -1px 0 #ccc;
}

/* ボタン５ */
a.btn5{
	width:100px;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 10px;
        float: left;
	color: #fff;	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border:1px solid #000;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f),
		color-stop(0.48, #323232),
		color-stop(0.5, #000),
		to(#121212));}


img.img_left{
	float: left;
	padding: 5px;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}



img.img_right{
float: right;
padding: 5px;
}

div.clear{
clear: both;
margin: 0 0 10px 0;
}


/* ■■■■ 汎用リスト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;
overflow : hidden;
}

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

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : auto;
padding : 10px 15px 10px 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
font-size : 110%;
}

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



/* ■■■■ 汎用リスト03 ■■■■ */
.list_03 {
border-bottom : solid 1px #888888; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_03 li {
position : relative;
border-bottom : solid 1px #888888; /*リスト内の区切り線の色*/
height : 40px;
}

.list_03 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
}

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

.list_03 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);
}


/* ■■■■ 汎用リスト04 背景とかの装飾設定なしバージョン ■■■■ */
.list_04 {
border-bottom : solid 1px #cccccc; /*一番外の枠色*/
width : 100%;
list-style : none;
}

.list_04 li {
position : relative;
border-top : solid 1px #dddddd; /*リスト内の区切り線の色*/
border-bottom : solid 1px #dddddd; /*リスト内の区切り線の色*/
height : 100;
}

.list_04 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

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

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

/* ■■■■ フォーム周り ■■■■ */
select {width : 100%;}
input {
    width : 90%;
    margin-left: 5%;
    margin-right: 5%;
    }
input.trans{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
        width:97%;
	color: #fef4e9;
	outline: none;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 10px ;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom,from(#f9b64a),color-stop(0.48, #f49049
),color-stop(0.52, #f47a20),to(#f46600));
	background: -moz-linear-gradient(top,  #f9b64a,  #f46600);
}

/* ■■■■ タイトルあり枠 ■■■■ */
.waku_03 {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 400px;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#999999),to(#555555));
background-image : linear-gradient(-90deg,#999999) 0%,#999999 20%,#555555 100%);
color : #ffffff;
padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #000000;
-webkit-box-shadow : 0 0 2px #000000;
}

.waku_03 .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;
}

.navi_w4h2 {
margin-left : 5px;
margin-bottom : 50px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
}

.navi_w4h2 ul {
margin-left : 5px;
}

.navi_w4h2 ul li {
border : solid 1px #999999;
border-right : none;
float : left;
list-style : none;
width : 24.5%;
text-align : center;
background-image : -webkit-gradient(linear,left top,left bottom, from(#999999), to(#555555));
-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;
}

.navi_w4h2 ul li:first-child{
border-top-left-radius : 8px;
}

.navi_w4h2 ul li:nth-child(4){
border-top-right-radius : 8px;
}

.navi_w4h2 ul li:nth-child(5){
border-bottom-left-radius : 8px;
}
.navi_w4h2 ul li:last-child{
border : solid 1px #999999;
border-bottom-right-radius : 8px;
width : 24.3%;
}

.navi_w4h2 ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #6d9eab;
text-decoration : none;
}


/* ■■■■ minibar ■■■■ */
.minibar {
  position: relative;
  border-bottom: 1px solid #1c1717;
  border-top: 1px solid #1c1717;
  width : 99.5%;
  height: 28px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#999999),
    to(#555555)
);
}
h1 {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,3);
}

h2{
text-align : center;
padding : 10px;
font-size : 14px;
text-shadow: 0 1px 1px rgba(0,0,0,3);
}

.waku_02 {
margin : 10px;
margin-right : 10px;
margin-left : 10px;
width : 85%;
padding : 10px;
position : relative;
background : #ffffff;
background : -webkit-gradient(linear, 100% 100%, 50% 10%, from(#ffffff), to(#f9f6ed), color-stop(.1,#ffffff));
background : -moz-linear-gradient(100% 50%, #ffffff, #ffffff 10%, #f9f6ed);
border : 1px solid #cccccc;
-webkit-box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
-moz-box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
box-shadow : 1px 1px 4px rgba(0,0,0, 0.1);
-webkit-border-bottom-right-radius : 60px 5px;
-moz-border-radius-bottomright : 60px 5px;
border-bottom-right-radius : 60px 5px;
}
 
.waku_02:before{
content : '';
width : 98%;
z-index : -1;
height : 100%;
padding : 0 0 1px 0;
position : absolute;
bottom : 0; right:0;
background : #fff;
background : -webkit-gradient(linear, 0% 20%, 0% 92%, from(#ffffff), to(#f9f9f9), color-stop(.1,#ffffff));
background : -moz-linear-gradient(0 0 270deg, #ffffff, #ffffff 10%, #f9f9f9);
border : 1px solid #ccc;
-webkit-box-shadow : 1px 1px 8px rgba(0,0,0, 0.1);
-moz-box-shadow : 1px 1px 8px rgba(0,0,0,0.1);
box-shadow : 1px 1px 8px rgba(0,0,0,0.1);
-webkit-border-bottom-right-radius : 60px 5px;
-moz-border-radius-bottomright : 60px 5px;
border-bottom-right-radius : 60px 5px;
-webkit-transform : skew(2deg,2deg)
translate(3px,8px);
-moz-transform : skew(2deg,2deg)
translate(3px,8px);
-o-transform : skew(2deg,2deg)
translate(3px,8px);
transform : skew(2deg,2deg)
translate(3px,8px);
}
 
.waku_02:after{
content : '';
width : 98%;
z-index : -1;
height : 98%;
padding : 0 0 1px 0;
position : absolute;
bottom : 0; right:0;
background : #fff;
background : -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
background : -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);
border : 1px solid #ccc;
-webkit-box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
-moz-box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
box-shadow : 0px 0px 8px rgba(0,0,0, 0.1);
-webkit-transform : skew(2deg,2deg)
translate(-1px,2px);
-moz-transform : skew(2deg,2deg)
translate(-1px,2px) ;
-o-transform : skew(2deg,2deg)
translate(-1px,2px) ;
transform : skew(2deg,2deg)
translate(-1px,2px) ;
}


/* ■■■■ 汎用リスト08  ■■■■ */
.list_08 {
background-color : #0a1a2e; /*背景色*/
width : 100%;
list-style : none;
}

.list_08 li {
position : relative;
border-top : solid 1px #000000; /*リスト内の区切り線の色*/
border-right: solid 2px #353535; /*リスト内の区切り線の色*/
border-bottom: solid 2px #353535; /*リスト内の区切り線の色*/
border-left : solid 1px #000000; /*リスト内の区切り線の色*/
height : auto;
float: left;
text-align : center;
width : 48.9%;
}

.list_08 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_08 li:last-child {
border-bottom : solid 2px #353535; /*リスト内の区切り線の色*/
}

/* ■■■■ rolloverbutton_navi ■■■■ */
.rolloverbutton_navi {
    margin-left: auto;
    margin-right: auto;
	display: inline-block;
        width:auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
        font-size : 13px;
        color:#fff;
	padding: 5px 5px 5px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,3);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,2);
	box-shadow: 0 1px 1px rgba(0,0,0,2);
}

a:link.rolloverbutton_navi { color: #ffffff; }
a:visited.rolloverbutton_navi { color: #ffffff; }

.rolloverbutton_navi:hover {
	text-decoration: none;
}
.rolloverbutton_navi:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #ffffff;
	border: solid 1px #05304b;
	background: #05304b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#339999), color-stop(50%,#339999), color-stop(53%,#336666), color-stop(100%,#336666));
	background: -moz-linear-gradient(top,  #339999,  #336666);
}
.blue:hover {
	background: #05304b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#339999), color-stop(50%,#339999), color-stop(53%,#336666), color-stop(100%,#336666));
	background: -moz-linear-gradient(top,  #339999,  #336666);
}
.blue:active {
	color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#339999), color-stop(50%,#339999), color-stop(53%,#336666), color-stop(100%,#336666));
	background: -moz-linear-gradient(top,  #339999,  #336666);
}

.close {
	color: #ffffff;
	border: solid 1px #05304b;
	background: #05304b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#339999), color-stop(50%,#339999), color-stop(53%,#336666), color-stop(100%,#336666));
	background: -moz-linear-gradient(top,  #339999,  #336666);
}

/* ■■■■ 画像すきま ■■■■ */
.lh0 {
line-height : 0px;
font-size : 0px;
}

/* ■■■■ 新・会員登録ボタン色変え（大） ■■■■ */
.button01 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 10px;
height : auto;
width : 200px;
height : auto;
text-align : center;
border : solid 1px #c88611;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#ff9248), to(#ab4400));
-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;
}

.button01 a {
padding : 8px;
font-size : 22px;
font-weight : bold;
letter-spacing : 2px;
color : #ffffff;
text-decoration : none;
display : block;
text-shadow : -1px -1px 1px #040a0b, 1px 1px 1px #833500;
}

.button01 span{
padding : 5px 5px 5px 5px;
line-height : 12px;
font-size : 15px;
font-weight : bold;
letter-spacing : 1px;
text-shadow : -1px -1px 1px #833500, 1px 1px 1px #040a0b;
}

/* ■■■■ 横並びボタン3個 ■■■■ */
.navi_w3h3 {
margin-left : 5px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
height: 111px;
}

.navi_w3h3 ul {
margin-left : 5px;
}

.navi_w3h3 ul li {
border : solid 1px #999999;
border-right : none;
float : left;
list-style : none;
width : 32%;
text-align : center;
background-image : -webkit-gradient(linear,left top,left bottom, from(#999999), to(#555555));
-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;
}

.navi_w3h3 ul li:first-child{
border-top-left-radius : 8px;
}

.navi_w3h3 ul li:nth-child(3){
border-top-right-radius : 8px;
}

.navi_w3h3 ul li:nth-child(7){
border-bottom-left-radius : 8px;
width : 48%;
}

.navi_w3h3 ul li:last-child{
border : solid 1px #999999;
border-bottom-right-radius : 8px;
width : 48%;
}

.navi_w3h3 ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #6d9eab;
text-decoration : none;
}

/* ■■■■ テキスト設定 ■■■■ */
.lh_text {line-height : 1.7em;font-size: 1.1em;}

/* ■■■■ 横並びボタン3個×4個 ■■■■ */
.navi_w3h2 {
margin-left : 5px;
margin-left : auto;
margin-right : auto;
padding-right : 5px;
min-width : 300px;
max-width : 400px;
height: 111px;
}

.navi_w3h2 ul {
margin-left : 5px;
}

.navi_w3h2 ul li {
border : solid 1px #999999;
border-right : none;
float : left;
list-style : none;
width : 32%;
text-align : center;
background-image : -webkit-gradient(linear,left top,left bottom, from(#999999), to(#555555));
-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;
}

.navi_w3h2 ul li:first-child{
border-top-left-radius : 8px;
}

.navi_w3h2 ul li:nth-child(3){
border-top-right-radius : 8px;
}

.navi_w3h2 ul li:nth-child(4){
border-bottom-left-radius : 8px;
width : 24%;
}

.navi_w3h2 ul li:nth-child(5){
width : 24%;
}

.navi_w3h2 ul li:nth-child(6){
width : 24%;
}

.navi_w3h2 ul li:last-child{
border : solid 1px #999999;
border-bottom-right-radius : 8px;
width : 24%;
}

.navi_w3h2 ul li a{
padding : 10px 5px 8px 5px;
display : block;
color : #ffffff;
text-shadow : -1px -1px 1px #633e21, 1px 1px 1px #6d9eab;
text-decoration : none;
}