@charset "UTF-8";


/* -----------------共通項目---------------------*/
.alert	{
	font-size: 80%;
	color: #FF0000;
	line-height: 1.5em;
	padding: 10px 0;
}

#serial .alert	{
	font-size: 80%;
	color: #FF9;
	line-height: 1.5em;
	padding: 10px 0;
}


/* -----------------画面構成要素---------------------*/

body , html {   
    height: 100%;
	_height:auto;
	-webkit-text-size-adjust : none;
}


.base{
	width: 100%;
	position: relative;
	height: auto !important;    
	height: 100%;
	min-height: 100%;
	}

input,
textarea{
	margin-top:0;
	padding:3px;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;     /* for Safari and Chrome */
	-moz-border-radius: 3px;    /* for Firefox */
	-o-border-radius: 3px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:3px;   /* Linux browsers */
	border-radius: 3px;     /* CSS3 */
	/*behavior: url("js/PIE.htc");*/
	}
textarea{
	background-color:#fff !important;
	}
/*インプットサイズ*/
input.short,
input.middle,
input.long,
textarea.long{
	background-color:#fff !important;
}

/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){
body {
	/*background-color:#ccc;*/
}

}
/*===============================================
●画面の横幅が800px以上
===============================================*/
@media screen and (max-width: 800px){
body {
	/*background-color:#ff0000;*/
}

}
/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px){
body {
	/*background-color:#C69;*/
}

}



/* -----------------画面構成要素2---------------------*/

.base {
	margin: 0 auto;
	padding:0;
	overflow:hidden;
}

/* -----------------ヘッダー内要素---------------------*/
#header {
	margin: 0px;
	padding:0;
	overflow:hidden;
}

#header_logo {
	/*サイズ等はHTML内に記述*/
	margin: 5px 0 0 10px;
	padding: 0px;
	float: left;
}

#header #text{
	margin: 5px 0 0 0px;
	padding-bottom: 0.5em;
	font-size:12px;
	line-height:1.3em;
}
/*-------------------------------
		▼外販用追加CSS▼
-------------------------------*/
#header #head-pic {
	width:100%;
	margin:0;
	clear:both;
}

#header #head-pic img{
	width:100%;
	margin:0;
	border:none;
	display:block;
}
/*-------------------------------
		▲外販用追加CSS▲
-------------------------------*/

#header_catch {
	margin: 0 0 0 10px;
	padding: 0px;
	float: right;
	height: 95px;
	width: 210px;
	/*background-image: url("../image/enjoy.png");*/
	position: relative; top:-50px; right:20px
}
/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){
.base {
	width: 800px;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}

#header {
	min-height:55px;
	width:100%;
	padding: 0;
}

#header #text{
	margin:5px 0 0 0;
	float:right;
	width: 450px;
}

}
/*===============================================
●画面の横幅が460pxまで
===============================================*/
@media screen and (max-width: 800px){
.base {
	width: 100%;
	border-left: 0px;
	border-right: 0px;
	/*background-color:#C33;*/
}

#header {
	padding: 0;
}

#header #text{
	margin:5px 0 0 0;
	float:right;
	width: 48%;
	padding-right:1em;
}

}

/*===============================================
●画面の横幅が460pxまで
===============================================*/
@media screen and (max-width: 320px){

#header {
	min-height:55px;
	width: 100%;
}

#header_logo {
	margin:5px 0;
	}

#header #text{
	margin:5px 0 0 0;
	clear:both;
	padding:0 1em;
	/*background-color:#F69;*/
	width:auto;
}

}

/* -----------------コンテンツ---------------------*/

/*繧ｭ繝｣繝?メ逕ｻ蜒?*/
.box0 {
	background-color: #CC0000;
	width: 768px;
	height: 330px;
	margin: 0 0 0 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: rgb(150,0,0);
	border-left-color: rgb(150,0,0);
	border-bottom-color: rgb(150,0,0);
	clear: both;
}
.photo_area {
	width: 100%;
}

