@charset "utf-8";


/*	tag difinition
------------------------------------------*/
body,#page{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-style: normal;
	color: #666;
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
}
a img{ border:none;}
a:link, a:visited			{ color:#0066cc; text-decoration: none;}
a:hover, a:active, a:focus	{ color:#0066cc; text-decoration: underline;}
:root *> a img:hover, :root *> a img:active, :root *> a img:focus	{ opacity:0.75; filter:alpha(opacity=75)}


input[type="submit"] {/**/
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width: auto;
	padding: 12px 8px 8px;
	border: none;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(0.2, #FC6), color-stop(1, #F93) );
	background:-moz-linear-gradient( top, #fff 5%, #FC6 20%, #F93 100% );
	background:linear-gradient(to bottom, #fff, #F93);/* IE10+, W3C */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;
}
select{
	-webkit-border-radius: 6px;
	-webkit-appearance:button;
	-moz-appearance:button;
	padding: 0.6em 23px 0.6em 0.6em !important;
	font-size:13px;
	line-height:100%;
	min-width:4em;
	margin:0.5em 0;
	appearance:button;
	background: #eee url(../img/i_arrow_v.png) no-repeat 96% 50%;
	-moz-background-size:auto 20px;
	background-size:auto 20px;
	border-color:#999;
}

select::-ms-expand {
  display: none;
}

input[type="checkbox"]{
	padding:0.7em;
	margin:0.5em;
}
input[type="radio"] {
	padding:0.7em;
	margin:0.5em;
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}


/*	hd
------------------------------------------*/
/*
header#hd{
	position:relative;
	height:188px;
	overflow:hidden;
	background:#3b84e0;
}

#logo{
	position:absolute;
	left:6px;
	top:2px;
}
#statement{
	position:absolute;
	left:0;
	top:55px;
	width:100%;
	padding:4px;
	text-align:center;
	color:#cc3300;
	font-size:10px;
	font-weight:bold;
	background:#ffff00;
}
#i_sitemap{
position:fixed; right:0; top:0; z-index:90;
}
#gm{
	position:absolute;
	left:0;
	top:83px;
}
	#gm li{
		position:relative;
		float:left;
		width:31%;
		padding:4px 0;
		text-align:center;
		background: -moz-linear-gradient(top, #b8b8b8, #000);
		background: -webkit-gradient(linear, left top,left bottom, from(#b8b8b8), to(#000));
		-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
		box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333;
		margin:0 1% 5px;
	}
*/
	/*
	#gm li.on{
		background:#f60;
	}*/
	

header#hd{
	background:#3b84e0;
}

#logo{
	height: 53px;
	overflow: hidden;
}
#statement{
	left:0;
	width:100%;
	padding:4px 0;
	text-align:center;
	color:#cc3300;
	font-size:10px;
	font-weight:bold;
	background:#ffff00;
}
#i_sitemap{
position:fixed; right:0; top:0; z-index:90;
}
#gm{
	left:0;
	top:83px;
}
	#gm li{
		float:left;
		width:31%;
		padding:4px 0;
		text-align:center;
		background: -moz-linear-gradient(top, #b8b8b8, #000);
		background: -webkit-gradient(linear, left top,left bottom, from(#b8b8b8), to(#000));
		-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
		box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333;
		margin:0 1% 5px;
	}
	/*
	#gm li.on{
		background:#f60;
	}*/

/*	main
------------------------------------------*/

.main{
	padding:0.5em 0 1em;
	margin:0 0 20px;
}
.main .wrap{
	padding:0 1%;
}
	

/*	util
------------------------------------------*/

#util{
	width:95%;
	margin:0 auto 20px;
}
#util *{
	font-size:16px;
}
#mn_device{
	position:relative;
	text-align:center;
	margin:0 0 20px;
	background:#eee;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	border:1px solid #999;
	/* webkit系 */ 
	background: -webkit-gradient(linear, left top,left bottom, from(#eee), to(#aaa));
	/* Mozilla系 */ 
	background: -moz-linear-gradient(top, #eee, #aaa);
	/* InternetExplorer */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeeeee', endColorstr='#ffaaaaaa');
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffaaaaaa', GradientType=0)";
	/* IE10 */  
	background: linear-gradient(to bottom,  #eee,  #aaa);
}
	#mn_device li{
		display:inline-block;
		width:100%;
		padding:12px 0;
	}
	#mn_device li img{
		vertical-align:baseline;
	}
	/*
	#mn_device li:nth-child(1){
		border-right:1px solid #ccc;
	}*/
	#mn_device li a{
		display:block;
		width:100%;
		height:100%;
	}
