@charset "utf-8";

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

	デフォルトスタイル

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

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, font, 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 {

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	outline: 0;



	font-size: 1em;

}



body {

	font-size: 62.5%;

}



body,

table,

input, textarea, select, option {

	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;

	line-height: 1.1;

}



table,

input, textarea, select, option {

	line-height: 1.1;

}



article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary {

	display: block;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



:focus {

	outline: 0;

}



ins {

	text-decoration: none;

}



del {

	text-decoration: line-through;

}



a:link {

	color: #1F1F1F;

	text-decoration: none;

}



a:visited {

	color: #1F1F1F;

	text-decoration: none;

}



a:hover {

	color: #1F1F1F;

	text-decoration: underline;

}



a:active {

	color: #1F1F1F;

	text-decoration: underline;

}



img {

	vertical-align: top;

}



li img {

	vertical-align: baseline;

	display: block;

}



@media screen and (max-device-width: 480px){

	img{max-width:100%;height:auto;}

}



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

	レイアウト

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

body {

	min-width: 990px;

	color: #1F1F1F;

	text-align:center;

	line-height: 1.5;

	-webkit-text-size-adjust: none;

}



#container {

	text-align: left;

}



#main {

	margin: 0 auto 28px;

	width: 980px;

}



	* html #main {

		zoom: 1;

	}



	*+html #main {

		zoom: 1;

	}



#main:after {

	height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}



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

	ヘッダー

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

#gHeader {

	margin: 0 auto 31px;

}



#gHeader .hInner {

	margin: 0 auto;

	padding: 5px 0 0;

	width: 980px;

	position: relative;

}



#gHeader .logo {

	float: left;

}



#gHeader h1 {

	width: 300px;

	font-size: 10px;

	font-weight: normal;

	position: absolute;

	left: 108px;

	top: 15px;

	line-height: 1.2;

}



#gHeader .hLink {

	margin-top: 7px;

	float: right;

	position: relative;

}



#gHeader .hLink a {

	position: absolute;

	right: 1px;

	top: 20px;

}



#gHeader .spMenu {

	display: none;

}



#gHeader .spMenu a {

	width: 50px;

	height: 50px;

	display: block;

}



#gHeader .spMenu .on {

	background: url(../../images/common/h_close.gif) no-repeat left top;

	background-size: 50px 50px;

}



#gHeader .spMenu .on img {

	visibility: hidden;

}



#gHeader .dropMenu {

	padding: 52px 0 0;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1000;

	display: none;

	box-sizing:border-box;

		-moz-box-sizing:border-box;

		-webkit-box-sizing:border-box;

}



#gHeader .dropMenu:before {

	width: 31px;  

    height: 9px;

	background: url(../../images/common/icon/icon26.gif) no-repeat right top;

 	background-size: 31px 9px;

	position: absolute;  

    top: 56px;  

    right: 0;  

  

    content: "";

}



#gHeader .dropMenu .menuBox {

	height: 100%;

	background: url(../../images/common/drop_menu_bg.png) repeat left top;

}



#gHeader .dropMenu ul {

	padding-top: 12px;

	background-color: #FFF;

}



#gHeader .dropMenu li {

	font-size: 18px;

	font-weight: bold;

	background-color: #FFF;

	border-top: 1px solid #1D2088;

}



#gHeader .dropMenu li:last-child {

	border-bottom: 1px solid #1D2088;

}



#gHeader .dropMenu li a {

	padding: 8px 12px 4px;

	color: #1D1F86;

	display: block;

	background: url(../../images/common/icon/icon25.png) no-repeat right center;

	background-size: 21px 12px;

}



#gHeader .dropMenu li ul {
	padding-top: 0;

	margin: 0;
	
	display: none;

	background: none;

}



#gHeader .dropMenu li li {

	background-color: #EFF8FC;

}



#gHeader .dropMenu li li:last-child {

	border-bottom: none;

}



#gHeader .dropMenu li li a {

	padding: 7px 10px 6px 33px;

}





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

	グローバルナビ

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

#gNavi {

	margin-top: -7px;

	padding-top: 14px;

	background: url(../../images/common/g_navi_bg.jpg) repeat-x left top;

}



#gNavi ul {

	margin: 0 auto;

	padding-left: 2px;

	width: 982px;

}



#gNavi li {

	float: left;

	position: relative;
}



#gNavi li a {
	
	padding-bottom: 7px;
	
	display: block;
}