.photo_area img{
	width: 100%;
}


/*キャッチ画像*/
.photo {
	background-color: #000;
	width: 100%;
	*height: 300px;
	margin: 0 0 0 0px;
	padding:0;
	clear: both;
}
/*???[?r?[*/
#movie_area {
	float: left;
	height: 130px;
	width: 490px;
}

/*?W???P?b?g?G???A*/
.box2 {
	position: relative;
	top: -12px;
	height: 206px;
}

/* -----------------NEWSなど＆フリースペース他----------------- */
.contents {
	margin: 0px !important;
	padding: 15px 0 0 0px !important;
	width: 100%;
	clear: both;
	overflow: hidden;
	*min-height: 400px;
}
.contents a {
	text-decoration: none;
}
.contents a:visited {
	color: #333333;
}

.contents a:link {
	color: #333333;
}
.contents a:hover {
	text-decoration: underline;
	color: #CC0000
}
.contents h2{
	font-size: 16px;
	color:rgb(70,70,70);
	font-weight: bold;
	padding: 0 0.5em 5px;
	margin: 10px 0;
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: rgb(190,190,190);*/
}
.contents img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contents .text{
	width:98%;
	margin:0 auto 10px;
	/*background-color:#09C;*/
}
.contents .text h2{
	margin-bottom:0.5em;
	padding:0 0 0 0.5em;
}
.contents .text p{
	margin:0 5px 0 10px;
}

.message_area{
	width:90%;
	margin:1em auto;
	font-size:16px;
	line-height:1.5em;
	}
	
/*コンテンツ内の写真エリア*/
.contents .photo_area{
	width:90%;
	margin:1em auto;
	float:none;
	}
.contents .photo_area img{
	width:100%;
	height:auto;
	margin:0 !important;
	border:none !important;
	
	}
/*------------------------------------------------------------*/
.submit {
	margin: 20px auto 50px;
	padding:0px;
	/*width: 430px;*/
	max-width:430px;
	min-width:200px;
	min-height: 30px;
	clear: both;
	overflow: hidden;
}


#regist_disable.submit {/*入力内容確認の不可ボタン*/
	margin: 20px auto 50px;
	padding:0px;
	/*width: 430px;*/
	max-width:430px;
	min-width:200px;
	min-height: 30px;
	clear: both;
	overflow: hidden;
}



#regist_disable.submit #kakunin_btn_disable,
#regist_disable.submit #kakunin_btn_disable_ch,
#regist_disable.submit #kakunin_btn_disable_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}


#regist_disable.submit #kakunin_btn_disable a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist_disable.png) no-repeat left top !important;
	pointer-events:none;
	
}
#regist_disable.submit #kakunin_btn_disable_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist_disable_ch.png) no-repeat left top !important;
	pointer-events:none;
}
#regist_disable.submit #kakunin_btn_disable_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist_disable_en.png) no-repeat left top !important;
	pointer-events:none;
}



/*シリアルを認証ボタン*/
#check_btn{
	margin: 25px auto 10px !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
	background: url(../image/common/btn_check.png) no-repeat left top !important;
}
#check_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_check.png) no-repeat left top !important;
}

#check_btn a:hover {
	background:url(../image/common/btn_check.png) no-repeat left bottom !important;
}

/*アンケートはこちらボタン=R*/
#enquete_btn,
#enquete_btn_ch,
#enquete_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
	background: url(../image/common/btn_enquete.png) no-repeat left top !important;
}
#enquete_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_enquete.png) no-repeat left top !important;
}
#enquete_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_enquete_ch.png) no-repeat left top !important;
}
#enquete_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_enquete_en.png) no-repeat left top !important;
}

#enquete_btn a:hover,
#enquete_btn_ch a:hover,
#enquete_btn_en a:hover {
	background-position:left bottom !important;
}

