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


/*-------------------------------
---------------------------------
---------------------------------
---------------------------------
---------------------------------
ベースレイアウト
---------------------------------
---------------------------------
---------------------------------
---------------------------------
-------------------------------*/


/*--------------------------
----------------------------
----------------------------
共通
----------------------------
----------------------------
--------------------------*/

/* PC時表示 */
.pc-revelation,
.pctb-revelation {
	display: block !important;
}
.pc-revelation-i,
.pctb-revelation-i {
	display: inline !important;
}
/* PC時非表示 */
.tb-revelation,
.sp-revelation,
.tb-revelation-i,
.sp-revelation-i {
	display: none !important;
}

body {
	width: 100%;
	text-align: left;
	background-color: #1d2088;
}

div#container {
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 980px;
	background-color: #ffffff;
    line-height: 2;
	font-size: 12px;
}
.androidBold {
	font-family: monospace;
}

/*--------------------------
共通　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
/* スマホ時表示 */
.sp-revelation {
	display: block !important;
}
.sp-revelation-i {
	display: inline !important;
}
/* スマホ時非表示 */
.pc-revelation,
.tb-revelation,
.pctb-revelation,
.pc-revelation-i,
.tb-revelation-i,
.pctb-revelation-i {
	display: none !important;
}
body {
	min-width: 320px !important;
	max-width: 640px;
	text-align: left;
	line-height: 1;
	-webkit-text-size-adjust: none;
}
div#container {
	max-width: 640px;
	min-width: 320px;
	padding-top: 0px;
	position: relative;
}

/* 共通ヘッダ */
body #kandaicommon_header{
	height: 42px;
	background-position: bottom left;
	background-color: #fff;
}

	body #kandaicommon_header img.kandaicommon_title{
		padding:8px 0 0 0;
	}
	
	body #kandaicommon_header ul#kandaicommon_navi{
		width: 190px;
		height: 42px;
	}
	body #kandaicommon_header ul#kandaicommon_navi li.kandaicommon_navi01{
		display: none;
	}
	body #kandaicommon_header ul#kandaicommon_navi li.kandaicommon_navi02{
		width: 86px;
	}
	body #kandaicommon_header ul#kandaicommon_navi li.kandaicommon_navi03{
		width: 104px;
	}
	body #kandaicommon_header ul#kandaicommon_navi li.kandaicommon_navi04{
		width: 91px;
	}
		body #kandaicommon_header ul#kandaicommon_navi li.kandaicommon_navi04 a{
			margin-left: 9px;
		}
}

/*--------------------------
共通　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
/* タブレット時表示 */
.tb-revelation,
.pctb-revelation {
	display: block !important;
}
.tb-revelation-i,
.pctb-revelation-i {
	display: inline !important;
}
/* タブレット時非表示 */
.pc-revelation,
.sp-revelation,
.pc-revelation-i,
.sp-revelation-i {
	display: none !important;
}
body {
	max-width: 800px;
	text-align: left;
	line-height: 1;
}
div#container {
	max-width: 800px;
	min-width: 641px;
}
}


/*--------------------------
----------------------------
----------------------------
ヘッダー
----------------------------
----------------------------
--------------------------*/

#header {
	position: relative;
	width: 100%;
	margin-bottom: 3px;
	height: 87px;
	background-color: #1d2088;
}
#header div.headerinner {
	position: relative;
	width: 980px;
	margin: 0px auto;
}

	/* === ヘッダーロゴ === */
	#header h1.logo {
		position: absolute;
		top: 0px;
		left: 1px;
		z-index: 2;
	}
	#header h1.logo a {
		display: block;
		width: 352px;
		height: 83px;
		background: url(../img/header/logo_pc.png) no-repeat 0px 0px;
		text-indent: 352px;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
	}
	
	/* === ヘッダーナビ === */
	#header_navi ul {
		float: right;
		margin-top: 30px;
	}
	#header_navi ul li {
		float: left;
		text-align: left;
	}
	#header_navi ul li a {
		display: block;
		height: 27px;
		padding-left: 0px;
		background-image: url(../img/header/header_navi.png);
		text-decoration: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#header_navi ul li.home a {
		width: 69px;
		background-position: 0px 0px;
	}
	#header_navi ul li.home a:hover {
		background-position: 0px -27px;
	}
	#header_navi ul li.site_map {
		padding-left: 2px;
	}
	#header_navi ul li.site_map a {
		width: 94px;
		background-position: -69px 0px;
	}
	#header_navi ul li.site_map a:hover {
		background-position: -69px -27px;
	}

/*--------------------------
ヘッダー　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#headerpane {
	background-color: #ffffff;
}
#header {
	position: inherit;
	top: 0px;
	width: 100%;
	height: auto;
	min-width: 320px;
	max-width: 640px;
	min-height: 52px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #1d2088;
	border-bottom: 4px solid #ffffff;
	z-index: 300;
}
#header div.headerinner {
	width: auto;
	margin: 0px 0px 0px 0px;
	min-height: 52px;
}

	/* === ヘッダーロゴ === */
	#header h1.logo {
		position: inherit;
		top: 0;
		left: 10px;
		width: 218px;
		height: 48px;
		padding-top: 0px;
	}
	#header h1.logo a {
		display: block;
	    width: 218px;
		height: 48px;
		background-image: none;
		text-indent: 0px;
		white-space: inherit;
		overflow: visible;
		cursor: pointer;
	}
		
	/* === ヘッダーナビ === */
	#header ul {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		float: left;
		width: 100%;
		margin: 18px 0px 0px;
		padding: 9px 0px 0px 11px;
		padding-right: 0px;
		background-color: #012a96;
	}
	#header ul li {
		float: left;
	}
	#header ul li:first-child {
		padding-left: 0px;
	}
	#header #header_navi ul li a {
		width: auto;
		height: auto;
		text-indent: 0px;
		white-space: inherit;
	    overflow: auto;
		position: relative;
		top: -1px;
		padding-left: 0;
		line-height: 1;
		text-decoration: underline;
		color: #ffffff;
	}
	#header #header_navi ul li a:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -2px;
		left: 0;
		width: 11px;
		height: 11px;
		min-height: 1em;
		margin-right: 4px;
		background-position: 0 center;
		background-repeat: no-repeat;
		background-image:url(../img/parts/icon_link1_white.png);
		vertical-align: middle;
	}
	#header #header_navi ul li a:hover {
		text-decoration: none;
	}
	#header #header_navi ul li a:hover:before {
  		background-position: right center !important;
	}
}

