@charset "utf-8";

body {
	color: #292929;
	font-size:18px;
	line-height:145%;
	letter-spacing:1px;
	-webkit-text-size-adjust: 100%;
}

a		{ color:#292929; text-decoration:none; }
a:hover { color:#e60012; }

.DPBK{ display:block !important; }

p {
	display:block;
	margin:0 auto 20px;
	font-size:100%;
}
hr.DotLine {
	height: 0;
	margin: 20px 0;
	padding: 0;
	border: 0;
	border-top: 5px dotted #cddc34;
}
ul.asterisk{margin:0 0 1em 1.3em;}
ul.asterisk li {list-style-type: none;text-indent: -1.3em;font-size:85%;line-height:130%;margin-bottom:10px;}
ul.asterisk li:before {display: inline;content: "※";margin-right:0.3em; }

/* アニメーションボタン */
a.AnimeBtn {
	display: inline-block;
	text-indent:0 !important;
	padding:10px 20px;
	font-size:100%;
	line-height:100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #F6F6F6;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
a.AnimeBtn::before,
a.AnimeBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #F6F6F6;
}
a.AnimeBtn,
a.AnimeBtn::before,
a.AnimeBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.AnimeBtn:hover {
	background-color: #fff;
	border-color: #333;
	color: #333 !important;
}
a.AnimeBtn::before {right: 0;}
a.AnimeBtn::after {left: 0;}
a.AnimeBtn:hover::before,a.AnimeBtn:hover::after {
	width: 0;
	background-color: #333;
}

@media only screen and (max-width:800px){
}
@media only screen and (max-width:480px){
}

/* タイトル
------------------------------------------------------------*/
h1 {
	display: block;
	font-size:110%;
	text-align: center;
	letter-spacing:1px;
	margin: 0 auto 50px;
	position: relative;
}
h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 5%;
	height: 6px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #292929;
	border-radius: 3px;
}
h2 {
	display:block;
	text-align:center;
	font-size:185%;
	font-weight:bold;
	line-height:115%;
	margin:0 0 20px;
	padding:0 0 10px;
}

/* ヘッダー
------------------------------------------------------------*/
#header {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	background: url("../../img/bg_header.gif")repeat-x;
	border-bottom: 1px solid #dcdcdc;
}
#header .inner {padding:20px 0 15px;}
#header p{margin: 0;text-align: center;}

/* レイアウト
------------------------------------------------------------*/
/*.Content {
	display:block;
	width:100%;
	background:#FFF;
	margin:0;
	padding:0;
}
*/
.inner{
	display:block;
	width:900px;
	padding:50px 0;
	margin:0 auto;
}

/* フッター
------------------------------------------------------------*/
#footer{
	width:100%;
	background: #F6F6F6;
	display:block;
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #dcdcdc;
}
#footer .inner {padding:20px 0 30px;}
#footer p{font-size:75%;text-align: center;}

@media only screen and (max-width:899px){
	.inner { width:94%;  }
	.inner img.imgright,
	.inner img.imgleft {float:none;margin:0 auto 15px;}
	#header ul li.Title,#header ul li.Logo {
		float:none;
		width:100%;
		padding:0;
	}
	#header ul li.Title {
		text-align:center;
		line-height:145%;
		margin-bottom:5px;
	}
}
@media only screen and (max-width:800px){
	h1 { text-align:center; }
	#header dt,
	#header dd {
		display:block;
		float:none;
		width:100%;
		padding:10px 0 0;
		text-align:center;
	}
	#header dd {
    	overflow: hidden;
    	position: relative;
	}
}
@media only screen and (max-width:480px){
	.inner { padding:20px 0 20px; }
}