/*お申込みはこちらボタン=R*/
#omoushikomi_btn{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
	background: url(../image/common/btn_moshikomi.png) no-repeat left top !important;
}
#omoushikomi_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_moshikomi.png) no-repeat left top !important;
}

#omoushikomi_btn a:hover {
	background-position:left bottom !important;
}

/*応募はこちらボタン=R*/
#oubo_btn,
#oubo_btn_ch,
#oubo_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#oubo_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_oubo.png) no-repeat left top !important;
}
#oubo_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_oubo_ch.png) no-repeat left top !important;
}
#oubo_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_oubo_en.png) no-repeat left top !important;
}

#oubo_btn a:hover,
#oubo_btn_ch a:hover,
#oubo_btn_en a:hover {
	background-position:left bottom !important;
}

/*空メールボタン=R*/
#kara-mail_btn,
#kara-mail_btn_ch,
#kara-mail_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#kara-mail_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_karamail.png) no-repeat left top;
}

#kara-mail_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_karamail_ch.png) no-repeat left top;
}
#kara-mail_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_karamail_en.png) no-repeat left top;
}

#kara-mail_btn a:hover,
#kara-mail_btn_ch a:hover,
#kara-mail_btn_en a:hover {
	background-position:left bottom !important;
}


/*入力内容を確認ボタン=R*/

#kakunin_btn,
#kakunin_btn_ch,
#kakunin_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#kakunin_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist.png) no-repeat left top !important;
}
#kakunin_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist_ch.png) no-repeat left top !important;
}
#kakunin_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_regist_en.png) no-repeat left top !important;
}

#kakunin_btn a:hover,
#kakunin_btn_ch a:hover,
#kakunin_btn_en a:hover {
	background-position:left bottom !important;
}

/*入力内容を送信ボタン=R*/
#sousin_btn,
#sousin_btn_ch,
#sousin_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#sousin_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_submit.png) no-repeat left top !important;
}
#sousin_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_submit_ch.png) no-repeat left top !important;
}
#sousin_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_submit_en.png) no-repeat left top !important;
}

#sousin_btn a:hover,
#sousin_btn_ch a:hover,
#sousin_btn_en a:hover {
	background-position:left bottom !important;
}

/*ログインボタン=R*/

#login_btn,
#login_btn_ch,
#login_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#login_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_login.png) no-repeat left top !important;
}
#login_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_login_ch.png) no-repeat left top !important;
}
#login_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_login_en.png) no-repeat left top !important;
}

#login_btn a:hover,
#login_btn_ch a:hover,
#login_btn_en a:hover {
	background-position:left bottom !important;
}


/*トップにもどるボタン=R*/

#go-top_btn,
#go-top_btn_ch,
#go-top_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#go-top_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-top.png) no-repeat left top !important;
}
#go-top_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-top_ch.png) no-repeat left top !important;
}
#go-top_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-top_en.png) no-repeat left top !important;
}

#go-top_btn a:hover,
#go-top_btn_ch a:hover,
#go-top_btn_en a:hover {
	background-position:left bottom !important;
}

/*イベントサイトへボタン=R*/

#go-event_btn,
#go-event_btn_ch,
#go-event_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#go-event_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-event.png) no-repeat left top !important;
}
#go-event_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-event_ch.png) no-repeat left top !important;
}
#go-event_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_go-event_en.png) no-repeat left top !important;
}

#go-event_btn a:hover,
#go-event_btn_ch a:hover,
#go-event_btn_en a:hover {
	background-position:left bottom !important;
}

/*再登録ボタン*/

#re_btn{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
	background: url(../image/common/btn_re.png) no-repeat left top !important;
}
#re_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_re.png) no-repeat left top !important;
}

#re_btn a:hover {
	background:url(../image/common/btn_re.png) no-repeat left bottom !important;
}