/*--------------------------
ヘッダー　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#header {
	width: 100%;
	max-width: 800px;
	height: auto;
}
#header div.headerinner {
	width: auto;
	margin: 1px 10px 0px;
	min-height: 79px;
}

	/* === ヘッダーロゴ === */
	#header h1.logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 322px;
		max-width: 322px;
		padding-bottom: 0px;
	}
	#header h1.logo a {
		display: block;
		width: 322px;
		height: 75px;
		background: url(../img/header/logo_tb.png) no-repeat 0px 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
	}
		
	/* === ヘッダーナビ === */
	#header_navi ul {
		float: right;
		margin-top: 26px;
	}
	#header ul li {
		padding-left: 8px;
	}
	#header ul li a {
		font-size: 11px;
	}
	#header_navi ul li.home a {
		width: 69px;
		background: url(../img/header/header_navi_tb_home.png) no-repeat 0px 0px;
	}
	#header_navi ul li.home a:hover {
		background-position: 0px 0px;
	}
	#header_navi ul li.site_map {
		padding-left: 2px;
	}
	#header_navi ul li.site_map a {
		width: 101px;
		background: url(../img/header/header_navi_tb_sitemap.png) no-repeat 0px 0px;
	}
	#header_navi ul li.site_map a:hover {
		background-position: 0px 0px;
	}

}


/*--------------------------
----------------------------
----------------------------
共通ナビ
----------------------------
----------------------------
--------------------------*/
 
#gnavi {
	width: 100%;
	padding-bottom: 21px;
	background: url(../img/navi/gnavi_bg.png) repeat center top;
    border-top: 1px solid #ccd3ea;
}

#gnavi #gnavibutton {
	display: none;
}
#gnavi div.gnavibody {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#gnavi ul.gnavi {
	border-left: 1px solid #CCD3EA;
}
#gnavi ul.gnavi li {
	float: left;
	color: #012A96;
}
#gnavi ul.gnavi li p {
    border-right: 1px solid #CCD3EA;
}
#gnavi ul.gnavi li a {
	display: block;
	width: 162px;
	height: 49px;
	background-position: 0px 0px;
	background-image: url(../img/navi/gnavi.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gnavi ul.gnavi li.gn1 a {
	width: 163px;
}
#gnavi ul.gnavi li.gn1 a {
	background-position: 0px 0px;
}
#gnavi ul.gnavi li.gn1 a:hover {
	background-position: 0px -49px;
}
#gnavi ul.gnavi li.gn1.current a {
	background-position: 0px -98px;
}
#gnavi ul.gnavi li.gn2 a {
	background-position: -163px 0px;
}
#gnavi ul.gnavi li.gn2 a:hover {
	background-position: -163px -49px;
}
#gnavi ul.gnavi li.gn2.current a {
	background-position: -163px -98px;
}
#gnavi ul.gnavi li.gn3 a {
	background-position: -325px 0px;
}
#gnavi ul.gnavi li.gn3 a:hover {
	background-position: -325px -49px;
}
#gnavi ul.gnavi li.gn3.current a {
	background-position: -325px -98px;
}
#gnavi ul.gnavi li.gn4 a {
	background-position: -487px 0px;
}
#gnavi ul.gnavi li.gn4 a:hover {
	background-position: -487px -49px;
}
#gnavi ul.gnavi li.gn4.current a {
	background-position: -487px -98px;
}
#gnavi ul.gnavi li.gn5 a {
	background-position: -649px 0px;
}
#gnavi ul.gnavi li.gn5 a:hover {
	background-position: -649px -49px;
}
#gnavi ul.gnavi li.gn5.current a {
	background-position: -649px -98px;
}
#gnavi ul.gnavi li.gn6 a {
	background-position: -811px 0px;
}
#gnavi ul.gnavi li.gn6 a:hover {
	background-position: -811px -49px;
}
#gnavi ul.gnavi li.gn6.current a {
	background-position: -811px -98px;
}
#gnavi #header_navi_inner {
	display: none;
}
	
/*--------------------------
共通ナビ　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#gnavi {
	z-index: 101;
	min-width: 320px;
	padding-top: 0px;
	padding-bottom: 0px;
    border-top: 0px solid #ccd3ea;
	-webkit-font-smoothing: subpixel-antialiased; /* for safari bug */
}

#gnavi #gnavibutton {
	display: none;
    position: absolute;
    right: 7px;
    top: 57px;
	width: 38px;
	height: 38px;
	background: url(../img/header/menu_sp.png) no-repeat 0px 0px;
	background-size: 38px 76px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
#gnavi #gnavibutton.open {
	background-position: 0px -38px;
}
#gnavi div.gnavibody {
	width: 100%;
	background-color: #012A96;
    position: static;
    left: 0px;
    top: 0px;
	z-index: 500;
}
#gnavi div.gnaviinner {
	padding: 9px 10px 8px;
}
#gnavi ul.gnavi {
	position: static;
	width: 100%;
	border-left: 0px solid #012A96;
}
#gnavi ul.gnavi li {
	float: left;
	width: 50%;
	text-align: center;
}
#gnavi ul.gnavi li p {
    border: 1px solid #012A96;
}
#gnavi ul.gnavi li.gn6 {
	display: block;
}
#gnavi ul.gnavi li a {
	text-decoration: none;
}
#gnavi ul.gnavi li a,
#gnavi ul.gnavi li.gn6 span {
	display: block;
	width: auto !important;
	height: 46px;
	padding-top: 2px;
	background-image: none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	text-indent: 0;
	white-space: inherit;
	overflow: visible;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	color: #012A96;
}
#gnavi ul.gnavi li a:hover {
	background-color: #adbde8;
	text-decoration: none;
}
#gnavi ul.gnavi li:nth-child(odd) {
	clear: left;
}
#gnavi ul.gnavi li.current p {
}
#gnavi ul.gnavi li.current a {
	text-decoration: none !important;
	color: #ffffff !important;
}
#gnavi ul.gnavi li.gn1.current a {
	background-color: #1e2586 !important;
}
#gnavi ul.gnavi li.gn2.current a {
	background-color: #00a7eb !important;
}
#gnavi ul.gnavi li.gn3.current a {
	background-color: #1ea286 !important;
}
#gnavi ul.gnavi li.gn4.current a {
	background-color: #f08ba7 !important;
}
#gnavi ul.gnavi li.gn5.current a {
	background-color: #a79a8d !important;
}
#gnavi ul.gnavi li.gn6.current a {
	background-color: #ffa75b !important;
}
#gnavi #header_navi_inner {
	display: block;
	margin-top: 6px;
}
#gnavi #header_navi_inner li {
	float: left;
	margin-right: 10px;
}
#gnavi #header_navi_inner li a {
	width: auto;
	height: auto;
	text-indent: 0px;
	white-space: inherit;
	overflow: auto;
	position: relative;
	top: -1px;
	padding-left: 0;
	line-height: 1;
	text-decoration: underline;
	color: #ffffff;
}
#gnavi #header_navi_inner li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: 0;
	width: 11px;
	height: 11px;
	min-height: 1em;
	margin-right: 4px;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image:url(../img/parts/icon_link1_white.png);
	vertical-align: middle;
}
#gnavi #header_navi_inner li a:hover {
	text-decoration: none;
}
#gnavi #header_navi_inner li a:hover:before {
	background-position: right center !important;
}
}