#social > div{
	float:left;
	margin:0 2px;
}


/*	sponcer
------------------------------------------*/
#sponsor{
	position:relative;
	width:95%;
	margin:20px auto 20px;
}
	#sponsor div{
		float:left;
		width:32%;
		text-align:center;
		margin:0 1% 10px 0;
	}
	#sponsor div img{
		display:block;
		width:100%;
		margin:0 0 2px;
	}
	#sponsor div span{
		display:block;
		height:20px;
		font-size:9px;
		line-height:10px;
	}



/*	footer
------------------------------------------*/
#anchor_box{
	text-align:right;
	position: fixed;
	right:0%;
	bottom:0%;
	z-index:90;
}

.i_pagetop a,.i_pagebottom a{
	display:inline-block;
	width: 30px;
	padding:10px 2.5px;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
}

div.i_pagetop a{/**/
	/* webkit系 */ 
	background: -webkit-gradient(linear, left top,left bottom, from(#ddd), to(#999));
	/* Mozilla系 */ 
	background: -moz-linear-gradient(top, #ddd, #999);
	/* InternetExplorer */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffdddddd', endColorstr='#ff999999');
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#ff999999', GradientType=0)";
	/* IE10 */  
	background: linear-gradient(to bottom,  #ddd,  #999);
	
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	border-bottom: solid 1px #fff;
}

div.i_pagebottom a{/**/
	/* webkit系 */ 
	background: -webkit-gradient(linear, left top,left bottom, from(#999), to(#ddd));
	/* Mozilla系 */ 
	background: -moz-linear-gradient(top, #999, #ddd);
	/* InternetExplorer */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff999999', endColorstr='#ffdddddd');
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff999999', endColorstr='#ffdddddd', GradientType=0)";
	/* IE10 */  
	background: linear-gradient(to bottom,  #999,  #ddd);
	
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

#ft{
	position:relative;
	bottom:0;
	height:50px;
	background:#3b84e0;
}

#i_zenkoku{
	display:block;
	position:absolute;
	left:0;
	top:-5px;
	width:170px;
	height:55px;
	overflow:hidden;
}
#i_zenkoku span{
	position:absolute;
	display:block;
	left:60px;
	top:25px;
	color:#fff;
	font-size:12px;
}

#ft address{
	position:absolute;
	display:block;
	right:8px;
	top:11px;
}

#area_link{
	position:relative;
	top:50px;
	padding:4px 4px 8px 4px;
	background:#000;
}
#area_link li{
	display:inline-block;
	* zoom:1;
	* display:inline;
	margin:0 0.5em 0;
}
#area_link *{
	color:#fff;
	font-size:10px;
}



/*	sitemap
------------------------------------------*/

#sitemap_content{
	position:relative;
	padding:1em 0 1em 1em;
}
#sitemap_menu li{
	display:inline-block;
	width:40%;
	white-space:nowrap;
	padding:0 0 0 0.8em;
	margin:0 1em 1.2em 0;
	font-size:13px;
	background:url(../img/i_arrow_s_gray.png) no-repeat 0 2px;
}

#sitemap_menu li a{/**/
	font-size:13px;
}










/*	list
------------------------------------------*/