/*入力ページへもどる=R*/
#e-back,
#e-back_ch,
#e-back_en,
#formback_btn,
#formback_btn_ch,
#formback_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#e-back a,
#formback_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_formback.png) no-repeat left top !important;
}
#e-back_ch a,
#formback_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_formback_ch.png) no-repeat left top !important;
}
#e-back_en a,
#formback_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_formback_en.png) no-repeat left top !important;
}

#e-back a:hover,
#e-back_ch a:hover,
#e-back_en a:hover,
#formback_btn a:hover,
#formback_btn_ch a:hover,
#formback_btn_en a:hover {
	background-position:left bottom !important;
}


/*登録ボタ=R*/

#touroku_btn,
#touroku_btn_ch,
#touroku_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#touroku_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_touroku.png) no-repeat left top !important;
}
#touroku_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_touroku_ch.png) no-repeat left top !important;
}
#touroku_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_touroku_en.png) no-repeat left top !important;
}

#touroku_btn a:hover,
#touroku_btn_ch a:hover,
#touroku_btn_en a:hover {
	background-position:left bottom !important;
}


/*個人情報の取扱いボタン=R*/
#kojin_btn,
#kojin_btn_ch,
#kojin_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#kojin_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_kojin.png) no-repeat left bottom !important;
}
#kojin_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_kojin_ch.png) no-repeat left bottom !important;
}
#kojin_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_kojin_en.png) no-repeat left bottom !important;
}

#kojin_btn a:hover,
#kojin_btn_ch a:hover,
#kojin_btn_en a:hover {
	background-position:left bottom !important;
}

/*内容を変更するボタン=R*/
#comit_btn,
#comit_btn_ch,
#comit_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#comit_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_comit.png) no-repeat left top !important;
}
#comit_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_comit_ch.png) no-repeat left top !important;
}
#comit_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_comit_en.png) no-repeat left top !important;
}

#comit_btn a:hover,
#comit_btn_ch a:hover,
#comit_btn_en a:hover {
	background-position:left bottom !important;
}


/*変更を確認するボタン=R*/
#henko_kakunin_btn,
#henko_kakunin_btn_ch,
#henko_kakunin_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#henko_kakunin_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_henko_kakunin.png) no-repeat left top !important;
}
#henko_kakunin_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_henko_kakunin_ch.png) no-repeat left top !important;
}
#henko_kakunin_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_henko_kakunin_en.png) no-repeat left top !important;
}

#henko_kakunin_btn a:hover,
#henko_kakunin_btn a:hover,
#henko_kakunin_btn a:hover {
	background-position:left bottom !important;
}


/*取消を確認するボタン=R*/
#torikeshi_kakunin_btn,
#torikeshi_kakunin_btn_ch,
#torikeshi_kakunin_btn_en{
	margin: 0 auto !important;
	padding:0px;
	width: 200px;
	height: 30px !important;
	clear: both;
	overflow: hidden;
	text-indent:-9999px;
}
#torikeshi_kakunin_btn a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_torikeshi_kakunin.png) no-repeat left top !important;
}
#torikeshi_kakunin_btn_ch a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_torikeshi_kakunin_ch.png) no-repeat left top !important;
}
#torikeshi_kakunin_btn_en a{
	height: 30px !important;
	display:block;
	background: url(../image/common/btn_torikeshi_kakunin_en.png) no-repeat left top !important;
}

#torikeshi_kakunin_btn a:hover,
#torikeshi_kakunin_btn a:hover,
#torikeshi_kakunin_btn a:hover {
	background-position:left bottom !important;
}
/**/


.submit-l {
	width: 200px;
	height: 30px;
}

.submit-r {
	width: 200px;
	height: 30px;
}

/*===============================================
●画面の横幅が451px以上
===============================================*/
@media screen and (min-width: 451px){

.submit-l {
	float: left;
}

.submit-r {
	float: right;
}

}

