@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}

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

html{
    overflow-y:scroll;
}

body {
    line-height:1;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

input, select{
	vertical-align:middle;
}

input[type="submit"]{
	border:none;
}

input[type="button"]{
	border:none;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:focus{
	outline:none;
}

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

.tel_red {
    text-align: center;
    font-size: 24px;
    color: red;
    line-height: 1.4;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common layout
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

body{
	color:#444;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #aca19a;
}

@media all and (max-width:480px){
	body{
		padding:0 0 11% 0;
	}
}

#wrapper{
	margin:0 auto;
	background-color:#FFFFFF;
	z-index:50;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

header{
	max-width:1140px;
	padding:2% 2% 0 2%;
	margin:0 auto;
	position:relative;
	/* position:fixed;
	top:0;
	left:0;
	z-index:100; */
}

/* logo
------------------------*/
#logo{
/*
	width:340px;
*/
	width:300px;
	margin:-1% 0 1% 0;
	float:left;
}

.logo_block p{
	margin:0 0 0 5%;
	display:block;
	font-size:80%;
}

#logo a{
	margin:3% 0 0 -1% ;
	width:270px; /* default 340px */
	height:50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo_ekichikanet.png) no-repeat center 0;
}

@media all and (max-width:768px){
	#logo{
		width:37%;
	}
	
	#logo a{
		height:auto;
		padding:3% 0;
		background:url(img/logo_ekichikanet.png) no-repeat 0 0;
		background-size:70% auto;
	}
}

@media all and (max-width:568px){
	#logo{
		width:62%;
		margin:0 auto 2% auto;
		float:inherit;
	}
	
	#logo a{
		padding:5% 0;
		background-position:center 0;
		background-size:100% auto;
	}
}

@media all and (max-width:480px){
	#logo{
		width:74%;
	}
}

@media all and (max-width:375px){
	#logo{
		width:80%;
	}
	
	#logo a{
		width:auto;
		height:auto;
		padding:4% 0;
	}
}

/* header contact
------------------------*/
.h_contact{
	width:55%;
	text-align:left;
	float:right;
	margin:-1% 0 3% 0;
}

.h_contact .open{
	font-size:70%;
	color:#2e2e2e;
	display:inline-block;
	margin:0 1% 1% 0;
}

/*
.h_contact .open span{
	color:#fff;
	text-align:center;
	display:block;
	padding:2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.h_contact .tel{
	color:#ffa500;
	font-size:180%;
	font-weight:bold;
	padding:1% 0 0 8%;
	background:url(img/icon_tel.png) no-repeat 0 50%;
	display:inline-block;
	background-size:44px 30px;
}

.h_contact .tel a{
	color:#ffa500;
}
*/

@media all and (max-width:768px){
	.h_contact{
		margin:0 0 2% 0;
	}
	
	.h_contact .open{
		width:100%;
		display:block;
        font-size: 16px;
	}
	
	.h_contact .open span{
		display:inline-block;
		padding:1%;
		margin:0 2% 0 0;
	}

	.h_contact .tel{
		font-size:140%;
		padding-left:10%;
		margin:2% 0 0 0;
		background-size:contain;
	}
}

@media all and (max-width:568px){
	.h_contact{
		width:100%;
		text-align:center;
		float:inherit;
	}
	
	.h_contact .open{
		/*width:40%;*/
        width: 96%;
        margin: 0 2%;
		/*display:inline-block;*/
		vertical-align:top;
        display: none;
	}
	
	.h_contact .open span{
		display:block;
		margin:0 0 2% 0;
	}
	
	.h_contact .tel{
		font-size:140%;
		padding:0 0 0 8%;
		margin:0;
		background-position:0 0;
	}
}

@media all and (max-width:375px){
	.h_contact{
		margin:0 auto;
	}
	
	.h_contact .open{
		/*width:58%;*/
		/*display:block;*/
		margin:0 auto;
        display: none;
	}

	.h_contact .open span{
		padding:1%;
		margin:0 0 2% 0;
	}
	
	.h_contact .tel{
		font-size:140%;
		padding:0 0 0 13%;
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 global navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{
/*
	width:58%;
*/
	width:68%;
	position:absolute;
	right:1%;
	bottom:0;
}

#g_navi ul{
	text-align:right;
	font-size:0;
}

#g_navi li{
	width:16%; 
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	display:inline-block;
}

#g_navi li a{
	color:#fff;
font-size:14px;
	display:block;
	padding:7% 5%;
	background:#87a6ff;
}

  #g_navi li a:hover{
	  background:#993300;
  }

@media all and (max-width:768px){
	#g_navi{
		width:100%;
		margin:3% 0 0 0;
		position:static;
		clear:both;
	}

	#g_navi ul{
		text-align:center;
	}
	
	#g_navi li{
		width:24.2%;
	}
}

@media all and (max-width:480px){
	#g_navi{
		width:100%;
	}
		
	#g_navi li{
		font-size:75%;
		width:48.6%;
		margin:0 0 1% 0;
	}
	
	#g_navi li a{
		padding:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 footer
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

footer{
	padding:1% 0 0 0;
	background:#aca19a;
}

/* footer navi
------------------------*/
.f_navi ul{
	text-align:center;
	padding:1%;
	border-bottom:1px solid #beb2aa;
}

.f_navi li{
	font-size:75%;
	line-height:140%;
	display:inline-block;
	padding:0 5px 0 0;
	border-right:1px solid #beb2aa;
}

