@charset "utf-8";

@import url("default.css");

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
	min-height:100%;
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #666;
	font-size: 88%;
	font-weight: normal;
	line-height: 1.66;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
Wrapper
--------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	min-width:980px;
	min-height:100%;
	height: auto !important;
    height: 100%;
	margin: 0 auto;
	z-index:1;
	padding-top:60px;
}
#wrapper {
	padding-top:0px;
}
/*#wrap-top, #wrapper { display: none; }*/
/*--------------------------------------------------------------------
Wrap-top
--------------------------------------------------------------------*/
#wrap-top {
	width: 100%;
	min-width:980px;
    position: fixed;
    top: -55px;
	height: 55px;
	margin: 0;
	z-index: 50;
	background : url("../images/common/bg.gif") repeat left top;	
}
#wrap-top.fixed {
    position: fixed;
    top: 0px;
}
header {
	width:100%;
	height: 53px;
	background: url("../images/common/line_bg.gif") repeat-x left bottom;
}
/* =========================================== */
/* menu */
/* =========================================== */
#menu{
	width:980px; 
	height:43px; 
	margin:0 auto;
	padding-top: 2px;
}
#menu h1.title{
	position:absolute;
	float:left;
	margin:0 0 0 10px;
	top:7px;
}
#menu ul.navi{
	float:left;
	width:587px;
	margin:5px 0 0 244px;
}
#menu ul.navi li{
	float: left;
	padding-top:5px;
	/margin-left:31px;
}
#menu ul.navi li a{
	display:block;
	height:33px;
	padding-right:28px;
}
#menu ul.navi li.btn5 a{
	padding-right:0px;
}
#menu ul.navi .sub li{
	padding-top:0px;
	margin-left:31px;
}
#menu ul.navi .sub li:first-child{
	margin-left:0px;
}
#menu ul.navi .sub li a{
	display:inline;
	height:auto;
	padding-right:0px;
}
#menu ul.sns{
	float:left;
	width:144px;
	float:right;
	right:0;
	margin-top:7px;
}
#menu ul.sns li{
	float:left;
	margin-left:3px;
}
#menu li.btn {
	height:17px;
}
/*--sub menu--------------------*/
#menu li div.sub {
	display: none;
	position: absolute;
	float:left;
	left:0;
	top: 55px;
	width:100%;	
	height:122px;
	background : #e50a84;
}
#menu li.btn1 div ul {
	padding-top:20px;
	width:488px;
	height: 80px;
	margin:0 auto;
}
#menu li div ul li {
	float:left;
}
#menu li div ul li:first-child {
	margin-left:0px;
}
#menu li.btn2 div.sub_wrap,
#menu li.btn3 div.sub_wrap {
	padding-top:20px;
	width:580px;
	height: 80px;
	margin:0 auto;
}
#menu li.btn2 div.sub_wrap ul.sub_s,
#menu li.btn3 div.sub_wrap ul.sub_s {
	float:left;
}
#menu li.btn2 div.sub_wrap ul.sub_s ul li,
#menu li.btn3 div.sub_wrap ul.sub_s ul li {
	float:none;
	margin:0 0 7px 0;
}
#menu li.btn2 div.sub_wrap ul.sub_s{
	width:361px;
}
#menu li.btn2 div.sub_wrap ul.sub_s ul.ss1{
	width:122px;
}
#menu li.btn2 div.sub_wrap ul.sub_s ul.ss2{
	width:112px;
}
#menu li.btn2 div.sub_wrap ul.sub_s ul.ss3{
	width:63px;
}
#menu li.btn3 div.sub_wrap ul.sub_s ul.ss1{
	width:73px;
}
#menu li.btn3 div.sub_wrap ul.sub_s ul.ss2{
	width:93px;
}
#menu li.btn3 div.sub_wrap ul.sub_s ul.ss3{
	width:79px;
}
#menu li div.thum{
	float:left;
	margin-left:46px;
	margin-right:30px;
}