/*===============================================
●画面の横幅が450pxまで
===============================================*/
@media screen and (max-width: 450px){

.submit-l {
	float:none;
	margin: 0 auto 20px !important;
	clear:both;
}

.submit-r {
	float:none;
	margin: 0 auto !important;
	clear:both;
}

}


#kojin-btn {
	width: 180px;
	height: 50px;
	margin: 20px 10px 0px 0;
	*clear: both;
	float: right;
}

#color-line {
	margin:0;
	padding:0;
	width: 100%;
	/*height: 36px;*/
	/*background-image: url(../image/logo-footer_bg.gif);*/
	background-repeat: repeat-x;
	clear: both;
	overflow: hidden;
}

#color-line table{
	width:100%;
	margin:0.4em 0;
}

#color-line table th{
	padding-left:1em;
	font-size:18px;
	color:#FFF;
	line-height:1.3em;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

#color-line table td{
	width:0.5em;
	background-image:none;
}

#color-line table img{
	margin-left: 15px;
}

/*----------------------------------------
アンケートページ関係
----------------------------------------*/

.question{
	/*width:750px;*/
	width:100%;
	margin:0 auto;
	padding: 0 0 5px 0;
	overflow:hidden;
}
.question ul {
	margin:0 auto !important;
	padding:0 !important;
	overflow:hidden;
}
.question ul li{
	/*margin-bottom:0.5em !important;*/
	margin:0 !important;
	padding-left:25px !important;
	font-size:16px;
	list-style:none !important;
}

.date {
	color: #222;
	float:left !important;
	/*background-color:#F6C !important;*/
	/*display:inline;*/
}


/*メルアド入力*/
.question ul li.mail {
	width:100%;
	color: #222;
	float:left !important;
	/*background-color:#999;*/
	padding-left:0 !important;
}

.question ul li.mail p.title{
	width:100%;
	margin-bottom:0.5em;
	float:left !important;
	/*background-color:#C36;*/
	font-size:12px;
	text-indent:20px;
}

.question ul li.mail .left {
	width:50%;
	/*max-width:300px;*/
	min-width:150px;
	margin:0 5px 1em 0 !important;
	padding:0 0 0 25px;
	display:block;
	box-sizing: border-box !important;
}

.question ul li.mail .right {
	float:left;
	width:30%;
	min-width:200px;
	margin-left:25px;
	display:block;
	position:relative;
	box-sizing: border-box !important;
}

.question ul li.mail .right ul {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	overflow:visible;
	box-sizing:border-box !important;
}

.question ul li.mail .right ul li {
	margin:0 !important;
	padding:0 !important;
	position:relative !important;
	box-sizing:border-box !important;
}


.question ul li.mail .right ul li span {
	display:block;
	position:absolute;
	top:0;
	left:-20px;
}

.question ul li.mail div input{
	width:100% !important;
	margin:0 !important;
	box-sizing: border-box !important;
}

.question ul li.mail .right select{
  width:85%;
  }
.question ul li.mail .right input{
  /*width:100%;*/
  box-sizing: border-box !important;
  }

.question ul li.mail .right p {
	margin-bottom:0.5em;
	padding-top:1em;
	font-size:10px;
	line-height:1.4em;
}

.question ul li.mail .right p span {
	padding-top:0;
	font-size:inherit;
	display:inline-block !important;
	position:inherit !important;
}

@media screen and (max-width: 520px){
.question ul li.mail {
	width:90% !important;
	margin-bottom:2em !important;
}

.question ul li.mail .left {
	padding-right:0 !important;
	/*background-color:#F39;*/
	width:100% !important;
	max-width:100%;
}

.question ul li.mail .right {
	/*background-color:#3FF;*/
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	margin-left:25px !important;
	box-sizing: border-box !important;
}

.question ul li.mail div input{
	/*width:90%;*/
	box-sizing: border-box !important;
}
.question ul li.mail .right select{
  width:auto;
  }
}



