@charset "utf-8";

/*----------------------------------------------------
	年齢認証CSS +東海版
----------------------------------------------------*/

/* base setting
----------------------------------------------------- */
body{
	color:#444;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	font-size:12px;
	line-height:1.5;
	text-align:center;
}

a{
	color:#333399;
}

a:hover{
	text-decoration: underline;
}

#wrapper {
	width: 950px;
	margin:0 auto;
	border-right: 1px solid #f9114d;
	border-left: 1px solid #f9114d;
}

#container {
	width: 850px;
	margin:0 auto;
	text-align: left;
}

/* header
----------------------------------------------------- */
#header{
	width: 950px;
	margin: 0 0 10px;
	background-color:#f9114d;
}

h1{
	font-size:12px;
	color: #FFFFCC;
}
#header #sNavi {
    height: 20px;
    width: 950px;
	margin:2px 0;
	background:url(../img/auth/bg_groups.gif) no-repeat scroll 0 0;
	position:relative;
}
#header #sNavi ul.groups{
	position:absolute;
	top:0;
	left:56px;
}
#header #sNavi ul.groups li {
    float: left;
    height: 20px;
    margin: 0 1px 0 0;
    width: 104px;
}

/* main
----------------------------------------------------- */
#main{
	width:850px;
	margin: 0 0 10px;
}

#entrance{
	width:550px;
	float: left;
}

#entranceTop{
	width:540px;
	margin: 0 0 11px;
}

#leftBox{
	width:400px;
	float: left;
}
#leftBox a{ color:#f9114d;}

#leftBox span{ color:#f9114d;}
#leftBox p.leave{ color:#999999;}
#leftBox p.leave a{ color:#333399;}
h2{
	font-size:12px;
	margin: 0 0 5px;
}

#logo{
	margin: 0 0 10px;
}

#tagline{
	margin:0 0 5px;
	padding: 0 10px 0 0;
	line-height: 1.6;
}

#social{ }
#social a{ font-size:14px;}

#qr{
	float: left;
	width: 140px;
	text-align:center;
	background:url(../img/auth/qr_bg.gif) no-repeat left top;
	padding-top: 177px;
	line-height: 1.2;
	height: 93px;
}

#qr span{ font-size:10px;}

#qr input{ width:120px;}

#qr input.submit{
	width:140px;
	height: 40px;
	margin: 4px 0 0 0;
}

#cover{
	width:300px;
	height:400px;
	float: left;
}

#areaEnter{
	width: 550px;
}

#areaEnter ul li{
	height: 120px;
	overflow: hidden;
	float: left;
	width: 129px;
	margin-right: 8px;
}

#areaEnter ul li a{
	display:block;
	width:129px;
	height:120px;
	text-indent:-9999px;
	background: url(../img/auth/area_enter2.png) no-repeat left top;
}

#areaEnter ul li.kanto a{ background-position:0 0; }
#areaEnter ul li.kanto a:hover{ background-position:0 -120px; }
#areaEnter ul li.kansai a{ background-position:-129px 0; }
#areaEnter ul li.kansai a:hover{ background-position:-129px -120px; }
#areaEnter ul li.tokai a{ background-position:-258px 0; }
#areaEnter ul li.tokai a:hover{ background-position:-258px -120px; }
#areaEnter ul li.under18 a{ background-position:-387px 0; }

#areaEnter li.end{ margin-right:0;}

.leavetext{
	margin:5px 0 0 0;
	padding: 0 0 0 20px;
	color: #999;
}

/* adBanner
----------------------------------------------------- */
#adBanner{
	margin: 0 0 10px;
	text-align: center;
}

#adBanner li{
	float:left;
	margin-right: 60px;
	width: 395px;
}

#adBanner li.end{ margin-right:0;}

/* smartphone_banner
----------------------------------------------------- */
#smartphone{ margin:0 0 10px;}

/* guide_banner
----------------------------------------------------- */
#guidelist{ margin:15px 0;}
#guidelist li{ float:left; margin:0 10px 0 0;}
#guidelist li.end{ margin-right:0;}

