/* ボディ */
html,
body{
	margin: 0 ;
	padding: 0 ;
	font-size: 13px;
	line-height: 1.618;
	font-family: sans-serif;
	background-color: #f7f7f7;
	color: #4d4d4d;

}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}




/* ############# login status ############# */
div.login_status{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	padding: 0.4rem;
	padding-left: 1.3em;
	font-size: 3rem;

/*
	background-color: #fff;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
*/

	position: relative;
	display: block;

}
	div.login_status:before {
		position: absolute;
		left: 0.2em;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);

		font-family: FontAwesome;
		content: "\f007";
		color: #c1c1c1;
		text-align: center;
		margin: 0;
	}
		div.login_status.login:before {
			color: #a5dbff;
		}
	div.login_status p.login_status_text {
		font-size: 1rem;
		margin: 0;
	}
	div.login_status p.login_name {
		font-size: 1rem;
		margin: 0;
		margin-bottom: 0.4em;
		line-height: 1.2em;
		font-weight: bold;
		display: block;
	}
	div.login_status p.login_mypage {
		font-size: 1rem;
		margin: 0;
	}
		div.login_status p.login_mypage a{
			font-size: 85%;
			color: #777777;
			text-decoration: none;
			padding: 0.2em 0.6em;
			background-color: #ededed;
			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		div.login_status p.login_mypage a:hover{
				background-color: #e6e6e6;
		}
/* ############# font text ############# */

h1{
	font-size: 130%;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 120%;
}
h5{
	font-size: 110%;
}


h2.title{
	color: #ffffff;
	border-bottom: 1px solid #dedede;
	margin: 0 0 1% 0;
	padding: 0.8% 0 0.8% 2%;
	background-color: #007fce;

	box-shadow:inset 0em 1em 0.6em 0.1em #0087db;
	-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #0087db;
	-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #0087db;
}
	h2.title.lt{
		color: #0063a4;
		border-bottom: 1px #abc7ca solid;
		background-color: #efefef;

		box-shadow:inset 0em 1em 0.6em 0.1em #f4f4f4;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #f4f4f4;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #f4f4f4;
	}
	h2.title.red{
		color: #fff;
		border-bottom: 1px #abc7ca solid;
		background-color: #e91e63;

		box-shadow:inset 0em 1em 0.6em 0.1em #ff2170;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #ff2170;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #ff2170;
	}
	h2.title.pink{
		color: #fff;
		border-bottom: 1px #db91aa solid;
		background-color: #ed9db9;

		box-shadow:inset 0em 1em 0.6em 0.1em #fca8c6;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #fca8c6;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #fca8c6;
	}
	h2.title.gray{
		color: #fff;
		border-bottom: 1px #808080 solid;
		background-color: #a6a6a6;

		box-shadow:inset 0em 1em 0.6em 0.1em #b3b3b3;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #b3b3b3;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #b3b3b3;
	}
	h2.title.green{
		color: #fff;
		border-bottom: 1px #008477 solid;
		background-color: #009688;

		box-shadow:inset 0em 1em 0.6em 0.1em #00a091;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #00a091;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #00a091;
	}
	h2.title.sky{
		color: #fff;
		border-bottom: 1px #00a0b2 solid;
		background-color: #00b7cc;

		box-shadow:inset 0em 1em 0.6em 0.1em #00bcd4;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #00bcd4;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #00bcd4;
	}
	h2.title.gold{
		color: #fff;
		border-bottom: 1px #938900 solid;
		background-color: #aa9d00;

		box-shadow:inset 0em 1em 0.6em 0.1em #b5a800;
		-webkit-box-shadow:inset 0em 1.2em 0.6em 0.1em #b5a800;
		-moz-box-shadow:inset 0em 1.2em 0.6em 0.1em #b5a800;
	}

h3.title{
	color: #0063a4;
	border-bottom: 1px #abc7ca solid;
	margin: 0 0 1% 0;
	padding: 5px 0 4px 2%;
	background-color: #efefef;

	box-shadow:inset 0px 10px 5px 2px #f4f4f4;
	-webkit-box-shadow:inset 0px 10px 5px 2px #f4f4f4;
	-moz-box-shadow:inset 0px 10px 5px 2px #f4f4f4;
}
h3.title_side{
	color: #404040;
	margin: 0 0 10px 0;

	border-left: 3px #404040 solid;
	margin: 0 0 10px 0;
	padding: 5px 0 4px 2%;
	background-color: #f7f7f7;
}
h4.title {
	position: relative;
	padding: .2em 1em .2em 2em;
	border-top: 1px solid #3498db;
	border-bottom: 3px double #3498db;
	margin-top: 2em;
	color: #3498db;
}
h4.title:before {
	position: absolute;
	top: 0.4em;
	left: 0.2em;
	z-index: 2;
	content: '';
	width: 18px;
	height: 18px;
	border: 5px solid #3498db;
	border-radius: 100%
}
/*
h4.box_title {
	position: relative;
	padding: .2em 1em .2em 2em;
	border-top: 1px solid #3498db;
	border-bottom: 2px double #3498db;
	margin-top: 2em;
	color: #3498db;
}
h4.box_title:before {
	position: absolute;
	top: 0.4em;
	left: 0;
	z-index: 2;
	content: '';
	width: 18px;
	height: 18px;
	border: 5px solid #3498db;
	border-radius: 100%
}
*/

h5.title {
	position: relative;
	padding: .2em 1em .2em 1em;
	margin: 1em 0 0.5em 0;
}
h5.title::after {
	position: absolute;
	top: .4em;
	left: 0;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #4d4d4d;
	border-radius: 3px;
}


h5.caption {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	caption-side: top;
	padding: .2em 1em .2em 2em;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 0.3em;

	padding-left: 2.0em;
	position: relative;
}
	h5.caption:before {
		font-family: FontAwesome; /* FontAwesome Icon */
		font-size: 120%;
		position: absolute;
		left: 0.3em;
		top: 0;
		content: "\f009";
		color: #4d4d4d;
		font-weight: normal;
	}

/*
h6.title {
	position: relative;
	padding: .2em 1.5em .2em 1.5em;
	margin: 0.5em 0;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
h6.title::before,
h6.title::after {
	position: absolute;
	top: 50%;
	margin-top: -2px;
	content: '';
	height: 4px;
	width: 12px;
	background-color: #4d4d4d;
	border-radius: 4px;


}
h6.title::before{
	left: 0;
}
h6.title::after {
	right: 0;
}
*/
	h2.title:before,
	h3.title:before,
		content:'';
		display: block;
		clear: both;
	}

p{
/*	margin: 1em;*/
}

	.t_bold{
		font-weight: bold;
	}
	.t_center{
		text-align: center;
	}
	.f_red.f_icon:before,
	.t_red{
		color: #e71218 !important;
	}
	.f_blue.f_icon:before,
	.t_blue{
		color: #0052a4 !important;
	}
	.f_lblue.f_icon:before,
	.t_lblue{
		color: #0081c6 !important;
	}
	.f_yellow.f_icon:before,
	.t_yellow{
		color: #efcc00 !important;
	}
	.f_purple.f_icon:before,
	.t_purple{
		color: #cd539c !important;
	}
	.f_pink.f_icon:before,
	.t_pink{
		color: #ed9db9 !important;
	}
	.f_white.f_icon:before,
	.t_white{
		color: #fff !important;
	}
	.t_vertical{
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.t_clear{
		clear: both;
	}
	.t_inline {
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	.t_br {
		content:'';
		display: block;
		clear: both;
	}
	.t_nowrap{
		white-space: nowrap;
	}
	.t_s110{
		font-size: 110%;
	}
	.t_s90{
		font-size: 90%;
	}
	.t_s80{
		font-size: 80%;
	}
	.u_line {
		border-bottom: 1px solid #d9d9d9;
	}


	/* Font Awesome ver. 5 */
	.f_icon2 {
		padding: 0;
		padding-left: 2.0em;
		position: relative;
	}
		.f_icon2::before {
			font-family: "Font Awesome 5 Free";
			font-size: 150%;
			position: absolute;
			left: 0;
			top: -0.3em;
			font-weight: normal !important;
		}
		.f_icon2.direction::before {
			content: "\f007";
			color: #e71218;
		}
	/* Font Awesome ver. 5 */

	.f_icon {
		padding: 0;
		padding-left: 2.0em;
		position: relative;
	}

		.f_icon:before {
			font-family: FontAwesome;
			font-size: 150%;
			position: absolute;
			left: 0;
			top: -0.3em;
			font-weight: normal !important;
/*
			margin-right: 0.5em;
*/

		}

		.f_icon.exc:before {
			content: "\f06a";
			color: #e71218;
		}
		.f_icon.info:before {
			content: "\f05a";
			color: #0081c6;
		}
		.f_icon.check:before {
			content: "\f058";
			color: #404040;
		}
		.f_icon.dcircle:before {
			content: "\f192";
			color: #0081c6;
		}
		.f_icon.circle:before {
			content: "\f10c";
			color: #404040;
		}
		.f_icon.link:before {
			content: "\f08e";
			color: #0081c6;
		}
		.f_icon.tool:before {
			content: "\f0ad";
			color: #404040;
		}
		.f_icon.doc:before {
			content: "\f0f6";
			color: #4d4d4d;
		}
		.f_icon.pdf:before {
			content: "\f1c1";
			color: #cc140c;
		}
		.f_icon.pc:before {
			content: "\f109";
			color: #404040;
		}
		.f_icon.gotovan:before {
			content: "\f1a0";
			color: #0081c6;
		}
		.f_icon.hint:before {
			content: "\f0eb";
			color: #e06897;
			left: 0.15em;
		}
		.f_icon.download:before {
			content: "\f019";
			color: #dc6000;
		}
		.f_icon.map:before {
			content: "\f041";
			color: #dc6000;
			left: 0.15em;
		}
		.f_icon.address:before {
			content: "\f015";
			color: #56350d;
		}
		.f_icon.money:before {
			content: "\f155";
			color: #aa9d00;
		}
		.f_icon.smile:before {
			content: "\f118";
			color: #4da619;
		}
		.f_icon.arrow:before {
			content: "\f138";
			color: #8c8c8c;
		}
		.f_icon.building:before {
			content: "\f1ad";
			color: #808080;
		}
		.f_icon.home:before {
			content: "\f015";
			color: #c5004c;
		}
		.f_icon.tel:before {
			content: "\f095";
			color: #5db443;
			left: 0.1em;
		}
		.f_icon.email:before {
			content: "\f0e0";
			color: #62bee7;
		}
		.f_icon.fax:before {
			content: "\f1ac";
			color: #53005d;
		}
		.f_icon.ie:before {
			content: "\f26b";
			color: #0284c3;
		}
		.f_icon.web:before {
			content: "\f0ac";
			color: #029be2;
		}
		.f_icon.clock:before {
			content: "\f017";
			color: #c3141b;
		}
		.f_icon.person:before {
			content: "\f007";
			color: #e1b899;
			left: 0.1em;
		}
		.f_icon.bus:before {
			content: "\f207";
			color: #e5a033;
		}
		.f_icon.train:before {
			content: "\f238";
			color: #3c57bd;
		}
		.f_icon.stsign:before {
			content: "\f277";
			color: #896235;
		}
		.f_icon.menubar:before {
			content: "\f0c9";
			color: #c79f6d;
		}
		.f_icon.walk:before {
			content: "\f183";
			color: #e16871;
		}
		.f_icon.cross:before {
			content: "\f00d";
			color: #ff0000;
		}
		.f_icon.like:before {
			content: "\f087";
			color: #4267b2;
		}
		.f_icon.search:before {
			content: "\f002";
			color: #fa8072;
		}
		.f_icon.mobile:before {
			content: "\f10b";
			color: #202a67;
			left: 0.15em;
		}
		.f_icon.line:before {
			font-family: "Font Awesome 5 Brands";
			content: "\f3c0";
			color: #00b900;
		}
		.f_icon.facebook:before {
			content: "\f082";
			color: #4267b2;
		}
		.f_icon.instagram:before {
			content: "\f16d";
			color: #a57d60;
		}
		.f_icon.twitter:before {
			content: "\f081";
			color: #1da1f2;
		}

	/* Content Text Number */
	.t_cont {
		margin: 0;
		padding: 0;
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
		.t_cont:before {
			font-size: 150%;
			margin-right: 0.5em;
		}

		.t_cont.n1:before {
			content: "1";
		}


	.t_cont.bold,
	.f_icon.bold {
		font-weight: bold;
	}



/* 追加マージン */
.mgn{
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}
.mgn_w{
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}
.mgn_h{
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}
	.mgn_h1{
		margin-top: 1em !important;
		margin-bottom: 1em !important;
	}
.mgn_l{
	margin-left: 1em !important;
}
	.mgn_l2{
		margin-left: 2em !important;
	}
.mgn_r{
	margin-right: 1em !important;
}
	.mgn_r2{
		margin-right: 2em !important;
	}
.mgn_b{
	margin-bottom: 1em !important;
}
.mgn_t{
	margin-top: 1em !important;
}


/* Button Link */
	.btn{
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	.btn.block{
		display: block !important;
	}
		.btn > a{
			background: #ebebeb;
			border: 1px solid #e2e2e2;
			color: #777777 !important;
			padding: 0.5em 1em;
			display: block;
			text-decoration: none;
			display: block;
			width: 100%;
			height: 100%;

			box-shadow:inset 0px 0.8em 0.2em 0.2em #efefef;
			-webkit-box-shadow:inset 0px 0.8em 0.2em 0.2em #efefef;
			-moz-box-shadow:inset 0px 0.8em 0.2em 0.2em #efefef;

			border-radius: 4px; 
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;

		}
			.btn > a:hover{
				text-decoration: none;
				filter: alpha(opacity=75);
				opacity: 0.75;
			}



	.btn.w50{
		display: block;
		width: 50%;
		margin: auto;
	}
	.btn.w100{
		display: block;
		width: 100%;
		margin: auto;
	}
	.btn.f_icon{
		padding-left: 0;
	}
	.btn.f_icon:before{
		color: #8c8c8c;
		left: 0.4em;
		top: 0.1em;
	}
	.btn.f_icon a{
		padding-left: 2.5em;
	}


	/* link button side small */
	a.btn_s{
		background: #e6e6e6;
		border: 1px solid #cccccc;
		color: #b3b3b3 !important;
		padding: 0.1em 0.6em;
		text-decoration: none;
		margin-left: 1em;
		margin-right: 1em;

		font-size: 86%;

		display: inline-block;
		zoom: 1;
		*display: inline;

		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;

	}
		a.btn_s:hover{
			text-decoration: none;
			filter: alpha(opacity=75);
			opacity: 0.75;
		}

	/* link button side small */


/* Button Link */



/*
	span.icon_link:before {
		font-family: FontAwesome;
		content: "\f08e";
		font-size: 90%;
		margin-right: 0.5em;
		color: #404040;
	}
	span.icon_link a{
		text-decoration: none;
		color: #404040;
	}
	span.icon_link a:hover {
		filter: alpha(opacity=70);
		opacity:0.70;
	}

	span.icon_link_left {
		float: left;
	}
	span.icon_link_right {
		float: right;
	}
*/
/* ############# font text ############# */



/* ############# bg color ############# */
.bg_blue{
	background-color: #d8eaef !important;
}
.bg_grey{
	background-color: #efefef !important;
}
.bg_orange{
	background-color: #ffe9cd !important;
}
.bg_red{
	background-color: #fff0f4 !important;
}
.bg_yellow{
	background-color: #fffce0 !important;
}
.bg_green{
	background-color: #eaffea !important;
}

/* ############# bg color ############# */



/* ############# icon block ############# */

span.b_icon {
	position: relative;
	text-indent: -1500px;
	padding: 0;
	margin: 0;
	text-align: left;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
	span.b_icon:before {
		padding: 0;
		margin: 0;
		font-family: FontAwesome;
		position: absolute;
		line-height: 100%;
		left: 1500px;
		top: 0;
		font-size: 160%;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	span.b_icon:after {
		content:'';
		display:block;
		clear:both;
	}
	span.b_icon.pdf:before {
		content: "\f1c1";
		color: #e71218;
	}

/* ############# icon block ############# */



div#site_wrap{
	width: 1000px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

div#header_wrap{
	width: auto;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
	p#site_title{
		clear: both;
		font-size: 80%;
		line-height: 130%;
		margin: 0.5em 0 0 0;
		padding: 0 1em;
	}
	/* for Mobile */
	div#logo_mobi {
		display: none;
	}
	div#logo_wrap {
		float: left;
		width: 40%;
	}
	div#logo {
		display: block;
		margin: 0;
		width: 240px;
		height: 60px;
		z-index: 9999;
		float: left;
	}
		div#logo a {
			display: block;
			height: 100%;
			width: 100%;
			margin: 0;
			text-decoration: none;
			text-indent: -1500px;
			overflow: hidden;
			background-image: url(/images/logo.png);
			background-image: url(/images/logo.svg), none;
			background-repeat:no-repeat;
			background-size:cover;
		}
			div#logo a:hover{
				filter: alpha(opacity=75);
				opacity:0.75;
			}



	/* ############# Header Map and Guide ############# */

	div#header_wrap div#header_map_guide_wrap{
		float: left;
		width: 35%;
	}
		div#header_wrap div#header_map_guide{
			margin: 10px 30px 10px 0;
			width: 100%;
		}
		div#header_wrap div#header_map_guide ul{
			width: 100%;
			padding: 0px;
			margin: 5px auto;
			list-style-type: none;
			text-align: right;
			font-size: 0;
		}
		div#header_wrap div#header_map_guide ul li{
			white-space: nowrap;
			list-style-type:none;
			margin-right: 10px;
			width: 25%;
			height: 25%;

			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		div#header_wrap div#header_map_guide ul li a{
			display: block;
			text-decoration: none;
			text-indent: -1500px;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 100%; /* Background で WH ％で画像配置する際には必須（正方形の場合 １００%）*/
		}


		div#header_wrap div#header_map_guide ul li a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}
		div#header_wrap div#header_map_guide ul li#h_map a {
			background-image: url(/images/icon_map.png);
		}
		div#header_wrap div#header_map_guide ul li#h_guide a {
			background-image: url(/images/icon_guidebook.png);
		}
	/* ############# Header Map and Guide ############# */


	/* ############# Header SNS ############# */
	div#header_wrap div#header_sns_wrap{
		float: left;
		width: 25%;
	}
		div#header_wrap div#header_sns{
			margin: 10px 0;
			width: 100%;
		}
		div#header_wrap div#header_sns ul{
			width: 100%;
			padding: 0px;
			margin: 5px auto;
			list-style-type: none;
			text-align: right;
			font-size: 0;
		}
		div#header_wrap div#header_sns ul li{
			white-space: nowrap;
			list-style-type:none;
			margin-right: 5px;
			width: 12%;
			height: 12%;

			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		div#header_wrap div#header_sns ul li a{
			display: block;
			text-decoration: none;
			text-indent: -1500px;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 100%; /* Background で WH ％で画像配置する際には必須（正方形の場合 １００%）*/
		}


		div#header_wrap div#header_sns ul li a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}
		div#header_wrap div#header_sns ul li#icon_facebook a {
			background-image: url(/images/icon_facebook_l.png);
		}
		div#header_wrap div#header_sns ul li#icon_twitter a {
			background-image: url(/images/icon_twitter_l.png);
		}
		div#header_wrap div#header_sns ul li#icon_flickr a {
			background-image: url(/images/icon_flickr_l.png);
		}
		div#header_wrap div#header_sns ul li#icon_youtube a {
			background-image: url(/images/icon_youtube_l.png);
		}
		div#header_wrap div#header_sns ul li#icon_instagram a {
			background-image: url(/images/icon_instagram_l.png);
		}
	/* ############# Header SNS ############# */

	/* ############# Header SNS Text ############# */
		div#header_wrap div#header_sns_txt{
			margin: 10px 10px 0 0;
		}
		div#header_wrap div#header_sns_txt ul{
			width: 100%;
			padding: 0;
			margin: 0;
			list-style-type: none;
			text-align: right;
		}
		div#header_wrap div#header_sns_txt ul li{
			list-style-type: none;
			padding: 0;
			margin: 0;
			font-size: 90%;
			line-height: 1.3em;
		}
		div#header_wrap div#header_sns_txt ul li.fb::before{
			font-family: FontAwesome; /* FontAwesome Icon */
			content: "\f230";
			color: #4b71b2;
			font-size: 130%;
			margin-right: 0.5em;
		}
		div#header_wrap div#header_sns_txt ul li a{
			text-decoration: none;
		}

		div#header_wrap div#header_sns_txt ul li a:hover{
			text-decoration: underline;
		}

	/* ############# Header SNS Text ############# */




