/*
 * レイアウト
*/
@charset 'utf-8';

/***************************************/
/***** 全般 *****/
/***************************************/
body {
	font-size:				85%;
	font-family:			meiryo, 'メイリオ', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Roboto, 'Droid Sans', sans-serif;
	margin:					0;
	min-width:				345px;
}

.Wrap {
	width:					90%;
	margin:					0px auto;
	max-width:				1000px;
}

.Wrap:after {
	content:				'';
	display:				block;
	clear:					both;
}

a {
	color:					#4169e1;
	cursor:					pointer;
	text-decoration:		none;
}
a:hover {
	color:					#ff6347;
	text-decoration: 		underline;
}

table {
	font-size:				100%;
	border-collapse:		collapse;
	border-spacing:			0;
	word-wrap:				break-word;
	word-break:				break-all;
}

div {
	word-wrap:				break-word;
	word-break:				break-all;
}

p {
	line-height: 			135%;
	margin:					5px 0px 5px 10px;
}
/***************************************/
/***** Main *****/
/***************************************/
.Main {
	width:					auto;
}

/***************************************/
/***** Header *****/
/***************************************/
.Header{
	background-color:		#fff;
	z-index:				100;	/* slickmenu(SP時のgnavi)は101(slicknav.css参照) */
}
.Header:after {
	content:				'';
	display:				block;
	clear:					both;
}

/***** LeftArea *****/
.LeftArea {
	height:					55px;
	width:					40%;
	float:					left;
}
.LeftArea a{
	color:					#000;
	text-decoration:		none;
}
.LeftArea a:hover{
	color:					#000;
	text-decoration:		none;
}
.LeftArea:after {
	content:				'';
	display:				block;
	clear:					both;
}
.SiteName {
	font-size:				200%;
	padding:				12px 0px 5px 75px;
	line-height:			100%;
	height:					100%;
	background-image:		url('../img/logo.gif');
	background-repeat:		no-repeat;
	background-size:		55px 55px;
	background-position:	5px 5px;
	cursor: 				pointer;
}
.SiteName .En {
	font-size:				40%;
}

/***** RightArea *****/
.RightArea {
	height:					40px;
	width:					60%;
	min-width:				250px;
	float:					right;
}
.RightArea:after {
	content:				'';
	display:				block;
	clear:					both;
}
.AreaTop {
	margin:					6px 10px 8px 0px;
	text-align:				right;
}
.AreaTop a{
	margin:					0px 1px;
}
.AreaTop span{
	margin-right:			5px;
}

.AreaBottom {
	margin-right:			10px;
	text-align:				right;
}

/***************************************/
/***** Menu *****/
/***************************************/
.Menu {
	background-color:		#fff;
}
.Menu:after {
	content:				'';
	display:				block;
	clear:					both;
}

/***************************************/
/***** Pankuzu *****/
/***************************************/
.Pankuzu {
	font-size:				85%;
	width:					auto;
	padding:				5px;
}

/***************************************/
/***** Contents *****/
/***************************************/
.Contents {
	background-color:		#fff;
	width:					auto;
	border:					1px solid #dcdcdc;
	padding:				10px;
}
.ContentsFooter {
	height:					30px;
}
.ToPageTop {
	margin-right:			10px;
	text-align:				right;
}

/***************************************/
/***** SpCmnFooterMenu *****/
/***************************************/
.SpCmnFooterMenu{
	display:				none;
	width:					100%;
	margin:				15px auto 25px;
}
.SpCmnFooterMenu div {
	background-color:	#2e8b57;
	padding:				5px;
	border-bottom:		1px solid #fff;
}
.SpCmnFooterMenu div:hover {
	background-color: 	#006400;
}
.SpCmnFooterMenu a {
	color:					#fff;
}
.SpCmnFooterMenu div.Last{
	border:					none;
}
.SpCmnFooterMenu div.LoginStatus{
	background-color:	#fff;
	border-top: 			3px solid #2e8b57;
}}
.SpCmnFooterMenu div.LoginStatus:hover{
	background-color:	#2e8b57;
}
.SpCmnFooterMenu div.LoginStatus a{
	color:				#4169e1;
}

/***************************************/
/***** Footer *****/
/***************************************/
.Footer {
}

.SiteInfo {
	margin:					0px auto;
	padding:				5px 0px 10px 70px;
	width:					280px;
	height:					80px;
	background-image:		url('../img/logo.gif');
	background-repeat:		no-repeat;
	background-size:		60px 60px;
	background-position:	0px 15px;
}

.CopyLight {
	background-color:		#fff;
	width:					100%;
	height:					50px;
	padding-top:			5px;
	text-align:				center;
}




/***************************************/
/***** MediaQuery *****/
/***************************************/
/* 599以下はスマホ */
@media (max-width: 599px) {
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.Wrap {
		width:					100%;
	}

	/* Header */
	.Header {
	/* SP時にヘッダー部を固定表示にする場合、このコメントアウトを解除(Header＆Pankuzu＆slicknav_menu@slicnav.cssの3箇所)
		top:					0px;
		left:					0px;
		position:				fixed;
		width:					100%;
	*/
	}

	/* Left@Header */
	.LeftArea{
		float:					none;
		width:					100%;
		height:					48px;
	}
	.SiteName {
		font-size:				150%;
		padding:				6px 0px 0px 48px;
		background-size:		40px 40px;
		background-position:	4px 3px;
	}
	.LeftArea .Jp{
		font-size:				90%;
	}
	.LeftArea .En{
	}

	/* Right@Header */
	.RightArea{
		display:				none;
	}

	/* Pankuzu */
	.Pankuzu {
	/* SP時にヘッダー部を固定表示にする場合、このコメントアウトを解除(Header＆Pankuzu＆slicknav_menu@slicnav.cssの3箇所)
		margin-top:				80px;
	*/
	}

	/* slick-navの制御 */
	#menu {
		display:				none;
	}
	.slicknav_menu {
		display:				block;
	}

	/* SpCmnFooterMenu(PC時のサイトマップ＆ログイン＆サイト内検索) */
	.SpCmnFooterMenu{
		display:				block;
	}

	/* Footer */
	.Footer {
		font-size:				85%;
	}
	.SiteInfo {
		padding:				5px 0px 10px 48px;
		width:					240px;
		height:					65px;
		background-size:		40px 40px;
		background-position:	0px 18px;
	}
}

/* 768以上は大型タブレット＆PC */
@media (min-width: 768px) {
	/* slick-navの制御 */
	#menu {
		display:				block;
	}
	.slicknav_menu {
		display:				none;
	}
}