/*--------------------------
共通ナビ　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#gnavi {
}

#gnavi #gnavibutton {
	display: none;
}
#gnavi div.gnavibody {
	width: 100%;
}
#gnavi ul.gnavi {
	width: auto;
	margin: 0px 10px 0px;
	border-left: 1px solid #ccd3ea;
}
#gnavi ul.gnavi li {
	float: left;
	width: 33.33%;
	border-right: 0px none transparent;
}
#gnavi ul.gnavi li.gn4 {
	clear: left;
}
#gnavi ul.gnavi li.gn6 {
	display: block;
	height: 49px;
}
#gnavi ul.gnavi li p {
	border-right: 1px solid #ccd3ea;
}
#gnavi ul.gnavi li a {
	display: block;
	width: auto !important;
	height: 43px;
	padding-top: 3px;
	line-height: 45px;
	background-image: none;
	background-color: #ffffff;
	border-bottom: 4px solid #1e2586;
	text-indent: 0;
	white-space: inherit;
	overflow: visible;
	font-size: 15px;
	color: #012a96;
	text-align: center;
}
#gnavi ul.gnavi li.gn2 a {
	border-color: #00a7eb;
}
#gnavi ul.gnavi li.gn3 a {
	border-color: #1ea286;
}
#gnavi ul.gnavi li.gn4 a {
	border-color: #f08ba7;
}
#gnavi ul.gnavi li.gn5 a {
	border-color: #a79a8d;
}
#gnavi ul.gnavi li.gn6 a {
	border-color: #ffa75b;
}
#gnavi ul.gnavi li a:hover {
	background-color: #a5a8cf;
}
#gnavi ul.gnavi li.gn2 a:hover {
	background-color: #99dcf7;
}
#gnavi ul.gnavi li.gn3 a:hover {
	background-color: #a5dacf;
}
#gnavi ul.gnavi li.gn4 a:hover {
	background-color: #f9d1dc;
}
#gnavi ul.gnavi li.gn5 a:hover {
	background-color: #dcd7d1;
}
#gnavi ul.gnavi li.gn6 a:hover {
	background-color: #ffdcbd;
}
#gnavi ul.gnavi li.current a {
	background-color: #1e2586 !important;
	color: #ffffff !important;
}
#gnavi ul.gnavi li.gn2.current a {
	background-color: #00a7eb !important;
}
#gnavi ul.gnavi li.gn3.current a {
	background-color: #1ea286 !important;
}
#gnavi ul.gnavi li.gn4.current a {
	background-color: #f08ba7 !important;
}
#gnavi ul.gnavi li.gn5.current a {
	background-color: #a79a8d !important;
}
#gnavi ul.gnavi li.gn6.current a {
	background-color: #ffa75b !important;
}
#gnavi #header_navi_inner {
	display: none;
}
}


/*--------------------------
----------------------------
----------------------------
サブナビ
----------------------------
----------------------------
--------------------------*/
ul.subnavi {
	margin-bottom: 15px;
	padding: 0px;
	border: 2px solid #dddddd;
	background-color: #ffffff;
}
ul.subnavi li {
	border-top: 1px dotted #dddddd;
}
ul.subnavi li.first {
	border-top: 0px none transparent;
}
ul.subnavi li a {
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 25px;
	background-position: 10px 47% !important;
	background-color: #ffffff;
	text-decoration: none;
}
ul.subnavi li a:hover {
	background-color: #eaf3ff;
	text-decoration: underline;
}
ul.subnavi li.current a {
	background-color: #344b85 !important;
	background-image: url(../img/parts/icon_link1_white-off.gif) !important;
	background-size: 11px 11px;
	text-decoration: none !important;
	color: #ffffff;
}
#titleimage ul.subnavi {
	display: none;
	margin-bottom: 0px;
}
#titleimage span.snavibutton {
	background-image: none;
	cursor: default;
}

/*--------------------------
サブナビ　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div.bannerfield ul.subnavi {
	margin-bottom: 0px;
	padding: 2px;
    background-color: #dddddd;
    border: 10px solid #eeeeee;
}
#titleimage img.iec {
	display: block;
}
#titleimage 
#subnavi_sp {
	display: block;
	padding: 12px 10px;
	background-color: #eeeeee;
	font-size: 12px;
}
#titleimage ul.subnavi {
	display: block;
	margin-bottom: 0px;
}
#titleimage span.snavibutton {
	display: block;
	border-right: 11px solid #344b85;
	background: url(../img/parts/arrow_open-off.gif) no-repeat center right;
    background-color: #354B85;
	background-size: 18px 11px;
	cursor: pointer;
}
#titleimage span.snavibutton.open {
	background: url(../img/parts/arrow_open-on.gif) no-repeat center right;
    background-color: #354B85;
	background-size: 18px 11px;
}
}
 
/*--------------------------
サブナビ　タブレット
--------------------------*/

@media screen and (min-width: 641px) and (max-width: 800px) {
#titleimage ul.subnavi {
	display: none;
	margin-bottom: 0px;
}
#titleimage spa.snavibutton {
	background-image: none;
	cursor: default;
}
}


/*--------------------------
----------------------------
----------------------------
タイトル イメージ
----------------------------
----------------------------
--------------------------*/
div#titleimage {
	width: 100%;
	padding: 0;
	background-color: transparent;
	background: url(../img/navi/gnavi_bg.png) repeat center top;
}
div#titleimage h2 {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 0 25px;
}
div#titleimage.narrow h2 {
	height: 108px;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
div#titleimage img {
	vertical-align: top;
}
	
