@charset "shift_jis";

/* ==============================================================================
    CSS for touch-screen : common.css
============================================================================== */

/* ----------------------------------------------------------
  Common Settings : css-reset
---------------------------------------------------------- */
html{
font-family: "MS PGothic","Osaka","sans-serif";
overflow-y:scroll;
-webkit-text-size-adjust:none;
}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,th,td{
margin:0;
padding:0;
}

div,h2,h3,h4,h5,h6,p,li,dt,dd,pre,code,blockquote,th,td{
word-break:break-all;
}

br{
letter-spacing:0;
}

fieldset,img{
border:0;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6,th{
font-size:100%;
font-weight:normal;
font-style:normal;
}

input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
}

input[type="submit"]{
cursor:pointer;
}

select{
background-color:#ffffff !important;
}

address,caption,cite,code,dfn,var{
font-style:normal;
font-weight:normal;
}

abbr,acronym{
border:0;
font-variant:normal;
}

del,u{
text-decoration:none;
}

/*=================================================
 * all
 * ================================================= */

body{
	color			: #121212;
	letter-spacing		: 0.00em;
	font-size		: 14px;
	line-height		: 22px;
	font-family		: sans-serif;
	background		: url(../img/index_bg.jpg) no-repeat top center;
	background-size		: 568px 485px;
	-webkit-background-size	: 568px 485px;
	-moz-background-size	: 568px 485px;
}

a{
	color			: #ff0099;
	text-decoration	: none;
}

h1{
	font-size		: 10px;
	line-height		: 16px;
	font-family		: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	padding			: 0 0 0 0;
	margin			: 0 0 5px 0;
	color			: #ffffff;
	background		: #6ad2d5;
	text-align		: center;
}

#cover{
	width			: 100%;
	text-align		: center;
	padding			: 20px 0 0 0;
}

#cover img{
	display			: inline-block;
	border			: 2px solid #ffffff;
	box-shadow		: 0px 0px 5px #cccccc;
	
}

#logo{
	text-align		: center;
	padding			: 0 0 0 0;
	margin			: -50px 0 10px 0;
}

#logo img{
	width			: 100%;
	display			: block;
	margin			: 0 auto 0 auto;
}


/* shop */

#shop{
	clear			: both;
	font-size		: 10px;
	line-height		: 12px;
	text-align		: center;
	padding			: 13px 0 13px 0;
	color			: #ffffff;
	margin			: 0 0 15px 0;
	background		: #6ad2d5;
}


#shop a{
	font-size		: 11px;
	color			: #ffffff;
}

#shop div{
	padding			: 0 0 0 0;
	font-size		: 10px;
	line-height		: 12px;
	color			: #ffffff;
}



#acc{
	font-size		: 0;
	line-height		: 0;
}


#rec_bt{
	text-align		: center;
	margin			: 0 0 5px 0;
}

/* f_menu */

#f_menu{
	font-size		: 11px;
	line-height		: 14px;
	color			: #99ccff;
	text-align		: center;
	padding			: 5px 0;

}

#f_menu a{
	color			: #0099ff;
}


/* menu */

.menu{
	width			: 100%;
	margin			: 0 0 0 0;
	border-top		: 2px solid #dddddd;
}

.menu ul li{
	border-bottom		: 1px dotted #dddddd;
	background		: url(../img/arrow2.gif) no-repeat 100% 50%;
}

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

.menu ul li:first-child span{
	font-size		: 15px;
	color			: #ffcc33;
	border-top		: 2px solid #333333;
	border-bottom		: 1px dotted #dddddd;
	text-align		: center;
	padding			: 8px 0 7px 0;
	font-weight		: bold;
	text-shadow		: 1px 1px 0px #000000;
	background		: #6e3e2a url(../img/telbg.gif) repeat top center;
	background-size		: 64px 64px;
	-webkit-background-size	: 64px 64px;
	-moz-background-size	: 64px 64px;
	display			: block;
}

.menu ul li a{
	color			: #121212;
	display			: block;
	padding			: 14px 22px 13px 10px;
}



/* footer */

footer{
	display			: block;
	width			: 100%;
	clear			: both;
	font-size		: 8px;
	padding			: 0 0 0 0;
	text-align		: center;
	height			: 70px;
	background		: #ae9788 url(../img/bt.png) repeat-x top center;
	background-size		: 320px 70px;
	-webkit-background-size	: 320px 70px;
	-moz-background-size	: 320px 70px;
}

footer div{
	font-family		: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	color			: #11100f;
	line-height		: 12px;
	padding			: 24px 0 0 0;
}

footer a{
	color			: #11100f;
}



/***** button style *****/

.bt{
	text-align		: center;
	height			: 50px;
	margin			: 0 0 25px 0;
}