/* information
----------------------------------------------------- */
h3.h{
width:265px;
height:40px;
text-indent:-9999px;
}
#information{ width:900px;}
#information .mvrelatedlink{ width:265px; float:left; margin:0 10px 0 0;}
#information .mvrelatedlink .mvarea .inner{
height:182px;
}
#information .mvrelatedlink .mvserch .inner{
height:168px;
}
#information .mvrelatedlink .mvarea .inner ul,
#information .mvrelatedlink .mvserch .inner ul{
padding:5px 0 5px 7px;
line-height:1.3;
}
#information .mvrelatedlink .mvarea .inner ul li,
#information .mvrelatedlink .mvserch .inner ul li{
float:left;
white-space:nowrap;
margin:0 7px 0 0;
}
#information .mvrelatedlink .mvarea .inner ul li a,
#information .mvrelatedlink .mvserch .inner ul li a{
font-weight:bolder;
color:#000;
}
#information .mvrelatedlink .mvarea .inner ul li.upper,
#information .mvrelatedlink .mvserch .inner ul li.upper{
font-size:14px;
text-indent:14px;
float:none;
margin:0 0 3px 0;
}
#information .mvrelatedlink .mvarea{ background:url(../img/auth/bg_Back1.gif) repeat-y left top;margin:0 0 10px 0; }
#information .mvrelatedlink .mvarea h3.h{ background:url(../img/auth/area_search_bg2.gif) no-repeat 0 0; }
#information .mvrelatedlink .mvarea .inner{ background:url(../img/auth/bg_Bottom1.gif) no-repeat left bottom; }
#information .mvrelatedlink .mvarea .inner ul li.upper{ background:url(../img/auth/areasearch_icon.gif) no-repeat 0 2px;color:#339933; }
#information .mvrelatedlink .mvserch{ background:url(../img/auth/bg_Back2.gif) repeat-y left top; }
#information .mvrelatedlink .mvserch h3.h{ background:url(../img/auth/area_search_bg2.gif) no-repeat left -40px; }
#information .mvrelatedlink .mvserch .inner{ background:url(../img/auth/bg_Bottom2.gif) no-repeat left bottom; }
#information .mvrelatedlink .mvserch .inner ul li.upper{ background:url(../img/auth/areasearch_icon2.gif) no-repeat 0 2px;color:#99df2c; }
#information .widget{ width:265px; float:left; margin:0 10px 0 0;}
#information .widget{ background:url(../img/auth/bg_Back3.gif) repeat-y left top;position:relative; }
#information .widget h3.h{ background:url(../img/auth/area_search_bg2.gif) no-repeat left -80px; }
#information .widget .inner{ background:url(../img/auth/bg_Bottom3.gif) no-repeat left bottom;height:400px; }
#information .widget .inner .follow{
position:absolute;
top:12px;
left:95px;
width:146px;
}
#information .widget .inner .gadget{
padding:7px 0 0 7px;
}
#information .adbanner{ width:300px; float:left;}
#information .adbanner ul li,
#information2 #contents ul li{
margin:0 0 10px 0;
}
#information .adbanner ul li.end
#information2 #contents ul li.end{
margin:0 0;
}
/** areaSearch **/
#areaSearch{
	margin: 0 0 10px;
}

#areaSearch h3{
	background:url(../img/auth/area_search_bg.gif) no-repeat left top;
	display: block;
	height: 50px;
	margin: 0 0 10px;
	text-indent:-9999px;
}

#areaSearch ul li.upper{
	display:block;
	font-size: 14px;
	margin: 0;
	background: url(../img/auth/areasearch_icon.gif) no-repeat left top;
	width: 360px;
	padding-left: 14px;
	background-position: 0 3px;
	color: #339933;
}

#areaSearch ul li{
	float:left;
	margin-right: 10px;
}

#areaSearch ul li a{ color:#000;}

/** news **/
#information2 .left{
float:left;
margin:0 10px 0 0;
width:540px;
}
#information2 #news{ background:url("../img/auth/bg_Back4.gif") repeat-y left top; }
#information2 #news h3.h{ background:url("../img/auth/area_search_bg2.gif") no-repeat left -120px;width:540px; }
#information2 #news .inner{ background:url("../img/auth/bg_Bottom4.gif") no-repeat left bottom;height:545px; }
#information2 #news{
float:none;
width:540px;
}
#information2 #news .inner .line{
margin:10px 10px 0 10px;
border:1px solid #314fb0;
}
#information2 #news .inner .newsList{
height:532px;
overflow-x:hidden;
overflow-y:auto;
}

.newsList dl{
	background-color: #FFFFFF;
	padding:5px;
}