.error {
	color: #ff0000;
	clear:both;
	font-size:12px !important;
	font-weight:bold;
}

.error-l {
	color: #ff0000;
	font-weight:bold;
}

.visual {
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:0em !important;
}
.caution {
	margin-bottom:0em !important;
	font-size:12px !important;
	clear:both;
}

.question ul li input{
	margin-right:10px;
}

.question ul li p{
	font-weight:bold !important;
}

/*サブクエッション*/
.sub-question{
	/*width:750px;*/
	width:92%;
	margin:0 auto 15px;
	padding: 15px 2% 0;
	overflow:hidden;
	/*border: 1px solid #333;*/
	
	clear: both;
	-webkit-border-radius: 6px;     /* for Safari and Chrome */
	-moz-border-radius: 6px;    /* for Firefox */
	-o-border-radius: 6px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:6px;   /* Linux browsers */
	border-radius: 6px;     /* CSS3 */
	/*behavior: url("js/PIE.htc");*/
	/*background-color:#5c2e00;*/
}
.sub-question h4{
	margin:0 0 15px;
	 border-bottom: 1px solid #ccc !important;
}
.question h5,
.sub-question h5,
.message_area h5{
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	text-indent:1em;
}

.sub-question ul {
	margin:0 auto 15px !important;
	padding:0 !important;
	overflow:hidden;
}
.sub-question ul li{
	margin-bottom:0.5em !important;
	padding-left:25px !important;
	font-size:16px;
	list-style:none !important;
}
/*
.sub-question .title-header{
	border: 1px solid #6b6b6b !important;
	background: #d9d9d9 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d9d9d9), to(#6b6b6b)) !important;
	background: -webkit-linear-gradient(#d9d9d9, #6b6b6b) !important;
	background: -moz-linear-gradient(#d9d9d9, #6b6b6b) !important;
	background: -ms-linear-gradient(#d9d9d9, #6b6b6b) !important;
	background: -o-linear-gradient(#d9d9d9, #6b6b6b) !important;
	background: linear-gradient(#d9d9d9, #6b6b6b) !important;
	-pie-background: linear-gradient(#d9d9d9, #6b6b6b) !important;
}
*/
/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){
.question{
	/*width:750px;*/
	width:98%;
}

.question ul{
	width:98% !important;
	/*background-color:#3F9;*/
	margin-bottom:15px !important;
}

.question ul li{
	margin-bottom:0.2em !important;
	padding-left:25px !important;
}
/*インプットサイズ*/
input.short{width:140px;}
input.middle{width:360px;}
input.long{width:560px;}
textarea.long{width:670px;}
}
/*===============================================
●画面の横幅が800pxまで
===============================================*/
@media screen and (max-width: 800px){

.question ul{
	width:96% !important;
	/*background-color:#666;*/
	margin-bottom:5px !important;
}
.question ul li{
	margin-bottom:0.5em !important;
	padding-left:25px !important;
}
/*インプットサイズ*/
input.short{width:140px;}
input.middle{width:230px;}
input.long{width:250px;}
textarea.long{width:94%;}
}
/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px){
.question ul{
	/*background-color:#09C;*/
	margin-bottom:0px !important;
}
.question ul li{
	width:auto;
	margin-bottom:1em !important;
	padding-left:20px !important;
}
}

/*----------------------------------------
マイページ関係・ログイン関係
----------------------------------------*/
.mpform {
	width:90%;
	margin:0 auto;
	padding: 0 5% 5px;
	overflow:hidden;
	font-size:14px !important;
	line-height:1.3em;
}
.mpform ul {
	margin:0 auto !important;
	padding:0 !important;
	overflow:hidden;
}
.mpform ul li{
	margin:0 !important;
	padding-left:25px !important;
	font-size:16px;
	list-style:none !important;
}

