/* * * * * * * * * * * * * * * * * * * *
 * aura ftop.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ ファーストキャプション（ネオン） ■■■■ */
.first_text {
color : #ffffff;
font-size :17px;
line-height: 150%;
font-weight:bold;
text-shadow :
0 0 2px #ffffff,
0 0 4px #ffffff,

0 0 14px #ff00de,
0 0 16px #ff00de,
0 0 20px #ff00de,
0 0 30px #ff00de;
0 0 40px #ff00f4;
}

/* ■■■■ コーナー（他） ■■■■ */
.ftop_corner_other {
margin : 0px 10px 20px 10px;
text-align : left;
height: auto;
background-color : #000000;
color : #888888;
padding : 10px;
padding-top : 15px;
border : solid 2px #333333;
border-top : none;
box-shadow : 4px 4px 4px 0 #55555;
-webkit-box-shadow : 3px 3px 3px 0 #444444;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
}



/* ■■■■ コーナー(タイトルあり) ■■■■ */
.ftop_corner {
margin : 5px auto;
margin-right : 5px;
margin-left : 5px;
max-width : 1000px;
height: auto;
background-color : #22140f;
color : #caae7a;
padding : 2px;
padding-top : 5px;
text-align : center;
border : solid 1px #957845;
border-radius : 6px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

.ftop_corner .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #fdf9e3;
color : #886748;
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;
}

/* ■■■■ コーナー(タイトルあり/特殊角丸) ■■■■ */

.ftop_corner02 {
margin : 10px;
padding : 5px;
width : auto;
height : auto;
background-color : #377aa1;
color : #ffffff;
border-radius : 5px 0 5px 0 / 5px 0 5px 0;
-webkit-border-radius : 5px 0 5px 0 / 5px 0 5px 0;
border : solid 1px #377aa1;
}



/* ■■■■ about_box オーラリーディングとは？ ■■■■ */
.about_box {
margin:15px auto 30px;
width:92%;
}

.about_box header {
margin:0 -4% 15px;
padding:5px 10px;
background-color:#965111/*9387AF*/;
font-weight:bold;
font-size :16px;
color:#fff;
text-shadow:1px 1px 0 #333;
}
.about_box .about_text {
margin-bottom:12px;
text-align:center;
color:#fff;
}
.about_box .about_text span {
color:#FFD849;
font-weight:bold;
}
.about_box p {
margin-bottom:10px;
clear:both;

}


/* ■■■■ リスト ■■■■ */
.ftop_list01 {
border-radius : 8px;
-webkit-border-radius : 8px;
margin : 15px;
padding : 5px;
width : 90%;
text-align : left;
height: auto;
background : #000000;
margin-left : auto;
margin-right : auto;
border : solid 1px #555555; /*一番外の枠色*/
box-shadow : 2px 2px 2px 0 #333;
-webkit-box-shadow : 2px 2px 2px 0 #333;
list-style : none;
color :7b6249; 
}

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

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

.ftop_list01 li:first-child {
border-top : none;
}

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

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

.ftop_list01 a {
color : #cccccc;
text-decoration : none;
}



/* ■■■■ 日運枠内のリスト ■■■■ */
.ftop_list02 {
border-radius : 8px;
-webkit-border-radius : 8px;
margin : 10px 0px 0px 0px;
padding : 0px;
width : 100%;
text-align : left;
height: auto;
background : #ffffff;
margin-left : auto;
margin-right : auto;
border : solid 0px #ffffff; /*一番外の枠色*/
box-shadow : 0px 0px 0px 0 #ffffff;
-webkit-box-shadow : 0px 0px 0px 0 #ffffff;
list-style : none;
color :7b6249; 
}

.ftop_list02 li {
position : relative;
border-bottom : dashed 1px #7b6249; /*リスト内の区切り線の色*/
height : auto;
}

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

.ftop_list02 li:first-child {
border-top : none;
}

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

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

.ftop_list02 a {
color : #000000;
text-decoration : none;
}

/* ■■■■ リスト（横幅100%） ■■■■ */
.ftop_list03 {
border-bottom : solid 1px #333333; /*一番外の枠色*/
width : 100%;
margin-top : 5px;
list-style : none;
margin-bottom : 15px;
}

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

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

.ftop_list03 li:first-child {
border-top : solid 1px #333333;
}

.ftop_list03 li:last-child {
border-bottom : none;
text-align : left;
color : #333333;
}

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

/* ■■■■ 紙がめくれたボックス（左寄せ ■■■■ */
.kamiwaku_l {
margin : 10px;
margin-right : 10px;
margin-left : 10px;
width : 50%;
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;
}
 
.kamiwaku_l:before{
content : '';
width : 45%;
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);
}
 
.kamiwaku_l:after{
content : '';
width : 45%;
z-index : -1;
height : 45%;
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) ;
}

/* ■■■■ 紙がめくれたボックス（右寄せ ■■■■ */
.kamiwaku_r {
margin : 10px;
margin-right : 10px;
margin-left : 40%;
width : 50%;
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;
}
 
.kamiwaku_r:before{
content : '';
width : 45%;
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);
}
 
.kamiwaku_r:after{
content : '';
width : 45%;
z-index : -1;
height : 45%;
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) ;
}


/* ■■■■ 紙がめくれたボックス（中央寄せ ■■■■ */
.kamiwaku_c {
margin : 10px;
margin-right : 10px;
margin-left : 20%;
width : 50%;
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;
}
 
.kamiwaku_c:before{
content : '';
width : 45%;
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);
}
 
.kamiwaku_c:after{
content : '';
width : 45%;
z-index : -1;
height : 45%;
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) ;
}

/* ■■■■　ボタン（赤）　■■■■ */
.ftop_button01 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 60%;
text-align : center;
border : solid 0px #b26e0c;
border-radius : 8px;
-webkit-border-radius : 8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
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;
}
.ftop_button01 a {
padding : 8px;
font-size : 14px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
display : block;
}

/* ■■■■　ボタン（金）　■■■■ */
.ftop_button02 {
margin-right : auto;
margin-left : auto;
margin-top : 5px;
margin-bottom : 5px;
height : auto;
width : 40%;
text-align : center;
border : solid 1px #b26e0c;
border-radius : 8px;
-webkit-border-radius : 8px;
background-image : -webkit-gradient(linear,left top,left bottom, from(#654423), to(#000000));
-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;
}
.ftop_button02 a {
padding : 5px;
font-size : 14px;
color : #ffffff;
text-decoration : none;
display : block;
}