/*--------------------------
タイトル イメージ　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div#titleimage {
	width: 100%;
	background-image: none;
}
div#titleimage.narrow {
	padding: 0% 0% 14.7% 0%;
}
div#titleimage.narrow h2 {
	height: auto;
	text-indent: 0px;
	white-space: inherit;
	overflow: visible;
}
div#titleimage h2 {
	width: auto;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-image: none;
	font-size: 133.3%;
	font-weight: normal;
	color: #ffffff;
}
div#titleimage h2 span {
	display: block;
	background-color: #354b85;
    border-bottom: 1px solid #354b85;
    padding: 4px 0 3px 10px;
}
}

/*--------------------------
タイトル イメージ　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
div#titleimage {
	width: auto;
	padding: 0 10px;
}
div#titleimage h2 {
	width: 100%;
	height: auto;
}
div#titleimage.narrow h2 {
	width: 70.5%;
	height: auto;
	margin-left: 29.5%;
	padding: 0;
	background-size: cover;
	text-indent: 0px;
	white-space: normal;
	overflow: visible;
}
div#titleimage h2 span {
	display: block;
	width: 42.3%;
	margin-left: -41.7%;
	padding: 4% 0%;
	background-color: #354b85;
	font-size: 133.3%;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
}
}


/*--------------------------
----------------------------
----------------------------
コンテンツ部分
----------------------------
----------------------------
--------------------------*/
 
#contents {
	width: auto;
	margin-top: 28px;
} 

#contents div.contents {
	width: 980px;
	margin: 0 auto;
	padding: 0;
    background-color: #f8f8f8;
}

body.index #contents div.contents {
    background-color: #ffffff;
}
	
/*--------------------------
コンテンツ部分　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#contents {
	min-width: 320px;
	margin-top: 0px;
	padding: 10px 0px 0px;
} 
#contents div.contents {
	width: auto;
	max-width: 640px;
	margin: 0 0 71px;
	padding: 0px;
}
}

/*--------------------------
コンテンツ部分　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {  
#contents {
	padding: 0px 10px 0px;
}
#contents div.contents {
	width: auto;
	max-width: 800px;
}
}


/* === バナーエリア === */
#contents div.bannerfield {
	float: left;
	width: 260px;
    margin-bottom: 0px;
}
#column3 {
	padding: 10px 10px 25px;
}
#column3 .wrapper {
}
#column3 .featureSet {
}
#column3 .featureSet .featureBanner {
    background: url(../../img/index/back_banner_shadow.gif) repeat scroll center bottom;
    line-height: 0;
    padding: 0 0 25px;
}
#column3 .featureSet .bannerSet {
}
#column3 .featureSet .bannerSet ul {
}
#column3 .featureSet .bannerSet ul li {
    line-height: 0;
    padding: 0 0 5px;
}
#column3 .featureSet .bannerSet ul li a {
}
#column3 .featureSet .bannerSet ul li a:hover {
	opacity: 0.7;
}
#column3 .featureSet .bannerSet ul li a img {
	vertical-align: top;
}
#column3 .featureSet .bannerSet ul li a span.idxbanner {
    display: none;
}
#column3 .linkSet {
    padding: 0 0 10px;
}
#column3 .linkSet .featureBanner {
    padding: 0 0 5px;
}
#column3 .linkSet .featureBanner a {
    display: block;
    line-height: 0;
}
#column3 .linkSet .bannerSet ul li {
    line-height: 1.4;
    padding: 0 0 5px;
}
#column3 .linkSet .bannerSet ul li a {
    background: url(../../img/index/back_idxbanner.gif) repeat-x scroll left bottom #ffffff;
    border: 3px solid #d9def3;
    display: block;
}
#column3 .linkSet .bannerSet ul li a span.idxbanner {
    border: 1px solid #ffffff;
    display: block;
    padding: 5px 4px 5px 20px;
}
#column3 .linkSet .bannerSet ul li a:hover {
    background: none repeat scroll 0 0 #faf5f9;
    border: 3px solid #CDA2C6;
}
#column3 .linkSet .bannerSet ul li a span.link01 {
    background: url(../img/parts/icon_link1-off.gif) no-repeat scroll 0 center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link01 {
    background-image: url(../img/parts/icon_link1-on.gif);
}
#column3 .linkSet .bannerSet ul li a span.link03 {
    background: url(../img/parts/icon_link3-off.gif) no-repeat scroll 0 center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link03 {
    background-image: url(../img/parts/icon_link3-on.gif);
}
#column3 .linkSet .bannerSet ul li a span.link04 {
    background: url(../img/parts/icon_link4-off.gif) no-repeat scroll 0 center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link04 {
    background-image: url(../img/parts/icon_link4-on.gif);
}
#column3 .linkSet .bannerSet ul li a span img {
    float: right;
    margin: 0 0 0 10px;
}
#column3 .linkSet .bannerSet ul li.link3, #column3 .linkSet .bannerSet ul li.link5, #column3 .linkSet .bannerSet ul li.link7 {
    clear: left;
}
	