.f_navi li a{
	color:#f6f1ed;
	display:block;
}

.f_navi li:last-child{
	padding:0;
	border-right:none;
}

.copyright{
	color:#f6f1ed;
	text-align:center;
	padding:1%;
}

.copyright a{
	color:#f6f1ed;
}

/* footer contents
------------------------*/
.f_content{
	max-width:1140px;
	text-align:center;
	padding:2%;
	margin:1% auto 0 auto;
	background:#fff;
}

.f_content div{
	display:inline-block;
	vertical-align:top;
}

@media all and (max-width:830px){
	.f_content{
		padding:3%;
	}
}

/* footer contact
------------------------*/
.f_contact{
	width:30%;
	padding:2% 0;
	margin:0 2% 0 0;
}

.f_contact .logo{
	width:270px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 2% 0;
	background:url(img/logo_ekichikanet.png) no-repeat center 0;
}

.f_contact .open{
	color:#2e2e2e;
	font-size:68.75%;
	margin:0 0 2% 0;
}

.f_contact .open span{
	color:#fff;
	text-align:center;
	display:block;
	background:#5882FA;
	padding:1%;
	margin:0 0 1% 0;
}

.f_contact .tel{
	color:#ffa500;
	font-size:180%;
	font-weight:bold;
	padding:1% 0 0 15%;
	display:inline-block;
	background:url(img/icon_tel.png) no-repeat 0 50%;
	background-size:44px 30px;
}

.f_contact .tel a{
	color:#ffa500;
}

.f_contact .add{
	color:#2e2e2e;
	font-size:68.75%;
	line-height:140%;
	margin:1% 0 0 0;
}

@media all and (max-width:1024px){
	.f_contact .logo{
		width:100%;
		background:url(img/logo_ekichikanet.png) no-repeat center 0;
		background-size:contain;
	}
	
	.f_contact .tel{
		padding-left:18%;
		background-size:contain;
	}
	
	.f_contact .add{
		margin:3% 0 0 0;
	}
}

@media all and (max-width:768px){
	.f_contact{
		width:40%;
		margin:0 2% 0 0;
	}
	
	.f_contact .tel{
		font-size:120%;
		padding-left:13%;
	}
}

@media all and (max-width:480px){
	.f_contact{
		width:100%;
		margin:0 0 2% 0;
	}
}

/* footer prefectures
------------------------*/
.prefectures{
	width:60%;
}

.prefectures ul{}

.prefectures li{
	width:8%;
	font-size:75%;
	text-align:center;
	padding:1%;
	margin:0 0 1% 0;
	border-right:1px solid#aca19b;
	float:left;
}

.prefectures li a{
	color:#aca19b;
}

@media all and (max-width:1024px){
	.prefectures li{
		width:10%;
	}
}

@media all and (max-width:768px){
	.prefectures{
		width:50%;
	}
	
	.prefectures li{
		width:17%;
	}
}

@media all and (max-width:568px){
	.prefectures li{
		width:22%;
	}
}

@media all and (max-width:480px){
	.prefectures{
		width:auto;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 page top
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#page_top{
	position:fixed;
	bottom:0;
	right:0;
	z-index:100;
}

#page_top a{
	color:#fff;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	padding:7% 5%;
	display:block;
	text-shadow:1px 1px #5882FA;
	border:1px solid #5882FA;
	background-color:#5882FA;
	border-radius:5%;
	opacity:0.5;
}

@media all and (max-width:480px){
	#page_top{
		width:100%;
		border-radius:0;
	}

	#page_top a{
		padding:2%;
		border-radius:0;
	}
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 contents
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#contents_tab {
	max-width:1140px;
	padding:0 2% 0 2%;
	margin:2% auto 0 auto;
}
#contents {
	max-width:1140px;
	padding:0 2% 10% 2%;
	margin:2% auto 0 auto;
	background:url(img/contents_bg.png) repeat-x 0 bottom;
	background-size:contain;
}

.index #contents{}

#main{
	width:76%;
	overflow:hidden;
	float:right;
}

#sub{
	width:21%;
	overflow:hidden;
	float:left;
}

.column1 #main{
	width:100%;
}

@media all and (max-width:1024px){
	#contents{
		max-width:1024px;
	}
}

@media all and (max-width:830px){
	#contents{
		max-width:830px;
	}
	
	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
	}
}

@media all and (max-width:768px){
	#contents{
		max-width:768px;
		padding:0 3% 10% 3%;
	}

	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
		margin:2% 0 0 0;
	}
}

@media all and (max-width:480px){
	#contents{
		max-width:480px;
		padding:0 2% 10% 2%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common style
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* text
------------------------*/
img{
	max-width:100%;
	height:auto;
	display:block;
}

a{
	color:#FF8D00;
	text-decoration:none;
}

.r_lnk{
	float:right;
}

.r_lnk a{
	min-height:14px;
	padding:0 19px 0 0;
	background:url(img/icon_arrow1.png) no-repeat right center;
	background-size:14px 14px;
}

.lnk a{
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow1.png) no-repeat left center;
	background-size:14px 14px;
}

.ex{
	font-size:100%;
	line-height:160%;
	margin:0 0 1% 0;
}

.note{
	width:100%;
	color:#878787;
	line-height:160%;
	display:block;
}

