@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #434343;
	-webkit-font-smoothing: subpixel-antialiased;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%; -webkit-appearance:none; -webkit-border-redius: 0;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
.headerIn,
.gNavi01,
#contents,
.ul_section01,
.section,
.headerLink03,
.h1_basic01,
.section02

{
	display: block;
	min-height: 1%;
}
.clearfix:after,
.headerIn:after,
.gNavi01:after,
#contents:after,
.ul_section01:after,
.section:after,
.headerLink03:after,
.h1_basic01:after,
.section02:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html .headerIn,
* html .gNavi01,
* html #contents,
* html .ul_section01,
* html .section,
* html .headerLink03,
* html .h1_basic01,
* html .section02
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html {
	overflow-y: scroll;
	font-size: 62.5%;
}
body { text-align: center;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 100%;
	min-width: 1200px;
	background-color: #f5f3f2;
	text-align: left;
}

/* !header
---------------------------------------------------------- */
#header { background-color: #fff;}

	.headerIn {
		width: 960px;
		margin: 0 auto;
		padding-bottom: 15px;
	}
		.headerLogo01 {
			float: left;
			margin-left: 28px;
			padding-top: 19px;
		}
			.headerLogo01 a { display: block;}
			
			.headerLogo01 a:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;												
			}
		.headerUtility01 {
			display: block;
			float: right;
			padding-top: 16px;
		}
			.headerLink01 {
				margin-bottom: 6px;
				overflow: hidden;
				text-align: right;
			}
				.headerLink01 li {
					display: inline-block;
					position: relative;
					margin-left: 9px;
					padding-left: 11px;
				}
				.headerLink01 li:before {
					content: "";
					position: absolute;
					top: 3px;
					left: 0;
					width: 6px;
					height: 9px;
					background: url(../img/ico_arrow_r01.png) 0 0 no-repeat;
				}
					.headerLink01 a {}
					
			.headerLink03 { display: none;}
					
			.headerTool01 { overflow: hidden;}

.headerTool01 section { float: left;}
			
				.headerLink02 {
					float: left;
					margin-top: 18px;
					overflow: hidden;
				}
					.headerLink02 dt,
					.headerLink02 dd { float: left;}
					
						.headerLink02 dt {  font-weight: bold;}
						
						.headerLink02 dd {
							position: relative;
							margin-left: 5px;
							padding-left: 9px;
						}
						.headerLink02 dd.type01:before {
							content: "";
							position: absolute;
							top: 3px;
							left: 0;
							width: 6px;
							height: 9px;
							background: url(../img/ico_arrow_r01.png) 0 0 no-repeat;
						}
							.headerLink02 a {}
							
				.headerSearch01 {
					float: right;
					width: 271px;
					margin-left: 15px;
					padding: 5px;
					overflow: hidden;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					background-color: #f5f3f2;
				}
					#formSearch {
						float: left;
						width: 200px;
						overflow: hidden;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						background-color: #fff;
					}
						#formSearch .txtSearch,
						#formSearch .btnSubmit {	
							float: left;
							height: 22px;
							overflow: hidden;
						}
							#formSearch .txtSearch {
								padding: 3px 0;
								padding: 4px 0\9;
							}
							#formSearch .btnSubmit {}
							
								#formSearch .text,
								#formSearch .submit {
									display: block;
									border: 0;
									outline: 0;
								}
									#formSearch .text {
										width: 178px;
										padding: 0 3px;
										color: #434343;
										font-size: 13px;
										font-size: 1.3rem;
										vertical-align: middle;
									}
									#formSearch .submit {
										position: relative;
										width: 22px;
										height: 22px;
										background-color: #2d9be9;
										background-image: url(../img/ico_search01_no.gif);
										background-position: 50% 50%;
										background-repeat: no-repeat;
										cursor: pointer;
									}
									#formSearch .submit:hover {
										background-color: #367acf;
										background-image: url(../img/ico_search01_on.gif);
									}
					.advanceSearch {
						float: left;
						position: relative;
						margin: 3px 0 0 9px;
						padding-left: 10px;
					}
					.advanceSearch:before {
						content: "";
						position: absolute;
						top: 3px;
						left: 0;
						width: 6px;
						height: 9px;
						background: url(../img/ico_arrow_r01.png) 0 0 no-repeat;
					}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	width: 100%;
	background-color: #2d9be9;
	-webkit-box-shadow: 0 1px 2px rgba(7,0,2,.5);
	-moz-box-shadow: 0 1px 2px rgba(7,0,2,.5);
	box-shadow: 0 1px 2px rgba(7,0,2,.5);
}
	.gNavi01 {
		width: 960px;
		margin: 0 auto;
	}
		.gNavi01 > li {
			float: left;
			position: relative;
			width: 160px;
		}		
		.gNavi01 > li:hover,
		#g01 .gNavi01 > li.gNav01,
		#g02 .gNavi01 > li.gNav02,
		#g03 .gNavi01 > li.gNav03,
		#g04 .gNavi01 > li.gNav04,
		#g05 .gNavi01 > li.gNav05,
		#g06 .gNavi01 > li.gNav06 { background-color: #367acf;}
		
			.gNavi01 > li > a {
				display: block;
				padding: 9px;
				color: #fff;
				font-weight: 500;
				font-size: 18px;
				font-size: 1.8rem;
				text-align: center;
			}
			.gNavi01 > li > a:hover { text-decoration: none;}
			
				.gNavi01 > li > .icon01 > span {
					position: relative;
					display: inline-block;
				} 
					.gNavi01 > li > .icon01 > span { padding-left: 36px;}
					
					.gNavi01 > li > .icon01 > span:before {
						content: "";
						position: absolute;
						top: 0;
						left: 0;
						width: 30px;
						height: 29px;
						background: url(../img/ico_gnavi01.png) 0 0 no-repeat;
					}
						.gBox01 {
							display: none;
							position: absolute;
							margin-top: 24px;
							padding: 16px 0;
							-webkit-border-radius: 8px;
							-moz-border-radius: 8px;
							border-radius: 8px;
							background-color: #fff;
							-webkit-box-shadow: 0 1px 2px rgba(7,0,2,.5);
							-moz-box-shadow: 0 1px 2px rgba(7,0,2,.5);
							box-shadow: 0 1px 2px rgba(7,0,2,.5);
							border: solid 2px #367acf;
							text-align: center;
							z-index: 99;
						}
						.gBox01.type01 {
							left: 33px;
							width: 326px;
						}
						.gBox01.type02 {
							left: -176px;
							width: 514px
						}
						.gBox01.type03 {
							left: -83px;
							width: 326px;
						}
						.gBox01.type04 {
							left: -11px;
							width: 184px;
						}
						.gBox01:before {
							content: "";
							position: absolute;
							top: -22px;
							left: 0;
							width: 29px;
							height: 22px;
							background: url(../img/ico_gnavi02.png) 0 0 no-repeat;
						}
							.gBox01.type01:before { left: 32px;}
							
							.gBox01.type02:before { left: 241px;}
							
							.gBox01.type03:before { left: 145px;}
							
							.gBox01.type04:before { left: 76px;}
							
								.gNavi01 > li:hover:after {
									content: "";
									position: absolute;
									left: 0;
									width: 160px;
									height: 24px;
									bottom: -24px;
									background: url(../img/bg_blank01.png) 0 0 no-repeat;
									z-index: 9;
								}
								.gNavi01 > li:hover > .gBox01 { display: block;}
	
									.gList01 > li {
										display: inline-block;
										margin: 1px 3px;
										margin: 2px 3px\9;
									}
									.gList01 > li > a {
										display: table;
										width: 90px;
										height: 90px;
										-webkit-border-radius: 3px;
										-moz-border-radius: 3px;
										border-radius: 3px;
										background-color: #2d9be9;
										color: #fff;
										font-size: 12px;
										font-size: 1.2rem;
									}
									.gList01 > li > a:hover {
										background-color: #367acf;
										text-decoration: none;
									}
										.gList01 .figure {
											display: table-cell;
											vertical-align: middle;
											padding-top: 3px;
										}
										.gBox01.type03 .figure { padding-top: 0;}
											
											.gList01 .figure .image,
											.gList01 .figure .title {}
											
												.gList01 .figure .image {
													display: block;
													margin: 0 auto 5px;
												}
												.gBox01.type03 .figure .image { margin-bottom: 0;}
												
												.gList01 .figure .title {
													display: table;
													width: 100%;
													height: 25px;
													line-height: 1.2;
												}
													.gList01 .figure .title > span {
														display: table-cell;
														vertical-align: bottom;
													}
													.gList01 .icon01 { position: relative;}
													
													.gList01 .icon01 .title > span:after {
														content: "";
														display: inline-block;
														width: 14px;
														height: 11px;
														margin-left: 5px;
														background: url(../img/ico_window02.png) 0 0 no-repeat;
													}
								.bnrList01 {
									margin-top: 16px;
									text-align: center;
									overflow: hidden;
								}
									.bnrList01 li {
										display: inline-block;
										width: 138px;
										margin: 0 3px 3px;
									}
										.bnrList01 a {
											display: block;
											font-size: 9px;
											font-size: 0.9rem;
										}
											.bnrList01 .image:hover {
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
												filter: alpha(opacity=70);
												-moz-opacity: 0.7;
												opacity: 0.7;												
											}
								.gList02 {
									width: 160px;
									margin: 0 auto;
									text-align: left;
								}
									.gList02 li {
										position: relative;
										margin-bottom: 3px;
										padding: 0 0 3px 12px;
										border-bottom: solid 1px #dcdcdc;
									}
									.gList02 li.last {
										margin-bottom: 0;
										border-bottom: 0;
									}
									.gList02 li:before {
										content: "";
										position: absolute;
										top: 5px;
										left: 0;
										width: 7px;
										height: 7px;
										background-color: #367acf;
									}
										.gList02 a {
											display: inline-block;
											font-size: 13px;
											font-size: 1.3rem;
										}
											.gList02 .icon { position: relative;}
											
												.gList02 .icon:before {
													content: "";
													position: absolute;
													right: 0;
													background-position: 0 0;
													background-repeat: no-repeat;
												}
													.gList02 .icon.window:before {
														top: 4px;
														width: 14px;
														height: 11px;
														background-image: url(../img/ico_window01.png);
													}
													.gList02 .icon.pdf:before {
														top: 6px;
														width: 18px;
														height: 9px;
														background-image: url(../img/ico_pdf01.png);
													}
														.gList02 .icon.window { padding-right: 17px;}
														
														.gList02 .icon.pdf { padding-right: 22px;}
				
/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	width: 940px;
	margin: 0 auto;
	padding: 25px 0 20px;
	overflow: hidden;
	font-size: 12px;
	font-size: 1.2rem;
}
	#breadcrumb li {
		float: left;
		margin-right: 4px;
		padding-right: 10px;
		position: relative;
	}
	#breadcrumb li:before {
		content: ">";
		position: absolute;
		top: 0;
		right: 0;
	}
		#breadcrumb li.last:before { content: "";}
	
		#breadcrumb a { color: #2d9be9;}
		
/* !lnavi
---------------------------------------------------------- */
.lnavi01 {
	display: table;
	width: 940px;
	margin: 0 auto 30px;
	border: solid 1px #2d9be9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #2d9be9;
	font-weight: 500;
	font-size: 15px;
	font-size: 1.5rem;
}
	.lnavi01 li {
		display: table-cell;
		vertical-align: middle;
		width: 16.6%;
		border: solid 1px #2d9be9;
		background-color: #fff;
	}
		.lnavi01 a {
			display: table;
			width: 100%;
			text-align: center;
			color: #2d9be9;
		}
		.lnavi01 a:hover,
		.l01 .lnavi01 li.lnav01 a,
		.l02 .lnavi01 li.lnav02 a,
		.l03 .lnavi01 li.lnav03 a,
		.l04 .lnavi01 li.lnav04 a,
		.l05 .lnavi01 li.lnav05 a,
		.l06 .lnavi01 li.lnav06 a {
			background-color: #2d9be9;
			color: #fff;
			text-decoration: none;
		}	
			.lnavi01 .middle {
				display: table-cell;
				vertical-align: middle;
				height: 46px;
				line-height: 1.2;
			}
				.lnavi01 .icon01,
				.lnavi01 .icon02 {
					 display: inline-block;
					 top: 0;
					 margin-left: 3px;
					 background-position: 0 0;
					 background-repeat: no-repeat;
					}
					.lnavi01 .icon01 {
						width: 14px;
						height: 11px;
						background-image: url(../img/ico_window03.png);	
					}
					.lnavi01 .icon02 {
						width: 18px;
						height: 9px;
						background-image: url(../img/ico_pdf02.gif);	
					}
						.lnavi01 a:hover .icon01 { background-image: url(../img/ico_window02.png);}
						
						.lnavi01 a:hover .icon02 { background-position: 0 -9px;}