.menu_gray_arrow li{
	padding:8px;
	background: -moz-linear-gradient(top, #fcfcfc, #e5e5e5);
	background: -webkit-gradient(linear, left top,left bottom, from(#fcfcfc), to(#e5e5e5));
	border-bottom:1px solid #fff;
}
	.menu_gray_arrow li a{
		display:block;
		background:url(../img/i_arrow_gray_s.png) no-repeat 100% 50%;
		-moz-background-size:auto 20px;
		background-size:auto 20px;
	}

.link_list{
		width:99%;
		margin:0 auto;
		background:#fff;
	}
	.link_list li{
		padding:8px;
		text-align:justify;
		border-bottom:1px solid #ccc;
	}
	.link_list li:nth-last-child(1){
		border-bottom:none;
	}
	.link_list li a{
		font-size:14px;
		line-height:15px;
	}
	.link_list img{
		vertical-align:middle;
		margin:0 0.2em 0 0;
	}

.link_list2{
		margin:0 auto;
		background:#fff;
	}
	.link_list2 li{
		padding:2px 4px 2px 10px;
		text-align:justify;
		border-bottom:1px solid #ccc;
	}
	.link_list2 li:nth-last-child(1){
		border-bottom:none;
	}
	.link_list2 li a{
		font-size:13px;
		line-height:13px;
	}
	.link_list2 img{
		vertical-align:middle;
		margin:0 0.2em 0 0;
	}
	
.dl_link_list{
		width:99%;
		margin:0 auto;
		background:#fff;
	}
	.dl_link_list dt{
		padding:8px;
		text-align:center;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		background:gray;
	}
	.dl_link_list dd{
		padding:8px;
		text-align:justify;
		border-bottom:1px solid #ccc;
	}
	.dl_link_list dd:nth-last-child(1){
		border-bottom:none;
	}
	.dl_link_list dd a{
		font-size:14px;
		line-height:15px;
	}
	.dl_link_list dd a img{
		vertical-align: middle;
	}
	
.dl_link_list2{
		width:99%;
		margin:0 auto;
		background:#fff;
	}
	.dl_link_list2 dt{
		padding:8px 8px 2px;
		font-weight:bold;
		background:#eee;
	}
	.dl_link_list2 dd{
		padding:8px 8px;
		vertical-align:middle;
		border-bottom:1px solid #ccc;
	}
	.dl_link_list2 dd:nth-last-child(1){
		border-bottom:none;
	}
	.dl_link_list2 dt a,.dl_link_list2 dd a{
		display:block;
		font-size:15px;
		line-height:16px;
	}
	.dl_link_list2 img{
		vertical-align: middle;
	}
	
/* rank list format */
.rank_hd{
	padding:2px 2px 3px;
	background:#eee;
}
	.rank_data{
		background:#fff;
		border-top:1px solid #ddd;
	}
	.rank_hd *,
	.rank_data *{
		font-size:14px;
		line-height:15px;
	}
	.rank_hd span{
		display:inline-block;
		padding:2px 0 4px;
	}
	.rank_data span{
		display:inline-block;
		padding:12px 0;/**/
	}
	.rank_hd span:nth-child(1),
	.rank_data span:nth-child(1){
		width:80%;
		padding-left:1%;
	}
	.rank_hd span:nth-child(2),
	.rank_data span:nth-child(2){
		width:10%;
	}
	/*.rank_hd span:nth-child(3),
	.rank_data span:nth-child(3){
		width:10%;
		text-align:right;
		padding-right:1%;
	}*//**/
	
	
.menu_orange_arrow{
	display:block;
	width:85%;
	margin:0 auto 10px;
}
	.menu_orange_arrow li{
		display:inline-block;
		padding:0 0 0 0.8em;
		margin:8px 0;
		background:url(../img/i_arrow_orange.png) no-repeat 0 50%;
		background-size:auto 12px;
	}
	.menu_orange_arrow li:nth-child(2n+1){
		margin-right:1em;
	}
	.menu_orange_arrow li a{
		font-size:14px;
	}
	
	
.btn_table{
	width:100%;
	border-collapse:separate;
	border-spacing: 2px;
}
	.btn_table td{
		padding:4px;
		text-align:center;
		font-size:14px;
		
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #fff 5%, #dfdfdf 100% );
	
		border:1px solid #aaa;
		border-width:0 1px 1px 0;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}
	.btn_table td.white{
		border:none;
		background:#fff;
	}



	
/*	modal
------------------------------------------*/
.modal{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:200%;
	background:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:100;
}
.ajax_wrap{
	display:block;
	position:absolute;
	left:3%;
	top:1em;
	width:94%;
	background:#fff;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	z-index:101;
}
.ajax_close_btn{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:50px;
	height:13px;
	font-size:10px;
	line-height:14px;
	background:url(../img/i_close.png) no-repeat 32px 0;
	z-index:110;
}
.ajax_close_btn:link,
.ajax_close_btn:visited,
.ajax_close_btn:hover,
.ajax_close_btn:active{
	text-decoration:none;
}



/*
	ttl
------------------------------------------*/
.ttl1{
	color:#F63;
	padding-bottom:0.2em;
	border-bottom:1px dotted #F63;
	margin-bottom:0.5em;
}

.ttl2{
	color:#F63;
	padding:0 0 0.4em 0.4em;
	border-bottom:1px dotted #F63;
	border-left:8px solid #F90;
	margin:0 0 0.4em;
}

.ttl3{
	padding:4px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:#5E9D91;
	margin:0 0 0.5em;
}

.ttl4{
	padding:4px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:#f60;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	margin:0 0 0.5em;
}




/*	form
------------------------------------------*/
.er_msg_box{
	display:inline-block;
	* zoom:1;
	* display:iniline;
	padding:10px 16px;
	color:#c30;
	font-size:13px;
	font-weight:bold;
	background:mistyrose;
	border:1px dotted #ff643f;	
}
.er{
	display:inline-block;
	* zoom:1;
	* display:iniline;
	padding:2px 1em;
	color:#fff;
	font-size:10px;
	background:#ff643f;
}



/*
	table
------------------------------------------*/

/* thベージュ,padding狭し */
.table-style1{
	border-collapse: separate;
	border-spacing: 1px;
	background:#ccc;
}
	.table-style1 *{
		font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
		font-size:13px;/**/
		line-height:14px;/**/
	}
	.table-style1 th{
		padding:5px;
		vertical-align:middle;
		text-align:center;
		background:#f4f1df;
	}
	.table-style1 td{
		padding:5px;
		vertical-align:middle;
		background:#fff;
	}
	
	
/* thベージュ,1より文字大きく、左揃え, 欧文font */
.table-style2{
	border-collapse: separate;
	border-spacing: 1px;
	background:#ccc;
}
	.table-style2 *{
		font-size:14px;
		line-height:18px;
	}
	.table-style2 th{
		padding:5px 2px;
		vertical-align:middle;
		white-space:nowrap;
		text-align:center;
		background:#f4f1df;
	}
	.table-style2 td{
		padding:5px 5px 5px 10px;
		text-align:left;
		vertical-align:middle;
		background:#fff;
	}
	
	
/* thベージュ,padding狭し */
.table-style3{
	border-collapse: separate;
	border-spacing: 1px;
	background:#ccc;
}
	.table-style3 *{
		line-height:22px;
		vertical-align:middle;
	}
	.table-style3 thead th{
		padding:6px 2px;
		color:#fff;
		font-weight:bold;
		text-align:center;
		background:#83976b;
	}
	.table-style3 tbody th{
		padding:6px 2px;
		text-align:left;
		vertical-align:middle;
	}
	.table-style3 td{
		padding:6px 2px;
		vertical-align:middle;
	}
	.table-style3 tr{
		background:#fff;
	}
	.table-style3 tbody tr:nth-child(2n){
		background:#ededed;
	}
	
	



/*
	btn
------------------------------------------*/

/*
input[type="submit"] {
	width: auto;
	padding: 6px;
	border: none;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(0.2, #FC6), color-stop(1, #F93) );
	background:-moz-linear-gradient( top, #fff 5%, #FC6 20%, #F93 100% );
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-appearance: none;
	box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;
}
*/
.btn_orange{
	display:block;
	width: auto;
	padding: 6px 0;
	border: none;
	text-align:center;
	color:#000 !important;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(0.2, #FC6), color-stop(1, #F93) );
	background:-moz-linear-gradient( top, #fff 5%, #FC6 20%, #F93 100% );
	background:linear-gradient(to bottom, #fff, #F93);/* IE10+, W3C */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-appearance: none;
	box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;
}


.btn_navy{
	display:block;
	width:289px;
	height:34px;
	text-align:center;
	color:#fff !important;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	background:url(../common/btn_navy.jpg) no-repeat;
	margin:0 auto;
}
.btn_gray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666 !important;
	font-size:14px;
	font-weight:bold;
	padding:0.3em 0.8em;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.btn_gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background-color:#dfdfdf;
}.btn_gray:active {
	position:relative;
	top:1px;
}

/* orange arrow */
.arrow_orange{
	display:inline-block;
	padding-left:0.8em;
	background:url(../img/i_arrow_orange_s.png) no-repeat 0 50%;
}

/* paging */
.list_btns{
	width:100%;
	text-align:center;
	margin:0 0 5px;
}
.list_btns li{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ccc) );/**/
	background:-moz-linear-gradient( center top, #ededed 5%, #ccc 100% );/**/
	border:1px solid #ccc;
	display:inline-block;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin:0 1px;
}
.list_btns img{
	vertical-align:text-bottom;
	margin:0 3px;
}
.list_btns a{
	display:block;
	padding:0.6em 0;
	width:100%;
	height:100%;
	color:#666;
}
.list_btns a.disabled{
	opacity:0.4;
	filter:alpha(opacity=40);
	pointer-events: none;
}
.list_btns li:nth-child(1){
	width:13%;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
}
.list_btns li:nth-child(2){
	width:33%;
}
.list_btns li:nth-child(3){
	width:33%;
}
.list_btns li:nth-child(4){
	width:13%;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
}





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

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

hr.clear{
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
}

/* list clear */
.no_list{ margin-left:0px;list-style: none}

/* color */
.white	{color:#fff !important;}
.black	{color:#000 !important;}
.red		{color:#F30 !important;}
.orange	{color:#F60 !important;}
.grn		{color:#72ae34 !important;}
.blue	{color:#366fba !important;}
.yellow	{color:#FF0 !important;}
.lightblue{color:#48aae2 !important;}
.tan		{color:#960 !important;}
.grey	{color:#666 !important;}

.bg_white		{background-color:#ffffff !important;}
.bg_blue		{background-color:#0066ff !important;}
.bg_rose		{background-color:#ff3366 !important;}
.bg_wakatake	{background-color:#66cccc !important;}
.bg_peru		{background-color:#cd853f !important;}
.bg_tan		{background-color:#d2b48c !important;}
.bg_wheat		{background-color:wheat !important;}
.bg_beige		{background-color:beige !important;}
.bg_whitesmoke	{background-color:whitesmoke !important;}



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

/* shadow */
.shadow2	{ box-shadow: 1px 1px 2px #666; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666;	}
.shadow4	{ box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;	}
.shadow6	{ box-shadow: 1px 1px 6px #666; -moz-box-shadow: 1px 1px 6px #666; -webkit-box-shadow: 1px 1px 6px #666;	}
.shadow8	{ box-shadow: 1px 1px 8px #666; -moz-box-shadow: 1px 1px 8px #666; -webkit-box-shadow: 1px 1px 8px #666;	}
.shadow10	{ box-shadow: 1px 1px 10px #666; -moz-box-shadow: 1px 1px 10px #666; -webkit-box-shadow: 1px 1px 10px #666;	}



/* font / line */
.ff_mincho		{font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3";}
.ff_meiryo		{font-family: "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
.bold		{font-weight:bold;}
.normal		{font-weight:normal;}
.sml,.sml * 	{font-size:11px;line-height:13px;}
.ssml,.ssml * 	{font-size:10px;line-height:12px;}

.fs_6	{font-size:6px;}
.fs_7	{font-size:7px;}
.fs_8	{font-size:8px;}
.fs_9	{font-size:9px;}
.fs_10	{font-size:10px;}
.fs_11	{font-size:11px;}
.fs_12	{font-size:12px;}
.fs_13	{font-size:13px;}
.fs_14	{font-size:14px;}
.fs_15	{font-size:15px;}
.fs_16	{font-size:16px;}
.fs_18	{font-size:18px;}
.fs_20	{font-size:20px;}
.fs_22	{font-size:22px;}
.fs_24	{font-size:24px;}

.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%;}


/* font style */

.em{
	color:#C00;
	font-size:120%;
	font-weight:bolder;
}
.list_note,.list_note *{
	font-size:11px;
	line-height:120%;
}


/* display type */
.hide{display:none !important;}
.block{display:block !important;}
.inline{display:inline !important;}
.in-block{
	display:inline-block !important;
	* zoom:1;
	* display:inline;
}
.newspaper{
	text-justify:newspaper;
}

/* 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 !important;}
.left40{margin-left:40px !important;}
.left30{margin-left:30px !important;}
.left20{margin-left:20px !important;}
.left15{margin-left:15px !important;}
.left10{margin-left:10px !important;}
.left7{margin-left:7px !important;}
.left5{margin-left:5px !important;}
.left3{margin-left:3px !important;}
.left0{margin-left:0px !important;}

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

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

.btm90{margin-bottom:90px !important;}
.btm80{margin-bottom:80px !important;}
.btm70{margin-bottom:70px !important;}
.btm60{margin-bottom:60px !important;}
.btm50{margin-bottom:50px !important;}
.btm40{margin-bottom:40px !important;}
.btm30{margin-bottom:30px !important;}
.btm20{margin-bottom:20px !important;}
.btm15{margin-bottom:15px !important;}
.btm10{margin-bottom:10px !important;}
.btm7{margin-bottom:7px !important;}
.btm5{margin-bottom:5px !important;}
.btm3{margin-bottom:3px !important;}
.btm0{margin-bottom:0px !important;}

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

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

.pad_left50{padding-left:50px !important;}
.pad_left40{padding-left:40px !important;}
.pad_left30{padding-left:30px !important;}
.pad_left20{padding-left:20px !important;}
.pad_left15{padding-left:15px !important;}
.pad_left10{padding-left:10px !important;}
.pad_left7{padding-left:7px !important;}
.pad_left5{padding-left:5px !important;}
.pad_left3{padding-left:3px !important;}
.pad_left0{padding-left:0px !important;}

.pad_right50{padding-right:50px !important;}
.pad_right40{padding-right:40px !important;}
.pad_right30{padding-right:30px !important;}
.pad_right20{padding-right:20px !important;}
.pad_right15{padding-right:15px !important;}
.pad_right10{padding-right:10px !important;}
.pad_right7{padding-right:7px !important;}
.pad_right5{padding-right:5px !important;}
.pad_right3{padding-right:3px !important;}
.pad_right0{padding-right:0px !important;}


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

.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w48p{width:48% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w70p{width:70% !important;}
.w80p{width:80% !important;}
.w90p{width:90% !important;}
.w100p{width:100% !important;}

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


.break-word{
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}

#app_banner_box{
	position : fixed;
	bottom: 0;
	width: 100%;
	z-index: 1;
/*
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
*/
}

#app_banner_box .close_button{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	z-index: 2;
	background-color: white;
	text-align: center;
}

/* 地図で確認ボタン */
button.btn-map-search{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width: auto;
	padding: 12px 8px 8px;
	border: none;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(0.2, #FC6), color-stop(1, #F93) );
	background:-moz-linear-gradient( top, #fff 5%, #FC6 20%, #F93 100% );
	background:linear-gradient(to bottom, #fff, #F93);/* IE10+, W3C */
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;
	color:black;
	width: 95%;
}
button.btn-map-search:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 5px 0 0;
  background: url("/smafo/img/map_icon.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}