/* ############# トップページ用 ############# */

/* ┌────┬───────┬────┐ */
/* │    out of left         │           */
/*    left       center         right     */



#t_outer_wrap {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 800px;
	overflow: hidden;
}
	#t_left_wrap {
		padding: 0px;
		margin: 0px;
		float: left;
		width: 200px;
		text-align: left;
		overflow: hidden;
	}
	#t_center_wrap {
		padding: 0 10px;
		margin: 0px;
		float: right;
		width: 600px;
		text-align: left;
		overflow: hidden;
	}

#t_right_wrap {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	float: right;
	width: 200px;
	text-align: left;
	overflow: hidden;
}




/* ############# 他ページ用 ############# */

#o_main_wrap {
	padding: 20px 10px;
	margin: 0px;
	float: left;
	width: 760px;
	overflow: hidden;
}
#o_side_wrap {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	float: right;
	width: 240px;
	text-align: left;
	overflow: hidden;
}

#o_full_wrap {
	padding: 20px 10px;
	margin: 0px;
	width: 1000px;
	overflow: hidden;
}

#o_half_wrap {
	padding: 20px 10px;
	margin: 0px;
	float: left;
	width: 500px;
	overflow: hidden;
}


div#header{
	max-width: 1000px;
	padding: 0;
	margin: auto;
	overflow: hidden;
}
div#siteDesc {
	text-align: left;
	margin: 2px 10px;
	font-size: 90%;
}
div#pageTitle {
	float: right;
	margin: 5px 10px;
}
div#pageTitle span{
	margin: 0 6px 0 0;
	display: block;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	color: #DC143C;
	width: 30px;
	height: 20px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;

	display: inline-block;
	zoom: 1;
	*display: inline;
}

	div#pageTitle a{
		font-size: 14px;
		color: #404040;
		margin: 0;
		text-decoration: none;
		overflow: hidden;
	}
	div#pageTitle a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}
div#logo {

}
div#logo a {

}
	div#logo a:hover{

	}

div#footer_wrap{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #e0e7ec;
	overflow: hidden;
}

	div#footer{
		max-width: 1000px;
		padding: 10px;
		margin: 0 auto;
		overflow: hidden;
		background-color: #edf2f2;
/*
		filter: alpha(opacity=60);
		opacity:0.60;
*/
	}


		div#footer div#footer_menu_wrap{
			float: left;
			width: 75%;
			overflow: hidden;
			margin: 0;
			padding: 0;
			display: block;
		}
		div#footer div#footer_menu_wrapS{
			float: right;
			width: 25%;
			overflow: hidden;
			margin: 0;
			padding: 5px;
			display: block;


		}
		div#footer div#footer_menu_wrapS div.footer_menu_box, 
		div#footer div#footer_menu_wrap div.footer_menu_box{
			width: 100%;
			padding: 0.5% 0;
			margin: 0.5% 0;
			overflow: hidden;
			display: block;

			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		div#footer div#footer_menu_wrap div.footer_menu_box{
			background-color: #f2f7f7;
		}

		div#footer div#footer_menu_wrap div.footer_menu_box > ul{
			margin: 0;
			overflow: hidden;
		}
		div#footer div#footer_menu_wrap div.footer_menu_box > ul li {
			margin: 0;
			padding: 0;
			list-style:none;
			display: block;
			float: left;
		}
		/* First Title */
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li.fTit{
			overflow: hidden;
			width: 18%;
			margin: 0;
			margin-top: 0.2em;
			padding: 0;
			font-weight: bold;
			color: #0081c6;
			text-align: right;
		}
		/* First Content */
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li.fCont{
			width: 82%;
		}

		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li > ul{
			margin: 0 0 0 1.5em;
			padding: 0;
		}
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li > ul > li{
			margin-top: 0.2em;
			margin-bottom: 0.2em;
			white-space: nowrap;
			margin-right: 0.3em;
			padding-left: 1em;
			display: inline;
		}
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul > li > ul > li + li::before{
			content: "|";
			margin-right: 1em;
			color: #ccc;
		}
		/* menu Content */
		div#footer > div#footer_menu_wrap > div.footer_menu_box > ul a{
			font-weight: normal;
			font-size: 100%;
		}


		div#footer div#footer_menu_wrap div.footer_menu_box ul li a{
			color: #4d4d4d;
			text-decoration: none;
		}
		div#footer div#footer_menu_wrap div.footer_menu_box ul li a:hover{
			text-decoration: underline;
		}







		/*SNS リンク Footer */
		div#footer div#footer_sns{
			margin: 10px 0;
			width: 100%;
		}
		div#footer div#footer_sns ul{
			width: 100%;
			padding: 0px;
			margin: 5px auto;
			list-style-type: none;
			text-align: center;
			font-size: 0;
		}
		div#footer div#footer_sns ul li{
			white-space: nowrap;
			list-style-type:none;
			margin-right: 10px;

			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		div#footer div#footer_sns ul li a{
			display: block;
			text-decoration: none;
			text-indent: -1500px;
			width: 30px;
			height: 30px;
			background-repeat: no-repeat;
			background-size: cover;
		}
		div#footer div#footer_sns ul li a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}
		div#footer div#footer_sns ul li#icon_facebook a {
			background-image: url(/images/icon_facebook_s.png);
		}
		div#footer div#footer_sns ul li#icon_twitter a {
			background-image: url(/images/icon_twitter_s.png);
		}
		div#footer div#footer_sns ul li#icon_flickr a {
			background-image: url(/images/icon_flickr_s.png);
		}
		div#footer div#footer_sns ul li#icon_youtube a {
			background-image: url(/images/icon_youtube_s.png);
		}
		div#footer div#footer_sns ul li#icon_instagram a {
			background-image: url(/images/icon_instagram_s.png);
		}
		/*SNS リンク*/


		div#footer div#facebook_like_button{
			text-align: center;
			margin: 10px auto;
		}

/* ############# Footer Map and Guide ############# */
div#footer div#footer_map_guide{
	margin: 10px 0;
	width: 100%;
}
div#footer div#footer_map_guide ul{
	width: 100%;
	padding: 0px;
	margin: 5px auto;
	list-style-type: none;
	text-align: center;
	font-size: 0;
}
div#footer div#footer_map_guide ul li{
	white-space: nowrap;
	list-style-type:none;
	margin-right: 10px;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
div#footer div#footer_map_guide ul li a{
	display: block;
	text-decoration: none;
	text-indent: -1500px;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: cover;
}
div#footer div#footer_map_guide ul li a:hover{
	filter: alpha(opacity=75);
	opacity:0.75;
}
div#footer div#footer_map_guide ul li#f_map a {
	background-image: url(/images/icon_map.png);
}
div#footer div#footer_map_guide ul li#f_guide a {
	background-image: url(/images/icon_guidebook.png);
}
/* ############# Footer Map and Guide ############# */

/* ############# Guide book ############# */
div#h_guide {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-indent: -1500px;
}

div#h_guide a {
	display:block;
	margin: 10px 0px 0px 10px;
	height: 90px;
	width: 80px;
	text-decoration: none;
	text-indent: -1500px;
	overflow: hidden;
	background: url(/images/header.png);
	background-repeat: repeat-x;
	background-position: -410px -10px;
}