/*--------------------------------------------------------------------
Wrap-btm
--------------------------------------------------------------------*/

#wrap-btm {
	width: 100%;
	height: 285px;
	bottom:0;
	z-index: 60;
}

footer {
	width:100%;
	height:285px;
	background : #e50a84 url("../images/footer/footer_dot_line.png") repeat-x left top;	
}
#footer_wrap {
	width:980px;
	height:199px;
	margin: 0 auto;
	padding-top:36px;
	/background: rgba(0,255,0,0.5);
}
.to_pagetop {
	position:absolute;
	width:100%;
	margin-top:-93px;
	height:132px;
	background : url("../images/footer/to_pagetop_bg.png") no-repeat center top;	
	z-index:10;
}
.to_pagetop .ss{
	position:relative;
	width:980px;
	height:0px;
	margin:52px auto 0;	
	/bottom:-20px;
}
.to_pagetop .ss a{
	float:right;
}
.to_pagetop .ss.fixed{
	position:fixed;
	bottom:62px;
	width:100%;
}
.to_pagetop .ss.fixed span{
	display:block;
	width:980px;
	background:#f00;
	margin:0 auto 0;	
}
#footer_wrap .logo{
	float:left;
	margin:8px 0 0 38px;
	/margin:8px 0 0 58px;
}
#footer_wrap .f_line{
	float:left;
	width:1px;
	height:132px;
	background-color: #3b1d1d;
	margin:6px 0 0 35px;
}
/*
#top #footer_wrap .f_line{
	margin:6px 0 0 29px;
}
*/
#footer_wrap dl{
	float:left;
	font-size:12px;
	line-height:230%;
	color:#fff;
	letter-spacing:0.1em;
	margin:0 0 0 30px;
}
#footer_wrap dt{
	float: left;
	clear: both;
	margin-bottom:3px;
	font-weight:bold;
}
#footer_wrap dd {
	text-align:left;
	padding: 0 0 0 150px;
	margin-bottom:3px;
}
#footer_wrap dd a{
	font-size:12px;
	line-height:210%;
	color:#fff;
	letter-spacing:0.1em;
	margin-left:2px;
	margin-right:2px;
}
#footer_wrap ul.other_link{
	float:right;
	margin:14px 40px 20px 0;
}
#footer_wrap ul.other_link li{
	float:right;
	margin-left:30px;
}
#footer_wrap ul.other_link li a{
	display:block;
	font-size:12px;
	color:#fff;
	letter-spacing:0.1em;
	padding-left:14px;
	background : url("../images/footer/link_blank.png") no-repeat left 6px;	
	
}
.copyright{
	width:100%;
	height:42px;
	text-align:center;
	clear:both;
	padding-top:8px;
	background:#5c3226;
	/background : #e50a84;
}
#wa .copyright{
	background:#131b4d;
}
/*--------------------------------------------------------------------

--------------------------------------------------------------------*/
a{
	text-decoration:none;
}
a:hover{text-decoration:underline;}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

.fll {float: left}
.flr {float: right}

.spt5 {padding-top: 5px;}
.spt10 {padding-top: 10px;}
.spt15 {padding-top: 15px;}
.spt20 {padding-top: 20px;}
.spt30 {padding-top: 30px;}
.spt50 {padding-top: 50px;}

.sp15 {padding: 15px;}
.sptlr15 {padding: 15px 15px 0 15px;}

.spl120 {padding-left: 120px}

.wpno {white-space: nowrap}


p.tyuui{
	font-size:77%;
	line-height:120%;
	vertical-align:top;
	padding:0px;
	border-spacing: 0;
	color:#666;
	text-align:left;	
}
p.note{
	font-size:9px;
	line-height:120%;
	vertical-align:top;
	padding:0px;
	border-spacing: 0;
	color:#666;
	text-align:right;	
}
.scrEvent{
	opacity:0;
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
}