.newsList dt{ color:#f9114d;}

.newsList dt span{
	color:#000;
	padding-right: 10px;
}

.newsList dd{
	border-bottom:1px dotted #ccc;
	margin: 0 0 5px;
	padding: 0 0 5px;
}

.newsList a{
	color:#444;
}

.newsList a:hover{
	color:#444;
}

.newsfooter{ height:15px; overflow:hidden;}


#information2 #rss{
margin:10px 0 0 0;
padding:0 0 0 370px;
}
#rss p{ display:block; padding-left:14px; background:url(../img/auth/feed_icon.png) no-repeat scroll 0 0; line-height:1.2;}

/** contents **/
#information2 #contents{
float:left;
width:300px;
}
#information2 #contents ul li{
background-color:#eee;
}
#information2 #contents ul li a img{
margin:12px 12px;
}


/* flexcroll.js
----------------------------------------------------- */

/* 本体 */
.scrollgeneric {
line-height:1px;
font-size:1px;
position:absolute;
top:0;
left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
width:10px;
background-color:#eee;
}

/* 縦スクロールバー */
.vscrollerbar {
width:10px;
background-color:#900;
}

/* 横スクロール範囲 */
.hscrollerbase {
height:10px;
background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
height:10px;
background-color:#900;
}

/* 縦横スクロールバー */
.scrollerjogbox {
width:10px;
height:10px;
top:auto;
left:auto;
bottom:0;
right:0;
background-color:#eee;
}

/* スクロール範囲（上下、左右のスクロールボタンを設置した場合に使用） */
div.newsList .vscrollerbar,
div.newsList .hscrollerbar {
padding:10px;
z-index:2;
}

/* 縦スクロール範囲 */
div.newsList .vscrollerbase {
width:15px;
background: url(../img/auth/scrollbase_y_background.gif);
}

/* 縦スクロールバー */
div.newsList .vscrollerbar {
width:15px;
background: url(../img/auth/scroll_y_center.gif);
}

/* 横スクロール範囲 */
div.newsList .hscrollerbase {
height:10px;
background: url(../img/auth/scrollbase_x_background.gif);
}

/* 横スクロールバー */
div.newsList .hscrollerbar {
height:10px;
background: url(../img/auth/scroll_x_center.gif);
}

/* 縦スクロール 上スクロールボタン */
div.newsList .vscrollerbasebeg {
background: url(../img/auth/scroll_topbtn.gif) no-repeat;
width:15px;
height:10px !important;
}

/* 縦スクロール 下スクロールボタン */
div.newsList .vscrollerbaseend {
background: url(../img/auth/scroll_downbtn.gif) no-repeat;
width:15px;
height:10px !important;
}

/* 縦スクロールバー 先端 */
div.newsList .vscrollerbarbeg {
background: url(../img/auth/scroll_y_top.gif) no-repeat;
width:15px;
height:5px !important;
}

/* 縦スクロールバー 終端 */
div.newsList .vscrollerbarend {
background: url(../img/auth/scroll_y_down.gif) no-repeat;
width:15px;
height:5px !important;
}

/* 横スクロール 左スクロールボタン 
div.informationBox .hscrollerbasebeg {
background: url(../images/common/scroll_leftbtn.gif) no-repeat;
width:10px !important;
height:10px;
}
*/

/* 横スクロール 右スクロールボタン 
div.informationBox .hscrollerbaseend {
background: url(../images/common/scroll_rightbtn.gif) no-repeat;
width:10px !important;
height:10px;
}
*/

/* 縦スクロールバー 先端 
div.informationBox .hscrollerbarbeg {
background: url(../images/common/scroll_x_left.gif) no-repeat;
width:5px !important;
height:10px;
}
*/

/* 縦スクロールバー 終端 
div.informationBox .hscrollerbarend {
background: url(../images/common/scroll_x_right.gif) no-repeat;
width:5px !important;
height:10px;
}
*/

/* footer
----------------------------------------------------- */
#footer{
	width:950px;
	height: 60px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	background-color: #f9114d;
	text-align: left;
}

#copyright{
	padding:10px;
	float: left;
	width: 720px;
}

.twitter{
	width:200px;
	height:50px;
	float: left;
}

/* media button
-----------------------------------------------------*/
div.s-media{ margin:5px 0;}
ul#media li{
float:left;
height:21px;
padding:0 10px 0 0;
}
ul#media li.tw,ul#media li.fa,ul#media li.g1{padding:0 0;}