/*--------------------------
バナーエリア　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#contents div.bannerfield {
	float: none;
	width: auto;
	margin: 0px 0px;
}
#column3 {
	padding: 0;
}
#column3 .wrapper {
}
#column3 .featureSet {
    padding: 0;
}
#column3 .featureSet .featureBanner {
    border-bottom: 1px solid #A3A3A3;
    padding: 0 0 15px;
    text-align: center;
}
#column3 .featureSet .bannerSet {
	display: none;
}
#column3 .featureSet .bannerSet ul li {
    margin: 0 0 2px;
	background-color: #ffffff;
    line-height: 1.4;
}
#column3 .featureSet .bannerSet ul li.link6 {
    margin: 0 0 2px;
}
#column3 .featureSet .bannerSet ul li.link7,
#column3 .featureSet .bannerSet ul li.link8 {
    margin: 0 0 2px;
}
#column3 .featureSet .bannerSet ul li a {
    display: block;
	width: 100%;
	height: 0;
	padding: 0 0 29%;
}
#column3 .featureSet .bannerSet ul li a:hover {
	opacity: 1;
}
#column3 .featureSet .bannerSet ul li a span.idxbanner {
    border: medium none;
    display: block;
    padding: 5px 4px 5px 17px;
}
#column3 .featureSet .bannerSet ul li a img {
	visibility: hidden;
}
#column3 .linkSet {
    padding: 0 0 10px;
}
#column3 .linkSet .featureBanner {
    border-bottom: 1px solid #A3A3A3;
    padding: 0 0 15px;
    text-align: center;
}
#column3 .bannerSet ul li {
    line-height: 1.4;
}
#column3 .bannerSet ul li:hover {
	background-color: #faf5f9;
}
#column3 .linkSet .bannerSet ul li a span.idxbanner {
    border: medium none;
    display: block;
    padding: 5px 4px 5px 20px;
}
#column3 .bannerSet ul li a {
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#column3 .bannerSet ul li.link1 a {
	background-image: url(../img/banner/bt_idxbanner1_sp.png);
}
#column3 .bannerSet ul li.link2 a {
	background-image: url(../img/banner/bt_idxbanner7_sp.png);
}
#column3 .bannerSet ul li.link3 a {
	background-image: url(../img/banner/bt_idxbanner6_sp.png);
}
#column3 .bannerSet ul li.link4 a {
	background-image: url(../img/banner/bt_idxbanner8_sp.png);
}
#column3 .bannerSet ul li.link5 a {
	background-image: url(../img/banner/bt_idxbanner10_sp.png);
}
#column3 .bannerSet ul li.link6 a {
	background-image: url(../img/banner/bt_idxbanner11_sp.png);
}
#column3 .bannerSet ul li.link7 a {
	background-image: url(../img/banner/bt_idxbanner9_sp.png);
}
#column3 .bannerSet ul li.link8 a {
	background-image: url(../img/banner/bt_idxbanner12_sp.png);
}
/*#column3 .bannerSet ul li.link8 a {
	background: url(../img/parts/icon_rss.gif) no-repeat right center;
}*/
#column3 .linkSet .bannerSet ul li a span.link01 {
    background: url(../img/parts/icon_link1-off.gif) no-repeat scroll 0px center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link01 {
    background-image: url(../img/parts/icon_link1-on.gif);
}
#column3 .linkSet .bannerSet ul li a span.link03 {
    background: url(../img/parts/icon_link3-off.gif) no-repeat scroll 0px center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link03 {
    background-image: url(../img/parts/icon_link3-on.gif);
}
#column3 .linkSet .bannerSet ul li a span.link04 {
    background: url(../img/parts/icon_link4-off.gif) no-repeat scroll 0px center;
}
#column3 .linkSet .bannerSet ul li a:hover span.link04 {
    background-image: url(../img/parts/icon_link4-on.gif);
}
#column3 .linkSet .bannerSet ul li a span img {
    display: none;
}
#column3 .bannerSet ul li a span.link01 {
    background: url(../img/parts/icon_link1-off.gif) no-repeat scroll 0px center;
}
#column3 .bannerSet ul li a:hover span.link01 {
    background-image: url(../img/parts/icon_link1-on.gif);
}
#column3 .bannerSet ul li a span.link03 {
    background: url(../img/parts/icon_link3-off.gif) no-repeat scroll 0px center;
}
#column3 .bannerSet ul li a:hover span.link03 {
    background-image: url(../img/parts/icon_link3-on.gif);
}
#column3 .bannerSet ul li a span.link04 {
    background: url(../img/parts/icon_link4-off.gif) no-repeat scroll 0px center;
}
#column3 .bannerSet ul li a:hover span.link04 {
    background-image: url(../img/parts/icon_link4-on.gif);
}
#column3 .bannerSet ul li a span img {
    display: none;
}
}
/*--------------------------
バナーエリア　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#contents div.bannerfield {
	float: left;
	width: 30%;
}
#column3 .featureSet .bannerSet ul li a:hover {
	opacity: 1;
}
}


/* === facebook === */
.facebook {
	height: 334px;
	margin-bottom: 20px;
	padding-bottom: 1px;
	background-color: #fff;
	border: 2px solid #e1e1e1;
	text-align: center;
}
.facebook h3 {
	background-color: #1e2586;
}
.facebook h3 img {
	vertical-align: top;
}
.facebook div.pc-revelation {
	padding: 1px 0 0;
}


/*--------------------------
facebook　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
.facebook h3 {
	height: 37px;
	background: url(../img/contents/title_facebook_sp.png) no-repeat 0px 0px;
	-webkit-background-size: 298px 37px;
	background-size: 298px 37px;
}
.facebook h3 img {
	visibility: hidden;
}
}


/*--------------------------
facebook　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
.facebook h3 {
	width: 100%;
	height: 0;
	padding-bottom: 12.9%;
	background: url(../img/contents/title_facebook_tb.png) no-repeat 0px 0px;
	-webkit-background-size: contain;
	background-size: contain;
}
.facebook h3 img {
	visibility: hidden;
}
}


/* === コンテンツエリア === */
#contents div.contentsfield {
	float: right;
	width: 720px;
	min-height: 839px;
	background-color: #ffffff;
}
#contents div.contentsinner {
	margin: 0px 0px 5px 50px;
}
	
/*--------------------------
コンテンツエリア　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#contents div.contentsfield {
	float: none;
	width: auto;
	min-height: inherit;
    padding-bottom: 15px;
}
#contents div.contentsinner {
	margin: 0px;
	padding: 0 0 0px;
}
}

/*--------------------------
コンテンツエリア　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#contents div.contentsfield {
	float: right;
	width: 66%;
	padding-left: 4%;
	background-color: #ffffff;
}
#contents div.contentsinner {
	margin: 0px 0px 56px 0px;
    padding-bottom: 15px;
	background-color: #ffffff;
}
}


/* ===========
パンくず
=========== */
#pagePath {
    font-size: 83.3%;
    padding: 0 0 9px;
	border-bottom: 1px dotted #012a94;
	line-height: 1.5;
}

/*--------------------------
パンくず　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#pagePath {
    font-size: 83.3%;
	margin: 0px 10px;
    padding: 3px 0 8px;
}
}

/*--------------------------
パンくず　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#pagePath {
    font-size: 83.3%;
    padding: 0 0 5px;
}
}


/* ===========
各ページ タイトル
=========== */
#pageTitle {
	font-size: 216.67%;
    margin-bottom: 27px;
    padding: 23px 0 19px;
	border-bottom: 6px solid #012a94;
	font-weight: normal;
	color: #012a94;
}

/*--------------------------
各ページ タイトル　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#pageTitle {
	font-size: 158.3%;
	margin: 0px 10px 20px;
    padding: 17px 0 10px;
	font-weight: normal;
	border-bottom-width: 8px;
}
}

/*--------------------------
各ページ タイトル　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#pageTitle {
    margin-bottom: 25px;
}
}


/* ===========
各ページ リード
=========== */
div.contentsinner p.lead {
	padding: 10px 0px 27px;
	line-height: 2;
	font-size: 141.666%;
	font-weight: bold;
}

div.contentsinner p.lead2 {
	padding: 10px 0px 27px;
	line-height: 2;
	font-size: 141.666%;
}