div#h_guide a:hover {
	display: block;
	margin: 10px 0px 0px 10px;
	height: 90px;
	width: 80px;
	overflow: hidden;
	background: none;
	background: url(/images/header_hover.png);
	background-repeat: repeat-x;
	background-position: -410px -10px;
}
/* ############# Guide book ############# */



/* ############# sister link ############# */
div#sister_link{
	display: block;
	clear: both;
	width: 100%;
	border-top: 3px solid #d3d8d8;
	background-color:#e0e5e5;
	padding: 3px 0;
	margin: 0;
}
	div#sister_link ul{
		width: 100%;
		padding: 0px;
		margin: 5px auto;
		list-style-type: none;
		text-align: center;
	}
	div#sister_link ul li{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		white-space: nowrap;
		/*
		margin-right: 0.3em;
		padding-left: 1em;
		*/
		margin-left: 0.5em;
		margin-right: 0.5em;
		display: inline;
	}
	div#sister_link ul li + li::before{
		content: "|";
		margin-right: 1.2em;
		color: #ccc;
	}
	div#sister_link ul li a{
		color: #007aba;
		text-decoration: none;
	}
	div#sister_link ul li a:hover{
		text-decoration: underline;
	}


/* ############# sister link ############# */


/* ############# copyright ############# */
div#copyright {
	clear: both;
	background-color:#008cd3;
	width: 100%;
	text-align: center;
	padding: 3px 0;
	margin: 0;
	padding: 65px 0 15px 0;
	background-repeat: no-repeat;
	background-size: 18%;
	background-position: center center;
	background-image: url(/images/earth.svg);
		filter: alpha(opacity=80);
		opacity:0.80;
}
	div#copyright p{
		line-height: 2em;
		margin: 0;
		color: #404040;
		background-color: #008cd3;
		filter: alpha(opacity=80);
		opacity:0.80;
	}
	div#copyright p a{
		color: #404040;
	}
/* ############# copyright ############# */


/* ############# 利用規約＆個人情報ポリシー＆サイトマップ ############# */
div#appendix{
	display: block;
	clear: both;
	width: 100%;
	background-color:#008cd3;
	padding: 4px 0;
	margin: 0;
	font-size: 86%;
}
	div#appendix ul{
		width: 100%;
		padding: 0px;
		margin: auto;
		list-style-type: none;
		text-align: center;
	}
	div#appendix ul li{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		white-space: nowrap;
		/*
		margin-right: 0.3em;
		padding-left: 1em;
		*/
		margin-left: 0.5em;
		margin-right: 0.5em;
		display: inline;
	}
	div#appendix ul li + li::before{
		content: "|";
		margin-right: 1.2em;
		color: #ccc;
	}
	div#appendix ul li a{
		color: #e0e5e5;
		text-decoration: none;
	}
	div#appendix ul li a:hover{
		text-decoration: underline;
	}


/* ############# 利用規約＆個人情報ポリシー ############# */



div.main_wrap{
	width: 1000px;
	margin: auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	background-color: #fff;
}

	div.main{
		width: 760px;
		float: left;
		margin: 0;
		padding: 0px;
		border: 0px solid rgba(0,0,0,.1);
	}
	div.main_content{
		padding: 5px;
	}
	div.side{
		width: 240px;
		float: right;
		margin: 0;
		padding: 0;
	}


div.side_wrap{
	margin: 0 auto 10px auto;
	padding: 0;
	width: 96%;
	border: 1px solid #abc7ca;
}
div.side_content{
	padding: 5px;
}


/* ############# PATH ############# */
/* PATH */


#topicPath{
	width: 100%;
	margin: 0;
	padding: 8px 0;
	height: auto;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
	font-size: 80%;
	line-height: 18px;
}
#topicPath ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: left;
	padding-right: 1.5em;
}

#topicPath ul li{
	list-style: none;
	float: left;
	margin: 0 .4em 0 1em;
}
	#topicPath ul li:first-child{
		margin-left: 0.5em;
	}
#topicPath ul li a{
	background: #f1f1f1;
	padding: .5em 1em;
	float: left;
	text-decoration: none;
	color: #444;
	position: relative;
}

#topicPath ul li a:hover{
	background: #eaeaea;
	color: #444;
}
#topicPath ul li a::before{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #f1f1f1 #f1f1f1 #f1f1f1 transparent;
	left: -1em;
}
/* HOME 用*/
#topicPath ul li:first-child a::before{
	content: "";
	position: absolute;
	top: 20%; 
	margin-top: 0;   
	border-width: 0;
	border-style: solid;
	border-color: #fff #fff #fff transparent;
	left: 35%;
	text-indent: 0;

	font-family: FontAwesome; /* FontAwesome Icon */
	content: "\f015";
	color: #adadad;
	font-size: 160%;
}
/*
#topicPath ul li:first-child a::before{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-width: 1.5em 0 1.5em 0;
	border-style: solid;
	border-color: #fff #fff #fff transparent;
	left: -1em;
}
*/

#topicPath ul li:first-child a{
	width: 3.5em;
	text-indent: -1500px;
	border-top-left-radius: 3px; 
	border-bottom-left-radius: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
}
/* HOME 用*/
#topicPath ul li a:hover::before{
	border-color: #eaeaea #eaeaea #eaeaea transparent;
}

#topicPath ul li a::after{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #f1f1f1;
	right: -0.9em;
}

#topicPath ul li a:hover::after{
	border-left-color: #eaeaea;
}
/*
#topicPath ul li:last-child{
	font-weight: bold;
	background: none;
	padding: .4em 1em;
	content: normal;
}
*/
/* H1 Title 用 */
#topicPath h1{
	margin: 0 0 0 1em;
	padding: .4em 0.5em;
	font-size: 130%;
}


/* ############# PATH ############# */


/* ############# LINK ############# */
a:link{
	color:#0063a4;
	text-decoration: none;
}
a:visited{
	color:#005489;
	text-decoration: none;
}

/*
a:active{
	color:#1A2B57;
	text-decoration:underline;
}
*/
a:hover{
	text-decoration: underline;
}
a:hover img{
	filter: alpha(opacity=75);
	opacity:0.75;
}
/* ############# LINK ############# */


/* ############# LIST ############# */
/* ul ol dl の標準設定 */
ul, ol{
	margin-top: 2em;
	margin-bottom: 2em;
	padding-left : 0;
	margin-left: 2em;
}

ul li, ol li{
	margin-left: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}


ul.nomgn{
	margin-left: 0;
	padding-left : 0;
	list-style: none;
}

dl dt{
}
dl dd{
	margin-left: 1em;
}



ol.alpha{
	counter-reset: alpha; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
	margin: 0;
	padding: 0;
}
ol.alpha > li{
	margin: 8px 0;
	padding: 0;
	padding-left: 2.4em;
	position: relative;
}
	ol.alpha > li:before{
		counter-increment: alpha;      /* number カウンタを増加 */ 
		content: counter(alpha, upper-alpha);      /* 表示形式を指定 */ 
		display:inline-block;
		zoom: 1;
		*display: inline;

		width: 24px;
		height: 24px;
		color: #fff;
		line-height: 24px;
		text-align: center;
		background-color: #ec9800;
		position: absolute;
		font-size: 110%;
		left: 0;
		top: -0.2em;

		border-radius: 50%; 
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}

ol.num{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
	margin: 0;
	padding: 0;
}
ol.num > li{
	margin: 8px 0;
	padding: 0;
	padding-left: 2.4em;
	position: relative;
}
	ol.num > li:before{
		/* カウンタ（数字になる部分） */
		counter-increment: number; /* 任意の名前を付けて！ */
		content: counter(number); /* 名前を付けたカウンターを呼び出し */
		width: 24px;
		height: 24px;
		color: #fff;
		line-height: 24px;
		text-align: center;
		background-color: #5aad6d;
		position: absolute;
		font-size: 110%;
		left: 0;
		top: -0.2em;

		display:inline-block;
		zoom: 1;
		*display: inline;
		border-radius: 50%; 
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}

ol li span.li_tit,
ul li span.li_tit{
	font-weight: bold;
}

ol li span.li_cont,
ul li span.li_cont{
	display: block;
}
ol li span.li_label,
ul li span.li_label{
	float: right;
	padding: 0.2em 0.5em;
	color: #808080;
	background-color: #e6e6e6;
	font-size: 90%;

	display: inline-block;
	zoom: 1;
	*display: inline;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	filter: alpha(opacity=90);
	opacity:0.90;
}




/* font icon */
ul.profile{
	padding: 1em 0.5em;
	margin: 1em 0.5em !important;
	overflow: hidden;
	background-color: #f1f1f1;
	border: 2px dashed  #fff;
	box-shadow: 0 0 0 5px #f1f1f1;
	-moz-box-shadow: 0 0 0 5px #f1f1f1;
	-webkit-box-shadow: 0 0 0 5px #f1f1f1;

/*	border-left: 3px solid #eaeaea;:?
/*	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);*/
/*
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
*/
}

ul.clear:before{
	content: "";
	position: relative;
	display: block;
	width: 100%;
	height: 1em;
	top:0;
	left:0;
	clear: both;
}
ul.clear{
	clear: both;
}

ul.nomgn{
	margin: 0;
}
	ul.nomgn > li{
		margin-left: 0;
		margin-right: 0;
	}

ul.li_none,
ul.li_f_icon,
ul.li_icon{
	margin-left: 0;
	margin-right: 0;
	list-style: none;
}

	ul.li_icon > li{
		padding: 0;
		padding-left: 1.5em;
		position: relative;
	}
		ul.li_icon > li:before {
			font-family: FontAwesome;
			font-size: 100%;
			position: absolute;
			left: 0;
			top: -0.1em;
			color: #8c8c8c;
		}
		 /* Default */
		ul.li_icon > li:before {
			content: "\f192";
			font-weight: normal !important;
		}

		ul.li_icon.check > li:before {
			content: "\f05d";
		}

		ul.li_icon.arrow > li:before{
			content: "\f138";

		}


.icon_font.exc{
	margin: 0;
	padding: 0;
	padding-left: 1.4em;
	position: relative;
}
		/* FontAwesome Icon */
		.icon_font.exc:before{
			font-family: FontAwesome;
			font-size: 120%;
			position: absolute;
			left: 0;
			top: -0.2em;
			content: "\f06a";
		}