/* table
------------------------*/
table.common{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

table.common tr:nth-of-type(odd){
	background:#fbf8f4;
}

table.common td,
table.common th{
	text-align:center;
	padding:2%;
	border:1px solid #e1d3c9;
}

table.common th{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
}

table.common thead th{
	color:#fff;
	background:#5882FA;
}

table.common td{
	font-size:75%;
	line-height:160%;
}

@media all and (max-width:480px){
	table.common{
		display:block;
		background:none;
	}
	
	table.common tr:nth-of-type(odd){
		background:none;
	}

	table.common thead{
		display:none;
	}
	
	table.common tbody{
		display:block;
	}
	
	table.common tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	table.common tbody th,
	table.common tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	table.common tbody th{
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#aca19a;
	}
	
	table.common tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath{
	padding:1% 5%;
	border-top:1px solid #2e2e2e;
}

#topicpath ul{
	max-width:1140px;
	margin:0 auto;
}

#topicpath li{
	font-size:75%;
	line-height:160%;
	padding:0 0 0 2%;
	margin:0 1% 0 0;
	background:url(img/icon_arrow2.png) no-repeat 0 50%;
	word-wrap:break-word;
	float:left;
}

#topicpath li a{}

#topicpath li.home{
	padding:0;
	background:none;
}

#topicpath li strong{}

#topicpath li span{
	color:#878787;
}

@media all and (max-width:830px){
	#topicpath{
		padding:1% 3%;
	}
	
	#topicpath li{
		padding:0 0 0 3%;
		background-size:contain;
	}
}

@media all and (max-width:480px){
	#topicpath{
		border-top:none;
	}

	#topicpath li{
		padding:0 0 0 4%;
		border-top:none;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents index
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* top info
------------------------*/
#top_info{
	padding:15% 0;
	background:url(img/header3.png) no-repeat 0% 0%;
	background-size:cover;
	border-top:5px solid #5882FA;
	position:relative;
}

#top_info h2{
	color:#424242;
	font-size:200%;
	font-weight:bold;
	text-shadow:2px 2px 4px #fff;
	line-height:160%;
	position:absolute;
	text-align:left;  
	top: 80% ;
	right:20% ;
}

@media all and (max-width:1280px){
	#top_info{
		padding:15% 0;
	}
	
	#top_info h2{
		left:5%;
	}
}

@media all and (max-width:830px){
	#top_info{
		padding:20% 0;
	}
}

@media all and (max-width:480px){
	#top_info{
		border-top:none;
	}
	
	#top_info h2{
		font-size:120%;	
	}
}

/* top_special
------------------------*/
.top_special{
	margin:0 0 3% 0;
	position:relative;
}

.top_special h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	padding:1% 5% 3% 5%;
	background:url(img/tag.png) no-repeat 0 0;
	background-size:contain;
	position:absolute;
	top:10px;
	left:-10px;
}

@media all and (max-width:480px){
	.top_special h2{
		font-size:87.5%;
	}
}

/* reco
------------------------*/
.reco_frame{
	width:100%;
	height:300px;
	background:#fff;
}

.reco{
	overflow:hidden;
}

.reco h2{
	font-size:100%;
	color:#fff;
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;  */
}

/* new
------------------------*/
.new_frame{
	width:100%;
	height:300px;
	background:#fff;
}

.new{
	overflow:hidden;
	margin:3% 0 0 0;
}