.lnavi02 {
	margin-bottom: 30px;
	overflow: hidden;
}
	.lnavi02 li {
		float: left;
		margin-right: 2px;
	}
	.lnavi02 li.last { margin-right: 0;}
	
		.lnavi02 a {
			display: block;
			width: 113px;
			height: 113px;
			padding: 15px 10px 0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #2d9be9;
		}
		.lnavi02 a:hover {
			background-color: #367acf;
			text-decoration: none;	
		}
			.lnavi02 .image {
				display: block;
				margin: 0 auto;
			}
			.lnavi02 .title {
				display: table;
				width: 100%;
				height: 34px;
				line-height: 1.2;
				color: #fff;
				font-size: 13px;
				font-size: 1.3rem;
				text-align: center;
			}
				.lnavi02 .title > span {
					display: table-cell;
					position: relative;
					vertical-align: middle;
				}
				.lnavi02 .window .title > span:after {
					content: "";
					display: inline-block;
					width: 14px;
					height: 11px;
					margin-left: 5px;
					background: url(../img/ico_window02.png) 0 0 no-repeat;
				}

/* !contents
---------------------------------------------------------- */
#contents {
	width: 940px;
	margin: 0 auto 60px;
	text-align: left;
}
	#main {
		float: left;
		width: 688px;
	}
	#sub {
		float: right;
		width: 220px;
	}