#gNavi li a:hover {
	
	background: url(../../images/common/icon/icon07.gif) no-repeat center 59px;

}



#gNavi li ul {

	padding: 0 1px 1px;

	width: 225px;

	display: none;

	position: absolute;

	left: 0;

	top: 59px;

	z-index: 100;

	background-color: #FFF;

	border: 1px solid #C5C5C5;

	border-top: none;

}



#gNavi .navi03 ul {

	width: 229px;

}



#gNavi .navi04 ul {

	width: 160px;

}



#gNavi .navi06 ul {

	width: 161px;

}



#gNavi li ul li {

	margin-bottom: 1px;

	float: none;

	font-size: 12px;

	background-color: #DDEEF7;

	border-bottom: 1px solid #BEDDED;

}



#gNavi li ul .navi {

	margin-bottom: 0;

	border-bottom: none;

}

#gNavi li ul li a {

	padding: 7px 0 7px 27px;

	background: url(../../images/common/icon/icon27.gif) no-repeat 12px center;

}



#gNavi li ul li a:hover {

	background: url(../../images/common/icon/icon27.gif) no-repeat 12px center;

}





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

	パンクズリスト

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

#pagePath {

	padding: 8px 0 14px 1px;

	font-size: 12px;

}



#pagePath li {

	display: inline;

}



#pagePath li a {

	margin-right: 4px;

	text-decoration: underline;

}



#pagePath li a:hover {

	text-decoration: none;

}



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

	コンテンツ

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

#conts {

	width: 720px;

	float: right;

}



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

	サイドバー

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

#sideBar {

	width: 230px;

	float: left;

}



#sideBar .map {

	margin: -16px -1px 14px -10px;

}



#sideBar .plan {

	background-color: #0268CC;

}



#sideBar .plan {

	margin-bottom: 2px;

}



#sideBar .plan ul {

	padding: 0px 4px;

}



#sideBar .plan li {

	margin-bottom: 4px;

	float: left;

}



#sideBar .plan li a {

	display: block;

	background-color: #FFF;

}



#sideBar a:hover img {

	filter: alpha(opacity=70);

	opacity: 0.7;

}



#sideBar .link {

	margin-bottom: 15px;

}



#sideBar .sBox01 {

	margin-bottom: 15px;

	border: 1px solid #DDD;

	border-top: none;

}



#sideBar .sBox01 .ttl {

	margin: 0 -1px -2px -1px;

}



#sideBar .sBox01 ul {

	margin: 0 2px 2px;

	padding: 0 0 1px 3px;

	background: #FFF url(../../images/common/s_link_bg.gif) repeat-x left bottom;

}



#sideBar .sBox01 li {

	padding: 14px 5px 14px;

	font-size: 12px;

	background: url(../../images/common/line04.gif) repeat-x left bottom;

}



#sideBar .sBox01 li a {

	padding-left: 14px;

	display: block;

	line-height: 1.3;

	background: url(../../images/common/icon/icon04.png) no-repeat left 3px;

}



#sideBar .sBox01 .none {

	background: none;

}



#sideBar .photoList {

	margin-bottom: 15px;

	padding: 4px 0 1px;

	background-color: #E8E6D7;

}



#sideBar .photoList li {

	padding: 0 4px 3px;

	float: left;

}


#sideBar .photoList li a span {
	display: none;
}

#sideBar .sBox02 {

	margin-bottom: 13px;

	padding: 1px 2px 2px;

	background-color: #FFC601;

}



#sideBar .sBox02 ul {

	background-color: #FDF9F0;

}



#sideBar .sBox02 li {

	padding: 5px 9px 9px;

	background: url(../../images/common/line05.gif) repeat-x left bottom;

}



#sideBar .sBox02 .top {

	padding: 10px 9px 9px;

}



#sideBar .sBox02 li a {

	padding-left: 12px;

	display: inline-block;

	color: #3F1F00;

	font-size: 12px;

	text-decoration: underline;

	background: url(../../images/common/icon/icon05.gif) no-repeat left 7px;

}



#sideBar .sBox02 li a:hover {

	text-decoration: none;

}



#sideBar .sBox02 .none {

	background: none;

}



#sideBar .sLink {

	margin-bottom: 15px;

	padding: 3px;

	background-color: #4AA600;

}



#sideBar .sLink li {

	float: left;

}