.new h2{
	font-size:100%;
	color:#fff;
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
	/*  background:url(img/title_bg.gif) repeat 0 0;  */
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents page navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.page_navi{}

.page_navi p{
	font-size:100%;
}

.page_navi p strong{
	color:#ff9933;
	margin:0 0.5% 0 0;
}

.page_navi ul{
	text-align:right;
	margin:1% 0 0 0;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block;
	padding:1%;
	background-color:#aca19a;
	border:1px #aca19a solid;
	font-weight:bold;
}

.page_navi li a{
	color:#aca19a;
	display:inline-block;
	padding:1%;
	border:1px #aca19a solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#aca19a;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#aca19a;
	background-color:#aca19a;
}

@media all and (max-width:830px){
	.page_navi ul{
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_list1,
.item_list2{}

.item_list1 h2,
.item_list2 h2{
	font-size:100%;
	color:#fff;
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
	/*  background:url(img/title_bg.gif) repeat 0 0;  */
}

.item_list1 .lnk,
.item_list2 .lnk{
	font-size:87.5%;
	margin:0 0 2% 0;
}

/* tab
------------------------*/
.tab{
	border-bottom:3px solid #aca19a;
	margin:20px 0;
}

.tab p{
	width:50%;
	float:left;
}

.tab a{
	color:#aca19a;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:2%;
	background:none;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}

.tab p.current a,
.tab p a:hover{
	color:#fff;
	background:#aca19a;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
}

@media all and (max-width:830px){
	.tab a{
		font-size:87.5%;
		padding:3%;
	}
}

/* detail_tab add 2016/10/24
------------------------*/
.detail_tab{
	border-bottom:3px solid #aca19a;
	margin:20px 0;
}

.detail_tab p{
	width:20%;
	float:left;
}

.detail_tab a{
	/*color:#aca19a;*/
    color:#826d61;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	display:block;
	padding: 5% 2%;
	background:none;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
    height: 36px;
}

.detail_tab p.current a,
.detail_tab p a:hover{
	color:#fff;
	background:#aca19a;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
}

@media all and (max-width:830px){
	.detail_tab a{
		font-size:70%; /* default 87.5% */
		padding:3%;
	}
}

/* table list
------------------------*/
table.list{
	width:100%;
	margin:3% 0;
    border-collapse:separate;
   	border-spacing:1px;
	background:#ccc;
	border-top:2px solid #ccc;
}

table.list thead th{
	background:#eee;
}

.item_list2 table.list thead th{
	text-align:left;
}

table.list thead th{
	background:#eee;
}

table.list tbody .thumb{
	width:100%;
/*
	width:10%;
*/
	margin:0 2% 0 0;
	float:left;
}

.item_list2 table.list thead .thumb{
	width:100%;
/*
	width:30%;
*/
}

.item_list2 table.list thead .thumb img{
	width:100%;
}

	table.list tbody .station{
		text-align:left;
	}

	table.list tbody .shop{
		text-align:left;
	}
	
	table.list tbody .tel {
		font-size:16px;
		color: red;
		font-weight: bold;
	}

table.list tbody .title{
	width:88%;
	text-align:left;
		font-size:150%;
/*	float:left;  */
}

.item_list2 table.list tbody .title{
	width:100%;
		font-size:120%;
	float:none;
}

table.list input[type="checkbox"]{
	margin:0 5px 0 0;
}
	
table.list th,
table.list td{
	font-size:75%;
	text-align:center;
	line-height:150%;
	padding:1%;
	vertical-align:middle;
}

table.list th{
	background:#f8f8f8;
}

table.list th a{
	color:#444;
	text-decoration:none;
}

table.list th a:hover{
	color:#67b9ca;
}

table.list td{
	background:#fff;
}

table.list .price p span{
	font-weight:bold;
	color:#F00;
	margin:0 1% 0 0;
}

@media all and (max-width:768px){
	table.list tbody .thumb{
		width:100%;
/*
		width:20%;
*/
	}

	table.list tbody .title{
		width:78%;
			font-size:100%;
	}
}

/*  detail_access  add by 20160911
------------------------*/
.detail_access{
	width:100%;
	float:left;
}
.detail_access table{
	width:100%;
	border:1px solid #333;
}

.detail_access th{
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #ccc;
}

.detail_access td{
		font-size:90%;
		line-height:160%;
		padding:1%;
		border:1px solid #ccc;
}

.detail_access th{
	text-align:center;
	background:#f8f8f8;
}

.detail_access td{
	text-align:left;
	background:#fff;
}

.detail_access .map{
	margin:20px 0 0 0 ;
}
#map_canvas {
    width: 100% !important;
    height:300px !important;
}
/* table detail
------------------------*/
table.detail{
	/*margin: -33px 0 0 0;*/
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
    float:right;
    margin-bottom: 20px;
}

	table.detail th{
		width:11%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #fff;
	}
	table.detail td{
		width:22%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #fff;
    }
    table.detail .em {
        color: red;
        font-weight: bold;
        font-size: 20px !important;
    }

/*
table.detail th,
table.detail td{
	width:25%;
	font-size:100%;
	line-height:160%;
	padding:1%;
	border:1px solid #fff;
}
*/

table.detail th{
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	background:#fff;
}


/* module option
------------------------*/

    .option p{
		margin:2% 0 0 0;
	}

.option ul{
	margin:1% -1% -1% 0;
}

.option li{
	width:22%;
	color:#fff;
	text-align:center;
	padding:5px;       /* default  1%   */
	margin:0 2px 2px 0;  /* default  0 1% 1% 0  */
	background:#67b9ca;
	float:left;
}

@media all and (max-width:480px){
	.option li{
		width:30.3%;
		font-size:68.75%;
	}
}

/* btn
------------------------*/
.btn_box{
	text-align:center;
	/*margin:1% 0;*/
    border: 1px solid blue;
    padding: 20px 40px;
    margin: 20px 100px !important;
    background-color: aliceblue;
    border-radius: 6px;
}

p.btn{
	display:inline;
	margin:0 1%;
}

p.btn a{
	width:50%;
    margin: 10px 0;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:2%;
	border-radius:6px;
	border:1px solid #ff8000;
	background:#ff8000;
    font-size: 20px;
	background:linear-gradient(#ff8000, #ff8000);
}

p.btn a:hover {
	border:1px solid #f44336;
	background:#f44336;
	background:linear-gradient(#f44336, #f44336);
}
p.btn_b {
	display:inline;
	margin:0 1%;
}

p.btn_b a{
	width:50%;
    margin: 10px 0;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:2%;
	border-radius:6px;
	border:1px solid #5882FA;
	background:#5882FA;
    font-size: 20px;
	background:linear-gradient(#5882FA, #5882FA);
}

.delete{}

.delete a{
	color:#FF002F;
	padding:5% 0;
	display:block;
}

.delete a:hover{
	background:#FFECF0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item info
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_info{}

.item_info h2{
	font-size:140%;
	line-height:150%;
	color:#fff;
	padding:1.2%;
		background-color:#5dc1b6;
	/* background:url(img/title_bg.gif) repeat 0 0;  */
}

    .item_info .c_copy{
	    font-size:130%;
		font-weight:bold;
		border-bottom:1px solid #ccf;
		margin: 15px 0 0 3%;
	    padding:1.2%;
        line-height: 1.6;
    }

/* table list
------------------------*/
.item_info table.list{
	margin:1% 0;
}

.item_info table.list .title{
	float:left;
}

.update{
	width:25%;
	text-align:right;
	float:right;
}

.update span{
	margin:0 0 0 3%;
}

/* btn
------------------------*/
.item_info .btn_box{
	text-align:center;
	margin:5% 0 0 0;
}

/* table detail
------------------------*/
.item_info table.detail th,
.item_info table.detail td{
	/*font-size:75%;*/
    font-size: 16px;
}

/* option
------------------------*/
.item_info .option li{
	width:15% ;        /*  default  17%  */
	font-size: 75%;  /*  default  75%  */
}

/* appearance  add 20160915
------------------------*/
.appearance .photo p{
	margin: 10px 0 0 0;
    line-height: 1.6;
}

.appearance .photo_access img{
	margin:auto;
	margin-bottom:2%;
}
.appearance .photo_access p{
	margin:0 0 0 15%;
	font-size:80%;
}
#photo360 h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding: 1.2%;
	margin: 0 0 2% 0;
	background:#5882FA;
}
#photo360 {
    width: 100%;
}
#photo360 iframe {
    width: 90%;
    margin: 0 5%;
    height: calc(90vw * 0.5 * 0.9);
}
@media all and (min-width:1200px){
    #photo360 iframe {
        width: 90%;
        height: 500px;
        margin: 0 5%;
    }
}
/* photo
------------------------*/
.photo{
	margin:5% 0 0 0;
}

.photo ul{
	/*margin:0 -1% -2% 0;*/
    margin:0 auto;
}

.photo li{
/*
	width:32%;
*/
	/*width:46%;*/
    width: 45%;
	margin:0 1% 2% 0;
	display:inline-block;
	vertical-align:top;
}
.photo .photo_box0 {
    height: 420px;
}
.photo_box0 img {
	max-width:100%;
	height:auto;
	display:block;
    max-height: 400px;
    object-fit: cover;
}
/* equipment  add by 20160912
------------------------*/
.equipment{
	margin:3% 0 0 0;
}

.equipment h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.equipment .photo{
	margin:0 0 0 4%;
}

.equipment .photo ul{
	/*margin:-2% 0 0 0;*/
    margin: 0;
	font-size:0 ;
}

.equipment .photo li{
	width:30%;
	margin:0 1% 2% 1%; 
    font-size:12px;
/*	border:1px solid black; */
	display:inline-block;
	vertical-align:top; 
}

.equipment .photo img{
    /*border:1px solid #999;*/
}

.equipment .photo p{
	margin:2% 0 0 0;
    line-height: 1.4;
}

/* srd  add by 20160911
------------------------*/
.srd{
	margin:3% 0 0 0;
}

.srd h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.srd h4{
	font-size:100%;
	font-weight:bold;
	color:#555;
	padding:1.2%; 
	border-bottom:1px solid #ccf;
}

.srd .photo{
	margin: 0 0 0 4%; 
}

.srd .photo ul{
	/*margin: -2% 0 0 0;*/ 
	font-size:0 ;
}

.srd .photo li{
	width:30%;
	margin:0 1% 2% 1%; 
    font-size:12px;
	display:inline-block;
	vertical-align:top; 
}

.srd .photo img{
	/*border:1px solid black;*/
    /*border:1px solid #999;*/
}

.srd .photo p{
	margin: 10px 0 0 0; 
}

/* photo2
------------------------*/
.srd .photo2 {
	margin:5% 0 0 0;
}

.srd .photo2 ul {
    margin:0;
    display:table;
    width:100%;
    padding:0;
}

.srd .photo2 ul li {
    display:table-cell;
	width:46%;
	margin:2%;
	vertical-align:top;
    list-style:none;
}
.image_box {
    height: 242px;
    display:table-cell;
    vertical-align: middle;
    /*border: 1px solid #999;*/
    box-sizing: border-box;
}
.image_box img {
	max-width:100%;
	height:auto;
	display:block;
    max-height: 242px;
    object-fit: cover;
    border: 1px solid #999;
}
/* info
------------------------*/
.info{
	margin:3% 0 0 0;
}

.info h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}
.info p{
    font-size:80%;
}
/* company_info  add by 20160911
------------------------*/
.company_info{
	margin:3% 0 0 0;
}

.company_info h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

table.company{
	margin: -20px 0 0 0 ;
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
}

table.company th{
		width:20%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid grey;
}
table.company td{
		width:80%;
		font-size:90%;
		line-height:160%;
		padding:1%;
		border:1px solid grey;
		background-color:#fff;
}

table.company .shop{
	    font-size:120%;
		text-align:left;
	}
	
table.company .tel {
		font-size:150%;
		color: red;
		font-weight: bold;
}

/* access


.access{
	margin:3% 0 0 0;
}

.access h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.access .map{
	width:300px;
	float:left;
}

.access .address{
	width:70%;
	float:right;
}

.access .address ul{}

.access .address li{
	font-size:75%;
	line-height:150%;
	padding:0 0 2% 0;
	margin:0 0 2% 0;
	border-bottom:1px dotted #bbb;
}

.access .address li span{
	font-weight:bold;
	display:block;
	margin:0 0 1% 0;
}
------------------------*/



@media all and (max-width:1024px){
	.photo li{
		/*width:31.9%;*/
        width: 44%;
	}
	
	.access .address{
		width:65%;
	}
}

@media all and (max-width:768px){
	.update{
		width:100%;
	}
	
	.item_info .option li{
		width:30.3%;
	}
	
	.photo li{
		/*width:31.6%; */
        /*width: 44%;*/
        width: 98%;
        margin: 0 1%;
	}
	
	.access .address{
		width:50%;
	}
	
	.item_info p.btn{
		font-size:87.5%;
	}
	
	.item_info p.btn a{
		width:80%;
        margin: 20px 0;
        padding: 3%;
    }
    .appearance .photo p{
	    font-size: 16px;; 
    }
}


@media all and (max-width:568px){
	.access .map{
		margin:0 auto;
		float:none;
	}
	
	.access .address{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}

@media all and (max-width:480px){
	.item_info table.list .title{
		width:100%;
		float:none;
	}
	
	.update{
		margin:1% 0 0 0;
	}
	
	.update span{
		display:block;
		margin:0;
	}
	
	.item_info .option li{
		width:45%;   /*  default 47%  */
		font-size:68.75%;
	}
	
	.item_info p.btn a{
		width:80%;
		padding:2%;
	}
	
	.photo li{
	/*	width:31.4%;  */
		width:100%;  
	}
	.photo p{
		font-size:80%;  
	}
	.equipment .photo li{
	    width:46%;
	}
    .srd .photo li{
	    width: 98%;
        margin: 0 1%;
	}
	.detail_access {
	    width:100%;
    }
	table.detail{
		width:100%;
		font-size:90%;
	}
	table.company{
		font-size:80%;
	}
}

@media all and (max-width:375px){
	.photo li{
	/*	width:31.4%;  */
		width:100%;  
	}
	.photo p{
		font-size:80%;  
	}
	.equipment .photo li{
	    width:46%;
	}
    .srd .photo li{
	    /*width:46%;*/
	}
	.detail_access {
	    width:100%;
    }
	table.detail{
		width:100%;
		font-size:90%;
	}
	table.company{
		font-size:80%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents form
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* submit
------------------------*/
.sbmt_box{
	text-align:center;
	margin:3% 0 0 0;
}

.sbmt_box .sbmt{
	display:inline;
}

.sbmt_box .btn{
	margin:0;
}

.sbmt{
	text-align:center;
	margin:3% 0 0 0;
}

.sbmt input[type="submit"]{
	width:48%;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:1%;
	border-radius:3px;
	border:1px solid #5882FA;
	background:#5882FA;
	background:linear-gradient(#5882FA, #5882FA);
	cursor:pointer;
}

.sbmt input[type="button"]{
	width:48%;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:1%;
	border-radius:3px;
	background:#5882FA;
	background:linear-gradient(#5882FA, #5882FA);
	cursor:pointer;
}

/* form
------------------------*/
.form{
	margin:3% 0 0 0;
}

.form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.form caption{
	color:#5882FA;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 1%;
	margin:0 0 1% 0;
	border-left:5px solid #5882FA;
}

.form table tr:nth-of-type(odd){
	background:#fbf8f4;
}

.form table td,
.form table th{
	padding:2%;
	border:1px solid #e1d3c9;
	vertical-align:top;
}

.form table th{
	width:30%;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

.form table td{
	font-size:75%;
}


.form table thead th{
	color:#fff;
	background:#5882FA;
}

.form td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

.nec{
	color:#ff0000;
	margin:0 1%;
}

.form select{
	margin:3px 5px 3px 0;
}

.form textarea{
	width:98%;
}

.form td label{
	margin:3px 0;
}

.form td.row2 label{
	width:50%;
	float:left;
}

.form td.row4 label{
	width:25%;
	float:left;
}

@media all and (max-width:480px){
	.form table{
		display:block;
		background:none;
	}
	
	.form table caption{
		display:block;
	}
	
	.form table tr:nth-of-type(odd){
		background:none;
	}
	
	.form table tbody{
		display:block;
	}
	
	.form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.form table tbody th,
	.form table tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.form table tbody th{
		width:auto;
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#5882FA;
	}
	
	.form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
	
	.form td.row2 label{
		width:100%;
	}
}

/* module check form
------------------------*/
.check_form{
	margin:3% 0 0 0;
}

.check_form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.check_form caption{
	color:#5882FA;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 1%;
	margin:0 0 1% 0;
	border-left:5px solid #5882FA;
}

.check_form table tr:nth-of-type(odd){
	background:#fbf8f4;
}

.check_form table td,
.check_form table th{
	padding:2%;
	border:1px solid #e1d3c9;
	vertical-align:top;
}

.check_form table th{
	width:30%;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

.check_form table thead th{
	color:#fff;
	background:#5882FA;
}

.check_form table td{
	font-size:75%;
}

@media all and (max-width:480px){
	.check_form table{
		display:block;
		background:none;
	}
	
	.check_form table caption{
		display:block;
	}
	
	.check_form table tr:nth-of-type(odd){
		background:none;
	}

	
	.check_form table tbody{
		display:block;
	}
	
	.check_form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.check_form table tbody th,
	.check_form table tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.check_form table tbody th{
		width:auto;
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#aca19a;
	}
	
	.check_form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}

/* error
------------------------*/
.error{
	margin:3% auto;
}
	
.error .msg{
	font-weight:bold;
	color:#ff0000;
	padding:0 0 0 19px;
	background:url(img/icon_alert.png) no-repeat 0 50%;
	background-size:contain;
}

.error ul{
	margin:1% 0 0 3%;
}
	
.error li{
	color:#ff0000;
	line-height:160%;
	list-style:disc;
}

@media all and (max-width:480px){
	.error .msg{
		font-size:75%;
	}
	
	.error ul{
		margin-left:8%;
	}

	.error li{
		font-size:75%;
	}
}

/* message
------------------------*/
.comp dl{
	padding:3%;
	background:#fbf8f4;
}

.comp dt{
	text-align:center;
	line-height:160%;
	margin:0 0 3% 0;
}

.comp dd{
	text-align:center;
}

.comp dd p a{
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow1.png) no-repeat 0 50%;
	background-size:14px 14px;
}

@media all and (max-width:480px){
	.comp dt,
	.comp dd p a{
		font-size:87.5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents contact
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.contact{}

.contact h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;    */
}

.contact .ex{
	font-size:75%;
}

@media all and (max-width:480px){
	.contact .delete{
		width:10%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents special
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.special{}

.special h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;    */
}

.special .ex{
	font-size:75%;
}

.special ul{
	text-align:center;
}

.special ul li{
	width:23%;
	text-align:left;
	margin:1% 0.5%;
	display:inline-block;
}

.special ul li h3{
	color:#67b9ca;
	font-size:87.5%;
	line-height:140%;
	display:block;
	margin:10px 0 0 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.special ul li p{
	font-size:75%;
	line-height:150%;
}

.special ul li .price{
	color:red;
	font-weight:bold;
}

@media all and (max-width:480px){
	.special ul li{
		width:47%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.about{}

.about h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;   */
}

.about .ex{
	font-size:75%;
}

/* flow
------------------------*/
.flow ul{}

.flow li{
	padding:0 0 20% 0;
	margin:5% 0 10% 0;
}

.flow li:last-child{
	margin-bottom:0;
}

.flow li.f_01{
	background:url(img/sample_bg.jpg) no-repeat right 0;
	background-size:contain;
}

.flow li.f_02{
	background:url(img/sample_bg.jpg) no-repeat 0 0;
	background-size:contain;
}

.flow li h3{
	width:50%;
	color:#5882FA;
	font-size:120%;
	font-weight:normal;
	line-height:160%;
	padding:1% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #aca19a;
}

.flow li:nth-child(2n) h3,
.flow li:nth-child(2n) p{
	margin-left:50%;
}

.flow li p{
	width:50%;
	font-size:87.5%;
	line-height:160%;
	margin:3% 0 0 0;
}

@media all and (max-width:768px){
	.flow li.f_01,
	.flow li.f_02{
		background-size:50% auto;
	}

	.flow li h3{
		width:45%;
		font-size:100%;
	}
	
	.flow li:nth-child(2n) h3,
	.flow li:nth-child(2n) p{
		margin-left:55%;
	}
	
	.flow li p{
		width:45%;
	}
    .btn_box{
	   text-align:center;
        border: 1px solid blue;
        padding: 20px 40px;
        background-color: aliceblue;
        border-radius: 6px;
        margin: 1% 0 !important;
    }
}

@media all and (max-width:480px){
	.flow li{
		padding:0 0 10% 0;
		margin:5% 0 5% 0;
	}
	
	.flow li.f_01,
	.flow li.f_02{
		padding:0 0 80% 0;
		background-position:center bottom;
		background-size:80% auto;
	}
	
	.flow li h3{
		width:100%;
		font-size:87.5%;
	}
	
	.flow li:nth-child(2n) h3,
	.flow li:nth-child(2n) p{
		margin-left:0;
	}
	
	.flow li p{
		width:100%;
		font-size:75%;
	}	
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents company
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.company{}

.company h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;   */
}

.company table.common th{
	width:30%;
}

.company table.common td{
	text-align:left;
}

@media all and (max-width:480px){
	.company table.common th{
		width:auto;
	}

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents policy
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.policy{}

.policy h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;  */
}

.policy dl{}

.policy dt{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
	margin:0 0 0.5% 0;
}

.policy dd{
	font-size:75%;
	line-height:160%;
	padding:0 0 1% 0;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

.policy dd ol{
	margin:1% 0 0 0;
}

.policy dd li{
	list-style:decimal;
	margin:0 0 1% 3%;
}

@media all and (max-width:480px){
	.policy dd li{
		margin-left:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news{}

.news h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;   */
}

/* module news list
------------------------*/
dl.news_list{
	position:relative;
	zoom:1;
}

dl.news_list dt,
dl.news_list dd{
	font-size:75%;
	line-height:160%;
	vertical-align:top;
}

dl.news_list dt{
	width:10%;
	color:#67b9ca;
	font-weight:bold;
	position:absolute;
}

dl.news_list dd{
	padding:0 0 1% 10%;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

dl.news_list dd a{
	color:#5882FA;
	text-decoration:underline;
}

@media all and (max-width:830px){	
	dl.news_list dt{
		width:12%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 12%;
	}

}

@media all and (max-width:480px){
	dl.news_list dt{
		width:20%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 20%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sitemap
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sitemap{}

.sitemap h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;  */
}

.sitemap h3{
	font-size:100%;
	color:#5882FA;
	padding:0 0 0 1%;
	margin:2% 0 0 0;
	border-left:5px solid #5882FA;
}

.sitemap ul{
	margin:1% -1% -1% 0;
}

.sitemap li{
	width:32%;
	margin:0 1% 1% 0;
	border:1px solid #d3c6b3;
	float:left;
}

.sitemap li a{
	font-size:75%;
	color:#94836f;
	text-decoration:none;
	padding:3%;
	display:block;
	background:url(img/icon_arrow2.png) no-repeat 98% 50%;
}

@media all and (max-width:768px){
	.sitemap h3{
		margin:3% 0 0 0;
	}
	
	.sitemap ul{
		margin-top:2%;
	}
	
	.sitemap li{
		width:48.2%;
	}
	
	.sitemap li a{
		font-size:75%;
		padding:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#sub{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents search
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{
	padding:5%;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.search h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 18%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_home.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.search ul{}

.search li a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.search li:last-child{
	margin:0;
}

@media all and (max-width:830px){
	.search{
		padding:2%;
		margin:3% 0 0 0;
	}

	.search h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}
}

@media all and (max-width:480px){
	.search h2{
		background-size:16px 16px;
	}
}

/* module type
------------------------*/
.s_type ul{}

.s_type li{
	width:100%;
	font-size:120%;
	margin:0 0 3% 0;
	border:1px solid #8bbdc4;
	background:url(img/type_bg.gif) repeat 0 0;
}

.s_type li a{
	color:#fff;
	display:block;
	text-decoration:none;
	padding:7% 0 7% 32%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
}

.s_type li.st_01 a{
	background-image:url(img/type_01.gif);
}

.s_type li.st_02 a{
	background-image:url(img/type_02.gif);
}

.s_type li.st_03 a{
	background-image:url(img/type_03.gif);
}

.s_type li.st_04 a{
	background-image:url(img/type_04.gif);
}

.s_type li.st_05 a{
	background-image:url(img/type_05.gif);
}

.s_type li.st_06 a{
	background-image:url(img/type_06.gif);
}

.s_type li.st_07 a{
	background-image:url(img/type_07.gif);
}

.s_type li.st_08 a{
	background-image:url(img/type_08.gif);
}

@media all and (max-width:768px){
	.s_type ul{
		margin:0 -1% -1% 0;
	}

	.s_type li{
		width:31.9%;
		font-size:90%;
		margin:0 1% 1% 0;
		float:left;
	}
}

@media all and (max-width:480px){
	.s_type li{
		width:48.2%;
				font-size:70%;
	}
}

/* module form
------------------------*/
.s_form h2{}

.search table{
	width:100%;
}

.search th{
	color:#fff;
	font-size:75%;
	font-weight:normal;
	text-align:left;
	padding:2%;
	background:#aca19a;
}

.search td{
	font-size:75%;
	padding:5% 0 10% 0;
	background:#fff;
}

.search td table{}

.search td table td{
	width:50%;
	font-size:100%;
	padding:0;
}

.search td input[type="text"]{
	width:96%;
	padding:1%;
}
	
.search td label{
	margin:3% 0 0 0;
	display:block;
}

.search .sbmt{
	margin:0 0 5% 0;
}

@media all and (max-width:830px){
	.search th{
		padding:1%;
	}

	.search td{
		padding:2% 0 5% 0;
	}

	.search .sbmt{
		margin:0 0 3% 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents top news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news_frame{
	width:100%;
	height:200px;
	background:#fff;
}

.top_news{
	overflow:hidden;
	padding:5%;
	margin:5% 0 0 0;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.top_news h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 15%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_edit.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.top_news .r_lnk{
	font-size:75%;
	margin:3% 0 0 0;
}

@media all and (max-width:830px){
	.news_frame{
		height:260px;
	}
	
	.top_news{
		padding:2%;
		margin:3% 0 0 0;
	}

	.top_news h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}
}

@media all and (max-width:480px){
	.news_frame{
		height:220px;
	}
	
	.top_news h2{
		background-size:16px 16px;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents area_list
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.area_list{
	overflow:hidden;
	padding:5%;
	margin:3% 0 0 0;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.area_list h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 15%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_edit.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.area_list li{
    margin:1% 0 0 0 ;
}

@media all and (max-width:830px){
	
	.area_list{
		padding:2%;
		margin:3% 0 0 0;
	}

	.area_list h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}

    .area_list li{
    	margin:1% 0 0 0 ;
    }

}

@media all and (max-width:480px){
	.area_list h2{
		background-size:16px 16px;
	}

    .area_list li{
    	margin:1% 0 0 0 ;
    }

}

/* Web会員用バナー */
.btn_member p{
	margin:2% 0 0 1%;
	font-size:70%;
}
.btn_regist a{
	width:200px;
	height:60px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 0 0 20px; 
	background:url(img/btn_regist.png) no-repeat 0 0;
}

.btn_regist a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.btn_login a{
	width:200px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 20px; 
	background:url(img/btn_login.png) no-repeat 0 0;
}
.btn_login a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media all and (max-width:768px){
    .photo .photo_box0 {
        height: auto;
    }
    .equipment .photo {
        margin: 0;
    }
    .equipment .photo img {
        text-align: center;
        margin: 0 auto;
        border: 1px solid #999;
    }
    .equipment .photo li {
        width: 98%;
        margin: 0 1%;
    }
    .image_box {
        display:inline;
        border: none;
    }
    .equipment .photo p {
        margin: 0;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 5px;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
    }
    .srd .photo {
        margin: 0;
    }
    .srd .photo li {
        width: 98%;
        margin: 0 1%;
    }
    .srd .photo img {
        margin: 0 auto;
    }
    .srd .photo p {
        margin: 0;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 5px;
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
    }
    .srd .photo2 ul {
        display: block;
    }
    .srd .photo2 ul li {
        width: 98%;
        margin: 0 1%;
    }
    .srd h3 {
        font-size: 20px;
        padding: 20px;
        text-align: center;
        margin-top: 40px;
    }
    .info h3, .company_info h3, .equipment h3 {
        font-size: 20px;
        padding: 20px;
        text-align: left;
        margin-top: 40px;
    }
}