/*--------------------------
各ページ リード　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div.contentsinner p.lead {
	margin: 0px 10px;
	padding: 5px 0px 19px;
	line-height: 1.7;
	font-size: 133.3%;
}
}

/*--------------------------
各ページ リード　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
div.contentsinner p.lead {
	padding: 5px 0px 22px;
	line-height: 1.7;
	font-size: 133.3%;
}
}


/* ===========
各ページ 入館方法
=========== */
.cmn-oneColumn .about_center {
	background: url(../img/contents/about_bg.png) repeat center top;
	padding: 10px;
	width: auto;
}
.cmn-oneColumn .about_center h5 {
	margin-bottom: 7px;
	text-align: center;
	font-size: 125%;
	color: #1e2586;
}
.cmn-oneColumn .about_center .aboutinner {
	padding: 15px 15px 7px;
	background-color: #ffffff;
    word-break: break-all;
}
.cmn-oneColumn .about_center .aboutinner p.about_lead {
	padding: 5px 10px;
	border: 1px solid #d9e5e5;
}
.cmn-oneColumn .about_center .aboutinner p.about_lead a.link01 {
	margin-left: 0.5em;
	padding-left: 15px;
}
.cmn-oneColumn .about_center .aboutinner dl {
	margin-top: 9px;
}
.cmn-oneColumn .about_center .aboutinner dt {
	clear: left;
	float: left;
	height: 1em;
	padding-bottom: 1px;
	font-weight: bold;
}
.cmn-oneColumn .about_center .aboutinner dd {
	padding-bottom: 1px;
}
.cmn-oneColumn .about_center .aboutinner dl.contact {
	float: left;
	width: 210px;
	padding-right: 14px;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable {
	float: right;
	width: 362px;
	padding-right: 14px;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable dt {
	width: 4.1em;
	padding-right: 1em;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable dd {
	padding-left: 5em;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable dd span {
	padding-right: 1em;
}

/*--------------------------
各ページ 入館方法　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
.cmn-oneColumn .about_center {
	padding: 10px 10px 15px;
}
.cmn-oneColumn .about_center .aboutinner {
	padding: 10px 14px 5px;
	line-height: 1.7;
}
.cmn-oneColumn .about_center h5 {
	margin-bottom: 7px;
	text-align: center;
	font-size: 133.3%;
	font-weight: normal;
	color: #1e2586;
}
.cmn-oneColumn .about_center .aboutinner p.about_lead {
	padding: 0px 0px 9px;
	border-width: 0px 0px 1px;
}
.cmn-oneColumn .about_center .aboutinner dl.contact,
.cmn-oneColumn .about_center .aboutinner dl.timeTable {
	float: none;
	width: 100%;
	padding-right: 0px;
	line-height: 1.6;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable dd {
	padding-bottom: 6px;
}
.cmn-oneColumn .about_center .aboutinner dl.contact {
	margin-top: 15px;
}
.cmn-oneColumn .about_center .aboutinner dl.timeTable {
	margin-top: 8px;
	line-height: 1.4;
}
.cmn-oneColumn .about_center .aboutinner dt {
	font-weight: bold;
}
}

/*--------------------------
各ページ 入館方法　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
.cmn-oneColumn .about_center .aboutinner dl.contact,
.cmn-oneColumn .about_center .aboutinner dl.timeTable {
	float: none;
	width: 100%;
	padding-right: 0px;
}
}


/* ===========
各ページ ご利用方法
=========== */
h3.use_title {
	padding: 3px 15px;
	background-color: #1e2586;
	text-align: center;
	font-size: 17px;
    font-weight: normal;
	color: #ffffff;	
}
div.use {
	margin-bottom: 30px;
	padding: 7px 19px 16px;
	border: 1px solid #1e2586;
}
div.use h4.title {
	padding-top: 4px;
}
div.use h5.title {
	margin-top: 12px;
	margin-bottom: 7px;
}

div.use div.detail~h4.title {
	margin-top: 23px;
}
div.use div.procedure {
	clear: both;
	margin-top: 2px;
}
div.use div.procedure img {
	float: left;
	padding-top: 5px;
}
div.use div.procedure p {
	float: right;
	width: 308px;
	margin-bottom: 13px;
	padding-left: 20px;
	padding-bottom: 28px;
	background: url(../../img/use/arrow_down.png) no-repeat 163px bottom;
    text-align: left;
}
div.use div.procedure p.finish {
	margin-bottom: 26px;
	padding-bottom: 0px;
	background-image: none;
}

div.use p.floor {
	padding-top: 6px;
}
div.use p.floor img {
	vertical-align: top;
}
div.use div.utilization {
	margin-bottom: 5px;
}
div.use div.utilization div.cell {
	float: left;
	width: 315px;
	margin-bottom: 16px;
}
div.use div.utilization div.cell.odd {
	padding-right: 20px;
}
div.use div.utilization div.cell img {
	float: left;
	width: 163px;
	padding-top: 4px;
}
div.use div.utilization div.cell div.textarea {
	float: right;
	width: 139px;
	padding-left: 13px;
}

div.use p.remark {
	padding-bottom: 14px;
}

div.use div.cmn-related {
	height: 100%;
	margin-bottom: 15px;
	padding: 0;
}
div.use div.cmn-related div.reservearea {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #eff0f7;
}
div.use div.cmn-related p {
    min-height: inherit;
	padding: 15px 17px 18px 13px;
}
div.use div.cmn-related div.listarea {
	float: right;
	width: 55%;
	padding: 15px 0px 18px;
	background-color: #ffffff;
}
div.use div.cmn-related ul {
}
div.use div.cmn-related ul.list1 {
	float: left;
	width: 40%;
}
div.use div.cmn-related ul.list2 {
	float: right;
	width: 60%;
}
div.use div.cmn-related ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 0px;
	margin-left: 27px;
}
div.use table.cmn-format th {
}
div.use table.cmn-format td {
	text-align: center;
}
div.use table.cmn-format p.price {
	width: 32px;
}
div.use table.cmn-format span.math {
	width: 36px;
}
div.use table.cmn-format th span.title {
	width: 103px;
}
div.use table.cmn-format td ul.list1 {
	width: auto;
	margin-left: 15px;
}
div.use table.cmn-format td ul.list2 {
	width: auto;
	margin-left: 15px;
}
*+html div.use table.cmn-format td ul.list1,
*+html div.use table.cmn-format td ul.list2 {
	margin-left: 5px;
}
div.use table.cmn-format td ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 3px;
}
*+html div.use table.cmn-format td ul li {
	margin-left: 11px;
}
div.use table.cmn-format th span.network {
	width: 3em;
	margin: 0 auto;
}

div.conference {
	margin-bottom: 0;
}
div.conference h5.title {
	margin-top: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}
div.conference table.cmn-format {
	margin-top: 14px;
	margin-bottom: 0px;
}
div.conference table.cmn-format td {
	width: 20%;
	padding: 5px 0px;
	text-align: center;
}
div.conference dl.cmn-format {
	margin-top: 11px;
}

/*--------------------------
各ページ ご利用方法　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div.use div.procedure {
	width: 100%;
	background-position: center bottom;
	text-align: center;
}
div.use div.procedure img {
	float: none;
	width: 200px;
}
div.use div.procedure div.textarea {
	float: none;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
div.use div.procedure p {
	float: none;
	width: auto;
    margin-bottom: 16px;
	margin-left: 0px;
    padding-bottom: 26px;
	padding-left: 0px;
	background-position: center bottom;
}
div.use p.floor {
    padding-top: 5px;
}
div.use div.utilization div.cell {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
div.use div.utilization div.cell.odd {
	padding-right: 0px;
}
div.use div.utilization div.cell img {
	float: left;
	width: 163px;
}
div.use div.utilization div.cell div.textarea {
	float: right;
	width: 100%;
	margin-left: -180px;
}
div.use div.utilization div.cell div.textarea h6,
div.use div.utilization div.cell div.textarea p {
	margin-left: 180px;
}
div.use div.cmn-related ul.list1,
div.use div.cmn-related ul.list2 {
	float: none;
	width: 100%;
}
div.use div.cmn-related ul li {
	margin-left: 15%;
}
div.use div.cmn-related p {
    min-height: inherit;
}
div.use table.cmn-format p.price,
div.use table.cmn-format span.math,
div.use table.cmn-format th span.title,
div.use table.cmn-format td ul.list1,
div.use table.cmn-format td ul.list2 {
	width: auto;
}
div.use table.cmn-format td ul.list1,
div.use table.cmn-format td ul.list2 {
	margin-left: 18px;
}
div.use table.cmn-format th span.network {
	width: auto;
}
}

/*--------------------------
各ページ ご利用方法　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
div.use div.procedure {
	width: 100%;
}
div.use div.procedure img {
	float: left;
	width: 200px;
}
div.use div.procedure div.textarea {
	float: right;
	width: 100%;
	margin-left: -213px;
	padding-left: 0px;
}
div.use div.procedure p {
	width: auto;
	margin-left: 213px;
	padding-left: 0px;
	background-position: center bottom;
}
div.use div.utilization div.cell {
	width: 50%;
	margin-bottom: 20px;
}
div.use div.utilization div.cell.odd {
	clear: left;
	width: 47%;
	padding-right: 3%;
}
div.use div.utilization div.cell div.textarea {
	float: none;
	width: 50%;
	padding-left: 3px;
}
div.use div.cmn-related ul li {
    margin-left: 20px;
    padding-right: 15px;
}
div.use table.cmn-format p.price,
div.use table.cmn-format span.math,
div.use table.cmn-format th span.title,
div.use table.cmn-format td ul.list1,
div.use table.cmn-format td ul.list2 {
	width: auto;
}
div.use table.cmn-format th span.network {
	width: 3em;
}
}


/*--------------------------
----------------------------
----------------------------
フォーマットページ
----------------------------
----------------------------
--------------------------*/
 
/* ===========
コンテンツ部分
=========== */

/*--------------------------
コンテンツ部分　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
}

/*--------------------------
コンテンツ部分　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {  
}


/* ==========
メインコンテンツ カラム分け
========== */

/* --- カテゴリートップ 1カラム ---*/
div.cmn-oneColumn {
	min-height: 300px;
	padding: 0px 10px;
}
div.cmn-oneColumnArticle {
	padding: 0px 0px 50px;
}

/*--------------------------
メインコンテンツ 大枠 左ナビなし　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
/* --- カテゴリートップ 1カラム ---*/
div.cmn-oneColumn {
	min-height: 0;
	padding: 0;
}
div.cmn-oneColumnArticle {
	padding: 0px 10px 35px;
}
}

/*--------------------------
メインコンテンツ 大枠 左ナビなし　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
/* --- カテゴリートップ 1カラム ---*/
div.cmn-oneColumn {
	min-height: 0;
}
}