#sideBar .sLink .ttl {

	margin: -1px -1px 0 -1px; 

}



#sideBar .sBox03 {

	margin-bottom: 15px;

	border: 1px solid #CCC;

}



#sideBar .sBox03 .subBg {

	margin: 3px;

	padding-bottom: 3px;

	background: url(../../images/common/s_sub_bg.gif) repeat left top;

}



#sideBar .textImg02 {

	margin: -19px 0 0 3px;

	position: relative;

}



#sideBar .textImg02 a {

	position: absolute;

	left: 11px;

	bottom: 11px;

}



#sideBar .visaImg {

	margin-bottom: 15px;

}



#sideBar .sBox04 {

	padding: 0 4px 13px;

	border: 1px solid #DDD;

	background: url(../../images/common/s_box_bg.gif) repeat left top;

}



#sideBar .sBox04 .ttl {

	margin: -7px 0 9px;

}



#sideBar .sBox04 p {

	margin: 0 5px;

	color: #6E6747;

	line-height: 1.4;

	font-size: 13px;

}



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

	footer

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

#footer {

	padding-top: 12px;

	overflow: hidden;

	border-top: 3px solid #1D2088;

}



#footer .fBox {

	margin: 0 auto;

	width: 980px;

}



#footer .fBox .fLogo {

	float: left;

}



#footer .fBox .fLogo a:hover img {

	filter: alpha(opacity=70);

	opacity: 0.7;

}



#footer .fBox .fNavi {

	margin-top: 12px;

	width: 713px;

	float: right;

}



#footer .fBox .subNavi {

	width: 232px;

	float: left;

}



#footer .fBox .subNavi02 {

	width: 239px;

	float: left;

}



#footer .fBox .fNavi a {

	padding-left: 18px;

	display: inline-block;

	font-size: 12px;

	text-decoration: none;

	background: url(../../images/common/icon/icon06.gif) no-repeat left 3px;

}



#footer .fBox .fNavi a:hover {

	text-decoration: underline;

}



#footer .fBox .fNavi p {

	padding-bottom: 8px;

}



#footer .fBox .fNavi ul {

	margin: -1px 0 5px 20px;

}



#footer .fBox .fNavi li a {

	padding: 0 0 7px 14px;

	background: url(../../images/common/icon/icon28.gif) no-repeat left 5px;

}



#footer .fInner {

	padding-bottom: 88px;

	background: url(../../images/common/f_inner_bg.jpg) no-repeat center bottom;

}



#footer .copyright {

	padding: 10px 0 8px;

	color: #FFF;

	font-size: 11px;

	text-align: center;

	background-color: #1D2088;

}



#footer .copyright p {

	margin: 0 auto;

	width: 980px;

}



