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

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	text-align	: center;
	color		: #444;
}
	
	body *{
		box-sizing: border-box;
	}

div#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

#contentsBlock {
    padding-top: 0;
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity		: 0.8;
	filter		: alpha(opacity=80);
	-ms-filter	: "alpha( opacity=80 )";
	background	: #fff;
}

a { outline : none;}

a:link	{
	text-decoration	: none;
}

a:visited	{
	text-decoration	: none;
}

a:hover	{
	text-decoration	: underline;
}


footer a:link,
footer a:visited {
	color:#4d4d4d;
}

footer a:hover {
}

.disnon{
	display: none;
}

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

/* Hedaer

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

header {
	position	: relative;
	margin		: 0 auto;
	max-width		: 690px;
	width: 100%;
	height		: 70px;
}

	header h1 {
		position	: absolute;
		top			: 20px;
		left		: 0;
	}

	header #fontsize {
	position	: absolute;
	top			: 25px;
	left		: 465px;
	padding		: 0 0 0 74px;
	width		: 150px;
	background:url(../img/header/head_fontsize.png) no-repeat 0 0;
	}
	
	.ja_en header #fontsize{
		background:url(../../en/common/img/header/head_fontsize.png) no-repeat 0 0;
	}

		header #fontsize li{
			float	: left;
		}
		
			#font1 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_small.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#font2 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_large.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			#font3 a{
				display		: block;
				width		: 25px;
				height		: 23px;
				background	: transparent url(../img/header/head_fontsize_medium.png) no-repeat 0 0;
				text-indent	: -9999px;
				overflow	: hidden;
			}
			
			.ja_en #font1 a{
				background	: transparent url(../../en/common/img/header/head_fontsize_small.png) no-repeat 0 0;
			}
			
			.ja_en #font2 a{
				background	: transparent url(../../en/common/img/header/head_fontsize_large.png) no-repeat 0 0;
			}
			
			.ja_en #font3 a{
				background	: transparent url(../../en/common/img/header/head_fontsize_medium.png) no-repeat 0 0;
			}


				.textresizer-active a{ background-position : 0 -23px !important;}

	header #close {
		position	: absolute;
		top			: 21px;
		left		: 630px;
	}


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

/* Contents

/* ------------------------------------------------------------------------ */
#contentsBlock{
	max-width	: 690px;
	width: 100%;
	margin	: 0 auto;
}

.contact_tb{
	max-width			: 690px;
	width: 100%;
	margin-bottom	: 30px;
}

	.contact_tb th{
		width		: 170px;
		line-height	: 1.6;
		text-align: left;
	}
	
.contact_tb input{
	height	: 26px;
}

.gray_txt{
	color	: #888;
	display	: block;
	margin	: 5px 0 0 0;
}

.dl_contact{
	text-align	: left;
	line-height	: 1.6;
	width		: 690px;
	margin		: 0 auto 30px;
}

	.dl_contact dt{
		font-weight	: bold;
		margin		: 10px 0 0 0;
		font-size	: 110%;
	}

	.dl_contact dd{
		text-indent		: -1em;
		margin			: 5px 0;
		padding-left	: 1em;
	}

.contact_box{
	width	: 298px;
	margin	: 0 auto;
}

	.contact_box p{
		float	: left;
		margin	: 0 10px 0 0;
	}
	
.contact_box2{
	line-height	: 1.6;
	text-align	: left;
	margin		: 0 0 30px 0;
}

.tableStyle03{
	border-collapse		: separate;
	*border-collapse	: collapse; /* for IE6,7 */
	border-spacing		: 0;
	empty-cells			: show;
	border-top			: 1px solid #D5D5D5;
	border-right		: none;
	border-bottom		: none;
	border-left			: 1px solid #D5D5D5;
	margin				: 0 auto 10px;
	width				: 100%;
}

	.tableStyle03 th,
	.tableStyle03 td {
		border-top		: none;
		border-right	: 1px solid #D5D5D5;
		border-bottom	: 1px solid #D5D5D5;
		border-left		: none;		
		font-weight		: normal;
	}

	.tableStyle03 th{
	margin		: 0;
	padding		: 10px;
	background-color: #f1f1f1;
	}

	.tableStyle03 td{
		padding		: 10px;
		text-align	: left;
		line-height	: 1.6;
	}

.notice_txt{
	display: block;
	font-size: 90%;
	margin-top: 5px;
	padding-left: 2.25em;
	text-indent: -2.25em;	
}

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

/* Footer

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

footer {
	position	: relative;
	clear		: both;
	height		: 113px;
	margin		: 55px 0 0;
	background	: transparent url(../img/bg/bg_footer.jpg) no-repeat center top;
}

#footer_bg {
	background	: transparent url(../img/bg/bg_footer2.jpg) repeat-x center top;
}

	section#f_nav{
		margin	: 0 auto;
		max-width	: 690px;
		width: 100%;
	}

		#f_logo {
			position: absolute;
			float	: left;
			margin	: 10px 0 10px;
		}
			
			#copy {
				text-align	: right;
				margin:25px 0 0 0;
			}
			


@media screen and (max-width: 956px) {
	header{
		margin: 20px 10px;
		max-width: 100%;
		width: auto;
		text-align: left;
		height: auto;
	}
	
	header #fontsize,
	header #close{
		display: none;
	}
	
	header h1{
		position: inherit;
		top: inherit;
		left: inherit;
	}
	
	#contentsBlock{
		padding: 0 10px;
	}
	
	
	.contact_tb th,
	.contact_tb td{
		width: 100%;
		max-width: 100%;
		display: block;
		text-align: left;
		font-size: 16px;
	}
	
	.contact_tb td .wid30,
	.contact_tb td .wid40{
		width: 30%;
	}
	

	.txtarea01{
		width: 100%;
	}

	.contact_tb input{
		width: 100%;
		height: 30px;
	}
	
	section#f_nav{
	}
	
	#f_logo{
		position: relative;
		float: none;
	}
	
	#copy{
		text-align: center;
		margin: 25px 0 10px 0;
	}
}


/* heading
--------------------------------------------------------------------------- */

.h01{
	margin		: 0 auto 30px;
	width		: 700px;
	padding		: 7px 10px 5px 15px;
	background	: transparent url(../img/hn/hd_bg01.gif) no-repeat 0 0;
	text-align	: left;
	font-size	: 16px;
	color		: #4c4c4c;
	line-height	: 1.6;
}

@media screen and (max-width: 956px) {
	.pcStyle{
		display: none;
	}
	
	.spStyle{
		display: block;
	}
	
	.h01 {
		width: 100%;
		background: #f1f1f1 url(../img/hn/hd_bg01.gif) no-repeat 0 0;
	}
	
	.h02 {
		width: 100%;
		background: transparent url(../img/hn/hd_bg02_sp.gif) no-repeat bottom left;
	
	}
	
	.h03 {
		width: 100%;
	}
	
		
		#crumb{
			display: none;
		}
}