/* === パーツ === */
	             
     /* -- 見出し -- */
	h4.title {
		border-bottom: 3px solid #eeeeee;
		font-size: 125%;
		color: #1e2586;
	}
	h4.title span {
		display: block;
		padding-bottom: 1px;
		border-bottom: 3px solid #1e2586;
	}
	h5.title {
		margin-top: 10px;
		margin-bottom: 7px;
		font-weight: bold;
	}
	h5.title span {
		padding-right: 3px;
		color: #1e2586;
	}
	             
     /* -- 段落 -- */
	div.cmn_section p {
		margin-bottom: 13px;
		line-height: 1.5;
	}
	div.detail {
		padding-top: 13px;
	}
	             
     /* -- リスト -- */
	ol.orderedlist_wide {
	}
	ol.orderedlist_wide li {
		margin-bottom: 22px;
	}
	dl.cmn-format {
	}
	dl.cmn-format dt {
		float: left;
		padding-bottom: 6px;
	}
	dl.cmn-format dd {
		padding-left: 3em;
		padding-bottom: 6px;
	}

     /* -- リスト マークなし -- */
	ol.markoff,
	ul.markoff {
		margin-left: 0px;
	}
	ol.markoff li,
	ul.markoff li {
		list-style-type: none;
	}
     /* -- リスト マークあり -- */
	ol.markon,
	ul.markon {
		margin-left: 17px;
	}
	ol.markon li {
		list-style-type: decimal;
	}
	ul.markon li {
		list-style-type: disc;
	}
	
     /* -- テーブル -- */
	table.cmn-format {
		width: 100%;
		border-collapse: separate;
	    border-spacing: 2px;
		background-color: #cccccc;
		empty-cells: show;
	}
	table.cmn-format th,
	table.cmn-format td {
		padding: 0;
		border: 1px solid #ffffff;
		line-height: 1.5;
	}
	table.cmn-format th {
		background-color: #d9e9f4;
		vertical-align: middle;
		text-align: left;
	}
	table.cmn-format th.title_g,
	table.cmn-format th.title {
		text-align: center;
		color: #ffffff;
	}
	table.cmn-format td {
		background-color: #ffffff;
	}
	table.cmn-format th span {
		display: block;
		padding: 4px 7px;
	}
	table.cmn-format th.title {
		background-color: #1e2586;
	}
	table.cmn-format th.title_g {
		background-color: #3387c2;
	}
	table.cmn-format th.title_g span {
		padding: 7px 7px;
	}
	table.cmn-format th.title span,
	table.cmn-format th.sub span {
		padding: 5px 5px;
	}
	table.cmn-format td p,
	table.cmn-format td ul {
		padding: 2px 7px;
	}
	table.facility {
		padding: 2px 7px;
		border: 2px solid #dddddd;
	}
	
	
	/* -- キャプション -- */
	p.caption {
		margin: 10px 0px 0px;
	}
	
	
	/* -- かこみ -- */
	div.cmn-related {
		padding: 9px 12px 8px;
		border: 1px solid #dddddd;
	}

	
	/* -- リンク -- */
	
	
	/* -- 注 --*/
	/* ※ 小文字 */
	.notes {
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		font-size: 90%;
	}
	/* (※) 小文字 */
	.notes2 {
		display: block;
		padding-left: 2em;
		text-indent: -2em;
		font-size: 90%;
	}
	/* ※ 平文字 */
	.notes3 {
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		font-size: 100%;
	}
	/* 赤字注 */
	.alert {
		color: #cc0000;
	}
	
	/* 赤字注その2 */
	.alert02 {
		color: #cc0000;
		font-size:14px;
		font-weight:bold;
	}
	
	/* -- アイコン -- */
	
	