@media all and (min-width: 0) and (max-width: 640px)  {

	body {

		min-width: inherit;

	}

	

	#container {

		position: relative;

	}

	

	#gHeader {

		margin-bottom: 16px;

		padding-bottom: 4px;

		width: auto;

		z-index: 1000;

		background: url(../../images/common/header_bg.png) repeat-x left bottom;

		background-size: 2px 4px;

	}



	#gHeader .hInner {

		padding: 0 0 0 3px;

		width: auto;

		position: static;

		border-bottom: 2px solid #1D2088;

	}



	#gHeader .logo {

		margin-top: 3px;

	}

	

	#gHeader h1 {

		width: 50%;

		color: #1D1F87;

		font-size: 7px;

		left: 55px;

		top: 2px;

		line-height: 1.0;

	}

	

	#gHeader .hLink {

		display: none;

	}



	#gHeader .spMenu {

		float: right;

		display: block;

		position: relative;

		z-index: 10000;

	}



	#gHeader .spMenu li {

		width: 50px;

		float: left;

		font-size: 9px;

		text-align: center;

		border-left: 1px solid #1D2088;

	}



	#gHeader .spMenu li img {

		margin-left: -1px;

	}

	

	#gHeader .spMenu li a {

		display: block;

	}

	

	#gHeader .spMenu li img {

		margin: 0 auto 4px;

	}

	

	#gHeader .spMenu li:last-child {

		background-color: #1D2088;

		border: none;

	}



	#gHeader .spMenu li:last-child a {

		color: #FFF;

	}

	

	#main {

		margin: -4px auto 20px;

		width: auto;

	}

	

	#gNavi {

		display: none;

	}

	

	#conts {

		margin-bottom: 5px;

		width: auto;

		float: none;

	}

	

	#sideBar {

		width: auto;

		float: none;

	}

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

		pagePath

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

	#pagePath {

		padding: 0px 5px 7px;

		font-size: 11px;

	}

	

	#pagePath li {

		color: #1D1F86;

	}

	

	#pagePath li a {

		margin-right: 4px;

		color: #1D1F86;

	}

	

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

		sideBar

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

	#sideBar {

		margin: 0 5px;

	}

	

	#sideBar .map {

		margin: 0 0 7px;

	}

	

	#sideBar .plan,

	#sideBar .sBox01,

	#sideBar .link {

		display: none;

	}

	

	#sideBar .photoList {

		margin-bottom: 8px;

		padding: 4px 4px 0;

	}

	

	#sideBar .photoList li {
		margin: 0 !important;

		padding: 0 0 4px 0;

		width: 49.5%;

	}

	

	#sideBar .photoList li a  {
		text-decoration: none;
	}
	
	#sideBar .photoList li a span {
		display: block;
		line-height: 1.4;
	}


	#sideBar .photoList li a > span {
		padding: 8px 25px 0 8px;
		min-height: 77px;
		display: block;
		font-size: 10px;
		background-color: #FFF;
		border: 1px solid #DCDCDA;
	}
	
	#sideBar .photoList li a .ttl {
		margin: 0 -12px 3px 0;
		font-size: 15px;
		font-weight: bold;
	}

	#sideBar .photoList .link01 a .ttl {
		color: #FF3F00;
	}
	
	#sideBar .photoList .link01 a > span {
		background: #FFF url(../../images/common/icon/icon29.png) no-repeat 96% 52%;
		background-size: 14px 13px;
	}
	
	#sideBar .photoList .link02 a .ttl {
		color: #429300;
	}
	
	#sideBar .photoList .link02 a > span {
		background: #FFF url(../../images/common/icon/icon30.png) no-repeat 96% 52%;
		background-size: 14px 13px;
	}
	
	#sideBar .photoList .link03 a .ttl {
		color: #0059B2;
	}

	#sideBar .photoList .link03 a > span {
		background: #FFF url(../../images/common/icon/icon31.png) no-repeat 96% 52%;
		background-size: 14px 13px;
	}

	#sideBar .photoList .link04 a .ttl {
		color: #856C34;
	}

	#sideBar .photoList .link04 a > span {
		background: #FFF url(../../images/common/icon/icon32.png) no-repeat 96% 52%;
		background-size: 14px 13px;
	}

	#sideBar .photoList .link05 a .ttl {
		color: #704482;
	}

	#sideBar .photoList .link05 a > span {
		background: #FFF url(../../images/common/icon/icon33.png) no-repeat 96% 52%;
		background-size: 14px 13px;
	}
	
	#sideBar .photoList li:nth-child(2n) {

		float: right;

	}

	

	#sideBar .linkUl {

		margin-bottom: 10px;

	}

	

	#sideBar .linkUl li {

		width: 49%;

		float: left;

	}



	#sideBar .linkUl li img {

		width: 100%;

	}

	

	#sideBar .linkUl li a:hover img {

		filter: alpha(opacity=70);

		opacity: 0.7;

	}

	

	#sideBar .linkUl li:nth-child(2n) {

		float: right;

	}

	

	#sideBar .sBox02,

	#sideBar .sBox03,

	#sideBar .sLink,

	#sideBar .sBox04 {

		display: none;

	}

	

	#sideBar .link01 {

		display: block;

		margin-bottom: 8px;

	}

	

	#sideBar .visaImg {

		margin-bottom: 0;

	}

	

	#sideBar .link01 img,

	#sideBar .visaImg img,

	#sideBar .map img {

		width: 100%;

	}



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

		フッター

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

	#footer {

		padding-top: 0;

		border-top: none;

	}



	#footer .fBox {

		display: none;

	}



	#footer .fInner {

		margin-bottom: 15px;

		padding-bottom: 48px;

		border-bottom: 2px solid #1D2089;

		background-size: 2880px 47px;

	}

	

	#footer .link {

		margin-bottom: 8px;

		text-align: center;

	}

	

	#footer .link img {

		width: 98px;

	}



	#footer .copyright {

		padding: 4px 0 2px;

		font-size: 9px;

	}



	#footer .copyright p {

		width: auto;

	}

	

}