@charset "utf-8";
/* CSS Document */

/*font-family*/
/*---------------------------------*/
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; } 
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

/* IE */
@font-face { 
	font-family: GauFontExpositionW;
	src: url(GauFontExpositionW.eot);}
/*other*/
@font-face { 
	font-family: GauFontExpositionW;
	src: url("/Gau_Exposition_W.ttf") format("truetype"),
		url("/Gau_Exposition_W.woff") format("woff");} 


/*common*/
/*---------------------------------*/
body {
	line-height:1.6em;
	font-size:90%;
	background:url(../images/bg.gif) left top repeat #66c8eb;
	position:relative;
	height:auto;}

#content li {
	list-style-image:url(../images/li.png);
	margin:0 0 0 20px;}


/*utility*/
/*---------------------------------*/
.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.red {color:#ff1a2a;}
.blue { color:#21baf7;}
.pink{ color:#ff0054;}
.green { color:#00a22e;}
.yellow_g { color:#6bbe00;}
.left {float:left;}
.right{float:right;}
.tx_center {text-align:center;}
.tx_right {text-align:right;}
.small {font-size:92%;}
.big{font-size:110%;}
.block{
	display:block;}

#content ul.come {
	margin:0.3em 0;}
#content ul.come > li {
	margin:0 0 0 20px;
	list-style-image:url(../images/come.png);}

#content ul.ng {
	margin:0.3em 0;}
#content ul.ng > li {
	margin:0 0 0 20px;
	list-style-image:url(../images/icon_ng.gif);}

#content ul.ok {
	margin:0.3em 0;}
#content ul.ok > li {
	margin:0 0 0 20px;
	list-style-image:url(../images/icon_ok.gif);}



p {
	margin:0.3em 0;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mr5{ margin-top:5px;}
.mr10{ margin-top:10px;}
.mr15{ margin-top:15px;}
.mr20{ margin-top:20px;}
.mr25{ margin-top:25px;}
.mr30{ margin-top:30px;}
.mr35{ margin-top:35px;}
.mr40{ margin-top:40px;}
.mr45{ margin-top:45px;}
.mr50{ margin-top:50px;}
.mr55{ margin-top:55px;}
.mr60{ margin-top:60px;}
.mb5{ margin-top:5px;}
.mb10{ margin-top:10px;}
.mb15{ margin-top:15px;}
.mb20{ margin-top:20px;}
.mb25{ margin-top:25px;}
.mb30{ margin-top:30px;}
.mb35{ margin-top:35px;}
.mb40{ margin-top:40px;}
.mb45{ margin-top:45px;}
.mb50{ margin-top:50px;}
.mb55{ margin-top:55px;}
.mb60{ margin-top:60px;}
.ml5{ margin-top:5px;}
.ml10{ margin-top:10px;}
.ml15{ margin-top:15px;}
.ml20{ margin-top:20px;}
.ml25{ margin-top:25px;}
.ml30{ margin-top:30px;}
.ml35{ margin-top:35px;}
.ml40{ margin-top:40px;}
.ml45{ margin-top:45px;}
.ml50{ margin-top:50px;}
.ml55{ margin-top:55px;}
.ml60{ margin-top:60px;}

.pb60{ padding-bottom:60px;}

.w10{ width:10%;}
.w20{ width:20%;}
.w25{ width:20%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w100{ width:100px;}





/*header*/
/*---------------------------------*/
#header {
	width:980px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	height:120px;
	border-bottom:17px solid #ffd200;}
#top #header{
	height:180px;
	border:none;}

#header_nav a{
	color:#000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; }
#header_nav a:hover{
	color:#21baf7;}
#header_nav ul{
	position:absolute;
	top:60px;
	right:20px;
	/*float:right;
	margin:60px 20px 0 0;*/
	height:43px;}
#header_nav ul li{
	display:block;
	float:left;
	font-family: GauFontExpositionW;
	font-size:120%;
	margin:0 0 0 10px;
	padding:13px 0 0 0;
	height:30px;}
#header_nav ul li#nav_mail{
	padding:0;
	height:43px;
	width:43px;}
#header_nav ul li#nav_mail a{
	padding:0;
	height:43px;
	width:43px;
	display:block;
	background-image:url(../images/icon_mail_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000;}
#header_nav ul li#nav_mail a:hover{
	background-color:#21baf7;}
	
#header #logo{
	position:absolute;
	top:30px;
	left:18px;
	width:403px;
	height:141px;
	display:block;
	padding:0;}