dl.list {
	margin: 1em auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
	dl.list > dt,
	dl.list > dd {
	}
	dl.list > dt:first-child,
	dl.list > dt:first-child + dd  {
/*
		border-top: none;
*/
	}
	dl.list > dt {
		display: block;
		background-color: #eaeaea;
		padding: 0.5em;
		font-weight: bold;
		font-size: 110%;
		border-top: 0 solid  #d9d9d9;
		border-bottom: 1px solid  #e5e5e5;

		border-top-left-radius: 3px; 
		border-top-right-radius: 3px; 
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
	}

	dl.list > dt > span.dts {
		display: block;
		font-size: 80%;
		color: #a0a0a0;
		line-height: 90%;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}

	dl.list > dd {
		display: block;
		color: #737373;
		padding: 0.5em;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		background-color: #f4f4f4;

		border-bottom-left-radius: 3px; 
		border-bottom-right-radius: 3px; 
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
	}
		dl.list > dd:last-child {
			border-bottom: 1px solid  #d9d9d9;
		}
		dl.list > dd img,
		dl.list > dt img{
			border: 1px solid #ddd;
			padding: 3px;
			background: #f8f8f8;
			margin: 0.5em;
			display: block;
		}
		dl.list > dd img{
			width: 20%;
			float: left;
		}
		dl.list > dd img.r{
			float: right;
		}
		dl.list > dd img.w30{
			width: 30%;
		}

		dl.list > dd:after {
			content:'';
			display:block;
			clear:both;
		}




dl.table {
	margin: 1em auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #e6e6e6;
	border: solid 1px #d9d9d9;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	dl.table > dt,
	dl.table > dd {
		border-top: 1px solid  #d9d9d9;
	}
	dl.table > dt:first-child,
	dl.table > dt:first-child + dd  {
		border-top: none;
	}
	dl.table > dt {
		width: 30%;
		float: left;
		display: block;
		text-align: center;
		padding: 0.5em;
		font-weight: bold;
	}
	dl.table > dt > span.dts {
		display: block;
		font-size: 80%;
		color: #a0a0a0;
		line-height: 90%;
		margin: 0;
		padding: 0;
		font-weight: normal;
	}

	dl.table > dd {
		display: block;
		color: #737373;
		padding: 0.5em;
		background-color: #f4f4f4;
		margin-left: 0;
		margin-right: 0;
		margin-left: 30%;
		padding-bottom: 0.5em;
		box-sizing: border-box;
	}
		dl.table > dd > div.dd_title {
			font-weight: bold;
			font-size: 120%;
			border-bottom: solid 1px #eaeaea;
			margin-bottom: 0.5em;
		}
		dl.table > dd > span.dt_label{
			float: right;
			padding: 0.2em 0.5em;
			margin-left: 0.5em;
			color: #808080;
			background-color: #e6e6e6;
			font-size: 90%;

			display: inline-block;
			zoom: 1;
			*display: inline;

			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;

			filter: alpha(opacity=90);
			opacity:0.90;
		}

		dl.table > dd img,
		dl.table > dt img{
			border: 1px solid #ddd;
			padding: 3px;
			background: #f8f8f8;
			margin: 0.5em auto;
		}
		dl.table > dd img{
			width: 30%;
			float: right;
		}
		dl.table > dd img.r{
			float: right;
		}

		dl.table > dd:last-child {
			border-bottom: 0 dotted  #cccccc;
		}
		dl.table > dd:after {
			content:'';
			display:block;
			clear:both;
		}



dl.table,
dl.list {
	font-size: 96%;
}
	dl.table dl,
	dl.list dl{
		font-size: 100%;
	}

ul.comments {
	margin: 0.6em auto;
	width: 100%;
	height: auto;
	padding: 0;
}

	ul.comments > li {
		position: relative;
		display: block;
		color: #737373;
		padding: 1.4em 1em 1em 1em;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		background-color: #f4f4f4;

		border-radius: 2px; 
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
	ul.comments > li > span.update {
		position: absolute;
		display: block;
		top: -4px;
		right: -4px;
		text-align: center;
		font-size: 80%;
		color: #808080;
		margin-left: 2em;
		padding: 0.2em 1em;
		background-color: #c6c6c6;

		border-top-left-radius: 1px; 
		border-top-right-radius: 1px; 
		border-bottom-left-radius: 1px; 
		-webkit-border-top-left-radius: 1px;
		-webkit-border-top-right-radius: 1px;
		-webkit-border-bottom-left-radius: 1px;
		-moz-border-radius-topleft: 1px;
		-moz-border-radius-topright: 1px;
		-moz-border-radius-bottomleft: 1px;
	}
		ul.comments > li > span.update:after {
			position: absolute;
			border: none;
			border-bottom: solid 4px transparent;
			content: '';
			position: absolute;
			right: 0;
			border-left: solid 4px #808080;
			bottom: -4px;
		}



	/* 横並び ＆ センタリング */
	div.inline_center{
		margin: 0;
		padding: 0;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
		div.inline_center ul {
			margin: 0;
			padding: 0;
			position: relative;
			left: 50%;
			float: left;
		}
		div.inline_center ul li{
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 2px;
			margin-right: 2px;
			padding: 0;
			list-style-type: none;
			position: relative;
			left: -50%;
			float: left;
		}


	/* 横並び ＆ センタリングなし */
	div.inline_list{
		margin: 0;
		padding: 0;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
		div.inline_list ul {
			margin: 0;
			padding: 0;
			float: left;
		}
		div.inline_list ul li{
			margin: 0.4em;
			padding: 0;
			list-style-type: none;
			float: left;
		}
	/* センタリングの場合 */
		div.inline_list.center ul{
			float: none;
			letter-spacing: -.4em;
		}
			div.inline_list.center ul li{
				letter-spacing: normal;
				float: none;
				display: inline-block;
				zoom: 1;
				*display: inline;
			}





/* 各テーブル共通 */
ul.line{
	overflow: hidden;
}
ul.line > li{
	white-space: nowrap;
	float: left;
	margin-right: 2em;
}
dl.table.w46 > dt {
	width: 40%;
}
	dl.table.w46 > dd {
		margin-left: 40%;
	}
dl.table.w28 > dt {
	width: 20%;
}
	dl.table.w28 > dd {
		margin-left: 20%;
	}

dl.list.fs80 > dt,
dl.list.fs80 > dd,
dl.table.fs80 > dt,
dl.table.fs80 > dd{
	font-size: 80%;
}

/* ############# LIST ############# */


/* ############# UPDATE ############# */
div.update {
	margin: 10px;
	padding: 10px;
	background-color: #F1F5F9;
	border: solid 1px #D0E1F6;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

	dl.update dt {
		clear: left;
		float: left;
		width: 6em;
		font-weight: bold;
	}

	dl.update dd {
		margin-left: 6em;
		margin-bottom: 10px;
	}
.notice p{
	color: #ff0000;
	font-weight: bold;
}

/* TEXT */
p.update {
	text-align: right;
	margin: 10px;
	font-size: 9pt;
}
/* ############# UPDATE ############# */



/* ############# PAGE LINK ############# */
div.pgLink{
	clear: both;
	padding: 1em;
	margin: 0 0 0 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

div.pgLink ul{
	padding: 0;
	margin: 0;
}
div.pgLink ul li{
/*	white-space: nowrap;*/
	list-style-type: none;
	text-indent: 2em;
	margin: 0 2em 0 0;
	padding: 0;
	padding-left: 0.3em;
	float: left;
}
	div.pgLink li:before {
		content: "\f138";
		font-family: FontAwesome;
		margin-left: -2.5em;
		margin-right: 0.3em;
		color: #0084c9;
		font-size: 120%;
	}
/* ############# PAGE LINK ############# */


/* ############# TEXT FIELD ############# */
div.content_field {
	margin: 0 0 50px 0px;
	padding: 8px;
	background-color: #f9f9f9;
	overflow: hidden;

	box-shadow: 0px 1px 3px 0px #d9d9d9;
	-webkit-box-shadow: 0px 1px 3px 0px #d9d9d9;
	-moz-box-shadow: 0px 1px 3px 0px #d9d9d9;

}

div.text_field {
	margin: 10px 0;
	padding: 8px;
	background-color: #f9f9f9;
	overflow: hidden;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}
div.text_field_nc{
	background-color: #fff;
}



/* ############# TEXT FIELD ############# */


/* ############# textBox ############# */
div.textBox{
	clear: both;
	padding: 0.5em 1em;
	margin: 1.5em 0;
	border: 1px solid #d9d9d9; /* Default */
	overflow: hidden;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	div.profile{
		background-color: #efefef;
		border: none;
	}

	div.textBox.b_icon.info,
	div.textBox.b_blue{
		background-color: #d8eaef;
		border: 1px solid #5a8cd1;
	}
	div.textBox.b_icon.exc,
	div.textBox.b_red{
		background-color: #fff0f4;
		border: 1px solid #ff0000;
	}
	div.textBox.b_white{
		background-color: #ffffff;
		border: 1px solid #d9d9d9;
	}
	div.textBox.b_orange{
		background-color: #ffe9cd;
		border: 1px solid #dc6000;
	}
	div.textBox.b_grey{
		background-color: #f4f4f4;
		border: 1px solid #d9d9d9;
	}
	div.textBox.b_pink{
		background-color: #fff0f4;
		border: 1px solid #ffb4b7;
	}
	div.textBox.b_icon.tip,
	div.textBox.b_yellow{
		background-color: #f9ffe2;
		border: 1px solid #c4b700;
	}
	/* 経過年数 */
	div.textBox.b_icon.past{
		background-color: #fffce5;
		border: 1px solid #eceda9;
	}
		div.textBox.b_icon.past > p{
			color: #9b9b6d;
		}

	div.textBox.nb{ /* No border */
		border: 0 solid #ff0000;
	}


	div.textBox h5.b_title{
		font-size: 110%;
		margin-top: 0;
		margin-bottom: 0.2em;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #f1f1f1;
	}
	div.textBox.profile h5.b_title{
		border-bottom: 1px solid #e5e5e5;
	}

	div.textBox.b_icon.exc h5.b_title,
	div.textBox.b_red h5.b_title{
		border-bottom: 1px solid #ffe1e5;
	}
	div.textBox.b_icon.info h5.b_title,
	div.textBox.b_blue h5.b_title{
		border-bottom: 1px solid #b9d2e7;
	}
	div.textBox.b_icon.tip h5.b_title,
	div.textBox.b_yellow h5.b_title{
		border-bottom: 1px solid #eceda9;
	}

	/* centering title */
	div.textBox h5.b_title{
		font-size: 120%;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	/* s title */
	div.textBox h5.b_stitle{
		font-size: 110%;
		position: relative;
		padding: .2em 1.5em .2em 1.0em;
		margin: 0.8em 0 0.5em 0;
		color: #595959;
	}
	div.textBox h5.b_stitle::before{
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -0.6em;
		content: '';
		height: 1.2em;
		width: 6px;
		background-color: #b3b3b3;
		border-radius: 6px;
	}


	/* FontAwesome Icon */
	div.textBox.b_icon{
		padding-left: 5em;
		position: relative;
	}
	div.textBox.b_icon:before{
		margin: 0;
		padding: 0;
		display: block;
		font-family: FontAwesome;
		content: "\f05a";
		font-size: 2rem;
		position: absolute;
		left: 1em;
		line-height: 100%;
		top: 50%;
		margin-top: -0.5em;
	}
		div.textBox.b_icon.tip:before{
			content: "\f0eb";
			color: #dbdb9b;
		}
		div.textBox.b_icon.info:before{
			content: "\f05a";
			color: #89c4e5;
		}
		div.textBox.b_icon.exc:before{
			content: "\f06a";
			color: #ffb4b7;
		}
		div.textBox.b_icon.qa:before{
			content: "\f059";
			color: #bfbfbf;
		}
		/* 経過年数 */
		div.textBox.b_icon.past:before{
			content: "\f1da";
			color: #d3d396;
		}



	/* additional option */
	div.textBox.inline{
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	div.mgn_H1{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	div.mgn_H3{
		margin-top: 3em;
		margin-bottom: 3em;
	}
	div.pdg_W1{
		padding-left: 1em;
		padding-right: 1em;
	}
	div.pdg_HW1{
		padding: 1em;
	}
	div.pdg_HW3{
		padding: 3em;
	}
	div.pdg_W2{
		padding-left: 2em;
		padding-right: 2em;
	}
	div.pdg_W3{
		padding-left: 3em;
		padding-right: 3em;
	}

	div.pdg_L2{
		padding-left: 2em;
	}

	div.box_indent25{
		margin-left: 25px;
	}

	div.box_content{
		padding-left: 2em;
	}


div.clearBox{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* ############# textBox ############# */

/* ############# for responsive ############# */


div.box_content{
}

/* hiding on mobile or tablet */
span.view_mode{
}

/* 横スクロール */
div.scroll{
}
	div.scroll > table{
	}

/* ############# for responsive ############# */


/* ############# TABLE ############# */

/* table.reg */
table caption {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	caption-side: top;
	padding: .2em 1em .2em 2em;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 0.3em;

	padding-left: 2.0em;
	position: relative;
}
	table caption:before {
		font-family: FontAwesome; /* FontAwesome Icon */
		font-size: 120%;
		position: absolute;
		left: 0.3em;
		top: 0;
		content: "\f00b";
		color: #4d4d4d;
		font-weight: normal;
	}

table.pc,
table.sc,
table.th_top,
table.th_top_box,
table.reg {
	width: 100%;
	margin: 1em 0;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: #fff;
}
table.reg > tbody > tr > th,
table.reg > tbody > tr > th {
	width: 30%;
}


table.pc > tbody > tr > th,
table.pc > thead > tr > th,
table.sc > tbody > tr > th,
table.sc > thead > tr > th,
table.th_top > tbody > tr > th,
table.th_top > thead > tr > th,
table.th_top_box > tbody > tr > th,
table.th_top_box > thead > tr > th,
table.reg > thead > tr > th,
table.reg > tbody > tr > th {
	text-align: center;
	border: #d3d3d3 1px solid;
	background-color: #efefef;
	padding: 8px;
	font-weight: bold;
}

table.pc > tbody > tr > td,
table.sc > tbody > tr > td,
table.th_top > tbody > tr > td,
table.th_top_box > tbody > tr > td,
table.reg > tbody > tr > td {
	border: #d3d3d3 1px solid;
	padding: 8px;
}




/* 各テーブル共通 */
/* on mouse */
table.onmouse > tbody > tr:hover td{
	background-color: #f9f9f9 !important;
}
table.onmouse > tbody > tr > td:hover {
	background-color: #f5f5f5 !important;
}

/* font size */
table.tb_fs80 th,
table.tb_fs80 td{
	font-size: 80%;
}
table.tb_fs70 th,
table.tb_fs70 td{
	font-size: 70%;
}
table > tbody > tr.tb_line > th,
table > tbody > tr.tb_line > td {
	border-bottom: #d3d3d3 2px double;
}

table .stitle {
	background-color: #f9f9f9 !important;
	font-weight: bold !important;
	text-align: center !important;
}


table.tb_pdg5 > thead > tr > th,
table.tb_pdg5 > tbody > tr > th,
table.tb_pdg5 > tbody > tr > td {
	padding: 5px;
}
table .tb_w10{
	width: 10% !important;
}
table .tb_w15{
	width: 15% !important;
}
table .tb_w20{
	width: 20% !important;
}
table .tb_w25{
	width: 25% !important;
}
table .tb_w30{
	width: 30% !important;
}
table .tb_w40{
	width: 40% !important;
}
table .tb_w75 {
	width: 75% !important;
}


table.tb_wauto > tbody > tr > th,
table.tb_wauto > tbody > tr > td{
	width: auto !important;
}
table.tb_w10 > tbody > tr > th{
	width: 10%;
}
table.tb_w15 > tbody > tr > th{
	width: 15%;
}
table.tb_w20 > tbody > tr > th{
	width: 20%;
}
table.tb_w25 > tbody > tr > th{
	width: 25%;
}
table.tb_w30 > tbody > tr > th{
	width: 30%;
}
table.tb_w40 > tbody > tr > th{
	width: 40%;
}
table.tb_w75 > tbody > tr > th{
	width: 75%;
}


table.tb_center th,
table.tb_center td,
table .tb_center{
	text-align: center;
}
table .tb_dark {
	background: #fcfcfc;
}
table.tb_bold,
table .tb_bold {
	font-weight: bold;
}
table .tb_yellow{
	background: #fffff2;
}




/* Talbe 内の ul ol */
table ul, table ol{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left : 0;
	margin-left: 1em;
}

/* ############# TABLE ############# */

/* ############# READ MORE ############# */
	a.expand_button,
	a.expand_button2{
		margin: 0;
		font-size: 0.8rem;
		background-color: #fcfcfc;
		text-align: center;
		position: relative;
		padding: 0.5em 0;
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;

		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
		a.expand_button:before,
		a.expand_button2:before{
			display: block;
			font-family: FontAwesome;
			font-size: 2rem;
			line-height: 2rem;
		}
	a.expand_button{
		margin-bottom: -3em;
		top: -3em;
	}
		a.expand_button:before{
			content: "\f067";
		}
	a.expand_button2{
		top: 0;
	}
		a.expand_button2:before{
			content: "\f068";
		}
	a.expand_button:hover,
	a.expand_button2:hover{
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}

/* ############# READ MORE ############# */

/* ############# PAGER ############# */

#pagerLink{
	clear: both;
	overflow: hidden;
	margin: 2em 0;
	text-align: center;
}

	#pagerLink ul{
		margin: 0.3em;
		padding: 0;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	#pagerLink ul li{
		white-space: nowrap;
		list-style-type: none;
		float: left;
		margin: 1px;
		font-size: 80%;
		overflow: hidden;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
		#pagerLink ul li.off,
		#pagerLink ul li.on,
		#pagerLink ul li a{
			padding: 0.2em 1em;
			display: block;
		}
		#pagerLink ul li.off{
			text-decoration: none;
			color: #aaaaaa;
			background-color: #f9f9f9;
			border: 1px solid #e5e5e5;
		}
		#pagerLink ul li.on{
			color: #ffffff;
			background-color: #0086cc;
			border: 1px solid #268cbf;
		}
		#pagerLink ul li a{
			text-decoration: none;
			color: #404040;
			background-color: #eeeeee;
			border: 1px solid #dcdcdc;
		}
		#pagerLink ul li a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}



/* ############# PAGER ############# */


/* ############# MSG TEXT BOX ############# */
div.err_msg_box{
	clear: both;
	text-align: center;
	background-color: #dbe8ea;
	padding: 2em;
	margin: 0;
	border: 1px solid #5a8cd1;
	position: relative;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	/* FontAwesome Icon */
/*
	div.err_msg_box:before{
		margin: 0;
		padding: 0;
		display: block;
		font-family: FontAwesome;
		content: "\f06a";
		color: #bfcccc;
		font-size: 2rem;
		position: absolute;
		left: 1em;
		line-height: 100%;
		top: 50%;
		margin-top: -1em;

		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
*/

	div.err_msg_box.mgn{
		margin: 1em;
	}

	div.err_msg_box h3.err_msg_title {
		margin: 0.5em 0;
		padding: 0;
	}

	div.err_msg_box .link a{
		background-color: #5a8cd1;
		color: #ffffff;
		padding: 12px 20px;
		width: 50%;
		margin: 10px auto;
		display: block;
		text-align: center;
		text-decoration: none;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	div.err_msg_box .link a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}


div.msg_box {
	clear: both;
	text-align: center;
	background-color: #dbe8ea;
	padding: 2em;
	margin: 0;
	border: 1px solid #5a8cd1;
	position: relative;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	div.msg_box.mgn{
		margin: 1em;
	}

	div.msg_box h3.err_msg_title {
		margin: 0.5em 0;
		padding: 0;
	}

	div.msg_box .link a{
		background-color: #5a8cd1;
		color: #ffffff;
		padding: 12px 20px;
		width: 50%;
		margin: 10px auto;
		display: block;
		text-align: center;
		text-decoration: none;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	div.msg_box .link a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}

/* ############# MSG TEXT BOX ############# */



/* ############# FORM ############# */

/* JQuery Datepicker 初期設定 */
/* 下のレイヤーに隠れてしまう問題用 */
.ui-datepicker {
	z-index: 1000 !important;
}
/* on mouse で 前月、次月のボタンがずれる問題用 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
/* Timepicker の ＋ － のボタン用 */
.ui-icon-plus,
.ui-icon-minus {
	margin: 0 !important;
}
/*
.ui-slider-access{
	margin: 0 !important;
	padding: 0 !important;
}
*/
div.errWrap{
	margin: 10px 0 10px 10px;
	overflow: hidden;
}
	div.errWrap p{
	color: red;
	margin: 0;
	padding: 0;
	padding-left: 2em;
	line-height: 1.6em;
	position: relative;
	}
		div.errWrap p:before {
			content: "\f06a";
			font-family: FontAwesome;
			position: absolute;
			left: 0.2em;
			top: 0;
			color: red;
			font-size: 160%;
		}



div.form_reg{
}
	/*セレクトボックスのデザインを初期化*/
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	div.form_reg form{
		margin: 0;
		padding: 0;
	}

	div.form_reg input{
		border: 1px solid #bfbfbf;
		padding: 8px;
		margin: 3px 0;
	}
	div.form_reg textarea{
		border: 1px solid #bfbfbf;
		padding: 8px;
		margin: 3px 0;
		width: 100%;
	}
	div.form_reg .form_text{
		background-color: #e5eaea;
		color: #696969;
		border-color: #ffffff;
		border-color: #ffffff;
		border: 1px solid #bfbfbf;
		padding: 8px;
		width: 100%;
	}
	div.form_reg .form_text.req{
		background-color: #feefef;
		position: relative;
	}
	div.form_reg .form_text.w50{
		width: 50%;
	}

	div.form_reg div.req{
		position: relative;
		margin: 0;
		padding: 0;
	}
	div.form_reg div.req:after{
		content:"必須";
		text-align: center;
		padding: 0.2em 0.5em;
		margin: 0;
		border: 1px solid #fab2d2;
		background-color: #fdf0f6;
		color: red;
		font-size: 80%;
		position: absolute;
		top: -0.8em;
		right: 0;
		display: block;

		filter: alpha(opacity=95);
		opacity:0.95;

		border-radius: 1px; 
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	}
/*吹き出し
	div.form_reg div.req:before{
		content: "";
		position: absolute;
		top: 2em;
		right: 1em;
	 	margin-left: -5px;
		border: 5px solid transparent;
		border-top: 5px solid #fab2d2;
	}
*/
	div.form_reg .no_req_icon{
		background-image: none;
	}

	div.form_reg .form_button{
		background-color: #eaefd2;
		color: #606060;
		border: 1px solid #a6b45b;
		margin: 3px;
		padding: 3px;
	}

	label{
		font-size: 90%;
	}

	/* フォームの横並び用 */
	div.input_inline{
		margin: 0;
		padding: 0;z
		display: block;
		letter-spacing: -.4em;
	}
		div.input_inline > .form_text{
			letter-spacing: normal;
			margin: 0;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}
		div.input_inline.w50 > .form_text{
			width: calc(100% / 2);
		}
		div.input_inline.w30 > .form_text{
			width: calc((100% / 3) - 0.1px);
		}
		div.input_inline.w25 > .form_text{
			width: calc(100% / 4);
		}

	div.form_reg form span.req{
		margin: 0px;
		height: 0;
		padding-top:25px;
		width: 40px;
		overflow: hidden;
		background:url(../images/req_icon.png);
		background-repeat:no-repeat;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	div.form_reg form span.reqOLD{
		margin: 0px;
		line-height: 1.5;
		text-indent: -9999px;
		height: 25px;
		width: 40px;
		overflow: hidden;
		background:url(../images/req_icon.png);
		background-repeat:no-repeat;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	div.form_reg form span.reqR{
		float: right;
		margin: 0px;
		line-height: 1.5;
		text-indent: -9999px;
		height: 25px;
		width: 40px;
		overflow: hidden;
		background:url(../images/req_icon.png);
		background-repeat:no-repeat;

		display: inline-block;
		zoom: 1;
		*display: inline;
	}




	/*ボタン横並び用*/
	div.form_reg div.button_wrap{
		margin: 20px 0 10px 0;
		padding: 0;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
		div.form_reg div.button_wrap ul {
			margin: 0;
			padding: 0;
			position:relative;
			left:50%;
			float:left;
		}
		div.form_reg div.button_wrap ul li{
			margin: 2px;
			padding: 0;
			list-style-type: none;
			position: relative;
			left:-50%;
			float:left;
			font-weight: bold;
		}
		div.form_reg div.button_wrap ul li a{
			padding: 10px 20px;
			display: block;
			text-align: center;
			text-decoration: none;

			border-radius: 4px; 
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		}
			div.form_reg div.button_wrap ul li a.return{
				background: #f4d7c3;
				border: 1px solid #f5761d;
				color: #7e5454;

			 	box-shadow:inset 0px 10px 2px 2px #f2e2d3;
			 	-webkit-box-shadow:inset 0px 10px 2px 2px #f2e2d3;
			 	-moz-box-shadow:inset 0px 10px 2px 2px #f2e2d3;
			}
			div.form_reg div.button_wrap ul li a.del{
				background: #999999;
				border: 1px solid #737373;
				color: #fff;

			 	box-shadow:inset 0px 10px 2px 2px #808080;
			 	-webkit-box-shadow:inset 0px 10px 2px 2px #808080;
			 	-moz-box-shadow:inset 0px 10px 2px 2px #808080;
			}
			div.form_reg div.button_wrap ul li a.exec{
				background: #c7d4eb;
				border: 1px solid #4d80d5;
				color: #7e5454;

			 	box-shadow:inset 0px 10px 2px 2px #d8e1f1;
			 	-webkit-box-shadow:inset 0px 10px 2px 2px #d8e1f1;
			 	-moz-box-shadow:inset 0px 10px 2px 2px #d8e1f1;
			}

		div.form_reg div.button_wrap ul li a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}


	/*その他の一般ボタン*/
	div.form_reg input[type="button"],
	div.form_reg input[type="submit"]{
		cursor: pointer;

		background: #c7d4eb;
		border: 1px solid #4d80d5;
		color: #7e5454;
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;

		box-shadow:inset 0px 10px 2px 2px #d8e1f1;
		-webkit-box-shadow:inset 0px 10px 2px 2px #d8e1f1;
		-moz-box-shadow:inset 0px 10px 2px 2px #d8e1f1;

		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;

		display: inline-block;
		zoom: 1;
		*display: inline;

	}
	div.form_reg input[type="button"]:hover,
	div.form_reg input[type="submit"]:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}

	div.form_reg input[type="submit"].red{
		background: #ff8c87;
		border: 1px solid #ff5149;
		color: #7e5454;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;

		display: inline-block;
		zoom: 1;
		*display: inline;

	 	box-shadow:inset 0px 10px 2px 2px #ffb2a8;
	 	-webkit-box-shadow:inset 0px 10px 2px 2px #ffb2a8;
	 	-moz-box-shadow:inset 0px 10px 2px 2px #ffb2a8;

		border-radius: 2px; 
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

	div.form_reg input[type="submit"].blue{
		background: #93b1db;
		border: 1px solid #4d80d5;
		color: #7e5454;
		padding: 5px 10px;
		text-align: center;
		text-decoration: none;

		display: inline-block;
		zoom: 1;
		*display: inline;

	 	box-shadow:inset 0px 10px 2px 2px #b2c7e3;
	 	-webkit-box-shadow:inset 0px 10px 2px 2px #b2c7e3;
	 	-moz-box-shadow:inset 0px 10px 2px 2px #b2c7e3;

		border-radius: 2px; 
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}



	/* Valueの表示 */
	div.form_reg div.input_range_wrap{
		width: 100%;
		position: relative;
	}
		div.form_reg div.input_range_wrap span.range_value{
			width: 10%;
			display: block;
			font-size: 80%;
			padding-left: 1em;
			position: absolute;
			top: 50%;
			right: 0;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			border-radius: 2px; 
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
		}

		div.form_reg div.input_range_wrap input.form_range[type=range]{
			width: 90%;
		}
	div.form_reg input.form_range[type=range]{
		-webkit-appearance: none;
		width: 100%;
		border: none;
	}
	div.form_reg input.form_range[type=range]::-webkit-slider-runnable-track {
		height: 5px;
		background: #ddd;
		border: none;
		border-radius: 3px;
	}
	div.form_reg input.form_range[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: none;
		height: 12px;
		width: 12px;
		border-radius: 50%;
		background: #7ea4d8;
		margin-top: -4px;
	}
	div.form_reg input.form_range[type=range]:focus {
		outline: none;
	}
	div.form_reg input.form_range[type=range]:focus::-webkit-slider-runnable-track {
		background: #ccc;
	}

	/* Microsoft Edge 用 */
	div.form_reg input.form_range[type=range]::-ms-track{
		background: #ddd;
		height: 5px;
		margin: 0;
		padding: 0;
	}
	div.form_reg input.form_range[type=range]::-ms-thumb{
/*
		-webkit-appearance: none;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background: #7ea4d8;
		margin-top: -4px;
*/
	}
	div.form_reg input.form_range[type=range]::-ms-fill-upper{
		background: #ddd;
		border-radius: 3px;
	}
	div.form_reg input.form_range[type=range]::-ms-fill-lower {
		background: #7ea4d8;
		border-radius: 3px;
	}



	/* Button */
	div.form_reg button{
		cursor: pointer;
		color: #7e5454;
		padding: 0.4em 1.4em;
		text-align: center;
		text-decoration: none;
		font-size: 110%;
		border: 1px solid #d3d3d3;

		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;

		display: inline-block;
		zoom: 1;
		*display: inline;

	}
		div.form_reg button.exec{
			background: #c7d4eb;
			border: 1px solid #4d80d5;

			box-shadow:inset 0px 10px 2px 2px #d8e1f1;
			-webkit-box-shadow:inset 0px 10px 2px 2px #d8e1f1;
			-moz-box-shadow:inset 0px 10px 2px 2px #d8e1f1;
		}
		div.form_reg button.return{
			background: #f4d7c3;
			border: 1px solid #f5761d;

		 	box-shadow:inset 0px 10px 2px 2px #f2e2d3;
		 	-webkit-box-shadow:inset 0px 10px 2px 2px #f2e2d3;
		 	-moz-box-shadow:inset 0px 10px 2px 2px #f2e2d3;
		}
		div.form_reg button.preview{
			background: #c6e5ba;
			border: 1px solid #5aad6d;

			 box-shadow:inset 0px 10px 2px 2px #ccedc1;
			 -webkit-box-shadow:inset 0px 10px 2px 2px #ccedc1;
			 -moz-box-shadow:inset 0px 10px 2px 2px #ccedc1;
		}
		div.form_reg button.del{
			background: #999999;
			border: 1px solid #737373;
			color: #fff;

			 box-shadow:inset 0px 10px 2px 2px #a6a6a6;
			 -webkit-box-shadow:inset 0px 10px 2px 2px #a6a6a6;
			 -moz-box-shadow:inset 0px 10px 2px 2px #a6a6a6;
		}

		div.form_reg button.grey{
			background: #e8e8e8;
			border: 1px solid #d3d3d3;
			padding: 0.4em 1.4em;

		 	box-shadow:inset 0px 10px 2px 2px #efefef;
		 	-webkit-box-shadow:inset 0px 10px 2px 2px #efefef;
		 	-moz-box-shadow:inset 0px 10px 2px 2px #efefef;

		}
		div.form_reg button.dgrey{
			background: #dddddd;
			border: 1px solid #d3d3d3;
			padding: 0.4em 1.4em;

		 	box-shadow:inset 0px 10px 2px 2px #e3e3e3;
		 	-webkit-box-shadow:inset 0px 10px 2px 2px #e3e3e3;
		 	-moz-box-shadow:inset 0px 10px 2px 2px #e3e3e3;
		}


		div.form_reg button.btn_center{
			display: block;
			margin: auto;
		}

		div.form_reg button.btn_s{
			font-size: 90% !important;

		}

	div.form_reg button:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}


	/**** CHECK RADIO BOX １つ ****/
	input.form_radio[type=radio],
	input.form_checkbox[type=checkbox]{
			display: none;
	}
	input.form_radio[type=radio] + label,
	input.form_checkbox[type=checkbox] + label{
		white-space: nowrap;
		text-indent: 5px;
		background-color: #ededed;
		position: relative;
		cursor: pointer;
		margin: 0.6em 0.6em 0.6em 0;
		padding: 0.5em !important;
		padding-left: 2em !important;

		display: inline-block;
		zoom: 1;
		*display: inline;
		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	input.form_radio[type=radio] + label::before,
	input.form_checkbox[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0.6em;

		display: block;
		width: 18px;
		height: 18px;
		margin-top: -10px;
		background: #FFF;
	}
	input.form_radio[type=radio] + label::before {
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	input.form_checkbox[type=checkbox] + label::before {
		border: 2px solid #ccc;
	}
	input.form_radio[type=radio]:checked + label::after,
	input.form_checkbox[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		display: block;
	}
	input.form_radio[type=radio]:checked + label::after {
		left: 0.6em;
		width: 8px;
		height: 8px;
		margin-top: -5px;

		background: #5a8cd1;
		border-radius: 8px;
	}
	input.form_checkbox[type=checkbox]:checked + label::after {
		left: 0.6em;

		width: 16px;
		height: 8px;
		margin-top: -8px;

		border-left: 3px solid #5a8cd1;
		border-bottom: 3px solid #5a8cd1;

		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


	/**** CHECK RADIO BOX for 複数 ****/
	div.inputCheckWrap{
		width: 100%;
		margin: 5px 0;
		overflow: hidden;
	}
		div.inputCheckWrap.input_s{
			font-size: 90%;
		}
		div.inputCheckWrap.input_s ul li{
			padding: 0;
		}
	div.inputCheckWrap ul{
		padding: 0;
		margin: 0;
	}
	div.inputCheckWrap ul li{
		white-space: nowrap;
		list-style-type: none;
		text-indent: 5px;
		margin: 0px 5px 3px 0px;
		padding: 0.2em;
		float: left;
		background-color: #ededed;

		border-radius: 6px; 
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
		div.inputCheckWrap ul li:hover{
			filter: alpha(opacity=75);
			opacity: 0.75;
		}

		div.inputCheckWrap ul li input[type=radio],
		div.inputCheckWrap ul li input[type=checkbox]{
			display: inline-block;
			zoom: 1;
			*display: inline;
			margin-right: 0;
		}
		div.inputCheckWrap ul li input[type=radio] + label,
		div.inputCheckWrap ul li input[type=checkbox] + label{
			position: relative;
			margin-right: 10px;
			line-height: 2em;
			display: inline-block;
			zoom: 1;
			*display: inline;
			cursor: pointer;
		}

		div.inputCheckWrap ul li input[type=radio],
		div.inputCheckWrap ul li input[type=checkbox] {
			display: none;
			margin: 0;
		}
		div.inputCheckWrap ul li input[type=radio] + label,
		div.inputCheckWrap ul li input[type=checkbox] + label {
			padding: 0 0 0 1.5em;
			font-weight: normal;
		}
		div.inputCheckWrap ul li input[type=radio] + label::before,
		div.inputCheckWrap ul li input[type=checkbox] + label::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;

			display: block;
			width: 18px;
			height: 18px;
			margin-top: -9px;

			background: #FFF;
		}
		div.inputCheckWrap ul li input[type=radio] + label::before {
			border: 2px solid #ccc;
			border-radius: 30px;
		}
		div.inputCheckWrap ul li input[type=checkbox] + label::before {
			border: 2px solid #ccc;
		}
		div.inputCheckWrap ul li input[type=radio]:checked + label::after,
		div.inputCheckWrap ul li input[type=checkbox]:checked + label::after {
			content: "";
			position: absolute;
			top: 50%;

			display: block;
		}
		div.inputCheckWrap ul li input[type=radio]:checked + label::after {
			left: 5px;

			width: 8px;
			height: 8px;
			margin-top: -4px;

			background: #5a8cd1;
			border-radius: 8px;
		}
		div.inputCheckWrap ul li input[type=checkbox]:checked + label::after {
			left: 3px;

			width: 16px;
			height: 8px;
			margin-top: -8px;

			border-left: 3px solid #5a8cd1;
			border-bottom: 3px solid #5a8cd1;

			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}


	/* CHECK RADIO BOX */



	/* placeholder のフォントカラー*/
	/*Webkit*/
	div.form_reg ::-webkit-input-placeholder {
		color: #b3b3b3;
	}

	/*Firefox 19以降*/
	div.form_reg ::-moz-placeholder {
		color: #b3b3b3;
	}
	 
	/*Firefox 18以前*/
	div.form_reg :-moz-placeholder {
		color: #b3b3b3;
	}
	 
	/*Windows IE*/
	div.form_reg :-ms-input-placeholder {
		color: #b3b3b3;
	}




		/* ############# TEXT EDIT ICON ############# */
		div.textarea_edit_wrap{
			position: relative;
		}
		div.edit_icon_wrap{
			margin: 0;
		}
			div.textarea_edit_wrap div.edit_icon_wrap.edit_top{
				position: absolute;
				top: -1.6em;
				right: 0;
			}
			div.textarea_edit_wrap div.edit_icon_wrap.edit_bottom{
				position: absolute;
				bottom: -1.6em;
				right: 0;
			}

			div.textarea_edit_wrap div.edit_icon_wrap ul{
				letter-spacing: -.4em; /*inline-block のスペース削除対処*/
				padding: 0;
				margin: 0;
				list-style-type: none;
				text-align: right;
				float: right;
			}
			div.textarea_edit_wrap div.edit_icon_wrap ul li{
				letter-spacing: normal; /*inline-block のスペース削除対処*/
				list-style-type: none;
				padding: 0;
				margin-left: 1px;
				font-size: 90%;
				font-weight: normal;

				display: inline-block;
				zoom: 1;
				*display: inline;

			}
			div.textarea_edit_wrap div.edit_icon_wrap ul li a{
				color: #808080;
				text-decoration: none;
				padding: 0.2em 0.4em;
				border: 1px solid #e0e0e0;
				background-color: #efefef;
			}

			div.textarea_edit_wrap div.edit_icon_wrap ul li a:hover{
				filter: alpha(opacity=75);
				opacity: 0.75;
			}

			div.textarea_edit_wrap div.edit_icon_wrap ul li i.fa-flickr{
				color: #ff1c82;
			}
			div.textarea_edit_wrap div.edit_icon_wrap ul li i.fa-map-marker{
				color: #ff9e67;
			}
			div.textarea_edit_wrap div.edit_icon_wrap ul li i.fa-picture-o{
				color: #00a0dd;
			}





/* for Side Menu */
div.form_reg.sidemenu .form_text{
	font-size: 100%;
}
div.form_reg.sidemenu select{
	width: 100%;
}
div.form_reg.sidemenu input{
}
div.form_reg.sidemenu textarea{
	width: 100%;
	height: 18em;
}



/* エンターで送信防止のためのダミーボタン用 */
div.form_reg input.dummy{
	display: none;
/*
	position:absolute;
	visibility:hidden
*/
}

/* ############# FORM ############# */

/* ############# CAPTCHA ############# */
div.captcha{
	margin: 20px auto;
	width: 100%;
	/*
	border: 1px solid #d3d3d3;
	padding: 10px;
	*/
}
	div.captcha p.sTitle{
		font-size: 110%;
		font-weight: bold;
		text-align: center;
	}
	div.captcha img{
		border:1px solid #404040;
		margin: 5px auto;
		width: 240px;
		height: 72px;
		display: block;
	}
	div.captcha input.secucode{
		width: 240px;
		display: block;
		margin: 0 auto;
	}

/* ############# CAPTCHA ############# */





div.c-both {
	clear:both;
}


/* ############# image ############# */

h5.img_title {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	caption-side: top;
	padding: .2em 1em .2em 2em;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 0.3em;

	padding-left: 2.0em;
	position: relative;
}
	h5.img_title:before {
		font-family: FontAwesome; /* FontAwesome Icon */
		font-size: 120%;
		font-weight: normal;
		position: absolute;
		left: 0.3em;
		top: 0;
		content: "\f0c9";
		color: #4d4d4d;
	}

img{
	width: 100%;
	max-width: 100%;
	height: auto;
	border: none;
}
img.pic{
	border: 1px solid #ddd;
	padding: 3px;
	background: #f8f8f8;
	margin: 1em auto;
}
img.nb{
	border: 0 !important;
	background: none !important;
}
img.inline{
	display: inline-block !important;
	zoom: 1;
	*display: inline;
}
img.center{
	margin-left: auto;
	margin-right: auto;
}
img.left{
	float: left;
}
img.right{
	float: right;
}
img.w80{
	width: 80%;
}
img.w45{
	width: 45%;
}
img.w30{
	width: 30%;
}
img.mgn5{
	margin: 5px;
}
img.mgn10{
	margin: 10px;
}
img.r{
	float: right;
}



p.pic{
	border: 1px solid #ddd;
	padding: 3px;
	background: #f8f8f8;
	margin: 0.5em;
}
	p.pic.r{
		float: right;
		width: 40%;
	}
	p.pic.c{
		margin-left: auto;
		margin-right: auto;
	}
	p.pic.nb{
		border: 0 solid #ddd;
		padding: 0;
		background: none;
	}
	p.pic.w30{
		width: 30%;
	}
	p.pic.w40{
		width: 40%;
	}
	p.pic.w50{
		width: 50%;
	}




/* cover photo */
div.box_pic {
}
	div.box_pic:after {
	}
	div.box_pic img{
	}


div.img_wrap,
div.pic_wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	div.img_wrap ul,
	div.pic_wrap ul {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 0;
		text-align: center;
	}


	div.img_wrap ul li,
	div.pic_wrap ul li{
		font-size: 1rem;
		margin: 1%;
		padding: 0;
		list-style-type: none;
		width: 30%;
		height: auto;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
	div.img_wrap.table ul,
	div.pic_wrap.table ul{
		width: 100%;
		display: table;
		table-layout: fixed;
	}
		div.img_wrap.table ul li,
		div.pic_wrap.table ul li{
			display: table-cell;
			padding: 0.5em;
			max-width: 100%;
			margin: 0;
		}
		div.pic_wrap li img{
			border: 1px solid #ddd;
			padding: 3px;
			background: #f8f8f8;
		}

/* ############# image ############# */




/* ############# STEP BAR ############# */
div.steps {
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
	height: auto;
}
div.steps div.step_title{
	font-size: 120%;
}

div.steps ul {
	text-align: center;
 	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space:nowrap;
}

div.steps ul li {
	white-space:nowrap;
	font-size: auto;
	line-height: 46px;
	color: #a6a6a6;
	text-decoration: none;
	text-align: center;
	padding: 0 20px 0 20px;
	background: #eee;
	margin-left: 0;
	text-indent: -0.8em;
/*	display: inline-block; */

	width: 25%;
	float: left;
}
	div.steps.w3 ul li {
		width: calc((100% / 3) - 0.1px);
	}
	div.steps ul li a{
		text-decoration: none;
		color: #a6a6a6;
	}

div.steps ul li small {
	font-size: 80%;
}

div.steps ul li::after {
	position: relative;
	display: block;
	margin-top: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 22px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background: #eee;
	border-right: 1px solid white;
}

div.steps ul li::before {
	float: right;
	display: block;
	margin-bottom: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 21px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background: #eee;
	border-right: 1px solid white;
}

div.steps ul li:first-child {
	padding-left: 20px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

div.steps ul li:last-child {
	padding-left: 35px;
	padding-right: 40px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

div.steps ul li:last-child::before {
	border: 0;
	background: transparent !important;
}

div.steps ul li:last-child::after {
	border: 0;
	background: transparent !important;
}

div.steps ul li.current {
	background: #ccddef;
	color: #00a0dd;
}
	div.steps ul li.current a{
		color: #00a0dd;
	}

div.steps ul li.current::before {
	background: #ccddef;
}

div.steps ul li.current::after {
	background: #ccddef;
}

div.steps ul li.current:last-child {
	margin-right: -35px;
}

div.steps ul li.current:last-child::before {
	border: 0;
	background: transparent !important;
}

div.steps ul li.current:last-child::after {
	border: 0;
	background: transparent !important;
}
/* ############# STEP BAR ############# */


/* ############# SIDE MENU ############# */
div.subMenu{
	width: 96%;
	margin: 0 auto 2em auto;
	padding: 0px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	div.smc_grey{
		background-color: #f4f4f4;
		border: solid 1px #d9d9d9;
	}
	div.smc_blue{
		background-color: #F1F5F9;
		border: solid 1px #D0E1F6;
	}
	div.subMenu div.cont {
		padding: 5px;
	}


	div.subMenu h5.subMenuTitle {
		position: relative;
		padding: .2em 1.5em .2em 1.0em;
		margin: 1em 0 0.1em 0;
		color: #595959;
	}
		div.subMenu h5.subMenuTitle::before{
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -0.6em;
			content: '';
			height: 1.2em;
			width: 6px;
			background-color: #b3b3b3;
			border-radius: 6px;
		}


	div.subMenu h3.subMenuTitle {
		font-size: 100%;
		margin: 0;
		border: 0;
		color: #0063a4;
		padding: 8px 0;
		text-align: center;
	}
		div.subMenu h3.subMenuTitle a{
			color: #d4d4d4;
		}
		div.subMenu h3.titS {
			font-size: 90%;
		}

		div.smc_grey h3.subMenuTitle {
			background: #efefef;
			border-bottom: 1px solid #cccccc;
			background: #a2d0e9; /* Old browsers */
			background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		}
			div.smc_grey h3.subMenuTitle a{
				text-decoration: none;
				color: #0063a4;
			}
				div.smc_grey h3.subMenuTitle a:hover{
					filter: alpha(opacity=75);
					opacity:0.75;
				}
		div.smc_blue h3.subMenuTitle {
			background: #efefef;
			border-bottom: 1px solid #D0E1F6;
			background: #a2d0e9; /* Old browsers */
			background: -moz-linear-gradient(top,  #f1f5f9 0%, #d0e1f6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f5f9), color-stop(100%,#d0e1f6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f1f5f9 0%,#d0e1f6 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f1f5f9 0%,#d0e1f6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f9', endColorstr='#d0e1f6',GradientType=0 ); /* IE6-9 */
		}

	div.subMenu h3.ON a{
		color: #d4d4d4;
	}
	div.subMenu ul.menu {
		width: 100%;
		background-color: #ffffff;
		list-style: none;
		margin: 0;
		padding: 0;
		border-right: 0px solid #cccccc;
		border-left: 0px solid #cccccc;
		border-bottom: 0 solid #cccccc;
	}
	div.subMenu ul.menu li {
		font-size: 90%;
		margin: 0;
		border-top: 1px dotted  #cccccc;
		color: #737373;
	}
		/* FontAwesome Icon */
		div.subMenu ul.menu li a:before{
			font-family: FontAwesome;
			margin: 0 10px 0 0;
			font-size: 120%;
		}

		div.subMenu ul.menu li.info a:before{
			content: "\f05a";
		}
		div.subMenu ul.menu li.person a:before{
			content: "\f007";
		}
		div.subMenu ul.menu li.check a:before{
			content: "\f046";
		}
		div.subMenu ul.menu li.doc a:before{
			content: "\f0f6";
		}
		div.subMenu ul.menu li.book a:before{
			content: "\f02d";
		}
		div.subMenu ul.menu li.email a:before{
			content: "\f003";
		}
		div.subMenu ul.menu li.payment a:before{
			content: "\f09d";
		}
		div.subMenu ul.menu li.files a:before{
			content: "\f0c5";
		}
		div.subMenu ul.menu li.prof a:before{
			content: "\f2bc";
		}
		div.subMenu ul.menu li.laptop a:before{
			content: "\f109";
		}
		div.subMenu ul.menu li.qa a:before{
			content: "\f29c";
		}
		div.subMenu ul.menu li.pdf a:before{
			content: "\f1c1";
		}
		div.subMenu ul.menu li.fb a:before{
			content: "\f082";
		}
		div.subMenu ul.menu li.link a:before{
			content: "\f08e";
		}
		div.subMenu ul.menu li.globe a:before{
			content: "\f0ac";
		}

	div.subMenu ul.menu li:first-child {
		border-top: 0px;
	}
	div.subMenu ul.menu li.title {
		background: #e6e6e6;
		border-left: 3px solid #cccccc;
		text-align: center;
		display: block;
		width: 100%;
		color: #595959;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}
		div.subMenu ul.menu li.title {
			padding: 6px 3px;
		}
		div.subMenu ul.menu li.title a {
			text-decoration: none;
		}
			div.subMenu ul.menu li.title a:hover {
				filter: alpha(opacity=75);
				opacity:0.75;
			}
	div.subMenu ul.menu li.top_menu {
		font-weight: bold;
		text-align: center;
	}
	div.subMenu ul.menu li:not(.title) a{
		border-left: 3px solid #7b7b7b;
		background: #ffffff;
		padding: 10px 3px 10px 8px;
		display: block;
		width: 100%;
		color: #595959;
		text-decoration: none;

		padding-left: 0.6em;
		text-indent: 0em;
	}
	div.subMenu ul.menu li:not(.title) a.on,
	div.subMenu ul.menu li:not(.title) a:hover {
		border-left: 3px solid #4d80d5;;
		background: #f6f6f6;
		padding: 10px 3px 10px 8px;
		width: 100%;
		color: #595959;

		padding-left: 0.6em;
		text-indent: 0em;

    		position: relative;
	}

	div.subMenu ul.menu li:not(.title) a.on:before,
	div.subMenu ul.menu li:not(.title) a:hover:before {
		border-top: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #4d80d5;
		width: 0;
		height: 0;
		content: '';
		position: absolute;
		margin-top: -4px;
		top: 50%;
		left: 0;
	}


	/* Link用*/
	div.subMenu ul.link li a{
		position: relative;
	}

	div.subMenu ul.link li a:hover:after{
		position: absolute;
		right: 0.4em;
		font-family: FontAwesome;
		margin-left: 0.6em;
	}
		/*
		div.subMenu ul.link li a:after{
			content: "\f14c";
			color: #cccccc;
		}
		*/
		div.subMenu ul.link li a:hover:after{
			content: "\f08e";
		}



	/* サブメニューのサブ*/
	div.subMenu ul.menu li.sub {
		border-top: 0 dotted  #cccccc;
	}

		div.subMenu ul.menu li.sub a.on:before,
		div.subMenu ul.menu li.sub a:hover:before {
			border: 0;

		}

	div.subMenu ul.menu li.subend{
		border-bottom: 1px dotted  #cccccc !important;
	}
	div.subMenu ul.menu li.sub a {
		border-left: 0 solid #8e8e8e;
		background: #ffffff;
		padding: 10px 3px 10px 25px;
		display: block;
		width: 100%;
		color: #595959;
		text-decoration: none;
		position: relative;
	}
		div.subMenu ul.menu li.sub a.on,
		div.subMenu ul.menu li.sub a:hover {
			border-left: 0 solid #383b3d;;
			background: #f6f6f6;
			padding: 10px 3px 10px 25px;
			width: 100%;
			color: #595959;
		}

	div.subMenu ul.menu li.sub a:before {
		position: absolute;
		top: 50%;
		left: 14px;
		margin-top: -1px;
		content: '';
		display: block;
		width: 5px;
		height: 1px;
		background-color: #7b7b7b;

	}
		div.subMenu ul.menu li.sub a.on:before,
		div.subMenu ul.menu li.sub a:hover:before{
			position: absolute;
			top: 50%;
			left: 14px;
			margin-top: -3px;
			content: '';
			display: block;
			width: 5px;
			height: 5px;
			border: 1px solid #7b7b7b;
			background-color: #fff;

			border-radius: 50%; 
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
		}

	/* サブメニューのサブ*/


	/* more */
	div.subMenu div.more a{
		padding: 0.2em;
		margin: 2em auto 0 auto;
		display: block;
		text-align: center;
		text-decoration: none;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		div.smc_grey div.more a{
			background-color: #ededed;
			color: #4d4d4d;
		}
			div.smc_grey div.more a:hover{
				background-color: #d9d9d9;
			}
		div.smc_blue div.more a{
			background-color: #e9f0f9;
			color: #0084ca;
		}
			div.smc_blue div.more a:hover{
				background-color: #d0e1f6;
			}
/*
	div.subMenu div.more a:hover{
		filter: alpha(opacity=75);
		opacity:0.75;
	}
*/
	div.subMenu div.contTitle p{
		border-left: 5px solid #383b3d;
		margin: 5px 0 5px 0;
		padding: 2px 0px 0px 6px;
		font-size: 12px;
		font-weight: bold;
	}



	/* under line */
/*
	div.subMenu dl dt {
		clear: left;
		float: left;
		text-align: left;
		font-weight: bold;
		line-height: 180%;
	}

	div.subMenu dl dd {
		line-height: 180%;
		border-bottom: 1px dotted #ccc;
		display: block;
		min-height: 2em;
		padding-left: 9em;
		margin-bottom: 0.5em;
		margin-left: 0.5em;
		margin-right: 0.5em;

	}
*/

	div.subMenu div.element_wrap{
		margin-top: 1em;
	}
		div.subMenu div.element_wrap textarea.form_text,
		div.subMenu div.element_wrap select.form_text,
		div.subMenu div.element_wrap input.form_text{
			border-top: 0;
			border-right: 0;
			border-left: 0;
			border-bottom: 1px solid #bfbfbf !important;
		}
		div.subMenu div.element_wrap > label{
			z-index: 10;
			position: relative;
			bottom: -0.2em;
			padding: 0;
			color: #3a3a3a;
			display: inline-block;
			zoom: 1;
			*display: inline;
		}


/* ############# SIDE MENU ############# */



/* ############# SIDE MENU BANNER ############# */
#bnWrap{
	width: 94%;
	margin: 0 auto 2em auto;
	padding: 0;
}

	#bnWrap ul {
		width: 100%;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}

	#bnWrap ul li {
		margin: 0;
		margin-bottom: 1%;
		width: 100%;
	}
		#bnWrap ul li a:hover img{
			filter: alpha(opacity=75);
			opacity:0.75;
		}

		/* テキストバナー */
		#bnWrap ul li a span.text_bn_wrap{
			display: block;
			margin: 0;
			padding: 0;
			padding-top: 50%;
			position: relative;
		}
		#bnWrap ul li a span.text_bn_inner{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			margin: 0;
			width: 100%;
			height: 100%;
			background-color: #ecf7fd;
			border: 1px solid #acc6d4;
			overflow: hidden;
		}
			#bnWrap ul li a span.text_bn_inner > span.text_bn_tit{
				display: block;
				background-color: #0085cb;
				padding: 8px 2px;
				color: #fff;
				text-align: center;
				font-weight: bold;
				font-size: 100%;
			}
			#bnWrap ul li a span.text_bn_inner > span.text_bn_cont{ 
				display: block;
				padding: 4px 2px;
				font-size: 86%;
				text-align: center;
				color: #404040;
			}
			#bnWrap ul li a:hover span{
				filter: alpha(opacity=90);
				opacity:0.90;
			}

/* ############# SIDE MENU BANNER ############# */


/* ############# Go To Top ############# */
#pageTop {
	z-index: 998;
	position: fixed;
	margin: 0;
	bottom: 8px;
	right: 8px;
}

#pageTop a {
	z-index: 998;
	padding: 0;
	width: 45px;
	height: 45px;
	background-color: #0081c6;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;

	line-height: 45px;
	font-size: 120%;

	position: relative;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	filter: alpha(opacity=80);
	opacity:0.80;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#pageTop a::before,
#pageTop a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
}
#pageTop a::before{
	display: block;
	top: -50%;
	bottom: -50%;
	left: -50%;
	right: -50%;
	width: 14px;
	height: 14px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#pageTop a:hover {
	text-decoration: none;
	filter: alpha(opacity=90);
	opacity:0.90;
}
/* ############# Go To Top ############# */


/* ############# Contact Button ############# */
#contact_btn {
	z-index: 1000;
	position: fixed;
	margin: 0;
	bottom: 8px;
	right: 58px;
}

#contact_btn a {
	z-index: 998;
	padding: 0.8em 1em;
	padding-left: 2.6em;
	background-color: rgba(239, 156, 153, 0.95);
	color: #fff;
	text-decoration: none;

	position: relative;
	text-decoration: none;
	line-height: 1em;
	display: inline-block;
	zoom: 1;
	*display: inline;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#contact_btn a::before{
	position: absolute;
	font-family: FontAwesome;
	font-size: 140%;
	content: "\f0e0";
	top: 50%;
	left: 0.4em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	animation: anim .6s ease-in-out;
}
#contact_btn a:hover::before {
	content: "\f08e";
}
#contact_btn a:hover {
	text-decoration: none;
	filter: alpha(opacity=0.80);
	opacity:0.80;
}
@keyframes anim {
	0% {opacity:0;}
	100% {opacity:1;}
}
/* ############# Contact Button ############# */



/* ############# SEARCH BOX ############# */
form#searchForm{
	float: right;
	margin: 3px 10px;
	position: relative;
	overflow: hidden;
}
	form#searchForm:before{
		content: " ";
		background-image: url(/images/logo_google.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		margin-right: 10px;
		width: 80px;
		height: 30px;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
form#searchFormFt{
	width: 100%;
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	display: block;
}

form#searchFormFt input,
form#searchForm input {
	outline: none;
}
form#searchFormFt input[type=submit],
form#searchForm input[type=submit] {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 35px !important;
	height: 30px;
	padding: 0;
	font-family: FontAwesome;
	font-size: 17px;
	border: none;
	background: transparent;
	cursor: pointer;
}
form#searchFormFt input::-webkit-search-decoration,
form#searchFormFt input::-webkit-search-cancel-button,
form#searchForm input::-webkit-search-decoration,
form#searchForm input::-webkit-search-cancel-button {
	display: none; 
}
form#searchFormFt input[type=search]{
	width: 100%;
}
form#searchForm input[type=search] {
	width: 260px;
}