.btin{
	width			: 320px;
	text-align		: center;
	margin			: 0 auto;
	background		: url(../img/18.png) no-repeat center 10px;
	height			: 50px;
	background-size		: 30px 30px;
	-webkit-background-size	: 30px 30px;
	-moz-background-size	: 30px 30px;
}

.bt_enter , .bt_leave{
	float			: left;
	width			: 50%;
}

.bt_enter p{
}

.bt_enter span{
	display			: block;
	border			: 2px solid #6ad2d5;
	width			: 120px;
	margin			: 0 auto;
	border-radius		: 3px;
	-webkit-border-radius	: 3px;
}

.bt_enter span font{
	font-size		: 10px;
	color			: #ffffff;
}

.bt_enter a{
	font-family		: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	display			: block;
	color			: #ffffff;
	font-size		: 22px;
	font-weight		: bold;
	text-align		: center;
	text-decoration		: none;
	padding			: 8px 0 5px 0;
	text-shadow		: 1px 1px 0px #62b6b8;
	border			: 1px solid #afeeef;
background: rgb(141,229,231);
background: -moz-linear-gradient(top, rgba(141,229,231,1) 0%, rgba(107,211,214,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,229,231,1)), color-stop(100%,rgba(107,211,214,1)));
background: -webkit-linear-gradient(top, rgba(141,229,231,1) 0%,rgba(107,211,214,1) 100%);
background: -o-linear-gradient(top, rgba(141,229,231,1) 0%,rgba(107,211,214,1) 100%);
background: -ms-linear-gradient(top, rgba(141,229,231,1) 0%,rgba(107,211,214,1) 100%);
background: linear-gradient(to bottom, rgba(141,229,231,1) 0%,rgba(107,211,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8de5e7', endColorstr='#6bd3d6',GradientType=0 );
	line-height		: 14px;
	border-radius		: 3px;
	-webkit-border-radius	: 3px;
}


.bt_leave span{
	display			: block;
	border			: 2px solid #b8b8b8;
	width			: 120px;
	margin			: 0 auto;
	border-radius		: 3px;
	-webkit-border-radius	: 3px;
}

.bt_leave span font{
	font-size		: 10px;
	color			: #ffffff;
}

.bt_leave a{
	font-family		: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	display			: block;
	color			: #ffffff;
	font-size		: 22px;
	font-weight		: bold;
	text-align		: center;
	text-decoration		: none;
	padding			: 8px 0 5px 0;
	text-shadow		: 1px 1px 0px #ababab;
	border			: 1px solid #dbdbdb;
background: rgb(204,204,204);
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(191,191,191,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(191,191,191,1)));
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(191,191,191,1) 100%);
background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(191,191,191,1) 100%);
background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(191,191,191,1) 100%);
background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(191,191,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 );
	line-height		: 14px;
	border-radius		: 3px;
	-webkit-border-radius	: 3px;
}




.bt_et{
	margin			: 0 auto;
	width			: 240px;
	height			: 40px;
}
.bt_tops{
	float			: left;
	margin			: 0 auto;
	width			: 120px;
}

.bt_tops span{
	display			: block;
	border			: 1px solid #412d47;
	width			: 110px;
	margin			: 0 auto;
}

.bt_tops span font{
	font-size		: 10px;
}



.bt_tops a{
	font-family		: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho" serif;
	display			: block;
	color			: #ffffff;
	font-size		: 9px;
	font-weight		: normal;
	text-align		: center;
	text-decoration		: none;
	padding			: 0 0 0 0;
	text-shadow		: 1px 1px 0px #000000;
	border			: 1px solid #000000;
	background: #220027;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMDAyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ4MjQ1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM0MTE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTAwMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #220027 0%, #482459 50%, #341146 50%, #210027 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#220027), color-stop(50%,#482459), color-stop(50%,#341146), color-stop(100%,#210027));
background: -webkit-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: -o-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: -ms-linear-gradient(top, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
background: linear-gradient(to bottom, #220027 0%,#482459 50%,#341146 50%,#210027 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#220027', endColorstr='#210027',GradientType=0 );
	line-height		: 14px;
}



.bnr{
	padding			: 0 10px 10px 10px;
}

.bnr img{
	display			: block;
	margin			: 0 0 5px 0;
}




/** outlink **/

.outlink{
	text-align: center;
	padding: 0 10px 10px 10px;
}
.outlink_in{
}

#fgo{	padding-bottom: 10px;}
#fgo2{	padding-bottom: 10px;}
.fgo{
}
.fgo_in{
		margin: 0 0 5px 0;
		padding: 0 10px;
}
.fgo_in table{	margin: 0 auto;}

.link_list{
	font-size: 0;
	line-height: 0;
	padding: 0 0 5px 0;
}
.link_list a{
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 5px 2px;
}
#bnr46860 img{
	max-width: 100%;
	height: auto;
}