/*content*/
/*---------------------------------*/
#content_in{
	width:940px;
	padding:60px 20px 161px 20px;
	margin:0 auto;
	background:url(../images/content_in_bg.jpg) center bottom no-repeat #fff;
	overflow:hidden;}
#content_in #sub{
	padding:0 24px 0 0;
	text-align:right;
	width:176px;
	float:left;}
#content_in #main{
	border-left:1px dashed #000;
	float:right;
	width:709px;
	padding:0 30px 0 0;
	margin:0;}
#content_in #main a{
	color:#ff0054;
	text-decoration:underline;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
#content_in #main a:hover{
	color:#ddd;
	text-decoration:none;}
#content_in #sub a{
	color:#000;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear; }
#content_in #sub a:hover{
	color:#ddd;}

.section {
	padding:0 0 60px;
	overflow:auto;
	display:block;
	}
.sec_in{
	margin:0 0 0 36px;}
.section h3{
	font-size:132%;
	padding:0 0 8px 36px;
	margin:0 0 24px 0;
	border-bottom:1px dashed #000;}
.section table{
	margin:12px 0;}


/*top*/
#content_box{
	background:#ffd200;
	width:100%;
	min-width:980px;
	margin:0;
	box-shadow:0 0 15px rgba(00,00,00,0.3);
	z-index:12;}
#content_box_in{
	width:980px;
	margin:0 auto;
	padding:20px 0;
	overflow:auto;}


/*headline*/
/*---------------------------------*/
h2{}

h5{
	font-weight:bold;
	margin:20px 0 10px;
	padding:0 160px 0 0;
	border:1px solid #ffd200;
	background:url(../images/bg.gif) #ffd200;
	border-radius:10px;}
h5 span{
	display:block;
	padding:5px 0 5px 15px;
	background:#fff;
	border-radius:10px;}

/*footer*/
/*---------------------------------*/
#footer{
	background:#000;}
#footer_nav {
	overflow:hidden;}
#footer{
	color:#fff;
	width:100%;
	min-width:980px;}
#footer_in{
	width:980px;
	margin:0 auto;
	padding:20px 0;}
#footer a{
	color:#fff;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear; }	
#footer a:hover{
	color:#ffd200;}	

#footer_box01 a, #footer_box02 a ,#footer_box03 a{
	text-decoration:underline;}

#footer_box01 ul li, #footer_box02 ul li, #footer_box03 ul li{
	display:inline;}
#footer_box01{
	float:left;
	padding:10px 20px 10px 0;}
#footer_box02,#footer_box03{
	float:left;
	padding:10px 20px;}
#footer_box01,#footer_box02{
	border-right:1px solid #fff;}
#footer h2{
	font-size:200%;
	font-family: GauFontExpositionW;
	margin:0 0 10px 0;}
#footer h3{
	font-size:120%;
	font-family: GauFontExpositionW;}

#footer hr{
	display:inherit;}
#footer hr{
	height:1px;
	border-top:1px dashed #ffd200;
	clear:both;}

/*sitemap*/
ul.sitemap01 li{}
ul.sitemap02 li{
	/*list-style-image:url(../images/arrow_blue.png);*/
	background:url(../images/arrow_blue.png) left center no-repeat;
	padding:0 0 0 10px ;}
#footer_box04,#footer_box05,#footer_box06{
	float:left;
	padding:10px 60px 20px 0;}


/*top*/
#top #footer{
	background:url(../images/top_footer_bg.gif) left top repeat-x #000;}
#footer_chara{
	background:url(../images/top_footer.png) right top no-repeat;
	width:auto;
	margin:0 auto;}

/*contact*/
#support{
	margin:80px 0 0 0;
	min-height:400px;}
	
#support dl{
	margin:20px 0;}
#support dt{
	padding:0 10px 0 0;
	width:190px;
	background: #ff0054;}
#support dt p{
	display:block;
	width:160px;
	height:auto;
	background:url(../images/plus_small.png) right center no-repeat;
	padding:10px 20px 10px 10px;}
#support dd{
	background:#fff;
	color:#000;
	padding:10px;
	width:600px;
	margin:0;}
.accordion_head {cursor:pointer;}

/*FC2*/
/*---------------------------------*/
#fc2_footer{
	background-color:#000;
	position:absolute;
	bottom:0;
	margin:0px;
	padding:5px 0 3px 0;
	color:#fff;
	}
#fc2_footer a{
	color:#fff;}
#index #fc2_footer{
	background-color:#ffd200;
	position:relative;
	color:#fff;}