.mpform ul li.title{
	float:left;
	margin:0 !important;
	padding-right:0.5em !important;
	font-size:16px;
	font-weight:bold;
	list-style:none !important;
	clear:both;
	color:#009e41;
}

.mpform .date {
	color: #222;
	float:left !important;
}

.mpform .error {
	color: #ff0000;
	clear:both;
	font-size:12px !important;
	font-weight:bold;
}

.mpform .visual {
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:0em !important;
}
.mpform .caution {
	margin-bottom:0em !important;
	font-size:12px !important;
	clear:both;
}

.mpform .question ul li input{
	margin-right:10px;
}

.mpform ul li p{
	font-weight:bold !important;
}

.mpform h5{
	min-height:16px !important;
	margin:0 0 0.5em;
	padding:0;
	text-indent:0;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding-left:18px;
	background:url(../image/common/list-square.gif) no-repeat left top !important;
}

/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){
.mpform{
	width:98%;
}

.mpform ul{
	width:98% !important;
	margin-bottom:15px !important;
}

.mpform ul li{
	margin-bottom:0.2em !important;
	padding-left:0px !important;
}
/*インプットサイズ*/
.mpform input.short{width:140px;}
.mpform input.middle{width:360px;}
.mpform input.long{width:560px;}
.mpform textarea.long{width:680px;}
}
/*===============================================
●画面の横幅が321px以上
===============================================*/
@media screen and (min-width: 321px){

.mpform ul{
	width:96% !important;
	margin-bottom:5px !important;
}
.mpform ul li{
	margin-bottom:0.5em !important;
	padding-left:0px !important;
}
/*インプットサイズ*/
.mpform input.short{width:200px;}
.mpform input.middle{width:230px;}
.mpform input.long{width:250px;}
.mpform textarea.long{width:95%;}
}
/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px){
.mpform ul{
	margin-bottom:0px !important;
}
.mpform ul li{
	width:auto;
	margin-bottom:1em !important;
	padding-left:0px !important;
}

/*インプットサイズ*/
input.short{width:150px;}
input.middle{width:180px;}
input.long{width:260px;}
textarea.long{width:270px;}

.sub-question ul{
	/*background-color:#09C;*/
}

}


/*見出しのアンダーラインを削除*/
#news_area_customscroll .f-block .no-bd{
border-bottom:0 !important;	
}

.title-header{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 2px 0;
	color:#fff;
	clear: both;
	-webkit-border-radius: 6px;     /* for Safari and Chrome */
	-moz-border-radius: 6px;    /* for Firefox */
	-o-border-radius: 6px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:6px;   /* Linux browsers */
	border-radius: 6px;     /* CSS3 */
	behavior: url("js/PIE.htc");
	position:relative;
}

.title-header table{
	margin:0 10px;
	font-size:16px;
	line-height:1.3em;
	border:0px;
}
/*
.title-header table td{
	background-color:#F63;
}
*/

.title-header img{
	height: 30px;
	margin:0 10px 0 0 !important;
	padding:0;
	vertical-align:middle;
}
/*フッター*/

