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

/* reset css */
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;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 16px !important;*/
	background: #fff;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
textarea,
select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"],
input[type="email"],
textarea {
	border:1px solid #c9caca;
	padding:3px;
}
ol, ul{
	list-style:none;
}
img {
	vertical-align:bottom;
	border:none;
	max-width:100%;
}
table{
	border-collapse: collapse; 
	border-spacing:0;
}
caption, th{
	text-align: left;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.txt_center{ text-align: center; }
/* end reset css */

@media all and (min-width:970px) {
	body{
		background: #fff;
		color: #555;
	}
	/* common css */
	div.wrap970{
		width:  970px;
		margin:  0 auto;
	}
	.smp_ctl{ display: none; }
	/* start header contents */
	div#header{
		width:  100%;
		margin:  0;
		padding-top: 20px;
	}
	div#header h1 a{
		display: block;
		background-repeat: no-repeat;
		width: 480px;
		height: 92px;
		padding: 0;
		border: none;
		text-indent: -55555em;
		background-image: url(../img/common/siteid.gif);
		float: left;
		margin: 10px 0 20px;
	}
	div#h_contents{
		width: 490px;
		float: right;
	}
	div#h_contents:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#google_transrate{
		width: 490px;
		text-align:  right;
		height: 40px;
		margin-bottom: 14px;
	}
	div#head_search{
		width: 490px;
		clear: both;
	}
	div#head_search form.kensaku input[type="text"]{
		color: #666666;
		padding: 0 0 0 15px;
		border: 2px solid #80AF49;
		border-radius: 5px 0 0 5px;
		width: 227px;
		height: 40px;
		margin-right: 0px;
		position: absolute;
		top: 0;
		right: 87px;	
	}
	div#head_search p.kensaku_p{
		width: 490px;
		height: 50px;
		position: relative;
		text-align: right;
		line-height: 1;
	}
	div#head_search p.kensaku_p span.placeholder{
		top: 12px;
		right: 175px;
		font-size: 95%;
	}
	div#head_search button#search_btn{
		width: 88px;
		height: 48px;
		background: url(../img/common/search_bo.gif) no-repeat 0 0;
		text-indent: -99999em;
		border: 0;
		padding: 0;
		z-index: 10;
		cursor: pointer;
		transition: 0.2s ease;
	}
	div#head_search button#search_btn:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);	}
	
	.nav-open{
		display: none;
	}
	
	div#groval_nav{
		clear: both;
		width: 100%;
		background-color: #db7482;
		padding: 10px 0;
		margin: 20px 0;
		display: block!important;
	}
	div#groval_nav ul{
		width: 970px;
		margin: 0 auto;
	}
	div#groval_nav ul:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#groval_nav ul li a{
		display: block;
		width: 104px;
		height: 50px;
		margin: 1px;
		float: left;
		text-indent: -9999em;
		/*transition: 0.2s ease-in;*/
		background-image: url(../img/common/gloval_nav_sprite.png);
		background-repeat: no-repeat;
	}
	div#groval_nav ul li.gnav_profile a{ background-position: 0px 0; }
	div#groval_nav ul li.gnav_profile a:hover{ background-position: 0px -75px }
	div#groval_nav ul li.gnav_profile_active a{ background-position: 0px -75px }
	div#groval_nav ul li.gnav_hotel a{ background-position: -104px 0; }
	div#groval_nav ul li.gnav_hotel a:hover{ background-position: -104px -75px }
	div#groval_nav ul li.gnav_hotel_active a{ background-position: -104px -75px }
	div#groval_nav ul li.gnav_see a{ background-position: -208px 0; }
	div#groval_nav ul li.gnav_see a:hover{ background-position: -208px -75px }
	div#groval_nav ul li.gnav_see_active a{ background-position: -208px -75px }
	div#groval_nav ul li.gnav_food a{ background-position: -312px 0; }
	div#groval_nav ul li.gnav_food a:hover{ background-position: -312px -75px }
	div#groval_nav ul li.gnav_food_active a{ background-position: -312px -75px }
	div#groval_nav ul li.gnav_shopping a{ background-position: -416px 0; }
	div#groval_nav ul li.gnav_shopping a:hover{ background-position: -416px -75px }
	div#groval_nav ul li.gnav_shopping_active a{ background-position: -416px -75px }
	div#groval_nav ul li.gnav_event a{ background-position: -520px 0; }
	div#groval_nav ul li.gnav_event a:hover{ background-position: -520px -75px }
	div#groval_nav ul li.gnav_event_active a{ background-position: -520px -75px }
	div#groval_nav ul li.gnav_service a{ background-position: -624px 0; }
	div#groval_nav ul li.gnav_service a:hover{ background-position: -624px -75px }
	div#groval_nav ul li.gnav_service_active a{ background-position: -624px -75px }
	div#groval_nav ul li.gnav_life a{ background-position: -728px 0; }
	div#groval_nav ul li.gnav_life a:hover{ background-position: -728px -75px }
	div#groval_nav ul li.gnav_life_active a{ background-position: -728px -75px }
	div#groval_nav ul li.gnav_public a{ background-position: -831px 0; }
	div#groval_nav ul li.gnav_public a:hover{ background-position: -831px -75px }
	div#groval_nav ul li.gnav_public_active a{ background-position: -831px -75px }
	/* end header contents
	   bigin main contents */
	div#main{
		width: 970px;
		margin: 0 auto;
	}
	ul#breadline{
		clear: both;
		width:  970px;
		overflow: hidden;
	}
	ul#breadline_fb{
		width: 647px;
		float: left;
	}
	ul#breadline li,
	ul#breadline_fb li{
		float: left;
		font-size: 14px;
		margin-right: 7px;
	}
	ul#breadline li a,
	ul#breadline_fb li a{
		text-decoration: none;
		color: #4d4d4d;
		transition: 0.2s ease-in;
	}
	ul#breadline li a:hover,
	ul#breadline_fb li a:hover{
		color: #e5546c;
		text-decoration: underline;
	}
	div.fblike{
		width: 72px;
		height: 20px;
		float: right;
		margin-right: 246px;
	}
	div#left_col{
		clear: both;
		width: 724px;
		float: left;
		margin: 14px 0 14px;
	}
	/* right column */
	div#right_col{
		width:  232px;
		float:  right;
		margin:  14px 0 14px;
	}
	div#right_col ul li{
		margin-bottom: 14px;
	}
	div#right_col ul li a img{
		transition: 0.2s ease-in;
	}
	div#right_col ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#right_col_txt_links a{
		color: #555;
		text-decoration: none;
		transition: 0.2s ease;
	}
	div#right_col_txt_links a:hover{
		color: #E27583;
		text-decoration: underline;
	}
	div#bottom_banners{
		width: 970px;
		clear: both;
		margin: 0 auto 0;
	}
	div#bottom_banners ul li{
		float: left;
		margin: 0 13px 14px 0;
		width: 183px;
		height: 138px;
		overflow: hidden;
	}
	div#bottom_banners ul li:nth-child(5n){
		margin-right: 0;
	}
	div#bottom_banners ul li img{
		width: 183px;
		height: auto;
	}
	div#bottom_banners ul li a img{
		transition: 0.2s ease-in;
		width: 100%;
		max-width: 100%;
	}
	div#bottom_banners ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	/* footer */
	div#footer{
		width: 100%;
		clear: both;
		margin: 0 auto;
		background-color: #e5e5e5;
		overflow:  hidden;
	}
	div#footer_info{
		padding-top: 14px;
		width: 355px;
		float: left;
	}
	div#footer_info p.foot_name{
		font-size: 1.4em;
		font-weight: bold;
	}
	div#footer_info p.foot_address{
		font-size: 1em;
	}

	div#footer_info p.foot_contact{
		font-size: 0.8em;
	}
	div#foot_nav ul{
		padding: 14px 0 0 26px;
		margin-bottom: 14px;
		width: 160px;
		float: left;
	}
	div#foot_nav ul li a{
		font-size: 0.8em;
		color: #555;
		text-decoration: none;
		transition: 0.2s ease-in;
	}
	div#foot_nav ul li a:hover{
		color: #E27583;
		text-decoration: underline;
	}
	p#cpr{
		width: 100%;
		clear: both;
		background-color: #777;
		color: #fff;
		text-align: center;
		font-size: 0.8em;
		padding: 5px 0;
	}
	div#go_to_top{
		position: fixed;
		bottom: 0;
		right: 70px;
		width: 70px;
		height: 70px;
		display: none;
	}
	div#go_to_top a img{
		transition: 0.2s ease;
	}
	div#go_to_top a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
}/* end pc css
for tablet css */
@media all and (min-width: 767px) and (max-width: 969px) {
	body{
		background: #fff;
		color: #555;
	}
	img{ max-width: 100%; height: auto;}
	/* common css */
	div.wrap970{
		width:  100%;
		margin:  0 auto;
	}
	.smp_ctl{ display: none; }
	/* start header contents */
	div#header{
		width:  100%;
		margin: 0 0 14px 0;
		padding-top: 20px;
	}
	div#header h1 a{
		display: block;
		background-repeat: no-repeat;
		width: 40%;
		padding: 8% 0 0 0;
		border: none;
		text-indent: -55555em;
		background: url(../img/common/siteid.gif) no-repeat 0 0;
		background-size: contain;
		float: left;
		margin: 10px 0 20px 3%;
	}
	div#h_contents{
		width: 46%;
		padding-right: 3%;
		float: right;
	}
	div#h_contents:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#google_transrate{
		width: 100%;
		text-align:  right;
		height: 40px;
		margin-bottom: 14px;
	}
	div#head_search{
		width: 100%;
		clear: both;
	}
	div#head_search form.kensaku input[type="text"]{
		color: #666666;
		padding: 0 0 0 15px;
		border: 2px solid #80AF49;
		border-radius: 5px 0 0 5px;
		width: 227px;
		height: 40px;
		margin-right: 0px;
		position: absolute;
		top: 0;
		right: 87px;	
	}
	div#head_search p.kensaku_p{
		width: 100%;
		height: 50px;
		position: relative;
		text-align: right;
		line-height: 1;
	}
	div#head_search p.kensaku_p span.placeholder{
		top: 12px;
		right: 175px;
		font-size: 95%;
	}
	div#head_search button#search_btn{
		width: 88px;
		height: 48px;
		background: url(../img/common/search_bo.gif) no-repeat 0 0;
		text-indent: -99999em;
		border: 0;
		padding: 0;
		z-index: 10;
		cursor: pointer;
		transition: 0.2s ease;
	}
	
	.nav-open{
		display: none;
	}
	
	#groval_nav{
		display: block!important;
	}
	
	div#groval_nav ul{
		width: 100%;
		margin: 0 auto;
		background-color: #db7482;
		padding: 10px 0.7%;
		clear: both;
	}
	div#groval_nav ul:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#groval_nav ul li a{
		display: block;
		width: calc(100% / 9 - 1.2%);
		margin: 0.5%;
		padding: 1.20% 0;
		float: left;
		text-indent: -9999em;
		text-decoration: none;
		background-repeat: no-repeat;
		background-size: contain;
	}
	div#groval_nav ul li.gnav_profile a{ background-image: url(../img/common/smp_nav_profile.png) }
	div#groval_nav ul li.gnav_profile_active a{ background-image: url(../img/common/smp_nav_profile_on.png) }
	div#groval_nav ul li.gnav_hotel a{ background-image: url(../img/common/smp_nav_hotel.png); }
	div#groval_nav ul li.gnav_hotel_active a{ background-image: url(../img/common/smp_nav_hotel_on.png); }
	div#groval_nav ul li.gnav_see a{ background-image: url(../img/common/smp_nav_see.png); }
	div#groval_nav ul li.gnav_see_active a{ background-image: url(../img/common/smp_nav_see_on.png); }
	div#groval_nav ul li.gnav_food a{ background-image: url(../img/common/smp_nav_food.png); }
	div#groval_nav ul li.gnav_food_active a{ background-image: url(../img/common/smp_nav_food_on.png); }
	div#groval_nav ul li.gnav_shopping a{ background-image: url(../img/common/smp_nav_shopping.png); }
	div#groval_nav ul li.gnav_shopping_active a{ background-image: url(../img/common/smp_nav_shopping_on.png); }
	div#groval_nav ul li.gnav_event a{ background-image: url(../img/common/smp_nav_event.png); }	
	div#groval_nav ul li.gnav_event_active a{ background-image: url(../img/common/smp_nav_event_on.png); }	
	div#groval_nav ul li.gnav_service a{ background-image: url(../img/common/smp_nav_service.png); }	
	div#groval_nav ul li.gnav_service_active a{ background-image: url(../img/common/smp_nav_event_on.png); }	
	div#groval_nav ul li.gnav_life a{ background-image: url(../img/common/smp_nav_life.png); }	
	div#groval_nav ul li.gnav_life_active a{ background-image: url(../img/common/smp_nav_life_on.png); }	
	div#groval_nav ul li.gnav_public a{ background-image: url(../img/common/smp_nav_public.png); }	
	div#groval_nav ul li.gnav_public_active a{ background-image: url(../img/common/smp_nav_public_on.png); }	
	/* end header contents
	   bigin main contents */	
	div#main{
		width: 100%;
		margin: 0 auto;
	}
	ul#breadline{
		clear: both;
		width:  100%;
		overflow: hidden;
	}
	ul#breadline_fb{
		clear: both;
		width: 85%;
		float: left;
		overflow: hidden;
	}
	ul#breadline li,
	ul#breadline_fb li{
		float: left;
		font-size: 14px;
		margin-right: 7px;
	}
	ul#breadline li a,
	ul#breadline_fb li a{
		text-decoration: none;
		color: #555;
	}
	ul#breadline li a:hover,
	ul#breadline_fb li a:hover{
		text-decoration: underline;
	}
	div.fblike{
		width: 72px;
		height: 20px;
		float: right;
		margin-right: 1%;
	}
	div#left_col{
		clear: both;
		width: 70%;
		float: left;
		margin: 14px 1% 14px;
	}
	div#right_col{
		width:  26%;
		float:  right;
		margin:  14px 1% 14px;
	}
	div#right_col ul li{
		margin-bottom: 14px;
	}
	div#right_col ul li a img{
		max-width: 100%;
		height: auto;
		transition: 0.2s ease-in;
	}
	div#right_col ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	div#right_col_txt_links a{
		color: #555;
		text-decoration: none;
		transition: 0.2s ease-in;
	}
	div#right_col_txt_links a:hover{
		color: #E27583;
		text-decoration: underline;
	}
	/* banners */
	div#bottom_banners{
		width: 99%;
		clear: both;
		margin: 0 auto 0;
		padding-left: 1%
	}
	div#bottom_banners ul li{
		width: 18%;
		height: calc(20vw * 0.72);
		display: block;
		overflow: hidden;
		margin: 0 1% 1% 1%;
		float: left;
	}
	div#bottom_banners ul li a img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	/* footer */
	div#footer{
		width: 100%;
		clear: both;
		margin: 0 auto;
		background-color: #e5e5e5;
		overflow:  hidden;
	}
	div#footer_info{
		padding: 14px 0 0 3%;
		width: 35%;
		float: left;
	}
	div#footer_info p.foot_name{
		font-size: 2vw;
		font-weight: bold;
	}
	div#footer_info p.foot_address{
		font-size: 1.6vw;
		line-height: 3em;
	}
	div#footer_info p.foot_contact{
		font-size: 0.8em;
		line-height: 2em;
	}
	div#foot_nav ul{
		padding: 14px 0 0 2.5%;
		margin-bottom: 14px;
		width: 18%;
		float: left;
	}
	div#foot_nav ul li a{
		font-size: 1.4vw;
		color: #555;
		text-decoration: none;
	}
	p#cpr{
		width: 100%;
		clear: both;
		background-color: #777;
		color: #fff;
		text-align: center;
		font-size: 0.8em;
		padding: 5px 0;
	}
	div#go_to_top{
		position: fixed;
		bottom: 0;
		right: 14px;
		width: 70px;
		height: 70px;
		display: none;
	}
}/* end tablet css 
start smart phone css*/
@media all and (max-width:766px) {
	body{
		background: #fff;
		color: #555;
	}
	/* common css */
	div.wrap970{
		width:  100%;
		margin:  0 auto;
	}
	.pc_ctl{ display: none; }
	/* start header contents */
	div#header{
		width:  100%;
		margin: 0 0 14px 0;
		padding-top: 20px;
		position: relative;
	}
	div#header h1 a{
		display: block;
		background-repeat: no-repeat;
		width: 98%;
		padding: 12% 0 0 0;
		border: none;
		text-indent: -55555em;
		background: url(../img/common/siteid.gif) no-repeat 0 0;
		background-size: contain;
		margin: 55px 1% 20px 1%;
	}
	div#h_contents{
		width: 98%;
		margin: 0 1%;
	}
	div#h_contents:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	div#google_transrate{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 14px 0;
		text-align: center;
	}
	div#head_search{
		width: 100%;
		clear: both;
	}
	div#head_search form.kensaku input[type="text"]{
		color: #666666;
		padding: 0 0 0 15px;
		border: 2px solid #80AF49;
		border-radius: 5px 0 0 5px;
		width: 88%;
		height: 40px;
		margin-right: 0px;
		float: left;
	}
	div#head_search p.kensaku_p{
		width: 100%;
		height: 50px;
		position: relative;
		text-align: right;
		line-height: 1;
	}
	div#head_search p.kensaku_p span.placeholder{
		top: 25%;
		right: 175px;
		font-size: 13px;
	}
	div#head_search button#search_btn{
		position: absolute;
		top: 0;
		right: 0;
		width: 88px;
		height: 40px;
		background: url(../img/common/search_bo.gif) no-repeat 0 0;
		text-indent: -99999em;
		border: 0;
		padding: 0;
		z-index: 10;
		cursor: pointer;
		transition: 0.2s ease;
	}		
	
	/*グローバルメニュー＞スマホ表示時 アコーディオンメニュー*/
	
	.nav-open{
		padding: 10px;
		color: #fff;
		font-size: 1.25rem;
		background: #DB7482;
		position: relative;
		font-weight: bold;
	}
	.nav-open::before{/* 閉じている時 */
		content: "＋";
		position: absolute;
		right: 20px;
	}
	.nav-open.active::before{/* 開いている時 */
		content: "－";
	}
	
	/*グローバルメニュー＞スマホ表示時 アコーディオンメニュー > bodyにクラスがある時*/
	.accordion_open .nav-open::before{/* 開いている時 */
		content: "－";
	}
	.accordion_open .nav-open.active::before{/* 閉じている時 */
		content: "＋";
		position: absolute;
		right: 20px;
	}
	
	/*グローバルメニュー＞開閉状態の設定*/
	#groval_nav{/* bodyにクラスがない時＞閉じる */
		display: none;
	}
	
	.accordion_open #groval_nav{/* bodyにクラスがある時＞開く */
		display: block;
	}
	
	div#groval_nav ul{
		width: 98%;
		margin: 0 auto;
		background-color: #fff;
		padding: 10px 1%;
		clear: both;
	}	
	div#groval_nav ul li{
		display: block;
		width: 32.5%;
		float: left;
		line-height: 35px;
		margin: 0 1.25% 1.25% 0;
	}
	div#groval_nav ul li:nth-child(3n){
		margin-right: 0;
	}
	div#groval_nav ul li.gnav_top,
	div#groval_nav ul li.gnav_top_active{
		display: none;
	}
	div#groval_nav ul li a{
		width: 100%;
		padding: 10% 0;
		display: block;
		text-indent: -9999em;
		background-repeat: no-repeat;
		background-position: center 50%;
		background-size: contain;
		background-color: #db7482;
		border-radius: 8px;
	}
	
	div#groval_nav ul li.gnav_profile a{ background-image: url(../img/common/smp_nav_profile_on.png); }
	div#groval_nav ul li.gnav_profile_active a{ background-image: url(../img/common/smp_nav_profile_on.png); }
	div#groval_nav ul li.gnav_hotel a{ background-image: url(../img/common/smp_nav_hotel_on.png); }
	div#groval_nav ul li.gnav_hotel_active a{ background-image: url(../img/common/smp_nav_hotel_on.png); }
	div#groval_nav ul li.gnav_see a{ background-image: url(../img/common/smp_nav_see_on.png); }
	div#groval_nav ul li.gnav_see_active a{ background-image: url(../img/common/smp_nav_see_on.png); }
	div#groval_nav ul li.gnav_food a{ background-image: url(../img/common/smp_nav_food_on.png); }
	div#groval_nav ul li.gnav_food_active a{ background-image: url(../img/common/smp_nav_food_on.png); }
	div#groval_nav ul li.gnav_shopping a{ background-image: url(../img/common/smp_nav_shopping_on.png); }
	div#groval_nav ul li.gnav_shopping_active a{ background-image: url(../img/common/smp_nav_shopping_on.png); }
	div#groval_nav ul li.gnav_event a{ background-image: url(../img/common/smp_nav_event_on.png); }
	div#groval_nav ul li.gnav_event_active a{ background-image: url(../img/common/smp_nav_event_on.png); }
	div#groval_nav ul li.gnav_service a{ background-image: url(../img/common/smp_nav_service_on.png); }
	div#groval_nav ul li.gnav_service_active a{ background-image: url(../img/common/smp_nav_service_on.png); }
	div#groval_nav ul li.gnav_life a{ background-image: url(../img/common/smp_nav_life_on.png); }
	div#groval_nav ul li.gnav_life_active a{ background-image: url(../img/common/smp_nav_life_on.png); }
	div#groval_nav ul li.gnav_public a{ background-image: url(../img/common/smp_nav_public_on.png); }
	div#groval_nav ul li.gnav_public_active a{ background-image: url(../img/common/smp_nav_public_on.png); }

	div#main{
		clear: both;
		width: 100%;
		margin: 0 auto;
	}
	ul#breadline{
		clear: both;
		width:  100%;
		overflow: hidden;
	}
	ul#breadline_fb{
		width: 75%;
		clear: both;
		float: left;
		overflow: hidden;
	}	
	ul#breadline li,
	ul#breadline_fb li{
		float: left;
		font-size: 14px;
		margin-right: 7px;
	}
	ul#breadline li a,
	ul#breadline_fb li a{
		text-decoration: none;
		color: #555;
	}
	div.fblike{
		width: 72px;
		height: 20px;
		float: right;
		margin-right: 1%;
	}
	div#left_col{
		clear: both;
		width: 98%;
		margin: 14px 1% 14px;
	}	
		
	div#right_col{
		width:  98%;
		margin:  14px 1% 14px;
	}
	div#right_col ul li{
		margin-bottom: 14px;
		width: 49%;
		float: left;
	}
	div#right_col ul li:nth-child(2n+1){
		margin-right: 2%;
		clear: left;
	}
	div#right_col ul li:last-child{
		width: 100%;
		text-align: center;
	}
	div#right_col ul li a img{
		max-width: 100%;
		height: auto;
		transition: 0.2s ease-in;
	}
	div#right_col ul li:last-child a img{
		max-width: 50%;
	}
	div#right_col ul li a img:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
	}	
	
	div#right_col_txt_links{
		width: 100%;
		clear: both;
		margin-top: 14px;
	}
	div#right_col_txt_links a{
		color: #555;
		text-decoration: none;
	}
	div#right_col_txt_links ul{
		overflow: hidden;
	}
	
	div#right_col_txt_links ul li:last-child{
		width: 49%;
		float: left;
		text-align: left;
	}
	div#right_col_txt_links ul li:last-child a img{
		max-width: 100%;
	}
	div#bottom_banners{
		width: 99%;
		clear: both;
		margin: 0 auto 0;
		padding-left: 1%
	}
	div#bottom_banners ul li{
		width: 31%;
		height: calc(33vw * 0.71);
		display: block;
		overflow: hidden;
		margin: 0 1% 1% 1%;
		float: left;
	}
	div#bottom_banners ul li a img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	div#footer{
		width: 100%;
		clear: both;
		margin: 14px 0 0 0;
		background-color: #e5e5e5;
		overflow:  hidden;
	}
	div#footer_info{
		padding: 14px 0 0 3%;
		width: 97%;
		float: none;
		text-align: center;
	}
	div#footer_info p.foot_name{
		font-size: 4vw;
		font-weight: bold;
	}
	div#footer_info p.foot_address{
		font-size: 2.5vw;
		line-height: 3em;
	}
	div#footer_info p.foot_contact{
		font-size: 3vw;
		line-height: 2em;
	}
	div#foot_nav ul{
		padding: 14px 0 0 2.5%;
		margin-bottom: 14px;
		width: 47.5%;
		float: left;
		text-align: center;
	}
	div#foot_nav ul li a{
		font-size: 3.5vw;
		color: #555;
		text-decoration: none;
	}
	p#cpr{
		width: 100%;
		clear: both;
		background-color: #777;
		color: #fff;
		text-align: center;
		font-size: 0.8em;
		padding: 5px 0;
	}
	div#go_to_top{
		position: fixed;
		bottom: 0;
		right: 14px;
		width: 14%;
		display: none;
	}
	div#go_to_top img{
		width: 100%;
		height: auto;
	}
}/* end smart phone*/