form#searchFormFt input[type=search],
form#searchForm input[type=search] {
	border: solid 1px #ccc;
	padding: 10px 0 10px 10px;
	font-size: 100%;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
form#searchForm input[type=search]:focus {
	width: 280px;
	background-color: #fff;
	border-color: #c5e9f6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
form#searchFormFt input:-moz-placeholder,
form#searchForm input:-moz-placeholder {
	color: #ccc;
}
form#searchFormFt input::-webkit-input-placeholder,
form#searchForm input::-webkit-input-placeholder {
	color: #ccc;
}
form#searchFormFt :-ms-input-placeholder,
form#searchForm :-ms-input-placeholder {
	color: #cccc;
}

/* ############# SEARCH BOX ############# */


/* ############# Q AND A ############# */
dl.faq{
	width: 100%;
	margin: 20px 0;
	overflow: hidden;
	_zoom: 1;
}
dl.faq > dd,
dl.faq > dt{
	padding: 0;
	padding-left: 3em;
	padding-right: 1em;
	position: relative;
}

dl.faq > dt{
	font-weight: bold;
	margin: 20px 20px 0 0;
}
dl.faq > dd{
	margin: 20px 0 -1px 0;
	padding-bottom:15px;
	border-bottom: 1px #c1c4c4 dotted;
}
dl.faq > dd:before,
dl.faq > dt:before{
	position: absolute;
	left: 0em;
	top: -0.5em;
	font-size: 2em;
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
}
dl.faq > dd:before{
	content: "A";
	color: #ff6767;
}
dl.faq > dt:before{
	content: "Q";
	color: #0F78E1;
}
/* ############# Q AND A ############# */




