@charset "utf-8";


/*
	tag difinition
------------------------------------------*/
body{
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#fff;
	margin: 0;
	padding: 0;
}
a img{
	border:none;
}
a:link{
	color:#06C;
	text-decoration:none;
}
a:visited{
	color:#06C;
	text-decoration: underline;
}
a:hover, a:active, a:focus{
	color:#C33;
	text-decoration: none;
}

.area_list a:link{
	color:#097540;
	text-decoration:none;
}
.area_list a:visited{
	color:#097540;
	text-decoration: underline;
}
.area_list a:hover, a:active, a:focus{
	color:#C33;
	text-decoration: none;
}

/*
	structure
------------------------------------------*/
#container{
	position:relative;	
}

header#hd{
	text-align:center;
}
	header#hd aside{
		width:100%;
		padding:2px 0;
		color:#fff;
		font-size: 75%;
		background:#000;
		margin:0 auto;
	}
	header div.bg_orange{
		padding:15px 0 0;
		width:100%;
		background: -webkit-gradient(linear, left top,left bottom, from(#ffa466), to(#f46100));
		/* 通常*/
		background:linear-gradient(#ffa466, #f46100);
		/* mozilla用 */
		background:-moz-linear-gradient(top, #ffa466, #f46100);
		/* IE用 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa466', endColorstr='#f46100');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa466', endColorstr='#f46100')";
		margin:0 auto 18px;
	}
	header #site_title{
		padding:0 0 5px 0;
	}
	header #site_title a{
		text-decoration: underline;
	}
	header #site_title *{
		font-size:125%;
		font-weight:bold;
		line-height:100%;
		color:#fff;
		text-shadow: 0 0 8px #000;
	}
	header p#greeting{
		font-size:75%;
		margin:0 20px 15px;
	}
	
.bg_usr{
	background:#aac2dd;
	padding:20px 20px 5px;	
}

#util{
	position:relative;
	width:100%;
	margin:30px auto 0;
	text-align:right;
}

	#util div.bg_orange{
		padding:15px 0 0;
		width:100%;
		background: -webkit-gradient(linear, left top,left bottom, from(#ffa466), to(#f46100));
		/* 通常*/
		background:linear-gradient(#ffa466, #f46100);
		/* mozilla用 */
		background:-moz-linear-gradient(top, #ffa466, #f46100);
		/* IE用 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa466', endColorstr='#f46100');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa466', endColorstr='#f46100')";
		margin:0 auto 18px;
		text-align: center;
	}

	#util #site_title2{
		padding:0 0 5px 0;
	}
	#util #site_title2 a{
		text-decoration: underline;
	}
	#util #site_title2 *{
		font-size:125%;
		font-weight:bold;
		line-height:100%;
		color:#fff;
		text-shadow: 0 0 8px #000;
	}

	.pagetop{
		font-size:100%;
	}
	.pagetop img{
		margin:0 0 0 5px;
	}
	#util a:link{
		color:#000;
	}
	
	#con_type{
		width:100%;
		text-align:center;
		margin:0 auto 10px;
		background:#fff;
		-webkit-border-radius:4px;
		border-radius:4px;	
		-webkit-box-shadow: 0 0 10px #666;
	}
	#con_type li{
		width:100%;
	}
	#con_type li:nth-child(1){
		padding:0 5px 0 0;
	}
	#con_type li:nth-child(2){;
		padding:0 0 0 5px;
	}

	#con_type li a{
		display:block;
		padding:14px 8px;
		font-size:113%;
		font-weight:bold;
		color:#333;
	}


#link{
	width:100%;
	position:relative;
	padding:1em 0;
	text-align:center;
	font-size:74%;
	background: -webkit-gradient(linear, left top,left bottom, from(#ffa466), to(#f46100));
	/* 通常用 */
	background:linear-gradient(#ffa466, #f46100);
	/* mozilla用 */
	background:-moz-linear-gradient(top, #ffa466, #f46100);
	/* IE用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa466', endColorstr='#f46100');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa466', endColorstr='#f46100')";
}
	#link *{
		color:#333;
	}
	#link form{
		display:inline;
	}
	#link #quick_link{
		margin:0 1em 0 0;
	}
	#link .link_arrow{
		position:relative;
		display:inline-block;
		*display: inline;  
		*zoom: 1; 
		top:1.0em;
		padding:0 0 0 1em;
		background:url(/area2/sp/img/i_arrow_s.png) no-repeat 0 6px;
	}
	#link .link_block{
		position:relative;
		display:inline-block;
		padding:1em 0 0 1em;
	}
	#link a{
		font-size: 145%;
		margin-right: 15px;
		text-decoration: underline;
	}

	
	
#ft{
	position:relative;
	height:60px;
	background:url(/area2/sp/img/bg_ft.png) repeat-x;
}
	#ft address{
		display:block;
		position:absolute;
		padding-left:10px;
		top:3px;
	}
	#ft p{
		position:absolute;
		right:10px;
		top:25px;
		font-size:56%;
		color:#fff;
	}
	
	

#recent_iframe{
	height: 10px;
}	


/*
	elements
------------------------------------------*/

/* column */

.deco_area{
	padding:1em;
	font-size:14px;
	line-height:18px;
	background:#fff;	
	margin:0 auto;
}
	.deco_area *{
		font-size:14px;
		line-height:18px;
	}

.column_wh_r8{
	background:#fff;
	-webkit-border-radius:8px;
	border-radius:8px;	
	-webkit-box-shadow: 0 0 10px #666;
}
.column_wh_r6{
	background:#fff;
	-webkit-border-radius:6px;
	border-radius:6px;	
	-webkit-box-shadow: 0 0 10px #666;
}
.column_wh_r4{
	background:#fff;
	-webkit-border-radius:4px;
	border-radius:4px;	
	-webkit-box-shadow: 0 0 10px #666;
}
	.column_item{
		width:94%;
		margin:0 auto;
		padding:10px 0;
	}
	.item_list{
		width:94%;
		margin:0 auto;
	}
	.item_list ul{
		border-top:1px dotted #333;
	}
	.item_list li{
		padding:6px 0;
		font-size:88%;
		line-height:130%;
		border-bottom:1px dotted #333;
	}
	.item_list li a{
		display:block;
		width:90%;
	}
	
dl.data_l,dl.data_r{
	border-top:1px solid #999;
	margin:0 0 15px 0;
}
	dl.data_l dt{
		display:inline-block;
		width:80%;
		padding:6px 0;
		border-bottom:1px solid #999;
	}
	dl.data_l dd{
		display:inline-block;
		width:20%;
		padding:6px 0;
		text-align:right;
		border-bottom:1px solid #999;
	}
	dl.data_r dt{
		display:inline-block;
		width:30%;
		padding:6px 0;
		border-bottom:1px solid #999;
	}
	dl.data_r dd{
		display:inline-block;
		width:70%;
		padding:6px 0;
		border-bottom:1px solid #999;
	}
	
.data{
	width:100%;
	border-top:1px solid #999;
	margin:0 0 15px 0;
}
	.data *{
		font-size:12px;
		line-height:140%;
	}
	.data th{
		padding:0.6em 0;
		white-space:nowrap;
		text-align:center;
		background:beige;
		border-bottom:1px solid #999;
	}
	.data td{
		width:70%;
		padding:0.6em 0 0.6em 1em;
		border-bottom:1px solid #999;
		word-break:break-all;
	}
	
.data2 ul{
	border-top:1px solid #999;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin:0 0 15px 0;
}
	.data2 li{
		position:relative;
		padding:0.5em 2em 0.5em 0.5em;
		list-style:none;
		font-size:82%;
		line-height:120%;
		background: -webkit-gradient(linear, left top,left bottom, from(#eee), to(#aaa));
		/* 通常用 */
		background:linear-gradient(#eee, #aaa);
		/* mozilla用 */
		background:-moz-linear-gradient(top, #eee, #aaa);
		/* IE用 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#aaa');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa')";

		border:1px solid #999;
	}
	.data2 li.wide{
		padding:1em 1em 1em 0.3em;
	}
	.data2 a:link{
		color:#333;
	}
	.data2 li:nth-child(1){
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	.data2 li:last-child{
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	.data2 li span{
		display:block;
		font-size:75%;
	}
	.data2 li img{
		position:absolute;
		right:5px;
		top:25%;
	}
	
.bullet{
	width:100%;
	margin:0 0 15px 0;
}
	.bullet li{
		display:inline-block;
		width:46%;
		padding:1px;
		font-size:68%;
		border-bottom:1px solid #999;
		margin:0 4% 0 0;
	}
	.bullet li:nth-child(even){
		margin:0;
	}


/* form */
.form{
	width:90%;
	font-size:88%;
	margin:0 auto;	
}
	.form dt{
		padding:2px 0;
		text-align:center;
		background:#ddd;
	}
	.form dd{
		text-align:center;
		padding:4px 0 6px;
	}
	.form dd input,.form dd textarea{
		width:95%;
	}




/* title */
.ttl1{
	position:relative;
	height:30px;
	text-align:center;	
	background:url(/area2/sp/img/bg_ttl.png) repeat-x;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
	.ttl1 p,.ttl1 h1,.ttl1 h2{
		padding:2px;
		color:#fff;
	}
	.ttl1 a{
		font-size:113%;
		font-weight:bold;
		color:#fff;	
	}
	.ttl1 .btn_l{
		position:absolute;
		display:block;
		left:5px;
		top:5px;	
		width:16px;
		height:16px;
	}
	.ttl1 .btn_r{
		position:absolute;
		display:block;
		right:5px;
		top:5px;
		width:16px;
		height:16px;	
	}

/* tub */
.tub{
	margin:0 0 0 3%;
}
	.tub li{
		display:inline-block;
		padding:4px 10px;
		background: #666;
		-webkit-border-radius:6px 6px 0 0;
		border-radius:6px 6px 0 0;
	}
	.tub li.tub_on{
		background: #C30;
	}
	.tub a{
		color:#fff;
		font-size:88%;
		font-weight:bold;
	}


/* button */
.btn_wh_arrow_r{
	padding:5px;
	background:#fff url(/area2/sp/img/i_arrow_circ.png) no-repeat 97% 50%;
	-webkit-border-radius:6px;
	border-radius:6px;	
}
	.arrow_l{
		background:transparent url(/area2/sp/img/i_arrow_circ.png) no-repeat 3% 50%;
	}
	.arrow_r{
		background:transparent url(/area2/sp/img/i_arrow_circ.png) no-repeat 97% 50%;
	}

.btn_mail{
	padding:5px;
	background:#fff url(/area2/sp/img/i_mail.png) no-repeat 97% 50%;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

.hall_acess_rank{
	padding:5px;
	background:#fff;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

/* divide */
.divide_top{
	display:block;
	padding:6px 0 0 0;
	border-bottom:1px dotted #333;	
}
.divide_btm{
	display:block;
	padding:0 0 6px 0;
	border-bottom:1px dotted #333;	
}



/* clear */
.clear{
	height:0px;
	clear:both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

/* radius */
.r4		{-webkit-border-radius:4px;border-radius:4px;}
.r6		{-webkit-border-radius:6px;border-radius:6px;}
.r8		{-webkit-border-radius:8px;border-radius:8px;}
.r10		{-webkit-border-radius:10px;border-radius:10px;}
.r12		{-webkit-border-radius:12px;border-radius:12px;}
.r16		{-webkit-border-radius:16px;border-radius:16px;}


/* font / line */
.bold	{font-weight:bold;}
.normal	{font-weight:normal;}

.fs_6	{font-size:37%;}
.fs_7	{font-size:44%;}
.fs_8	{font-size:50%;}
.fs_9	{font-size:56%;}
.fs_10	{font-size:60%;}
.fs_11	{font-size:69%;}
.fs_12	{font-size:75%;}
.fs_13	{font-size:81%;}
.fs_14	{font-size:88%;}
.fs_15	{font-size:94%;}
.fs_16	{font-size:100%;}
.fs_18	{font-size:113%;}
.fs_20	{font-size:125%;}
.fs_22	{font-size:138%;}
.fs_24	{font-size:150%;}

.line50	{line-height:50%;}
.line60	{line-height:60%;}
.line70	{line-height:70%;}
.line80	{line-height:80%;}
.line90	{line-height:90%;}
.line100	{line-height:100%;}
.line110	{line-height:110%;}
.line120	{line-height:120%;}
.line130	{line-height:130%;}
.line140	{line-height:140%;}
.line150	{line-height:150%;}
.line160	{line-height:160%;}
.line170	{line-height:170%;}
.line180	{line-height:180%;}
.line190	{line-height:190%;}
.line200	{line-height:200%;}
.line220	{line-height:220%;}
.line240	{line-height:240%;}
.line260	{line-height:260%;}
.line280	{line-height:280%;}
.line300	{line-height:300%;}


/* display type */
.hide{display:none;}
.block{display:block;}
.inline{display:inline;}
.in-block{
	display:inline-block;
	* zoom:1;
	* display:inline;
}

/* align */
.float_r{float:right;}
.float_l{float:left;}
.float_c{margin:0 auto 0;}
.align_l{text-align:left;}
.align_r{text-align:right;}
.align_c{text-align:center;}

/* margin */
.left50{margin-left:50px;}
.left40{margin-left:40px;}
.left30{margin-left:30px;}
.left20{margin-left:20px;}
.left15{margin-left:15px;}
.left10{margin-left:10px;}
.left7{margin-left:7px;}
.left5{margin-left:5px;}
.left3{margin-left:3px;}
.left0{margin-left:0px;}

.right50{margin-right:50px;}
.right40{margin-right:40px;}
.right30{margin-right:30px;}
.right20{margin-right:20px;}
.right15{margin-right:15px;}
.right10{margin-right:10px;}
.right7{margin-right:7px;}
.right5{margin-right:5px;}
.right3{margin-right:3px;}
.right0{margin-right:0px;}

.top50{margin-top:50px;}
.top45{margin-top:45px;}
.top40{margin-top:40px;}
.top35{margin-top:35px;}
.top30{margin-top:30px;}
.top25{margin-top:25px;}
.top20{margin-top:20px;}
.top15{margin-top:15px;}
.top10{margin-top:10px;}
.top7{margin-top:7px;}
.top5{margin-top:5px;}
.top3{margin-top:3px;}
.top0{margin-top:0px;}

.btm50{margin-bottom:50px;}
.btm40{margin-bottom:40px;}
.btm30{margin-bottom:30px;}
.btm20{margin-bottom:20px;}
.btm15{margin-bottom:15px;}
.btm10{margin-bottom:10px;}
.btm7{margin-bottom:7px;}
.btm5{margin-bottom:5px;}
.btm3{margin-bottom:3px;}
.btm0{margin-bottom:0px;}

.pad_top50{padding-top:50px;}
.pad_top40{padding-top:40px;}
.pad_top30{padding-top:30px;}
.pad_top20{padding-top:20px;}
.pad_top15{padding-top:15px;}
.pad_top10{padding-top:10px;}
.pad_top7{padding-top:7px;}
.pad_top5{padding-top:5px;}
.pad_top3{padding-top:3px;}
.pad_top0{padding-top:0px;}

.pad_btm50{padding-bottom:50px;}
.pad_btm40{padding-bottom:40px;}
.pad_btm30{padding-bottom:30px;}
.pad_btm20{padding-bottom:20px;}
.pad_btm15{padding-bottom:15px;}
.pad_btm10{padding-bottom:10px;}
.pad_btm7{padding-bottom:7px;}
.pad_btm5{padding-bottom:5px;}
.pad_btm3{padding-bottom:3px;}
.pad_btm0{padding-bottom:0px;}


/* width */
.w600{width:600px;}
.w550{width:550px;}
.w500{width:500px;}
.w450{width:450px;}
.w400{width:400px;}
.w350{width:350px;}
.w300{width:300px;}
.w250{width:250px;}
.w200{width:200px;}
.w175{width:175px;}
.w150{width:150px;}
.w125{width:125px;}
.w100{width:100px;}
.w75{width:75px;}
.w50{width:50px;}
.w25{width:25px;}
.w20{width:20px;}
.w15{width:15px;}
.w10{width:10px;}

/* height */
.h600{height:600px;}
.h550{height:550px;}
.h500{height:500px;}
.h450{height:450px;}
.h400{height:400px;}
.h350{height:350px;}
.h300{height:300px;}
.h250{height:250px;}
.h200{height:200px;}
.h175{height:175px;}
.h150{height:150px;}
.h125{height:125px;}
.h100{height:100px;}
.h75{height:75px;}
.h50{height:50px;}
.h25{height:25px;}
.h20{height:20px;}
.h15{height:15px;}
.h10{height:10px;}


.button {
    position:relative;
    color:white;
    margin:0; padding:2px 10px;
    text-decoration:none;
    background:#999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0px 0px 2px #ccc;
    -webkit-box-shadow:0px 0px 2px #ccc;
    box-shadow:0px 0px 2px #ccc;
}


	#member_regist{
		width:80%;
		text-align:center;
		margin:0 auto 10px;
		background: -webkit-gradient(linear, left top,left bottom, from(#ffa466), to(#f46100));

		-webkit-border-radius:4px;
		border-radius:10px;	
		-webkit-box-shadow: 0 0 10px #666;

		background-color: orange;
	}
	#member_regist li{
		width:100%;
	}
	#member_regist li:nth-child(1){
		padding:0 5px 0 0;
	}
	#member_regist li:nth-child(2){;
		padding:0 0 0 5px;
	}

	#member_regist li a{
		display:block;
		padding:14px 8px;
		font-size:113%;
		font-weight:bold;
		color:#fff;
	}