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

/* ===== body設定 ===== */
body {
color:#843114;
/*
background-image : url("http://destiny.pga.jp/image/new/back.240.gif");
*/
}
.bgc1 {
background-color:#FFCC99;
}
.bgc2 {
background-color:#cc3366;
color:#ffffff;
}


/* ===== リンク周り ===== */
a:link{color:#6a9660;}
a:visited{color:#7a9989;}

/* ===== サイトのフォントカラー設定 ===== */
/* キャプション用 */
.caption {
color:#b98c46;
}

/* 強調するとき用　赤 */
.st_1 {
color:#dc2000;
}

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

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

/* 黒背景用　白 */
.st_4 {
color:#ffffff;
}

/* 強調するとき用　薄青 */
.st_5 {
color:#6993e3;
}

/* 強調するとき用　茶色系 */
.st_6 {
color: #e17b34;
}

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

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

/* 強調するとき用　赤紫色 */
.st_9 {
  color: #cc3366;
}


div top{
text-align: center;
}
h3 title{
color: #cc3366;
}

.suke{
position: absolute;
top: -35px;
left: 20px;
background: #fff;
width: 210px;
text-align: center;
}

.sukezenntai{
border: 2px solid #999;
border-radius: 10px;
position: relative;
padding: 40px;
}



  

/* ===== Inc用hr設定 ===== */
.hr {
/*border-radius : 8px;*/
-webkit-border-radius : 8px;
background-color : #CC9900;
background : -webkit-gradient(linear, left top, left bottom, from(#CC9900), to(#ffccaa));

font-size : 0;
line-height : 0;
width : 95%;
height : 4px;
margin : 10px auto;
/*
margin-left : 10px;
margin-right : 10px;
*/

/*text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);*/
/*
-webkit-box-shadow : 0px 0px 5px #aaaaaa;
-moz-box-shadow : 0px 0px 5px #aaaaaa;
box-shadow : 0px 0px 10px #aaaaaa;
*/
}

/* ===== マーキー設定 ===== */
#marquee {
border:none;
background-color:#333333;
color:#eaedf7;
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 : #9cc900;
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 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #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 : #9cc900;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 60%;
height : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

#box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}

/* 占う */
.ura_btn {
border : solid 1px #ff4500;
border-radius : 6px;
-webkit-border-radius : 6px;
background-color : #ffd700;
background : -webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ff8c00));
height : 30px;
line-height : 30px;
font-size : 120%;
width : 30%;
margin:0 auto;
text-align : center;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

.ura_btn a{
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.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; /*枠と文字の隙間　上右下左*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}

/* ■■■■ 枠（黒　角丸） ■■■■ */
.waku_b {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #000000; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}

/* ■■■■ 枠（白　角丸　金枠） ■■■■ */
.waku_1 {
border : solid 1px #bfaa49; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-top : 5px;
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
-webkit-box-shadow : 0px 0px 5px #98883a; /*枠全体の影*/
}

/* ■■■■ 枠（白　角丸　ピンク枠） ■■■■ */
.waku_2 {
border : solid 1px #cc3366; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-top : 5px;
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
-webkit-box-shadow : 0px 0px 5px #cc3366; /*枠全体の影*/
}

/* ■■■■ 枠（線なし） ■■■■ */
.waku_none {
border : none;
margin-left : auto;
margin-right : auto;
padding : 0px 15px;
}

/* ===== アコーディオン用 ===== */
.accordion {
width : 95%;
margin-left : auto;
margin-right : auto;
border-radius : 10px;
border : solid 1px #cccccc; /*一番外の枠色*/

}

.accordion dl {
/*clear : both;*/
width : auto;
display : block;
padding : 10px;
text-decoration : none;
color : #00000;
/*border : solid 1px red;*/
}

.accordion dl {
width : auto;
}

.y{
content : "";
position : absolute;
right : 5%;
display : block;
width : 6px;
height : 6px;
margin-top : -15px;
border-top : solid 2px #979797; /*右端　>　の色*/
border-right : solid 2px #979797; /*右端　>　の色*/
-webkit-transform : rotate(135deg);
}

.accordion dd {
/*border : solid 1px blue;*/
border-top : 1px dotted #CCC;
margin-top : 4px;
padding-top : 5px;
}




/* ■■■■ 汎用リスト01 ■■■■ */
.list_01 {
background-color : #ffffff; /*枠内の背景色*/
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; /*リスト内の区切り線の色*/
overflow : hidden;
}

.list_01 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 12px 20px 12px 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);
}

/* ■■■■ 汎用リスト03 ■■■■ */
.list_03 {
background-color : #f5deb3;
background:-webkit-gradient(linear,left top,left bottom,from(#f5deb3),to(#deb887));
overflow:hidden;
width : 100%;
margin:0 auto;
list-style : none;
}

.list_03 li {
position : relative;
border-right: dotted 1px #8b4513;
height : 50px;
float: left;
text-align : center;
width : 19.7%;
}

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

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


/* ■■■■ 汎用リスト04（背景グレー） ■■■■ */
.list_04 {
background-color : #f4f4f4; /*枠内の背景色*/
border-radius : 5px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

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

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

/* ■■■■ 汎用リスト05（背景グレー） ■■■■ */
.list_05 {
background-color : #f4f4f4; /*枠内の背景色*/
border-radius : 5px;
border : solid 1px #cccccc; /*一番外の枠色*/
margin-left : auto;
margin-right : auto;
width : 95%;
list-style : none;
}

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

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

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

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

.list_05.nolink{
position : relative;
display : block;
width : 100%;
padding : 5px;
border-bottom : 1px solid #353535;/*リスト内の区切り線の色*/
height : auto;
text-decoration : none;
-webkit-box-sizing : border-box;
overflow : hidden;
}


/* ■■■■　リストでブロック要素を横並び　■■■■ */
.li_yoko {
background:#f5deb3;
background:-webkit-gradient(linear,left top,left bottom,from(#f5deb3),to(#deb887));
width : 100%;
height:45px;
overflow:hidden;
margin:0 auto 1em;
border-radius : 8px;
-webkit-border-radius : 8px;
}

.li_yoko li {
text-align:center;
border-left:1px dotted #8b4513;
float : left;
list-style : none;
width:59px;
height:45px;
}

.li_yoko li a{
color:#8b4513;
text-decoration : none;
line-height:45px;
display : block;
width:60px;
height:45px;
}

.li_yoko li:first-child {
border:none;
}

/* ===== タブ切り替え用 ===== */
/*　このリストを使う場合は、jsファイルもいじる必要があります。（※tab.js）*/
#tab_js {
margin-left : auto;
margin-right : auto;
width : 100%;
text-align:left;
background-color : #ffffff; /*セレクト色*/
border-bottom : solid 1px #555555;
}

#tab_js ul#tab {
margin : 0;
padding : 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a9660), color-stop(50%,#b5ccaf), color-stop(51%,#b5ccaf), color-stop(100%,#6a9660)); /* webkit */
float : left;
width : 100%;
}

#tab_js ul#tab li {
list-style : none;
font-size : 90%;
margin : 5px 0 0 0;
padding : 1px 0;
text-align : center;
border-bottom : none;
float : left;
width : 50%; /*一個のタブの幅　20%×5=100%*/
-webkit-border-top-left-radius : 3px;
-webkit-border-top-right-radius : 3px;
}

#tab_js ul#tab li a {
display : block;
text-decoration : none;
color : #ffffff;
}

#tab_js ul#tab li.selected { /*選択されているタブ*/
background : -webkit-gradient(linear, left top, left bottom, from(#f9f6ed), to(#ffffff)); /*背景グラデーション*/
}

#tab_js ul#tab li.selected a {
color : #000000;
}



table.mtop {
margin-left : auto;
margin-right : auto;
}
















.box_memo {
margin: 0 auto;
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;
}
 
.box_memo: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(#fff), to(#f9f9f9), color-stop(.1,#fff));
background : -moz-linear-gradient(0 0 270deg, #fff, #fff 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);
}
 
.box_memo: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) ;
}





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


/* ■■■■　回転　■■■■ */
.anime01 {
　　　　transform-origin: 50% 50% 0;
	-webkit-animation: anime01 4s linear infinite;
}

@-webkit-keyframes anime01 {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}


/*■■■フェード■■■*/
.slides {
    height:217px;
    width:320px;
    margin:10px auto;
    overflow:hidden;
    position:relative;
}
.slides ul {
    list-style:none;
    position:relative;
    width:100%;
}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:1;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:1;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    width:100%;
    top:0;

    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 12.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 12.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 3.0s;
    -moz-animation-delay: 3.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 9.0s;
    -moz-animation-delay: 9.0s;
}

.slides ul li img {
    float: right;
    width:320px;
}


/* ■■■■ マーケリンク用枠 ■■■■ */
.mark_corner {
margin : 5px auto;
width : 95% ;
height: auto;
background: -moz-linear-gradient(top,#eda8db 0%,#f57ad6);
background: -webkit-gradient(linear, left top, left bottom, from(#eda8db),to(#f57ad6));
color : #ffffff;
padding : 3px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #666666;
-webkit-box-shadow : 0 0 2px #666666;
}
.mark_corner .main {
width : auto;
height: auto;
background-color : #ffffff;
color : #000000;
margin : 0 auto;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #78a1de;
-webkit-box-shadow : 0 0 2px #78a1de;
}

.mark_corner .main img{
width : 45%;
height: auto;
}


/* ■■■■ ボタン（背景色暗め用） ■■■■ */
.btn_1 {
border : solid 1px #ffffff;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #9cc900;
background : -webkit-gradient(linear, left top, left bottom, from(#ffccff), to(#df828a));

font-size : 100%;
line-height : 30px;
width : 60%;
hight : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 10.0);

-webkit-box-shadow : 0px 0px 5px #ffffff;
-moz-box-shadow : 0px 0px 5px #ffffff;
box-shadow : 0px 0px 10px #ffffff;
}

.btn_1 a {
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
}

/* ■■■■　hrタグ（中央揃え細め）　■■■■ */
.hr2 {
    width: 90%;
    display : block;
    height : 1px;
    border :0 ;   
    border-top : 1px solid #979797;
    margin : 1em auto;
    padding : 0;
}

/* ■■■■　ボタン（左）　■■■■ */
.btn_l {
margin-right : 0;
float : left;
width : auto;
height : auto;
text-align : left;
border : solid 1px #ffffff;
border-top-right-radius : 10px;
border-bottom-right-radius : 10px;
box-shadow : 1px 1px 2px 1px #aaaaaa;
-webkit-box-shadow : 1px 1px 2px 1px #aaaaaa;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));
}

.btn_l a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 14px;
color : #572d00;
text-decoration : none;
display : block;
}

/* ■■■■　ボタン（右）　■■■■ */
.btn_r {
margin-right : 0;
float : right;
width : auto;
height : auto;
text-align : right;
border : solid 1px #ffffff;
border-top-left-radius : 10px;
border-bottom-left-radius : 10px;
box-shadow : 1px 1px 2px 1px #aaaaaa;
-webkit-box-shadow : 1px 1px 2px 1px #aaaaaa;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));
}

.btn_r a {
padding : 5px;
padding-left : 10px;
padding-right : 10px;
font-size : 14px;
color : #572d00;
text-decoration : none;
display : block;
}

/* ■■■■　ボタン（緑）　■■■■ */
.btn_gr{
border : 1px solid #ffffff;
border-radius : 8px;
 -webkit-border-radius : 8px;
background-color : #5bc918;
background-image : -webkit-gradient(linear, left top, left bottom, from(#70db90), to(#007534));
background-image : -webkit-linear-gradient(top, #70db90, #007534);

font-size : 120%;
line-height : 30px;
width : 60%;
hight : 30px;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow: -2px -1px 0 rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 10px #000000;
}

.btn_gr a {
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
font-weight : bold;
}
#box{
max-width:480px;
margin:0 auto;
over-flow:hidden;
}

}