/* !publication01
---------------------------------------------------------- */
.publication01 {
	padding: 8px 0;
	border: solid #434343;
	border-width: 1px 0;
}
	.publication01 dt {
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.publication01 dd {}
	
		.publication01 ul { overflow: hidden;}
		
			.publication01 li {
				float: left;
				margin: 6px 16px 0 0;
			}
				.publication01 a {
					font-size: 13px;
					font-size: 1.3rem;
				}

/* !grid content
---------------------------------------------------------- */
.grid_container {
	margin-right: -14px;
	margin-bottom: 46px;
	overflow: hidden;
}
.grid_item,
.grid_container .grid_sizer {
	float: left;
	width: 220px;
	margin: 0 14px 14px 0;
}
	.grid_item {
		background-color: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
		.grid_item.w02 { width: 454px;}
		
		.grid_item.w03 { width: 688px;}
	
			.item_link {
				display: block;
				position: relative;
				overflow: hidden;
				z-index: 9;
			}
			.item_link:hover { text-decoration: none;}
			
				.item_link.type01 { padding: 15px 15px 5px;}
				
				.item_link.type02,
				.item_link.type03 { padding: 15px;}
				
					.item_link .item_img01 { display: block;}
					
					.item_link .item_img01.sp,
					.item_link .item_img02.sp { display: none;}
					
						.item_link.type01 .item_img01 { margin: 0 auto 8px;}
						
						.item_link.type02 .item_img01 {
							float: left;
							margin: 0 14px 0 5px;
						}
						.item_link.type03 .item_img01 {
							float: left;
							margin: 0 15px 0 20px;
						}
					.item_link .caption,
					.item_link .caption_over {
						position: absolute;
						left: 0;
						padding: 8px;
						background-position: 0 0;
						background-repeat: repeat;
						z-index: 9;
					}
					.item_link .caption {
						bottom: 0;
						background-image: url(../../img/bg_grid01.png);
					}
						.item_link.type01 .caption,
						.item_link.type02 .caption,
						.item_link.type03 .caption {
							position: static;
							padding: 0;
						}
							.item_link.type01 .caption {}
							
							.item_link.type02 .caption,
							.item_link.type03 .caption {
								width: inherit;
								overflow: hidden;
							}
					.item_link .caption_over {
						display: table;
						top: 0;
						padding: 15px;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
					}
						/* add BW 0210 --- */
						.item_link.color01 .caption_over { background-image: url(../../img/bg_grid_over01.png);}
						.item_link.color02 .caption_over { background-image: url(../../img/bg_grid_over02.png);}
						.item_link.color03 .caption_over { background-image: url(../../img/bg_grid_over03.png);}
						.item_link.color04 .caption_over { background-image: url(../../img/bg_grid_over04.png);}
						.item_link.color05 .caption_over { background-image: url(../../img/bg_grid_over05.png);}
						.item_link.color06 .caption_over { background-image: url(../../img/bg_grid_over06.png);}
						.item_link.color07 .caption_over { background-image: url(../../img/bg_grid_over07.png);}
						.item_link.color08 .caption_over { background-image: url(../../img/bg_grid_over08.png);}
						/* --- add BW 0210 */						
						
							.item_link .icon {
								width: 110px;
								height: 18px;
								margin-bottom: 5px;
								padding: 2px 4px 0 0;
								overflow: hidden;
								background: url(../img/bg_tag01.png) no-repeat;
								color: #fff;
								text-align: center;
							}
							/* add BW 0210 --- */
								.item_link.color01 .icon { background-position: 0 -18px;}
								.item_link.color02 .icon { background-position: 0 -36px;}
								.item_link.color03 .icon { background-position: 0 -90px;}
								.item_link.color04 .icon { background-position: 0 0;}
								.item_link.color05 .icon { background-position: 0 -72px;}
								.item_link.color06 .icon { background-position: 0 -54px;}
								.item_link.color07 .icon { background-position: 0 -144px;}
								.item_link.color08 .icon { background-position: 0 -126px;}
							/* --- add BW 0210 */	
								
									.item_link .caption_over .icon { background-position: 0 -108px;}
										
										/* add BW 0210 --- */									
										.item_link.color01 .caption_over .icon { color: #f15fae;}
										.item_link.color02 .caption_over .icon { color: #6970b5;}
										.item_link.color03 .caption_over .icon { color: #ed4f53;}
										.item_link.color04 .caption_over .icon { color: #64bc7f;}
										.item_link.color05 .caption_over .icon { color: #58b8c5;}
										.item_link.color06 .caption_over .icon { color: #b2992f;}
										.item_link.color07 .caption_over .icon { color: #65aadd;}
										.item_link.color08 .caption_over .icon { color: #a660a3;}
							/* --- add BW 0210 */
										
							.item_link .text {
								color: #535353;
								font-weight: bold;
								font-size: 14px;
								font-size: 1.4rem;
							}
							.item_link .text_fz01 {
								font-size: 20px;
								font-size: 2.0rem;
							}
								.item_link .caption_over .text { color: #fff;}
								
									.item_link .caption_over .table { display: table;} 
									.item_link .caption_over .middle {
										display: table-cell;
										vertical-align: middle;
									}
				.ul_notice01 { padding: 15px;}
				
					.ul_notice01 li {
						margin-bottom: 9px;
						padding-bottom: 10px;
						border-bottom: solid 1px #dcdcdc;
					}
					.ul_notice01 li.last {
						margin-bottom: 0;
						padding-bottom: 0;
						border-bottom: 0;
					}
						.ul_notice01 dl { overflow: hidden;}
						
							.ul_notice01 dt,
							.ul_notice01 dd { overflow: hidden;}
								
								.ul_notice01 dt {
									float: left;
									margin-right: 8px;
								}
									.ul_notice01 .title {
										display: block;
										float: left;
										width: 110px;
										height: 18px;
										margin-right: 6px;
										padding: 2px 4px 0 0;
										overflow: hidden;
										background: url(../img/bg_tag01.png) no-repeat;
										color: #fff;
										text-align: center;
									}
									/* add BW 0210--- */
										.ul_notice01 .title.type01 { background-position: 0 -18px;}
										
										.ul_notice01 .title.type02 { background-position: 0 -36px;}
										
										.ul_notice01 .title.type03 { background-position: 0 -90px;}
									
										.ul_notice01 .title.type04 { background-position: 0 -0;}
										
										.ul_notice01 .title.type05 { background-position: 0 -72px;}
									
										.ul_notice01 .title.type06 { background-position: 0 -54px;}
									
										.ul_notice01 .title.type07 { background-position: 0 -144px;}
										
										.ul_notice01 .title.type08 { background-position: 0 -126px;}
									/* ---add BW 0210 */
									
									.ul_notice01 .date {
										display: block;
										float: left;
										font-size: 12px;
										font-size: 1.2rem;
									}
								.ul_notice01 dd {
									overflow: hidden;
									font-size: 12px;
									font-size: 1.2rem;
								}

/* !banner01
---------------------------------------------------------- */
.banner01 {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 18px;
}
	.banner01 ul { overflow: hidden;}
	
		.banner01 li {
			float: left;
			margin: 0 6px 12px;
		}
			.banner01 a { display: block;}
			
			.banner01 a:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;												
			}
/* !sub
---------------------------------------------------------- */
.sub01 { margin-bottom: 23px;}

	.sub_ttl01 {
		position: relative;
		margin-bottom: 8px;
	}
		.sub_ttl01 > span {
			display: block;
			position: relative;
			padding-left: 28px;
			font-weight: bold;
			font-size: 18px;
			font-size: 1.8rem;
		}
			.sub_ttl01 > span.icon01 { padding-left: 32px;}
			
			.sub_ttl01 > span.icon03 { padding-left: 24px;}
			
		.sub_ttl01 > span:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 24px;
			height: 24px;
			background-image: url(../img/ico_calendar01.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
			.sub_ttl01 > span.icon01:before {
				top: -1px;
				width: 32px;
				height: 24px;
				background-image: url(../img/ico_crown01.png);
			}
			.sub_ttl01 > span.icon02:before {
				top: -1px;
				left: -3px;
				width: 24px;
				height: 23px;
				background-image: url(../img/ico_search02.png);
			}
			.sub_ttl01 > span.icon03:before {
				top: 3px;
				left: 0;
				width: 20px;
				height: 20px;
				background: url(../../common/img/ico_search04.png) 0 0 no-repeat;
			}

		.sub_ttl01 > a {
			display: block;
			position: absolute;
			top: 3px;
			right: 0;
			width: 50px;
			height: 20px;
			padding: 1px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #135b8e;
			color: #fff;
			font-size: 12px;
			font-size: 1.2rem;
			text-align: center;
		}
		.sub_ttl01 > a:hover {
			text-decoration: none;
			background-color: #367acf;
		}
	.calendar01 {
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
		font-family: Arial;
	}
	.search01 {
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
	}
		.naviMouth01 {
			position: relative;
			-webkit-border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			background-color: #2d9be9;
		}
			.naviMouth01 a {
				display: block;
				position: absolute;
				top: 0;
				width: 48px;
				height: 48px;
				background-color: #59b2f0;
				text-indent: -9999px;
				cursor: pointer;
			}
			.naviMouth01 a:hover { background-color: #367acf;}
			
				.naviMouth01 .next {
					right: 0;
					-webkit-border-top-right-radius: 5px;
					-moz-border-top-right-radius: 5px;
					border-top-right-radius: 5px;
				}
				.naviMouth01 .prev {
					left: 0;
					-webkit-border-top-left-radius: 5px;
					-moz-border-top-left-radius: 5px;
					border-top-left-radius: 5px;
				}
					.naviMouth01 a > span {
						display: block;
						height: 48px;
						position: relative;
					} 
					.naviMouth01 a >span:before {
						content: "";
						position: absolute;
						top: 50%;
						left: 50%;
						width: 20px;
						height: 11px;
						margin: -5px 0;
						background-position: 0 0;
						background-repeat: no-repeat;
					}
					.naviMouth01 a >span:hover:before { background-position: 0 -11px;}
					
						.naviMouth01 .next > span:before {
							margin-left: -12px;
							background-image: url(../img/btn_calendar_next01.gif);
						}
						.naviMouth01 .prev > span:before {
							margin-left: -8px;
							background-image: url(../img/btn_calendar_prev01.gif);
						}				
			.naviMouth01 .mount {
				width: 124px;
				height: 48px;
				padding: 5px;
				line-height: 1;
				margin: 0 auto;
				color: #fff;
				font-size: 36px;
				font-size: 3.6rem;
				text-align: center;
			}
		.tableMonth01 { padding: 5px 5px 10px;}
		
			.tableMonth01 table { width: 100%;}
			
				.tableMonth01 th,
				.tableMonth01 td {
					width: 30px;
					font-weight: bold;
					text-align: center;
				}
					.tableMonth01 th {
						padding-bottom: 5px;
						font-size: 9px;
						font-size: 0.9rem;
					}
						.tableMonth01 .sun,
						.tableMonth01 td a:hover.sun { 
							color: #ed5656;
						}						
						.tableMonth01 .sat,
						.tableMonth01 td a:hover.sat { 
							color: #4b8bdb;
						}						
					.tableMonth01 td {
						vertical-align: middle;
						font-size: 14px;
						font-size: 1.4rem;
					}
						.tableMonth01 td a {
							display: block;
							width: 30px;
							height: 30px;
							line-height: 1;
							padding-top: 9px;
							overflow: hidden;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
						}
						.tableMonth01 td a.current {
							background-color: #2d9be9;
							color: #fff;
						}
						.tableMonth01 td a:hover {
							background-color: #f5f3f2;
							text-decoration: none;
							color: #434343;
						}
						.tableMonth01 td a.current:hover {
							background-color: #367acf;
							color: #fff;
						}
	
	.ranking01 { border-bottom: solid 1px #bfbfbf;}
	
		.dl_ranking01 { margin-top: 5px;}
		
			.dl_ranking01 > dt {
				margin-bottom: 5px;
				padding: 1px 0 0 3px;
				height: 23px;
				display: table-cell;
				vertical-align: middle;
				width: 220px;
				background-color: #2d9be9;
				color: #fff;
				font-weight: 500;
				font-size: 13px;
				font-size: 1.3rem;
				line-height: 2.3rem;
			}
				.ul_ranking01 li {
					display: table;
					width: 100%;
					padding: 5px 0;
					border-bottom: solid 1px #bfbfbf;
				}
				.ul_ranking01 li.last { border-bottom: 0;}
				
					.ul_ranking01 .number01,
					.ul_ranking01 .content01 {
						display: table-cell;
						vertical-align: middle;
					}
						.ul_ranking01 .number01 {width: 25px;}
						
						.ul_ranking01 .content01 {
							position: relative;
							width: auto;
							overflow: hidden;
						}
							.ul_ranking01 .image01 {
								display: block;
								float: left;
								margin-right: 3px;
								padding: 3px 0;
							}
								.ul_ranking01 .image01 img {
									max-height: 68px;
								}
							.ul_ranking01 .image01:hover {
								filter: alpha(opacity=70);
								-moz-opacity: 0.7;
								opacity: 0.7;
							}
								.ul_ranking01 .detail01 {
									position: relative;
									padding-left: 4px;
									overflow: hidden;
									z-index: 9;
								}
									.ul_ranking01 .detail01 dt {
										font-size: 14px;
										font-size: 1.4rem;
										color: #2d9be9;
									}
									.ul_ranking01 .detail01 dd {
										line-height: 1.7;
										font-size: 11px;
										font-size: 1.1rem;
									}
										.ul_ranking01 .link01 { color: #2d9be9;}
										
											.ul_ranking01 .link01:hover
											.ul_ranking01 .link01:hover { text-decoration: underline;}
								
								.ul_ranking01 .detail02 {
									position: relative;
									padding-left: 2px;
									line-height: 1.4;
									font-size: 13px;
									font-size: 1.3rem;
									overflow: hidden;
									z-index: 9;
								}		
	.form_sub01 {
		padding: 13px 15px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #fff;
	}
		.form_sub01 .dl_input01 { margin-bottom: 8px;}
		
			.form_sub01 .dl_input01 dt {
				position: relative;
				margin-bottom: 8px;
				padding-left: 24px;
				font-weight: bold;
				font-size: 13px;
				font-size: 1.3rem;
			}
			.form_sub01 .dl_input01 dt:before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				background-position: 0 0;
				background-repeat: no-repeat;
			}
				.form_sub01 .dl_input01 dt.icon01:before {
					width: 20px;
					height: 19px;
					background-image: url(../img/ico_sub_search01.png);
				}
				.form_sub01 .dl_input01 dt.icon02:before {
					top: -1px;
					width: 15px;
					height: 21px;
					background-image: url(../img/ico_sub_search02.png);
				}
				.form_sub01 .dl_input01 dt.icon03:before {
					width: 20px;
					height: 20px;
					background-image: url(../img/ico_sub_search03.png);
				}
				.form_sub01 .dl_input01 dt.icon04:before {
					top: -2px;
					width: 21px;
					height: 21px;
					background-image: url(../img/ico_sub_search04.png);
				}
				.form_sub01 .dl_input01 dt.icon05:before {
					top: -4px;
					width: 22px;
					height: 22px;
					background-image: url(../img/ico_sub_search05.png);
				}
				.form_sub01 .dl_input01 dt.icon06:before {
					top: -2px;
					width: 22px;
					height: 20px;
					background-image: url(../img/ico_sub_search06.png);
				}
			.form_sub01 .dl_input01 dd {}
			
				.form_sub01 .searchbox01 {
					overflow: hidden;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
					.form_sub01 .searchbox01 .txtbox01,
					.form_sub01 .searchbox01 .submit01 {
						float: left;
						overflow: hidden;
						height: 22px;
					}
						.form_sub01 .txtbox01 {
							width: 100%;
							height: 22px;
							padding: 2px 6px 0;
							padding-top: 4px\9;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
							border: solid 1px #dcdcdc;
							background-color: #eee;
						}
						.form_sub01 .searchbox01 .txtbox01 {
							width: 168px;
							-webkit-border-radius: 5px 0 0 5px;
							-moz-border-radius: 5px 0 0 5px;
							border-radius: 5px 0 0 5px;
							border-right-color: #135b8e;
						}
							.form_sub01 .txtbox01 .text,
							.form_sub01 .submit01 .submit {
								display: block;
								border: 0;
								outline: 0;
							}
								.form_sub01 .txtbox01 .text {
									width: 100%;
									background-color: #eee;
									font-size: 9px\9;
								}
								.form_sub01 .submit01 .submit {
									position: relative;
									width: 22px;
									height: 22px;
									background: #135b8e url(../../common/img/btn_search02_no.gif) 3px 3px no-repeat;
									cursor: pointer;
								}
								.form_sub01 .submit01 .submit:hover {
									background-color: #367acf;
									background-image: url(../../common/img/btn_search02_on.gif);
								}
				.form_sub01 .submit02 {
					display: block;
					width: 100px;
					height: 22px;
					margin: 10px auto 0;
					background-color: #135b8e;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					background-color: #135b8e;
					color: #fff;
					border: 0;
					outline: 0;
					cursor: pointer;
				}
				.form_sub01 .submit02:hover { background-color: #367acf;}
				
				.form_sub01 .selbox01 {
					clear: both;
					margin-bottom: 10px;
				}				
					.form_sub01 .sbHolder {
						position: relative;
						width: 100%;
						height: 22px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						background-color: #fff;
					}
						.form_sub01 .sbSelector {
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 168px;
							height: 22px;
							line-height: 21px;
							overflow: hidden;
							-webkit-border-radius: 5px 0 0 5px;
							-moz-border-radius: 5px 0 0 5px;
							border-radius: 5px 0 0 5px;
							border: solid 1px #dcdcdc;
							border-right-width: 0;
							text-indent: 6px;
							outline: none;
						}
						.form_sub01 .sbToggle{
							display: block;
							position: absolute;
							top: 0;
							right: 0;
							width: 22px;
							height: 22px;
							-webkit-border-radius: 0 5px 5px 0;
							-moz-border-radius: 0 5px 5px 0;
							border-radius: 0 5px 5px 0;
							background: #2d9be9 url(../../common/img/ico_select01.png) 6px 8px no-repeat;
						}
						.form_sub01 .sbToggle.sbToggleOpen,
						.form_sub01 .sbHolder:hover .sbToggle {
							background-color: #367acf;
							outline: 0;
						}
						.form_sub01 .sbOptions {
							position: absolute;
							left: -1px;
							width: 195px;
							margin-top: 10px;
							border: solid 1px #dcdcdc\9;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							-webkit-box-shadow: 0 0 6px 2px rgba(6,30,57,.35);
							-moz-box-shadow: 0 0 6px 2px rgba(6,30,57,.35);
							box-shadow: 0 0 6px 2px rgba(6,30,57,.35);
							background-color: #fff;
							z-index: 9;
						}
						.form_sub01 .sbOptions:before {
							content: "";
							position: absolute;
							top: -7px;
							right: 10px;
							width: 10px;
							height: 7px;
							background: url(../../common/img/ico_balloon01.png) 0 0 no-repeat;
							z-index: 99;
						}
							.form_sub01 .sbOptions li { border-top: solid 1px #dcdcdc;}
							
							.form_sub01 .sbOptions li:first-child { border-top: 0;}
												
								.form_sub01 .sbOptions a {
									display: block;
									padding: 4px 8px;
									outline: none;
								}
								.form_sub01 .sbOptions a:hover {
									background-color: #367acf;
									color: #fff;
								}
								.form_sub01 .sbOptions li:last-child a {
									-webkit-border-radius: 0 0 3px 3px;
									-moz-border-radius: 0 0 3px 3px;
									border-radius: 0 0 3px 3px;
								}	
								.form_sub01 .sbOptions li:first-child a {
									border-top: 0;
									-webkit-border-radius: 3px 3px 0 0;
									-moz-border-radius: 3px 3px 0 0;
									border-radius: 3px 3px 0 0;
								}
									.sbSelector:link,
									.sbSelector:visited,
									.sbSelector:hover,
									.sbOptions a:link,
									.sbOptions a:visited {
										outline: none;
										text-decoration: none;
									}
							.ul_selbox01 { margin-bottom: 10px;}
						
							.ul_selbox01 > li { border-bottom: solid 1px #dcdcdc;}
							
							.ul_selbox01 > li.last { border-bottom: 0;}
						
								.ul_selbox01 > li .sbSelector { border-width: 0 0 0 1px;}
								
								.ul_selbox01 > li.first .sbSelector {
									border-width: 1px 0 0 1px;
									border-radius: 5px 0 0 0;
								}
								.ul_selbox01 > li.last .sbSelector {
									border-width: 0 0 1px 1px;
									border-radius: 0 0 0 5px;
								}
								.ul_selbox01 > li.first .sbToggle { border-radius: 0 5px 0 0;}
								
								.ul_selbox01 > li.last .sbToggle { border-radius: 0 0 5px 0;}
								
								.ul_selbox01 .selbox01 { margin-bottom: 0;}
											
					.form_sub01 .customSelect {
						width: 100%;
						height: 22px;
						margin-left: -1px;
						background-color: #fff;
						z-index: 9;
						background-image: url(../img/btn_sub_select01.gif);
						background-position: 100% 0;
						background-repeat: no-repeat;
						cursor: pointer;
					}
					.form_sub01 .customSelectHover,
					.form_sub01 .customSelectOpen { background-position: 100% -22px;}
					
					.form_sub01 .customSelectDisabled { background-position:100% -44px;}
					
						.form_sub01 .customSelectInner {
							display: block;
							width: 168px !important;
							height: 22px;
							padding: 3px;
							border: solid 0 #dcdcdc;
							border-left-width: 1px;
						}
							.ul_selbox01 > li.first .customSelect {
								-webkit-border-top-right-radius: 5px;
								-moz-border-top-right-radius: 5px;
								border-top-right-radius: 5px;
							}
							.ul_selbox01 > li.last .customSelect {
								-webkit-border-bottom-right-radius: 5px;
								-moz-border-bottom-right-radius: 5px;
								border-bottom-right-radius: 5px;
							}
								.ul_selbox01 > li.first .customSelectInner {
									border-top-width: 1px;
									-webkit-border-top-left-radius: 5px;
									-moz-border-top-left-radius: 5px;
									border-top-left-radius: 5px;
								}
								.ul_selbox01 > li.last .customSelectInner {
									border-bottom-width: 1px;
									-webkit-border-bottom-left-radius: 5px;
									-moz-border-bottom-left-radius: 5px;
									border-bottom-left-radius: 5px;
								}
								
					.moreSearch01 { text-align: right;}
					
					.moreSearch01 a {
						position: relative;
						padding-left: 8px;
					}
					.moreSearch01 a:before {
						content: "";
						position: absolute;
						top: 2px;
						left: 0;
						width: 6px;
						height: 9px;
						background: url(../img/ico_arrow_r01.png) 0 0 no-repeat;
					}
					
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	display: block;
	position: fixed;
	bottom: 0;
	right: 54px;
	width: 67px;
	height: 67px;
	margin: 10px;
	background: url(../img/pagetop01.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: 0;
	z-index: 9999;
}
	.pageTop:hover { background-position: 0 -67px;}

/* !footer
---------------------------------------------------------- */
#footer {
	position: relative;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	text-align: left;
}
	.sitemap01 {
		width: 960px;
		margin: 0 auto;
		padding: 25px 0 0 10px;
		overflow: hidden;
	}
		.sitemapBox01 {
			float: left;
			overflow: hidden;
		}
			.sitemapBox01 .title01 {
				clear: both;
				margin-bottom: 5px;
				font-weight: bold;
				font-size: 16px;
				font-size: 1.6rem;
			}
			.sitemapBox01 .title02 {
				margin-bottom: 2px;
				font-weight: bold;
				font-size: 13px;
				font-size: 1.3rem;
			}						
				.sitemapList01 {
					float: left;
					width: 190px;
					padding-right: 10px;
				}
					.sitemapLink01 {}
					
						.sitemapLink01 ul {
							margin-bottom: 23px;
							font-size: 13px;
							font-size: 1.3rem;
						}
							.sitemapLink01 li {
								position: relative;
								margin-bottom: 2px;
								padding-left: 9px;
							}
							.sitemapLink01 li:before {
								content: "";
								position: absolute;
								top: 5px;
								left: 0;
								width: 5px;
								height: 7px;
								background: url(../img/ico_arrow_r02.png) 0 0 no-repeat
							}
								.sitemapLink01 .icon { position: relative;}
								
								.sitemapLink01 .icon:before {
									content: "";
									position: absolute;
									right: 0;
									background-position: 0 0;
									background-repeat: no-repeat;
								}
									.sitemapLink01 .icon.window:before {
										top: 3px;
										width: 14px;
										height: 11px;
										background-image: url(../img/ico_window01.png);
									}
									.sitemapLink01 .icon.pdf:before {
										top: 5px;
										width: 18px;
										height: 9px;
										background-image: url(../img/ico_pdf01.png);
									}
										.sitemapLink01 .icon.window { padding-right: 17px;}
										
										.sitemapLink01 .icon.pdf { padding-right: 22px;}
	.footerPath {
		width: 100%;
		background-color: #2d9be9;
	}
		.footerIn {
			width: 960px;
			margin: 0 auto;
			padding: 20px 0 10px;
		}	
			.footerLink01 {
				line-height: 1.1;
				margin-bottom: 18px;
				overflow: hidden;
				font-size: 12px;
				font-size: 1.2rem;
				text-align: center;
			}
				.footerLink01 li {
					display: inline-block;
					padding: 0 13px;
					border-right: solid 1px #fff;
				}
				.footerLink01 li.first { border-left: solid 1px #fff;}
				
					.footerLink01 li.sp { display: none;}
				
					.footerLink01 a { color: #fff;}
					
			.copyright01  {
				color: #fff;
				text-align: center;
			}
			.copyright02 { display: none;}
	
/* !h_basic
---------------------------------------------------------- */
.h1_basic01 {
	border-bottom: solid 2px #367acf;
	max-width: 940px;
	margin: 0 auto;
}
	.h1_basic01 h1 {
		float: left;
		padding: 0 0 0 39px;
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 700;
	}
		.h1_basic01.type02,
		.h1_basic01.type03 { margin-bottom: 30px;}
		
			.h1_basic01.type01 h1 {
				background: url(../img/ico_header01.png) 1px 4px no-repeat;
			}
			.h1_basic01.type02 h1 {
				padding-left: 35px;
				background: url(../img/ico_header02.png) 1px 4px no-repeat;
			}
			.h1_basic01.type03 h1 {
				padding-left: 40px;
				background: url(../img/ico_header03.png) 0 6px no-repeat;
			}
		.h1_basic01.type04 { margin-bottom: 23px;}
		
			.h1_basic01.type04 h1 { background: url(../img/ico_header04.png) 0 0 no-repeat;}
			
			.h1_basic01.type05 h1 { background: url(../img/ico_header05.png) 0 6px no-repeat;}
			
		.h1_basic01.type06 { margin-bottom: 30px;}
		
			.h1_basic01.type06 h1 {
				padding-left: 42px;
				background: url(../img/ico_header06.png) 0 6px no-repeat;
			}
		.h1_basic01.type07 { margin-bottom: 30px;}
		
			.h1_basic01.type07 h1 {
				padding-left: 38px;
				background: url(../img/ico_header07.png) 5px 2px no-repeat;
			}	
		.h1_basic01.type08 { margin-bottom: 30px;}
		
			.h1_basic01.type08 h1 {
				padding-left: 42px;
				background: url(../img/ico_header08.png) 0 3px no-repeat;
			}	
		.h1_basic01.type09 { margin-bottom: 30px;}
		
			.h1_basic01.type09 h1 {
				padding-left: 42px;
				background: url(../img/ico_header09.png) 4px 4px no-repeat;
			}	
		.h1_basic01.type10 { margin-bottom: 30px;}
		
			.h1_basic01.type10 h1 {
				padding-left: 42px;
				background: url(../img/ico_header10.png) 1px 6px no-repeat;
			}
		.h1_basic01.type11 { margin-bottom: 30px;}
		
			.h1_basic01.type11 h1 {
				padding-left: 42px;
				background: url(../img/ico_header11.png) 0 8px no-repeat;
			}	
		.h1_basic01.type12 { margin-bottom: 30px;}
		
			.h1_basic01.type12 h1 {
				padding-left: 38px;
				background: url(../img/ico_header12.png) 1px 11px no-repeat;
			}
		.h1_basic01.type13 { margin-bottom: 30px;}
		
			.h1_basic01.type13 h1 {
				padding-left: 42px;
				background: url(../img/ico_header13.png) 1px 5px no-repeat;
			}
		.h1_basic01.type14 { margin-bottom: 30px;}
		
			.h1_basic01.type14 h1 {
				padding-left: 44px;
				background: url(../img/ico_header14.png) 0 4px no-repeat;
			}
		.h1_basic01.type15 { margin-bottom: 30px;}
		
			.h1_basic01.type15 h1 {
				padding-left: 44px;
				background: url(../img/ico_header15.png) 0 1px no-repeat;
			}
		.h1_basic01.type16 { margin-bottom: 30px;}
		
			.h1_basic01.type16 h1 {
				padding-left: 42px;
				background: url(../img/ico_header16.png) 0 6px no-repeat;
			}

	.h1_basic01 .btn {
		float: right;
		margin-top:9px;
	}
	.h1_basic01 .btn.sp { display: none;}
	
	.h1_basic01 .button01,
	.h1_basic01 .button02 {
		float: right;
		margin-left: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}
		.h1_basic01 .button01 {
			display: block;
			margin-top: 10px;
			padding: 3px 6px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #135b8e;
			color: #fff;
		}
		.h1_basic01 .button01:hover {
			background-color: #367acf;
			text-decoration: none;
		}
		.h1_basic01 .button02 {
			display: inline-block;
			position: relative;
			margin-top: 20px;
			padding-left: 16px;
			color: #f57e3d;
		}
		.h1_basic01 .button02:before {
			content: "";
			position: absolute;
			top: 1px;
			left: 0;
			width: 12px;
			height: 12px;
			background: url(../img/ico_rss01.png) 0 0 no-repeat;
		}

.h1_basic02 {
	margin-bottom: 6px;
	overflow: hidden;
}
	.h1_basic02 h1 {
		float: left;
		position: relative;
		font-weight: bold;
		font-size: 18px;
		font-size: 1.8rem;
		padding-left: 30px;
	}
	.h1_basic02 h1:before {
		content: "";
		position: absolute;
		top: 2px;
		left: 0;
		width: 24px;
		height: 22px;
		background: url(../../img/ico_heading01.png) 0 0 no-repeat;
	}
	.h1_basic02 .button01,
	.h1_basic02 .button02 {
		float: right;
		margin-left: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}
		.h1_basic02 .button01 {
			display: block;
			margin-top: 2px;
			padding: 3px 12px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #135b8e;
			color: #fff;
		}
		.h1_basic02 .button01:hover {
			background-color: #367acf;
			text-decoration: none;
		}
		.h1_basic02 .button02 {
			display: inline-block;
			position: relative;
			margin-top: 6px;
			padding-left: 16px;
			color: #f57e3d;
		}
		.h1_basic02 .button02:before {
			content: "";
			position: absolute;
			top: 2px;
			left: 0;
			width: 12px;
			height: 12px;
			background: url(../img/ico_rss01.png) 0 0 no-repeat;
		}
.h2_basic01 {
	display: table;
	width: 100%;
	background-color: #2d9be9;
}	
	.h2_basic01 h2 {
		display: table-cell;
		padding: 0 10px;
		color: #fff;
		font-weight: 500;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.h2_basic01 .button01 {
		display: table-cell;
		vertical-align: middle;
		width: 100px;
		background-color: #135b8e;
		color: #fff;
		font-weight: 500;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	.h2_basic01 .button01:hover {
		background-color: #367acf;
		text-decoration: none;
	}
.h3_basic01 {
	margin: 0 20px 15px;
	overflow: hidden;
	border-bottom: solid 2px #2d9be9;
}
	.h3_basic01 h3 {
		float: left;
		display: block;
		padding-bottom: 5px;
		font-weight: 500;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.h3_basic01 .button01 {
		display: inline-block;
		float: right;
		margin-top: 4px;
		padding: 1px 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		background-color: #135b8e;
	}
	.h3_basic01 .button01:hover {
		background-color: #367acf;
		text-decoration: none;
	}
	
/* !book slider
---------------------------------------------------------- */
.bookList01 { margin-left: -20px;}

	.bookList01 > li {
		width: 334px;
		background-color: #fff;
		margin-left: 20px;
		float: left;
		margin-bottom: 22px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
		.bookList01 li dl {
			background-color: #2d9be9;
			display: table;
			width: 100%;
			position: relative;
		}
			.bookList01 li dl dt,
			.bookList01 li dl dd {
				display: table-cell;
				vertical-align: middle;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */
			}
			.bookList01 li dl dt {
				color: #fff;
				font-weight: 500;
				padding: 0 6px;
				font-size: 18px;
				font-size: 1.8rem;
			}
			.bookList01 li dl dd {
				text-align: center;
				width: 100px;
				font-size: 12px;
				font-size: 1.2rem;
			}
				.bookList01 li dl dd > a {
					display: block;
					color: #fff;
					font-weight: 500;
					padding: 5px 0 4px;
					background-color: #135b8e;
					text-decoration: none;
				}
				.bookList01 li dl dd > a:hover {
					background-color: #367acf;
					text-decoration: none;
				}
		.bookList01 li .bookDetail01 {
			margin: 15px 20px 0 20px;
			padding-bottom: 15px;
		}
			.bookList01 li .bookDetail01 li {
				margin-top: 3px;
				padding-left: 10px;
				background: url(../../books/img/ico_arrow01.png) left 3px no-repeat;
			}
			.bookList01 li .bookDetail01.type01 li {
				overflow: hidden;
			}			
				.bookList01 li .bookDetail01 li a {
					color: #434343;
					padding-right: 8px;
					font-size: 12px;
					font-size: 1.2rem;
				}
				.bookList01 li .bookDetail01.type01 li a {
					padding-right: 16px;
					float: left;
				}				
		.bookList01 .bookWrap01 {
			width: 100%;
			position: relative;
		}
			.bookList01 .bookWrap01 .sliderbox { margin-top: 10px;}
				.bookList01 .bookWrap01 .sliderbox .bx-viewport { box-shadow: none !important;}
					.bookList01 .bookImg01 { margin: 0 auto;}
					.bookList01 .bookWrap01 .slide div.img {
						display: block;
						width: 130px;
						vertical-align: middle;
						height: 130px;
						position: relative;
						z-index: 1;
					}
					.bookList01 .bookWrap01 .slide div.img img {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						width: auto;
						height: auto;
						max-width: 100%;
						max-height: 100%;
						margin: auto;
						z-index: 0;
					}
					.bookList01 .bookWrap01 .ribbon01:before {
						content: "";
						background: url(../img/ico_ribbon01.png);
						-webkit-background-size: 44px 44px; /* add bw 0216 */
						background-size: 44px 44px; /* add bw 0209 */
						width: 44px;
						height: 44px;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 10;
					}
					.bookList01 .bookWrap01 .slide a:hover img {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
					}
					.bookList01 .bookWrap01 .slide .ribbon01 img {
						z-index: -1;
					}
					.bookList01 .bookWrap01 .slide .bookImg01 { border: 1px solid #e6e6e6;}
					.bookList01 .bookWrap01 .slide a img {
					}
					.bookList01 .bookWrap01 .slide a {
						z-index: -1;
					}
					.bookList01 .bookWrap01 .slide .txt01 {
						text-align: center;
						color: #434343;
						margin-top: 5px;
						font-weight: bold;
						font-size: 11px;
						font-size: 1.1rem;
					}
					.bookList01 .bookWrap01 .slide .txt02 {
						font-size: 14px;
						font-size: 1.4rem;
						color: #434343;
						display: none;
						font-weight: bold;
						text-align: center;
					}
					.bookList01 .bookWrap01 .slide .image01 {
						text-align: center;
					}
/*						.bookList01 .bookWrap01 .slide .image01 img.pc {*/
						.bookList01 .bookWrap01 .slide .image01 .pc {
							display: block;
							margin: 5px auto 0;
							height: 24px;
						}
/*						.bookList01 .bookWrap01 .slide .image01 img.sp {*/
						.bookList01 .bookWrap01 .slide .image01 .sp {
							display: none;
							margin: 5px auto 0;
							height: 25px;
						}
.navBox01 {}
	.navBox01 { margin: 30px 0;}
		.navBox01 dl {
			display: table;
			width: 100%;
			margin-bottom: 8px;
		}
			.navBox01 dt,
			.navBox01 dd {
				display: table-cell;
				vertical-align: top;
			}
			.navBox01 dt {
				width: 60px;
				overflow: hidden;
			}
				.navBox01 dt span {
					background-color: #2d9be9;
					color: #fff;
					padding: 1px 7px;
					text-align: center;
					font-size: 11px;
					font-size: 1.1rem;
					display: inline-block;
				}
			.navBox01 dd {
				padding: 0 0 0 8px;
				font-size: 12px;
				font-size: 1.2rem;
			}
				.navBox01 dd ul {}
					.navBox01 dd ul li {
						float: left;
						margin: 0 16px 2px 0;
					}
					 	.navBox01 dd ul li a {}
	.navBox01 .sp { display: none;}

/* !pagination
---------------------------------------------------------- */
.pagination01 {
	float: left;
	background-color: #fff;
}
.pagination01.news {
	background-color: #f5f3f2;
}
.pagination01.bottom { padding-top: 17px;}

	.pagination01 .number01 {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.pagination01 ul {
		margin-top: 8px;
		background-color: #fff;
		border-right: solid 1px #2d9be9;
	}
		.pagination01 li {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 24px;
			border: solid #2d9be9;
			border-width: 1px 0 1px 1px;
			text-align: center;
		}
		.pagination01 li.disable { border-color: #bfbfbf;}
		
			.pagination01 li.disable a:hover { cursor: default;}
		
		.pagination01 li.current,
		.pagination01 li.current:hover a {
			background-color: #367acf;
			color: #fff;
		}
		.pagination01 li.current:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			margin: -1px;
			width: 25px;
			height: 26px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: solid 1px #367acf;
			z-index: 9;
		}	
			.pagination01 li.current a { color: #fff;}
			
		.pagination01 li:hover { background-color: #f3f0ef;}
		
		.pagination01 li.disable:hover { background-color: #fff;}
			
			.pagination01 li a {
				display: block;
				height: 24px;
				padding-top: 3px;
				color: #2d9be9;
				font-weight: bold;
				font-size: 13px;
				font-size: 1.3rem;
			}
			.pagination01 li:hover a {
				color: #2d9be9;
				text-decoration: none;
			}
			.pagination01 li a img { padding-top: 3px;}

/* !custom-checkbox
---------------------------------------------------------- */
.custom-checkbox{
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	z-index: 1;
	top: 3px;
	background: url(../img/btn_check01_no.png) no-repeat;
}
.custom-checkbox.selected{
	background: url(../img/btn_check01_on.png) no-repeat;
}
.custom-checkbox input[type="checkbox"]{
	margin: 0;
	position: absolute;
	z-index: 2;            
	cursor: pointer;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
	.label01 {
		font-size: 12px;
		font-size: 1.2rem;
	}

/* !tab
---------------------------------------------------------- */
.tab_navi01 {
	text-align: center;
	width: 100%;
	height: 41px;
}
	.tab_navi01 ul {
		display: inline-block;
		overflow: hidden;
	}
		.tab_navi01 li {
			float: left;
			width: 160px;
			margin: 0 2px;
			-webkit-border-radius: 3px 3px 0 0;
			-moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
			border: 1px solid #2d9be9;
			background-color: #fff;
		}
		.tab_navi01 ul.col03 li { width: 210px;}
		
		.tab_navi01 li:hover,
		.tab_navi01 li.active { background-color: #2d9be9;}
		
			.tab_navi01 a {
				display: block;
				height: 40px;
				padding: 10px 5px;
				color: #2d9be9;
				font-weight: bold;
				font-size: 15px;
				font-size: 1.5rem;
			}
			.tab_navi01 a:hover,
			.tab_navi01 li.active a {
				color: #fff;
				text-decoration: none;
			}
.tab_content01 {
	border-top: solid 2px #2d9be9;
	background-color: #fff;
}

/* !ul_scroll
---------------------------------------------------------- */
.ul_scroll01 {
	margin-bottom: 15px;
	overflow: hidden;
}
	.ul_scroll01 li {
		float: left;
		margin: 0 20px 10px 0;
	}
		.ul_scroll01 a {
			position: relative;
			display: inline-block;
			padding-left: 14px;
			font-weight: 500;
			font-size: 12px;
			font-size: 1.2rem;
		}
		.ul_scroll01 a:before {
			content: "▼";
			position: absolute;
			top: 0;
			left: 0;
			color: #2d9be9;
			font-size: 11px;
			font-size: 1.1rem;
		}
		.ul_scroll01 a:hover { text-decoration: none;}
		
		.ul_scroll01 a:hover > span { text-decoration: underline;}

/* !section
---------------------------------------------------------- */
.section02 {
	clear: both;
	margin-top: 20px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
}

/* !ul_section
---------------------------------------------------------- */
.ul_section01 { margin: -20px 0 0 -20px;}

	.ul_section01 > li {
		float: left;
		width: 100%;
		padding-left: 20px;
	}
	.ul_section01 > li.col02 { width: 50%;}
	
/* !ul_basic
---------------------------------------------------------- */	
.ul_basic01 {
	padding: 15px 4px 0;
	overflow: hidden;
}
.ul_basic01.col02 { padding: 15px 14px;}

	.ul_basic01 > li {
		float: left;
		padding: 0 15px 30px;
	}
	.ul_basic01.col02 > li { padding: 0 6px;}

	.ul_basic01 > li.nth-pc { clear: both;}
	
		.ul_basic01 .item01,
		.ul_basic01 .item02 {
			display: block;
			width: 140px;
			text-align: center;
		}
			.ul_basic01 .item01 > a,
			.ul_basic01 .item02 > a { display: block;}
			
				.ul_basic01 a:hover img {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					opacity: 0.5;
					cursor: pointer;
				}				
					.ul_basic01 .item01 .pic01,
					.ul_basic01 .item01 .pic02,
					.ul_basic01 .item02 .pic01,
					.ul_basic01 .item02 .pic02 {
						position: relative;
						width: 140px;
						height: 140px;
						margin: 0 auto;
						z-index: 9;
					}
						.ul_basic01 .item01 .pic02 {
							width: 100px;
							height: 100px;
						}
						.ul_basic01 .item02 .pic02 { height: 50px;}

							.ul_basic01 .item01 .pic01 > img,
							.ul_basic01 .item01 .pic02 > img,
							.ul_basic01 .item02 .pic01 > img {
								position: absolute;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
								width: auto;
								height: auto;
								max-width: 100%;
								max-height: 100%;
								margin: auto;
								border: solid 1px #dcdcdc;
								z-index: -9;
							}	
								.ul_basic01 .item02 .pic02 > img { border: 0;}
								
							.ul_basic01 .ribbon01:before {
								content: "";
								position: absolute;
								top: 0;
								right: 0;
								width: 44px;
								height: 44px;
								background: url(../img/ico_ribbon01.png) 0 0 no-repeat;
								z-index: 99;
							}
					.ul_basic01 .item01 .txt01,
					.ul_basic01 .item01 .txt02 {
						margin-top: 4px;
						font-size: 11px;
						font-size: 1.1rem;
						text-align: center;
					}
					.ul_basic01 .item01 .txt02,
					.ul_basic01 .item01 .bnr01 { margin-top: 8px;}
					
						.ul_basic01 .item01 .bnr01 > img {
							display: block;
							margin: 0 auto;
						}
				.ul_basic01 a.read01 {
					display: block;
					width: 110px;
					height: 24px;
					margin: 5px auto 0;
					background: url(../../common/img/img_txt01_no.gif) 0 0 no-repeat;
					text-indent: -9999px;
				}
				.ul_basic01 a.read01:hover { background-image: url(../../common/img/img_txt01_on.gif);}
				.ul_basic01 a.read01.none {
					background: none;
				}
				
				.ul_basic01 a.official01 {
					display: inline-block;
					position: relative;
					margin-top: 12px;
					padding-left: 14px;
					font-size: 12px;
					font-size: 1.2rem;
				}
				.ul_basic01 a.official01:before {
					content: "▶";
					position: absolute;
					top: 1px;
					left: 0;
					color: #2d9be9;
					font-size: 11px;
					font-size: 1.1rem;
				}
					.ul_basic01 a.official01:hover { text-decoration: none;}
					
					.ul_basic01 a.official01:hover > span { text-decoration: underline;}
				
				.ul_basic01 .item02 .caption01,
				.ul_basic01 .item02 .caption02 {
					margin-top: 8px;
					font-weight: bold;
					font-size: 11px;
					font-size: 1.1rem;
				}
					.ul_basic01 .item02 .txt01 {
						margin-top: 6px;
						font-size: 11px;
						font-size: 1.1rem;
					}
						
.slider {
	position: relative;
	margin: 15px 0;
}
.slider .ul_basic01 { padding: 0;}

	.slider .ul_basic01 li { padding: 0;}
	
	.slider .ul_basic01 li.nth-pc { clear: none;}
	
.slider .dir-controls {}
	
	.slider .dir-controls a {
		position: absolute;
		top: 50%;
		width: 29px;
		height: 29px;
		margin-top: -12px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -900em;
		z-index: 99;
		outline: 0;
	}
	.slider .dir-controls .dir-next a {
		right: -8px;
		background-image: url(../img/btn_next02_no.png);
	}
	.slider .dir-controls .dir-next a:hover { background-image: url(../img/btn_next02_on.png);}
	
	.slider .dir-controls .dir-prev a {
		left: -8px;
		background-image: url(../img/btn_prev02_no.png);
	}
	.slider .dir-controls .dir-prev a:hover { background-image: url(../img/btn_prev02_on.png);}

/* !ul_category
---------------------------------------------------------- */
.ul_category01 {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	padding: 0 20px;
	font-size: 12px;
	font-size: 1.2rem;
}
.ul_category01:before {
	content: "▶";
	position: absolute;
	top: 0;
	left: 9px;
	color: #2d9be9;
	font-size: 11px;
	font-size: 1.1rem;
}
	.ul_category01 li {
		float: left;
		display: block;
		margin: 0 15px 2px 0;
	}

/* !mag_link
---------------------------------------------------------- */
.mag_link01 {
	overflow: hidden;
	padding: 10px 20px 0;
}
	.mag_link01 a {
		display: table;
		overflow: hidden;
		float: right;
	}
		.mag_link01 .txt01,
		.mag_link01 .img01 {
			display: table-cell;
			vertical-align: middle;
		}
			.mag_link01 .txt01 {
				position: relative;
				padding: 0 6px 0 12px;
				font-size: 12px;
				font-size: 1.2rem;
			}
			.mag_link01 .txt01:before {
				content: "▶";
				position: absolute;
				top: 6px;
				left: 0;
				color: #2d9be9;
				font-size: 11px;
				font-size: 1.1rem;
			}
			.mag_link01 .img01 {}
		
			.mag_link01 a:hover .img01 {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;												
			}

/* !ul_sns
---------------------------------------------------------- */		
.ul_sns01 {}

	.ul_sns01 ul { overflow: hidden;}
	
		.ul_sns01 li {
			float: left;
			margin-right: 2px;
		}
		.ul_sns01 li.last { margin-right: 0;}
		
			.ul_sns01 a {
				display: block;
				width: 24px;
				height: 23px;
				background: url(../img/btn_sns01.gif) no-repeat;
				text-indent: -9999px;
			}
			.ul_sns01 a:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;	
			}
				.ul_sns01 .sns01 a {
					width: 23px;
					background-position: 0 0;
				}
				.ul_sns01 .sns02 a { background-position: -23px 0;}
				.ul_sns01 .sns03 a { background-position: -47px 0;}
				.ul_sns01 .sns04 a { background-position: -71px 0;}
				.ul_sns01 .sns05 a {
					width: 38px;
					background-position: -95px 0;
				}


/* !media screen 768px
---------------------------------------------------------- */				
@media only screen and (max-width : 768px) {

/* !ul_sns
---------------------------------------------------------- */
.ul_sns01 {}
		
	.ul_sns01 ul {}
	
		.ul_sns01 li {
			float: left;
			margin-right: 6px;
		}
			.ul_sns01 a {}
			
			.ul_sns01 a:hover {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;	
			}

/* !ul_scroll
---------------------------------------------------------- */
.ul_scroll01 {
	padding: 0 10px;
	margin-bottom: 20px;
}
.ul_scroll01.sp_none { display: none;}

	.ul_scroll01 li { margin: 0 20px 8px 0;}
	
		.ul_scroll01 a {
			font-size: 10px;
			font-size: 1.0rem;
		}
		.ul_scroll01 a:before {
			font-size: 9px;
			font-size: 0.9rem;
		}
		.ul_scroll01 a:hover > span { text-decoration: none;}

/* !ul_basic
---------------------------------------------------------- */
.ul_basic01 {
	max-width: 320px;
	margin: 0 auto;
	padding: 15px 20px 0;
	overflow: hidden;
}
.ul_basic01.col02 { padding: 10px 20px 0;}

.ul_basic01.sp_col01 { padding: 0 20px 5px;}

	.ul_basic01 > li,
	.ul_basic01.col02 > li {
		float: left;
		width: 50%;
		padding: 0 10px 15px;
	}		
		.ul_basic01.sp_col01 > li {
			float: none;
			width: 100%;
			padding: 15px 10px;
		}
	.ul_basic01 > li.nth-pc { clear: none;}
	
	.ul_basic01 > li.nth-sp { clear: both;}

		.ul_basic01 .item01,
		.ul_basic01 .item02 {
			display: block;
			width: 100%;
			text-align: center;
		}			
			.ul_basic01 a:hover { text-decoration: none;}
			
			.ul_basic01 a:hover img {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;
			}
				.ul_basic01 .item01 .pic01,
				.ul_basic01 .item02 .pic01 {
					width: 120px;
					height: 120px;
				}
				.ul_basic01 .item02 .pic02 {
					width: 100%;
					height: 50px;
				}		
				.ul_basic01 .ribbon01:before {
					width: 36px;
					height: 36px;
					-webkit-background-size: 36px 36px;
					background-size: 36px 36px;
				}
				
				.ul_basic01 .item01 .txt01 {
					font-size: 11px;
					font-size: 1.1rem;
					text-align: center;
				}
				.ul_basic01 .item01 .bnr01 { margin-top: 4px;}
				
					.ul_basic01 .item01 .bnr01 > img { height: 40px;}
					
				.ul_basic01 a.read01 {
					width: 120px;
					height: 25px;
					margin-top: 9px;
					background: url(../../common/img/img_txt02.png) 0 0 no-repeat;
					-webkit-background-size: 120px 25px;
					background-size: 120px 25px;
				}
				.ul_basic01 a.read01:hover { background-image: url(../../common/img/img_txt02.png);}
				.ul_basic01 a.read01.none {
					background: none;
				}
								
				.ul_basic01 a.official01 {}
				
				.ul_basic01 a.official01:before {}
				
					.ul_basic01 a.official01:hover {}
					
					.ul_basic01 a.official01:hover > span { text-decoration: none;}
				
				.ul_basic01 .item02 .caption01,
				.ul_basic01 .item02 .caption02 { margin-top: 4px;}
				
					.ul_basic01 .item02 .caption01 {
						font-size: 14px;
						font-size: 1.4rem;
					}
					.ul_basic01 .item02 .caption02 {
						margin-top: 5px;
						padding: 0 20px;
						font-size: 12px;
						font-size: 1.2rem;
						text-align: left;
					}
						.ul_basic01 .item02 .txt01 {
							margin-top: 2px;
							font-size: 12px;
							font-size: 1.2rem;
							text-align: center;
						}
.slider { margin: 0 0 15px;}

.slider .ul_basic01 {
	padding: 0;
	max-width: none;
}
	.slider .ul_basic01 li { padding: 0;}
	
	.slider .ul_basic01 li.nth-pc,
	.slider .ul_basic01 li.nth-sp { clear: none;}
	
.slider .dir-controls {}
	
	.slider .dir-controls a {
		width: 21px;
		height: 21px;
		margin-top: -8px;
		-webkit-background-size: 21px 21px;
		background-size: 21px 21px;
	}
	.slider .dir-controls .dir-next a { right: 8px;}
	
	.slider .dir-controls .dir-next a:hover { background-image: url(../img/btn_next02_no.png);}
	
	.slider .dir-controls .dir-prev a { left: 8px;}
	
	.slider .dir-controls .dir-prev a:hover { background-image: url(../img/btn_prev02_no.png);}

/* !ul_category
---------------------------------------------------------- */
.ul_category01 {
	padding-left: 22px;
	font-size: 11px;
	font-size: 1.1rem;
}
.ul_category01:before {
	content: "▶";
	left: 10px;
	font-size: 10px;
	font-size: 1.0rem;
}
	.ul_category01 li {}

/* !section
---------------------------------------------------------- */
.section02 {
	margin-top: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* !ul_section
---------------------------------------------------------- */
.ul_section01 { margin: 0;}

	.ul_section01 > li,
	.ul_section01 > li.col02 {
		float: none;
		width: 100%;
		padding: 0;
	}
		.ul_section01 .ul_basic01 {
			margin: 15px auto 0;
			padding: 0 20px;
		}

/* !mag_link01
---------------------------------------------------------- */
.mag_link01 { padding: 10px 10px 0;}

	.mag_link01 a {}
	
	.mag_link01 a:hover { text-decoration: none;}
	
		.mag_link01 .txt01,
		.mag_link01 .img01 {}
		
			.mag_link01 .txt01 {
				font-size: 10px;
				font-size: 1.0rem;
			}
			.mag_link01 .txt01:before {
				top: 4px;
				font-size: 9px;
				font-size: 0.9rem;
			}
			.mag_link01 .img01 > img { height: 74%;}
		
			.mag_link01 a:hover .img01 {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;												
			}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	min-width: inherit;
}

/* !header
---------------------------------------------------------- */
#header {}

	.headerIn {
		position: relative;
		width: 100%;
		padding-bottom: 0;
	}
		.headerLogo01 {
			float: left;
			margin-left: 20px;
			padding-top: 10px;
		}
			.headerLogo01 a {
				display: block;
				width: 72px;
			}
		.headerLink03 {
			display: block;
			float: right;
		}
			.headerLink03 a {
				display: block;
				float: left;
				height: 50px;
				padding: 10px;
				border-left: 1px solid #dcdcdc;
				background-color: #fff;
			}
				.headerLink03 .btnCalendar01 {}
				
					.headerLink03 .btnCalendar01 img {
						width: 30px;
						height: 30px;
					}
				.headerLink03 .btnSearch01 {
					position: relative;
					padding-right: 14px;
					width: 52px;
					background-image: url(../img/btn_search01.png);
					background-position: 10px 11px;
					background-repeat: no-repeat;
					-webkit-background-size: 27px 30px;
					background-size: 27px 30px;
					z-index: 999;
				}
				.headerLink03 .btnSearch01.active {
					-webkit-box-shadow: 0 -1px 2px rgba(7,0,2,.5);
					-moz-box-shadow: 0 -1px 2px rgba(7,0,2,.5);
					box-shadow: 0 -1px 2px rgba(7,0,2,.5);
					background-image: url(../img/btn_close01.png);
				}
					.headerLink03 .btnSearch01.active:before {
						content: "";
						position: absolute;
						top: 0;
						left: -1px;
						width: 48px;
						height: 48px;
						border: solid #2d9be9;
						border-bottom-color: #fff;
						border-width: 2px;
					}
					.headerLink03 .btnSearch01.active:after {
						content: "";
						position: absolute;
						bottom: -2px;
						right: 0;
						width: 2px;
						height: 4px;
						background-color: #2d9be9;
					}
		.headerUtility01 {
			display: none;
			float: none;
			position: absolute;
			top: 50px;
			left: 0;
			width: 100%;
			padding: 20px;
			border: solid 2px #2d9be9;
			background-color: #fff;
			-webkit-box-shadow: 0 1px 2px rgba(7,0,2,.5);
			-moz-box-shadow: 0 1px 2px rgba(7,0,2,.5);
			box-shadow: 0 1px 2px rgba(7,0,2,.5);
			z-index: 99;
		}
			.headerLink01 { display: none;}
					
			.headerTool01 { overflow: auto;}
			
		.headerTool01 section {
			float: none;
			height: auto;
			border: 0;
			outline: 0;
		}
			.headerLink02 { display: none;}
					
			.headerSearch01 {
				float: none;
				width: 100%;
				margin-left: 0;
				padding: 0;
				overflow: hidden;
				background-color: #fff;
			}
				#formSearch {
					display: table;
					float: none;
					width: 100%;
					overflow: hidden;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					background-color: #fff;
				}
					#formSearch .txtSearch,
					#formSearch .btnSubmit {
						display: table-cell;
						vertical-align: middle;
						float: none;
						height: 35px;
					}
						#formSearch .txtSearch {
							width: 100%;
							padding: 0;
							padding-left: 2px;
							border: solid 1px #dcdcdc;
							border-right-width: 0;
							-webkit-border-radius: 5px 0 0 5px;
							-moz-border-radius: 5px 0 0 5px;
							border-radius: 5px 0 0 5px;
							background-color: #eee;
						}
						#formSearch .btnSubmit {
							width: 35px;
							-webkit-border-radius: 0 5px 5px 0;
							-moz-border-radius: 0 5px 5px 0;
							border-radius: 0 5px 5px 0;
							overflow: hidden;
						}
						#formSearch .text,
						#formSearch .submit {
							float: none;
							height: auto;
							border: 0;
							outline: 0;
						}
							#formSearch .text {
								display: block;
								width: 100%;
								padding: 6px;
								background-color: #eee;
							}
							#formSearch .submit {
								display: block;
								width: 35px;
								height: 37px;
								-webkit-border-radius: 0 5px 5px 0;
								-moz-border-radius: 0 5px 5px 0;
								border-radius: 0 5px 5px 0;
								background-image: url(../img/ico_search03.png);
								-webkit-background-size: 18px 18px;
								background-size: 18px 18px;
								cursor: pointer;
							}
				.advanceSearch {
					float: right;
					position: relative;
					margin: 15px 0 0;
					padding-left: 8px;
					font-size: 10px;
					font-size: 1.0rem;
				}
				.advanceSearch:before {
					content: "";
					position: absolute;
					top: 3px;
					left: 0;
					width: 6px;
					height: 9px;
					background: url(../img/ico_arrow_r01.png) 0 0 no-repeat;
				}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	width: auto;
	margin: 0;
	padding: 15px 10px 13px;
	overflow: hidden;
	font-size: 10px;
	font-size: 1.0rem;
}
#breadcrumb.sp_bg01 { background-color: #fff;}

	#breadcrumb li {
		margin-right: 3px;
		padding-right: 8px;
	}
		
/* !lnavi
---------------------------------------------------------- */
.lnavi01 {
	display: block;
	width: auto;
	margin: 0 10px 15px;
	overflow: hidden;
	font-size: 12px;
	font-size: 1.2rem;
	border: none;
	background: #f5f3f2;
}
.lnavi01.sp_none { display: none;}

	.lnavi01 li {
		display: block;
		float: left;
		width: 33%;
		height: 42px;
		overflow: hidden;
		border: none;
		border: solid #2d9be9;
		border-width: 0 2px 2px 0;
	}
		.lnavi01 li.lnav01 {
			-webkit-border-radius: 3px 0 0 0;
			-moz-border-radius: 3px 0 0 0;
			border-radius: 3px 0 0 0;
		}
		.lnavi01 li.lnav02,
		.lnavi01 li.lnav05 { width: 34%;}
		
		.lnavi01 li.lnav03 {
			-webkit-border-radius: 0 3px 0 0;
			-moz-border-radius: 0 3px 0 0;
			border-radius: 0 3px 0 0;
		}
		.lnavi01 li.lnav04 {
			-webkit-border-radius: 0 0 0 3px;
			-moz-border-radius: 0 0 0 3px;
			border-radius: 0 0 0 3px;
		}		
		.lnavi01 li.lnav06 {
			-webkit-border-radius: 0 0 3px 0;
			-moz-border-radius: 0 0 3px 0;
			border-radius: 0 0 3px 0;
		}
			.lnavi01 li.lnav01,
			.lnavi01 li.lnav02,
			.lnavi01 li.lnav03 { border-width: 2px 0 1px 2px;}
			
			.lnavi01 li.lnav04,
			.lnavi01 li.lnav05,
			.lnavi01 li.lnav06 { border-width: 1px 0 2px 2px;}
			
			.lnavi01 li.lnav03,
			.lnavi01 li.lnav06 { border-right-width: 2px;}

				.lnavi01 a { width: 100.5%;}
					
					.lnavi01 .middle { height: 39px;}
					
				.lnavi01 a:hover {
					background-color: inherit;
					color: #2d9be9;
				}
					.lnavi01 .icon01,
					.lnavi01 .icon02 {}
					
						.lnavi01 .icon01 {}
						
						.lnavi01 .icon02 {}
						
							.lnavi01 a:hover .icon01 { background-image: url(../img/ico_window03.png);}
							
							.lnavi01 a:hover .icon02 { background-position: 0 0;}
				
.lnavi02 { display: none;}
					
/* !contents
---------------------------------------------------------- */
#contents {
	width: 100%;
	margin-bottom: 20px;
}
	#main {
		float: none;
		width: 100%;
	}
	#sub { display: none;}

/* !publication01
---------------------------------------------------------- */
.publication01 {
	margin: 0 10px 15px;
	padding: 2px 0 10px;
	border: solid #434343;
	border-width: 1px 0;
}
	.publication01 dt {
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.publication01 dd {}
	
		.publication01 ul { overflow: hidden;}
		
			.publication01 li {
				float: left;
				margin: 6px 12px 0 0;
			}
				.publication01 a {
					font-size: 11px;
					font-size: 1.1rem;
				}

/* !custom-checkbox
---------------------------------------------------------- */
.label01 {
	font-size: 11px;
	font-size: 1.1rem;
}
/* !grid content
---------------------------------------------------------- */
.grid_container {
	padding: 0;
	margin: 0 10px 5px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid_item,
.grid_container .grid_sizer {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
	.grid_item.w02,
	.grid_item.w03 { width: 100%;}

		.item_link { padding: 10px;}
		
		.item_link:hover { text-decoration: none;}
		
			.item_link.type01,
			.item_link.type02,
			.item_link.type03 { padding: 10px;}

				.item_link .item_img01.sp,
				.item_link .item_img02.sp { display: block;}

					.item_link .item_img01 {
						display: none;
						float: left;
						width: 24%;
						max-width: 134px;
						margin-right: 8px;
					}
					.item_link .item_img02 {
						clear: both;
						width: 100%;
						max-width: 280px;
						margin: 0 auto 9px;
					}
						.item_link .item_w01 {
							width: 59%;
							max-width: 332px;
						}
							.item_link.type01 .item_img01 { margin-right: 8px;}
							
							.item_link.type02 .item_img01,
							.item_link.type03 .item_img01 { margin: 0 8px 0 0;}
					
				.item_link .caption {
					position: static;
					width: auto;
					height: 82px;
					padding: 0;
					overflow: hidden;
					background: none;
				}
					.item_link .icon {
						width: 86px;
						height: 14px;
						margin-bottom: 6px;
						padding: 0 4px 0 0;
						background: url(../img/bg_tag01_small.png) no-repeat;
						-webkit-background-size: 86px 112px;
						background-size: 86px 112px;
					}
						/* add BW 0210--- */
						.item_link.color01 .icon { background-position: 0 -14px;}
						.item_link.color02 .icon { background-position: 0 0;}
						.item_link.color03 .icon { background-position: 0 -28px;}
						.item_link.color04 .icon { background-position: 0  -42px;}
						.item_link.color05 .icon { background-position: 0 -70px;}							
						.item_link.color06 .icon { background-position: 0 -56px;}
						.item_link.color07 .icon { background-position: 0 -98px;}
						.item_link.color08 .icon { background-position: 0 -84px;}							
						/* ---add BW 0210 */									
									
						.item_link .text { color: #535353;}
						
						.item_link .text_fz01 {
							font-size: 15px;
							font-size: 1.5rem;
						}
		.ul_notice01 { padding: 15px;}
		
			.ul_notice01 li {
				margin-bottom: 10px;
				padding-bottom: 7px;
				border-bottom: solid 1px #dcdcdc;
			}
			.ul_notice01 li.last {
				margin-bottom: 0;
				padding-bottom: 0;
				border-bottom: 0;
			}
				.ul_notice01 dl { overflow: hidden;}
				
					.ul_notice01 dt,
					.ul_notice01 dd { overflow: hidden;}
						
						.ul_notice01 dt {
							float: none;
							margin: 0 0 4px;
						}
							.ul_notice01 .title {
								width: 86px;
								height: 14px;
								margin-right: 6px;
								padding: 0 4px 0 0;
								background: url(../img/bg_tag01_small.png) no-repeat;
								-webkit-background-size: 86px 112px;
								background-size: 86px 112px;
							}									
								/* add BW 0210--- */
								.ul_notice01 .title.type01 { background-position: 0 -14px;}
								
								.ul_notice01 .title.type02 { background-position: 0 0;}
								
								.ul_notice01 .title.type03 { background-position: 0 -28px;}
							
								.ul_notice01 .title.type04 { background-position: 0 -42px;}
								
								.ul_notice01 .title.type05 { background-position: 0 -70px;}
							
								.ul_notice01 .title.type06 { background-position: 0 -56px;}
								
								.ul_notice01 .title.type07 { background-position: 0 -98px;}
								
								.ul_notice01 .title.type08 { background-position: 0 -84px;}
							/* ---add BW 0210 */						
							
							.ul_notice01 .date {
								float: left;
								font-size: 10px;
								font-size: 1.0rem;
							}
						.ul_notice01 dd {
							overflow: hidden;
							font-size: 13px;
							font-size: 1.3rem;
						}

/* !banner01
---------------------------------------------------------- */
.banner01 {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: 0 10px 5px;
}
	.banner01 ul {}
	
		.banner01 li {
			float: none;
			margin: 0 0 10px;
		}
			.banner01 a {}
			
			.banner01 a:hover {}
			
				.banner01 a > img {
					width: 100%;
					max-width: 300px;
				}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	width: 100%;
	height: 48px;
	background-color: #2d9be9;
	-webkit-box-shadow: 0 1px 2px rgba(7,0,2,.5);
	-moz-box-shadow: 0 1px 2px rgba(7,0,2,.5);
	box-shadow: 0 1px 2px rgba(7,0,2,.5);
	overflow: hidden;
}
	.gNaviIn {
		width: 100%;
		padding-bottom: 1em;
		white-space: nowrap;
		overflow: scroll;
		overflow-y: hidden;
	}
	.gNavi01 {
		position: relative;
		width: 580px;
		margin: 0 auto;
		padding: 0 10px;
		z-index: 9;
		overflow: hidden;
	}
		.gNavi01 > li {
			float: left;
			position: relative;
			width: 92px;
			overflow: hidden;
		}
		.gNavi01 > li:hover { background-color: inherit;}
		
		.gNavi01 > li.gNav02 { width: 100px;}
		.gNavi01 > li:hover { background-color: #2d9be9;}
		
			.gNavi01 > li:hover > .gBox01 { display: none;}

				.gNavi01 > li > a {
					display: block;
					padding: 13px 0 14px;
					color: #fff;
					font-weight: bold;
					font-size: 14px;
					font-size: 1.4rem;
					text-align: center;
				}
				.gNavi01 > li > a:hover { text-decoration: none;}
	
					.gNavi01 > li > .icon01 > span {
						position: relative;
						display: inline-block;
					} 
						.gNavi01 > li > .icon01 > span { padding-left: 18px;}
						
						.gNavi01 > li > .icon01 > span:before {
							content: "";
							position: absolute;
							top: 4px;
							left: 0;
							width: 15px;
							height: 15px;
							background: url(../img/ico_gnavi01.png) 0 0 no-repeat;
							-webkit-background-size: 15px 15px;
							background-size: 15px 15px;
						}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	bottom: 0;
	right: 0;
	width: 47px;
	height: 47px;
	-webkit-background-size: 47px 94px;
	background-size: 47px 94px;
}
.pageTop:hover { background-position: 0 0px;}

/* !footer
---------------------------------------------------------- */
#footer {
	width: 100%;
	min-width: inherit;
}
	.sitemap01 { display: none;}
	
	.footerPath { background-color: #2d9be9;}
		.footerIn {
			width: auto;
			padding: 18px 10px 10px;
		}	
			.footerLink01 {
				margin-bottom: 0;
				font-size: 11px;
				font-size: 1.1rem;
				text-align: center;
			}
				.footerLink01 li {
					display: block;
					margin-bottom: 14px;
					padding: 0;
					border-right: 0;
				}
				.footerLink01 li.first { border-left: 0;}
				
					.footerLink01 li.sp { display: inherit;}
				
			.copyright01 { display: none;}
			
			.copyright02  {
				display: block;
				color: #fff;
				font-size: 9px;
				font-size: 0.9rem;
				text-align: center;
			}

/* !h_basic
---------------------------------------------------------- */
.h1_basic01 {
	border-bottom: solid 2px #367acf;
	margin: 0 10px;
	padding-bottom: 3px;
}
.h1_basic01.type02 {
	margin-bottom: 10px;
	padding: 0;
	border-bottom: 0;
	font-size: 17px;
	font-size: 1.7rem;
}
.h1_basic01.type03,
.h1_basic01.type04 {
	margin-bottom: 20px;
	padding: 0 0 1px;
	font-size: 17px;
	font-size: 1.7rem;
}
	.h1_basic01 h1 {
		float: left;
		padding: 0 0 0 25px;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.h1_basic01.type01 h1 {
		background: url(../../common/img/ico_header01.png) 1px 0px no-repeat;
		background-size: 21px 21px;
		margin-bottom: -3px;
	}
	.h1_basic01.type02 h1 {
		padding-left: 27px;
		background-position: 0 0;
		-webkit-background-size: 20px 24px;
		background-size: 20px 24px;
	}
	.h1_basic01.type03 h1 {
		padding-left: 30px;
		background-position: 0 0;
		background: url(../../common/img/ico_header03_small.png) 0 0 no-repeat;
		-webkit-background-size: 24px 22px;
		background-size: 24px 22px;
	}
	.h1_basic01.type04 h1 {
		padding-left: 27px;
		background-position: 0 0;
		background: url(../../common/img/ico_header04_small.png) 0 0 no-repeat;
		-webkit-background-size: 22px 22px;
		background-size: 22px 22px;
	}
	.h1_basic01.type05 h1 {
		background: url(../../common/img/ico_header05.png) 1px 0px no-repeat;
		padding: 1px 30px 1px 30px;
		-webkit-background-size: 26px 26px;
		background-size: 26px 26px;
	}
.h1_basic01.type06,
.h1_basic01.type07,
.h1_basic01.type08,
.h1_basic01.type09,
.h1_basic01.type10,
.h1_basic01.type11,
.h1_basic01.type13,
.h1_basic01.type14,
.h1_basic01.type15 { margin-bottom: 20px;}

.h1_basic01.type12 {
	margin-bottom: 14px;
	border: none;
	padding-bottom: 0;
}
.h1_basic01.type15 { padding-bottom: 2px;}

	.h1_basic01.type06 h1 {
		padding: 3px 0 0 27px;
		background: url(../img/ico_header06_small.png) 0 4px no-repeat;
		-webkit-background-size: 24px 21px;
		background-size: 24px 21px;
	}
	.h1_basic01.type07 h1 {
		padding-left: 21px;
		background: url(../img/ico_header07_small.png) 1px 3px no-repeat;
		-webkit-background-size: 15px 20px;
		background-size: 15px 20px
	}	
	.h1_basic01.type08 h1 {
		padding-left: 26px;
		background: url(../img/ico_header08_small.png) 0 3px no-repeat;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}	
	.h1_basic01.type09 h1 {
		padding-left: 27px;
		background: url(../img/ico_header09_small.png) 0 1px no-repeat;
		-webkit-background-size: 20px 21px;
		background-size: 20px 21px;
	}
	.h1_basic01.type10 h1 {
		padding-left: 27px;
		background: url(../img/ico_header10_small.png) 1px 1px no-repeat;
		-webkit-background-size: 23px 23px;
		background-size: 23px 23px;
	}	
	.h1_basic01.type11 h1 {
		padding-left: 29px;
		background: url(../img/ico_header11_small.png) 0 3px no-repeat;
		-webkit-background-size: 26px 19px;
		background-size: 26px 19px;
	}
	.h1_basic01.type12 h1 {
		padding-left: 31px;
		background: url(../../common/img/ico_header12.png) 1px 5px no-repeat;
		-webkit-background-size: 25px 17px;
		background-size: 25px 17px;
	}
	.h1_basic01.type13 h1 {
		padding-left: 28px;
		background: url(../img/ico_header13_small.png) 1px 2px no-repeat;
		-webkit-background-size: 23px 22px;
		background-size: 23px 22px;
	}
	.h1_basic01.type14 h1 {
		padding-left: 28px;
		background: url(../img/ico_header14_small.png) 0 2px no-repeat;
		-webkit-background-size: 25px 21px;
		background-size: 25px 21px;
	}
	.h1_basic01.type15 h1 {
		padding: 3px 0 0 26px;
		background: url(../img/ico_header15_small.png) 0 0 no-repeat;
		-webkit-background-size: 24px 25px;
		background-size: 24px 25px;
	}
	.h1_basic01.type16 h1 {
		padding: 3px 0 0 26px;
		background: url(../img/ico_header16_small.png) 0 0 no-repeat;
		-webkit-background-size: 24px 25px;
		background-size: 24px 25px;
	}


	.h1_basic01 .btn.pc { display: none;}
	.h1_basic01 .btn.sp {
		display: block;
		margin-top: -3px;
	}
	.h1_basic01 .btn {
		width: 80px;
		float: right;
		margin-top: 0;
	}
	.h1_basic01 .button01 {
		margin-top: 1px;
		padding: 5px 8px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.h1_basic01 .button01:hover { background-color: #135b8e;}
	
	.h1_basic01 .button02 {
		margin-top: 6px;
		padding-left: 12px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.h1_basic01 .button02:before {
		top: 4px;
		width: 9px;
		height: 9px;
		-webkit-background-size: 9px 9px;
		background-size: 9px 9px;
	}
	.h1_basic01 .button02:hover { text-decoration: none;}

	
.h1_basic02 { margin: 0 10px 6px;}

	.h1_basic02 h1 {
		font-size: 17px;
		font-size: 1.7rem;
		padding-left: 25px;
	}
	.h1_basic02 h1:before {
		top: 2px;
		width: 22px;
		height: 20px;
		background-image: url(../../img/ico_heading01_small.png);
		-webkit-background-size: 22px 20px;
		background-size: 22px 20px;
	}
	.h1_basic02 .button01 {
		padding: 5px 12px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.h1_basic02 .button01:hover { background-color: #135b8e;}

	.h1_basic02 .button02 {
		margin-top: 8px;
		padding-left: 12px;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.h1_basic02 .button02:before {
		top: 3px;
		width: 9px;
		height: 9px;
		-webkit-background-size: 9px 9px;
		background-size: 9px 9px;
	}
	.h1_basic02 .button02:hover { text-decoration: none;}

.h2_basic01{
	overflow: hidden;
	background-color: #2d9be9;
}
	.h2_basic01 h2 {
		position: relative;
		line-height: 2.4rem;
		padding: 0 6px;
		font-size: 14px;
		font-size: 1.4rem;
	}		
	.h2_basic01 .button01 {
		width: 70px;
		height: 100%;
		padding: 4px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.h2_basic01 .button01:hover { background-color: #135b8e;}

.h3_basic01 {
	margin: 0 10px 15px;
	padding-bottom: 5px;
	border-bottom: solid 2px #2d9be9;
}
	.h3_basic01 h3 {
		padding-bottom: 5px;
		padding: 4px 0 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.h3_basic01 .button01 {
		margin-top: 0;
		padding: 5px 12px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.h3_basic01 .button01:hover { background-color: #135b8e;}

	
/* !book slider
---------------------------------------------------------- */
.bookList01 { margin: 0;}
	.bookList01 > li {
		float: none;
		width: 100%;
		margin: 0;
	}
	.bookList01 > li.last { margin-bottom: 14px;}
		.bookList01 li dl dd { width: 70px;}
	.bookList01 .bookWrap01 .outside { z-index: 5555;}
	.bookList01 .bookWrap01 .outside .slider-prev {
		top: 108px !important;
		left: 7px !important;
		z-index: 5555;
	}
	.bookList01 .bookWrap01 .outside .slider-next {
		top: 108px !important;
		right: 7px !important;
		z-index: 5555;
	}
	.bookList01 li dl dt {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.bookList01 li dl dd > a { font-size: 1.0rem;}
	.bookList01 .bookWrap01 .outside .slider-prev a,
	.bookList01 .bookWrap01 .outside .slider-next a {
		width: 20px !important;
		height: 20px !important;
		background-size: 20px 20px !important;
	}
	.bookList01 .bx-wrapper { /*max-width: 260px !important;*/}
	.bookList01 .slide {
		width: 120px !important;
		margin-right: 20px !important;
	}
	.bookList01 .slide .image01 img.pc {
		display: none;
	}
	.bookList01 .slide .image01 img.sp {
		display: block;
		/*margin: 12px 0 0!important;*/
	}
	.bookList01 li .bookDetail01 {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 13px !important;
		padding-bottom: 14px;
	}
	.bookList01 li .bookDetail01 li {
		margin-top: 3px;
		padding-left: 8px;
		background: url(../../books/img/ico_arrow02.png) left 3px no-repeat;
		background-size: 7px 9px;
	}
	.bookList01 li .bookDetail01 li a {
		font-size: 1.1rem;
	}
	.bookList01 .slide .txt01 {
		display: none;
	}
	.bookList01 .slide .txt02 {
		display: block !important;
		margin-top: 8px;
	}
	.bookList01 .bookDetail01 li {
		margin-top: 8px !important;
	}
	.bookList01 .bookWrap01 .slide div.img {
		xdisplay: table-cell;
		width: 120px;
		vertical-align: middle;
		height: 120px;
		position: relative;
		z-index: 1;
	}
/*	.bookList01 .bookWrap01 .slide .image01 img.pc {*/
	.bookList01 .bookWrap01 .slide .image01 .pc {
		display: none;
		margin: 5px auto 0;
	}
/*	.bookList01 .bookWrap01 .slide .image01 img.sp {*/
	.bookList01 .bookWrap01 .slide .image01 .sp {
		display: block;
		margin: 5px auto 0;
	}
	.bookList01 .bookWrap01 .slide a.active {
		text-decoration: none;
	}
	.bookList01 .touchHover { text-decoration: none;}
	.bookList01 .touchHover.touchstart { text-decoration: underline;}
	
		.bookList01 .bookWrap01 .slide .txt02:hover {
			text-decoration: underline;
		}	
	
.navBox01 { margin: 26px 10px;}
	.navBox01 dl {
		display: block;
		width: 100%;
		margin-bottom: 8px;
		position: relative;
	}
		.navBox01 dt,
		.navBox01 dd {
			display: block;
		}
		.navBox01 dt {
			width: 100%;
			text-align: left;
			position: relative;
		}
			.navBox01 dt span.txt {
				background-color: #fff;
				color: #434343;
				padding: 8px 0 7px 7px;
				text-align: left;
				font-size: 1.2rem;
				border-radius: 3px;
				border: 1px solid #dcdcdc;
			}
			.navBox01 dt span.selectBtn01 {
				background: url(../../common/img/btn_selection02.png) center no-repeat;
				background-size: 35px 35px;
				width: 35px;
				height: 35px;
				position: absolute;
				top: 0;
				right: 0;
				text-indent: 9999px;
				cursor: pointer;
			}
			.navBox01 dt span.selectBtn01:hover,
			.navBox01 dl.open dt span.selectBtn01 {
				background: url(../../common/img/btn_selection01.png) center no-repeat;
				background-size: 35px 35px;
			}
		.navBox01 dd {
			padding: 0 0 0 0px;
			margin-top: 10px;
			z-index: 6666;
			position: absolute;
			width: 100%;
		}
		.navBox01 dl.close dd { display: none;}
		.navBox01 dl.open dd { display: block;}
		.navBox01 dd > div {
			position: relative;
		}
		.navBox01 dd > div:before {
			width: 11px;
			height: 10px;
			content: " ";
			background-image: url(../img/ico_balloon01_small.gif);
			background-size: 11px 10px;
			position: absolute;
			right: 12px;
			top: -9px;
		}
			.navBox01 dd ul {
				border-radius: 3px;
				overflow: hidden;
				-moz-box-shadow:0px 0px 10px 1px #888;
				-webkit-box-shadow:0px 0px 10px 1px #888;
				box-shadow: 0px 0px 10px 1px #888;
			}
				.navBox01 dd ul li {
					float: none;
					margin: 0;
					background: #fff;
					border-bottom: solid 1px #dcdcdc;
				}
				.navBox01 dd ul li.last {
					border: none;
				}
					.navBox01 dd ul li a {
						display: block;
						padding: 10px 0 10px 8px;
					}
					.navBox01 dd ul li a.active {
						text-decoration: none;
					}
					.navBox01 dd ul li a:hover {
						color: #434343 !important;
						text-decoration: none !important;
					}
	.navBox01 .sp { display: block;}
	.navBox01 .pc { display: none;}

/* !pagination
---------------------------------------------------------- */
.pagination01 {
	float: none;
	width: 100%;
}
.pagination01.bottom {
	display: block;
	padding: 20px;
	border-right: 0;
}
	.pagination01 .number01 {
		margin-bottom: 8px;
		padding: 0 5px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.pagination01 ul {
		margin: 5px auto 0;
		background-color: inherit;
		border-right: none;
		text-align: center;
		margin: 0 auto;
	}
		.pagination01 li {
			display: none;
			border-width: 0;
		}
			.pagination01 li.prev01,
			.pagination01 li.next01  {
				display: inline-block;
				width: 50%;
				padding: 0 5px;
			}
			.pagination01 li a {
				height: 35px;
				padding-top: 8px;
				font-size: 13px;
				font-size: 1.3rem;
				background-color: #fff;
				border: solid 1px #2d9be9;
			}
				.pagination01 li a img{ padding-top: 4px;}
			
					.pagination01 li.disable a { border-color: #bfbfbf;}
			
					.pagination01 li.current { background-color: #2d9be9;}
	
					.pagination01 li.prev02,
					.pagination01 li.next02,
					.pagination01 li.current:before { display: none;}
							
					.pagination01 li:hover,
					.pagination01 li.disable:hover,
					.pagination01 li.current a { background-color: #fff;}
		
					.pagination01 li:hover a {
						color: #2d9be9;
						text-decoration: none;
					}		
/* !tab
---------------------------------------------------------- */
.tab_navi01 {
	text-align: center;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
	.tab_navi01 ul {
		display: block;
		margin: 0 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.tab_navi01 ul.col03 { }
	
		.tab_navi01 li {
			float: left;
			width: 50%;
			margin: 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			border: solid 1px #2d9be9;
			background-color: #fff;
		}
		.tab_navi01 ul.col03 li {
			width: 33%;
			border-width: 1px 1px 1px 0;
		}
		.tab_navi01 li:nth-child(1) {
			border-width: 1px 0 0 1px;	
			-webkit-border-radius: 3px 0 0 0;
			-moz-border-radius: 3px 0 0 0;
			border-radius: 3px 0 0 0;
		}
		.tab_navi01 li:nth-child(2) {
			border-width: 1px 1px 0 1px;
			-webkit-border-radius: 0 3px 0 0;
			-moz-border-radius: 0 3px 0 0;
			border-radius: 0 3px 0 0;
		}
		.tab_navi01 li:nth-child(3) {
			border-width: 1px 0px 1px 1px;		
			-webkit-border-radius: 0 0 0 3px;
			-moz-border-radius: 0 0 0 3px;
			border-radius: 0 0 0 3px;
		}
		.tab_navi01 li:nth-child(4) {			
			-webkit-border-radius: 0 0 3px 0;
			-moz-border-radius: 0 0 3px 0;
			border-radius: 0 0 3px 0;
		}
		.tab_navi01 ul.col03 li:nth-child(1) {
			border-left-width: 1px;
			-webkit-border-radius: 3px 0 0 3px;
			-moz-border-radius: 3px 0 0 3px;
			border-radius: 3px 0 0 3px;
		}
		.tab_navi01 ul.col03 li:nth-child(2) {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
		.tab_navi01 ul.col03 li:nth-child(3) {
			width: 34%;
			-webkit-border-radius: 0 3px 3px 0;
			-moz-border-radius: 0 3px 3px 0;
			border-radius: 0 3px 3px 0;
		}
		.tab_navi01 li:hover { background-color: #fff;}
		
		.tab_navi01 li.active { background-color: #2d9be9;}
		
			.tab_navi01 a {
				display: block;
				height: 38px;
				font-size: 12px;
				font-size: 1.2rem;
			}
			.tab_navi01 a:hover { color: #2d9be9;}
			
			.tab_navi01 li.active a { color: #fff;}
			
.tab_content01 {}

}

/* !gNavi - fixed
---------------------------------------------------------- */
@media only screen and (min-width : 568px) {
	.gNavi01 {
		width: 100%;
		padding: 0 10px;
	}
		.gNavi01 > li { width: 16.4%}
		
		.gNavi01 > li.gNav02 { width: 17.8%;}
}
@media only screen and (min-width : 769px) {
	.gNavi01 {
		width: 960px;
		padding: 0;
	}
		.gNavi01 > li,
		.gNavi01 > li.gNav02 { width: 160px;}
}