/*--------------------------
パーツ　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
	             
     /* -- 見出し -- */ 
	h2.title {
		font-size: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	h3.title {
		padding: 10px;
		margin-bottom: 18px;
	}
	h4.title {
		font-size: 116.6%;
		color: #1e2586;
	}
	h5.title {
	}
	h6.title {
		font-weight: bold;
	}
	
     /* -- テーブル -- */
	table.cmn-format {
		max-width: 640px;
	}
	table.cmn-format th span,
	table.cmn-format td p,
	table.cmn-format td ul,
	table.cmn-format th.title span,
	table.cmn-format th.sub span {
		padding: 3px 3px;
	}
	
     /* -- 段落 -- */
	div.detail {
		line-height: 1.7;
	}
	
     /* -- リスト -- */
	ol.orderedlist_wide {
		margin: 0px;
	}
	ol.orderedlist_wide li {
		margin-bottom: 10px;
	}
}

/*--------------------------
パーツ　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
     /* -- テーブル -- */
	table.cmn-format th span {
		display: block;
		padding: 6px 5px;
	}
	table.cmn-format td p,
	table.cmn-format td ul {
		padding: 6px 5px;
	}
}


/*--------------------------
----------------------------
----------------------------
フッター
----------------------------
----------------------------
--------------------------*/
 
#footer {
	width: 100%;
	padding: 30px 0px 35px;
	background-color: #1d2088;
	text-align: center;
	color: #ffffff;
}
	#footer p {
		line-height: 1.5;
	}
	
/*--------------------------
フッター　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#footer {
	max-width: 640px;
	min-width: 320px;
    margin-top: 0px;
	padding: 21px 0px 22px;
	font-size: 83.3%;
}
}

/*--------------------------
フッター　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#footer {
	max-width: 800px;
}
}


/*--------------------------
----------------------------
----------------------------
ページトップに戻る
----------------------------
----------------------------
--------------------------*/
 
div#pageBottom {
	clear: both;
	width: 720px;
	margin: 0px auto 22px;
	text-align: right;
}
div#pageBottom p {
	padding-top: 15px;
	background-color: #ffffff;
}
div#pageBottom a {
	float: right;
	display: block;
	width: 131px;
	height: 27px;
	background: url(../img/parts/bt_pagetop.png) no-repeat 0px 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
div#pageBottom a:hover {
	background-position: 0px -27px;
}
	
/*--------------------------
ページトップに戻る　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div#pageBottom {
	display: none;
}
}

/*--------------------------
ページトップに戻る　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
div#pageBottom {
	display: none;
}
}

/* == ページトップに戻る 追随 == */
p.pageTopFlow {
	display: none;
}
	
/*--------------------------
ページトップに戻る 追随　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
p.pageTopFlow {
	display: block;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 131px;
	height: 27px;
	z-index: 10000;
}
p.pageTopFlow a {
	float: right;
	display: block;
	width: 131px;
	height: 27px;
	background: url(../img/parts/bt_pagetop.png) no-repeat 0px 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
p.pageTopFlow a:hover {
	background-position: 0px -27px;
}
}

/*--------------------------
ページトップに戻る 追随　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
p.pageTopFlow {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 131px;
	height: 27px;
	z-index: 100;
}
p.pageTopFlow a {
	float: right;
	display: block;
	width: 131px;
	height: 27px;
	background: url(../img/parts/bt_pagetop.png) no-repeat 0px 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
p.pageTopFlow a:hover {
	background-position: 0px -27px;
}
}


/*--------------------------
----------------------------
----------------------------
google検索
----------------------------
----------------------------
--------------------------*/

#gs_id50 {
	height: 23px !important;
    line-height: 4px !important;
}
#gs_tti50 input {
	margin: 0px !important;
}
td.gsib_b {
	display: none !important;
}
td.gsc-search-button {
	vertical-align: top !important;
}
.gsc-input-box {
	padding-right: 1px !important;
    border: 0px none transparent !important;
}
.gsc-input {
	padding: 0px !important;
}
.gsc-input td {
	vertical-align: bottom !important;
}
.gsc-search-box input.gsc-input {
	padding: 0px !important;
	border: 1px solid #999999 !important;
	width: 173px !important;
	height: 21px !important;
	line-height: 21px;
	background: url("http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif") no-repeat scroll left center;
}
#gsc-iw-id1 {
	float: right !important;
	width: 173px !important;
}
.gsib_a {
    padding: 0 !important;
    width: 100%;
}
 .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin-top: 0px !important;
	margin-left: 2px !important;
    padding: 23px 97px 0px 0px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button{
	left: 135px !important;
	overflow: hidden;
	display: block;
	border: 0 !important;
	cursor: pointer;
	background: url(../../img/btn_search.gif) no-repeat 0px 0px  !important;
}
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover{
	background-position: 0px -23px  !important;
}

	
/*--------------------------
google検索　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#gsc-iw-id1 {
	float: none !important;
	width: 100% !important;
}
#gs_tti50 {
	border-radius: 3px !important;
}
.gsc-input-box {
	padding-right: 0px !important;
	border-radius: 3px !important;
    border: 0px none transparent !important;
}
td.gsc-input {
	width: 100% !important;
}
.gsc-search-box input.gsc-input {
	width: 100% !important;
	height: 24px !important;
	padding: 0px 0px 0px 0px !important;
	border: 1px solid #cccccc !important;
	border-radius: 3px !important;
	line-height: 24px;
	background-color: #ffffff !important;
}
td.gsc-search-button {
	float: right !important;
	width: 28px !important;
	padding-left: 4px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button{
	margin: 0 auto !important;
	padding: 12px 14px 13px 14px !important;
	left: 0px !important;
	width: 0px !important;
	min-width: 0px !important;
	height: 0px !important;
	background: url(../../img/btn_search.png) no-repeat 0px 0px  !important;
	background-size: 28px 25px !important;
}
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover{
	background-position: 0px 0px  !important;
}
}

/*--------------------------
google検索　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#gsc-iw-id1 {
	width: 141px !important;
}
.gsc-search-box input.gsc-input {
	width: 141px !important;
}
}



@media only print {
body {
	background-color: transparent;
}
#gnavi div.gnavibody {
	width: 983px;
}
}