.footer {
	margin: 0px;
	padding:0 0 0px;
	width: 100%;
	font-size:12px;
	text-align: center;
	color: #fff;
	/*background-color: #000000;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	overflow:hidden;
}

.footer img {
	width: 100%;
	margin-bottom:0;
}

.footer p#copy{
	margin: 0 100px;
	padding:0.5em 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

.footer p#copy span{
	line-height:1.3em;
	display:inline-block;
	margin:0;
	padding-right:0.3em;
}

#copyright {
	font-size: 11px;
	/*line-height: 20px;*/
	color: #FFFFFF;
	background-color: #ccc;
	text-align: center;
	/*height: 20px;*/
	/*width: 998px;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}


/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){
.title-header{
	width:99%;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto 10px;
	overflow:hidden;
	clear: both;
}
}
/*===============================================
●画面の横幅が800px以上
===============================================*/
@media screen and (max-width: 800px){

.title-header{
	width:98%;
	margin:0 auto 10px;
}

}
/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px){

.title-header{
	width:100%;
	-webkit-border-radius: 0;     /* for Safari and Chrome */
	-moz-border-radius: 0;    /* for Firefox */
	-o-border-radius: 0;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:0;   /* Linux browsers */
	border-radius: 0;     /* CSS3 */
	/*behavior: url("js/PIE.htc");*/
	position:relative;
}

.sub-question .title-header{
	width:98% !important;
	-webkit-border-radius: 6px !important;     /* for Safari and Chrome */
	-moz-border-radius: 6px !important;    /* for Firefox */
	-o-border-radius: 6px !important;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:6px !important;   /* Linux browsers */
	border-radius: 6px !important;     /* CSS3 */
	behavior: url("js/PIE.htc") !important;
	position:relative !important;
}
}


/*ページトップ*/


#page-top {
	/*float:right;
	position:relative;*/
	position: absolute;
	top:100%;
	left:100%;
	padding: 0.5em 0.5em 0;
	margin:-40px 0 0 -100px;
	/*left:87%;*/
    width: 80px;
    height: 40px;
	border: 1px solid #333;
	border-bottom: none;
	background: #d9d9d9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d9d9d9), to(#6b6b6b));
	background: -webkit-linear-gradient(#d9d9d9, #6b6b6b);
	background: -moz-linear-gradient(#d9d9d9, #6b6b6b);
	background: -ms-linear-gradient(#d9d9d9, #6b6b6b);
	background: -o-linear-gradient(#d9d9d9, #6b6b6b);
	background: linear-gradient(#d9d9d9, #6b6b6b);
	-pie-background: linear-gradient(#d9d9d9, #6b6b6b);
	
	-moz-border-radius-top-left: 5px;
	-moz-border-radius-top-right: 5px;
	-webkit-border-topleft-radius: 5px;
	-webkit-border-topright-radius: 5px;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-radius: none;
	border-bottom-radius: none;
	
	/*behavior: url("js/PIE.htc");*/
	
	color:#fff;
	_color:#000;/*IE6*/
	text-align:center;
	text-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */  
	font-weight:bold;
}

#page-top a{
	display:block;
	text-decoration:none;
	color:#fff;
	_color:#000;/*IE6*/
}
#page-top a:hover{
	height: 50px;
	color:#Ff0000 !important;
}

#page-top span{
	display:inline-block;
	margin:0;
	padding:0;
}

/*===============================================
●画面の横幅が801px以上
===============================================*/
@media screen and (min-width: 801px){

}

/*===============================================
●画面の横幅が321px以上
===============================================*/
@media screen and (min-width: 321px){
#page-top {
    width: 50px;
    height: 60px;
	font-size:10px;
	line-height:1.3em;
	margin:-50px 0 0 -70px;
}

.footer p#copy{
	margin: 0 80px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
}

/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px){
#page-top {
    width: 40px;
    height: 60px;
	font-size:10px;
	line-height:1.3em;
	margin:-60px 0 0 -55px;
	padding: 0.3em 0.3em 0;
}

.footer p#copy{
	margin: 0 60px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
}
	
/*戻りボタン*/
	#e-back {
	margin: 20px auto 50px;
	padding:0px;
	width: 200px;
	height: 30px;
	clear: both;
	overflow: hidden;
}

#size-box{
	overflow:hidden;
	}
#size-box ul{
	padding:0 0 0 1.3em;
	margin:0;
	}
#size-box ul li{
	margin:0 0 0.5em;
	text-indent:-1.3em;
	list-style:none !important;
	}
#size-box h4{
	margin:1em 0 0.5em 0;
	}
/*
.footer span{
	width:50px;
	padding-top: 3px;
	margin-left: 85px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display:inline-block;
}
*/