/* ############# SNS LINK ############# */
div.snsBtn{
	background-color: #F5FAFA;
	margin: 0 0 10px 0;
	padding: 6px 6px 0 6px;
	overflow: hidden;
	border-bottom: 1px solid #cceaf4;
}
div.snsBtn ul{
	padding: 0;
	margin: 0;
}
div.snsBtn ul li{
	list-style-type: none;
	margin: 0;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
	float: left;
}

/* ############# SNS LINK ############# */

/* ############# GoogleMap ############# */
div.gmap_iframe_wrap {
	width: 100%;
	display: block;
	position: relative;
	padding-bottom: 56.25%; /* 縦横比 */
	height: 0;
	overflow: hidden;

	border: 3px solid #ddd;
	background: #f8f8f8;

}

div.gmap_iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;

}

/* ############# GoogleMap ############# */


/* ############# page contents no-image header ############# */


/* ############# page contents no-image header ############# */
div.content_title_header {
	position: relative;
}
	div.content_title_header h2.title{
	}
	div.content_title_header p.update{
		position: absolute;
		bottom: -14px;
		right: -5px;
		padding: 0.2em 1em;
		margin: 0;
		color: #f9f9f9;
		background-color: #404040;
		/*
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		*/
		border-top-left-radius: 1px; 
		border-top-right-radius: 1px; 
		border-bottom-right-radius: 1px; 
		-webkit-border-top-left-radius: 1px;
		-webkit-border-top-right-radius: 1px;
		-webkit-border-bottom-right-radius: 1px;
		-moz-border-radius-topleft: 1px;
		-moz-border-radius-topright: 1px;
		-moz-border-radius-bottomright: 1px;

		filter: alpha(opacity=95);
		opacity:0.95;
	}
	div.content_title_header p.update:after{
		border: none;
		border-bottom: solid 14px transparent;
		content: '';
		position: absolute;
		bottom: 0;
		border-right: solid 4px #808080;
		left: -4px;
	}
