@charset "UTF-8";

/* 	初期設定
============================================================================================== */
html, body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-family: 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #6a3a0e;
	background-color: #FFF;
}
body {
	margin: 0 auto;
	min-width: 960px;
}

a,
a:visited {
	margin: 0;
	padding: 0;
	color: #6a3a0e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/* 	共通設定
============================================================================================== */
/* float */
.floatL {float:left;}
.floatR {float:right;}
.clearB {clear:both;}


/* margin */
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}


/* padding */
.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px !important;}

.pdt10 {padding-top:10px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}
.pdt50 {padding-top:50px !important;}

.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}
.pdl40 {padding-left:40px !important;}
.pdl50 {padding-left:50px !important;}

.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}
.pdr40 {padding-right:40px !important;}
.pdr50 {padding-right:50px !important;}

/* text */
.txt_l {text-align:left !important;}
.txt_r {text-align:right !important;}
.txt_c {text-align:center !important;}

.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}

/* width */
.wdt90{ width: 90%; }
.wdt80{ width: 80%; }
.wdt70{ width: 70%; }
.wdt60{ width: 60%; }




/* 	各ページ共通
============================================================================================== */
/*------ wrapper ------*/
.wrapper {
	width: 100%;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
}
.contentsbox {
	margin: 0 auto;
	width: 820px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
}
.contents {
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
}
.dpnone {
	display: none;
}

/*------ header ------*/
.header {
	padding-top: 23px;
	height: 40px;
	text-align: center;
	background: url("../images/2014/index/header_bg.gif") top repeat-x;
}

/*------ footer ------*/
.footer {
	padding: 12px 0;
	width: 100%;
	background: #ef8bab;
}
.footerbox {
	margin: 0 auto;
	width: 880px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
}
	.link {
		float: left;
		overflow: hidden !important;
		overflow: visible;
		min-height: 100%;
		height: auto !important;
		margin-right: 10px;
		margin-left: 10px;
		display: flex;
	}
	.sns {
		float: left;
		min-height: 100%;
		height: auto !important;
		margin-right: 10px;
		margin-left: 10px;
		display: flex;
	}
		.sns li {
			/*float: left;*/
			/*width: 100px;*/
			display:inline-flex;
			padding:0 9px 0 0;
		}
		.link li {
			float: left;
			font-size: 12px;
			line-height: 20px;
			color: #fff;
		}
			.link li a,
			.link li a:visited,
			.link li a:hover {
				color: #fff;
			}
			.link li.bar {
				padding: 0 10px;
			}
	.footerbox p {
		float: right;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		color: #fff;
		text-align: right;
	}

/*------ pagetop ------*/
.pagetop {
	padding: 18px 0;
	text-align: center;
}