/* ############# page contents image header ############# */
div.content_img_header {
	width: 100%;
	height: 180px;
	max-height: auto;
	position: relative;
	overflow: hidden;
}
	h2.content_img_title {
		z-index: 10;
		margin: 0;
		position: absolute;
		left: 0.8em;
		top: 0.8em;
		background: skyblue;
		padding: 0.2em 0.8em;
		color: #fff;

		filter: alpha(opacity=90);
		opacity:0.90;

	}
	div.content_img_header:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: inset 0 0 0 0.5em rgba(255,255,255,0.6);
	}
	div.content_img_header img{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	div.content_img_header p.update{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.2em 1em;
		color: #f4f4f4;
		background-color: rgba(64,64,64,0.4);

		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
/* ############# page contents image header ############# */


/* ############# page contents index menu ############# */
div.index_menu_wrap{
	letter-spacing: -.40em; /* Box 横の隙間削除のため文字間を詰めて隙間を削除する */
}
div.index_menu_box{
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 48%;
	overflow: hidden;
	margin: 0 1%;
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
	background-color: #f4f4f4;
	border: solid 1px #d9d9d9;
	vertical-align: top;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	display: inline-block;
	zoom: 1;
	*display: inline;
}
	div.index_menu_box.w_full{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	div.index_menu_box dl {
		overflow: hidden;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	div.index_menu_box dl dt,
	div.index_menu_box dl dt a,
	div.index_menu_box dl dd a{
		text-decoration: none;
	}
	div.index_menu_box dl dd a:hover{
		background: #ededed;
	}

	div.index_menu_box dl dt {
		width: 100%;
		display: block;
		background: #e6e6e6;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
	}
		div.index_menu_box dl dt{
			padding: 0.5em 0;
		}
		div.index_menu_box dl dt a{
			color: #4d4d4d;
		}
		div.index_menu_box dl dt a:hover{
			filter: alpha(opacity=40);
			opacity:0.40;
		}
	div.index_menu_box dl dd {
		display: block;
		margin: 0;
		padding: 0;
	}
		div.index_menu_box dl dd:after {
			content:'';
			display:block;
			clear:both;
		}


	div.index_menu_box dl dd ul {
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;

	}
		div.index_menu_box dl dd ul li{
			padding: 0;
			margin: 0;
		/*	float: left; */
			font-weight: bold;

			border-bottom: 1px dotted  #cccccc;
			margin: 0.5em;
			padding-bottom: 0.2em;
		}
		div.index_menu_box dl dd ul li:last-child {
			border-bottom: 0 dotted  #cccccc;
		}


		/* NEW Text */
		div.index_menu_box dl dd ul li.new_text a:after{
			margin-left: 0.4em;
			content: "New";
			color: red;
			font-size: 80%;
			vertical-align: top;
		}

		/* FontAwesome Icon */
		div.index_menu_box dl dd ul li a:before{
			font-family: FontAwesome;
			margin-right: 0.4em;
			font-size: 100%;
			content: "\f0da";

			position: absolute;
			left: 0.2em;
			top: 0.1em;
		}


	div.index_menu_box dl dd ul li a {
		color: #4d4d4d;
		text-decoration: none;
		height: 100%;
		padding: 0.2em 0.5em;

		padding-left: 1.0em;
		position: relative;

		display: inline-block;
		zoom: 1;
		*display: inline;

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
	}

	div.index_menu_box dl dd ul li span{
		display: block;
		margin-left: 1em;
		line-height: 1.2em;
		font-weight: normal;
	}

/* ############# page contents index menu ############# */


/* ############# page contents list menu ############# */
div.index_list_wrap{
	width: 100%;
/*	overflow: hidden;*/
	margin: 1em auto;
	padding: 0.5em;
	background-color: #f9f9f9;
	border: solid 1px #f4f4f4;
}
	div.index_list_wrap dl.index_list{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	div.index_list_wrap dl.index_list dt,
	div.index_list_wrap dl.index_list dd{
		padding: 0;
		margin: 0;
	}

	div.index_list_wrap dl.index_list dt a,
	div.index_list_wrap dl.index_list dd a{
		text-decoration: none;
		padding: 0.2em 0.6em;

		border-radius: 3px; 
		-webkit-border-radius: 3px; /* Safari,Google Chrome用 */  
		-moz-border-radius: 3px; /* Firefox用 */  
	}
	div.index_list_wrap dl.index_list dt a:hover,
	div.index_list_wrap dl.index_list dd a:hover{
		background: #ededed;
	}
	div.index_list_wrap dl.index_list dt{
		position: relative;
		z-index: 2;
		width: 20%;
		float: left;
		clear: left;
		display: block;
		font-size: 90%;
		overflow: visible;
	}
		div.index_list_wrap dl.index_list dt a{
			display: block;
			width: 100%;
			height: 100%;
			background: #e6e6e6;
			color: #4d4d4d;
			text-align: center;
			font-size: 90%;

			padding-top: 0.35em; /* Padding調整 */
			padding-bottom: 0.35em; /* Padding調整 */
		}

	/* 公開／非公開 アイコン */
	div.index_list_wrap dl.index_list dt p.publication {
		z-index: 10;
		position: absolute;
		left: -1em;
		top: -0.4em;
		padding: 0.2em 0.5em;
		margin: 0;
		text-align: center;
		font-size: 90%;
		display: block;
		color: #fff;

		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;

		filter: alpha(opacity=70);
		opacity:0.70;
	}
		div.index_list_wrap dl.index_list dt p.publication.private {
			background-color: #ed87ad;
		}
		div.index_list_wrap dl.index_list dt p.publication.public {
			background-color: #4cb5e8;
		}

		div.index_list_wrap dl.index_list dt p.publication:before{
			content: '';
			position: absolute;
			right: 5px;
			bottom: -3px;
			display: block;
			width: 0;
			height: 0;
			border-right: 3px solid transparent;
			border-left: 3px solid transparent;
		}
			div.index_list_wrap dl.index_list dt p.publication.private:before {
				border-top: 3px solid #ed87ad;
			}
			div.index_list_wrap dl.index_list dt p.publication.public:before {
				border-top: 3px solid #4cb5e8;
			}


	div.index_list_wrap dl.index_list dd{
		display: block;
		position: relative;
		border-bottom: 1px dotted #ccc;
		padding-left: 20%;
		margin-left: 1em;
		margin-right: 1em;
		padding-bottom: 0.2em;
		margin-bottom: 0.2em;
	}
	div.index_list_wrap dl.index_list dd:after {
		content:'';
		display:block;
		clear:both;
	}


		div.index_list_wrap dl.index_list dd:last-child{
			border-bottom: 0 dotted #ccc;
		}

		div.index_list_wrap dl.index_list dd a{
			position: relative;
			z-index: 2;

			font-weight: bold;
			color: #4d4d4d;
			height: 100%;

			margin-right: 6em;
			padding-left: 1.5em;
			position: relative;

			display: inline-block;
			zoom: 1;
			*display: inline;

			/*display: block;*/
			/*padding-right: 6em;*/
		}

		/* FontAwesome Icon */
		div.index_list_wrap dl.index_list dd a:before{
			font-family: FontAwesome;
			margin-right: 0.4em;
			margin-left: 0.4em;
			font-size: 100%;
			content: "\f0da";

			position: absolute;
			left: 0.5em;
			top: 0.1em;
		}

		/* NEW Text */
		div.index_list_wrap dl.index_list dd.new_text a:after{
			content: "New";
			color: red;
			margin-left: 0.4em;
			font-size: 80%;
			vertical-align: top;
		}
		div.index_list_wrap dl.index_list dd.cam_icon a:after{
			font-family: FontAwesome;
			content: "\f030";
			margin-left: 0.4em;
			font-size: 100%;
			vertical-align: bottom;
		}


	div.index_list_wrap dl.index_list dd span.desc {
		font-size: 90%;
		padding: 0;
		display: block;
		padding: 0.2em 0.6em;
		color: #999999;
	}


	div.index_list_wrap dl.index_list dd div.post_date_wrap {
		margin: 0;
		padding: 0;
		white-space: nowrap;
		height: auto;
		position: absolute;

		right: 0.2em;
		top: 0.2em;
	}
	div.index_list_wrap dl.index_list dd a:hover ~  div.post_date_wrap,
	div.index_list_wrap dl.index_list dd a:hover ~  div.post_date_wrap p.post_date{
		z-index: 10;
		color: #b3b3b3;
	}
		div.index_list_wrap dl.index_list dd div.post_date_wrap p.post_date {
			margin: 0;
			padding-top: 0;
			padding-bottom: 0;
			padding-right: 0;
			font-size: 94%;
			padding-left: 1.5em;

			position: relative;
			color: #e2e2e2;
		}

			div.index_list_wrap dl.index_list dd div.post_date_wrap p.post_date:before {
				font-family: FontAwesome;
				font-size: 120%;
				position: absolute;
				padding: 0;
				margin: 0;
				left: 0;
				top: -0.2em;
				font-weight: normal !important;

				content: "\f017";
			}

/* ############# page contents list menu ############# */


/* ############# page contents list menu ############# */
ul.tag_link{
	margin: 0;
	margin-top: 2em;
	padding: 0;
	letter-spacing: -.40em;
}
	ul.tag_link > li{
		font-weight: bold;
	}
	ul.tag_link > li,
	ul.tag_link > li > ul > li{
		list-style: none;
		letter-spacing: normal;
		padding: 0;
		margin: 0;
		margin-bottom: 1em;
		margin-right: 0.5em;
		display: inline-block;
		zoom: 1;
		*display: inline;
	}
		ul.tag_link > li > a,
		ul.tag_link > li > ul > li > a{
			padding: 0.4em 0.6em;
			color: #848484;
			text-decoration: none;
			background-color: #e0e0e0;
			border-radius: 3px; 
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		ul.tag_link > li > a.on,
		ul.tag_link > li > ul > li > a.on{
			background-color: #b3b3b3;
			color: #f2f2f2;
		}
			ul.tag_link > li  a:hover{
				background-color: #b3b3b3;
				color: #f2f2f2;
			}

	ul.tag_link > li > ul{
		margin: 0;
		margin-top: 1em;
		padding: 0;
		letter-spacing: -.40em;
	}
		ul.tag_link > li > ul > li{
			letter-spacing: normal;
			font-weight: normal;
			font-size: 80%;
		}
			ul.tag_link > li > ul > li > a{
				background-color: #eaeaea;
			}

/* ############# auther profile content ############# */
div.auth_wrap{
	padding:0.5em;
}
	div.auth_wrap div.auth_pic img{
		border: 1px solid #ddd;
		padding: 3px;
		background: #f8f8f8;
	}
	div.auth_wrap div.auth_name{
		font-size: 105%;
		font-weight: bold;
		margin: 0.5em 0 0.2em 0;
	}
	div.auth_wrap div.auth_desc{
		margin: 0;
	}
	div.auth_wrap div.auth_desc p{
		margin-top: 0.4em;
		margin-bottom: 0.4em;
	}
/* ############# auther profile content ############# */