@charset "EUC-JP";
/*------------------------------
基本
--------------------------------*/
html{
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: aliased;
	font-size: 62.5%;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	color:#333333;
	margin:0px;
	padding:0px;
}
.ie8 html,body{
	line-height:150%;
}
img{
	border:none;
}
a{
	color:#0096d8;
	text-decoration:none;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}
strong{
	font-weight:bold;
}
/*------------------------------
フォーマット
--------------------------------*/
#container {
	width:1020px;
	margin:15px auto 0px auto;
	padding:0px 0px 15px 0px;
	position:relative;
	height:auto;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	#container {
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
h1{
	margin:15px 0px 15px 0px;
	padding:5px 0px 15px 0px;
	border-bottom:6px solid #cb1c24;
	text-align:center;
	font-size:3.6rem;
}
@media screen and (max-width:768px){
	h1{
		font-size:3.0rem;
		line-height:140%;
	}
}
@media screen and (max-width:420px){
	h1{
		font-size:2.4rem;
	}
}
h2.mainh2{
	margin:0px 0px 30px 0px;
	padding:0px 0px 10px 0px;
	background: linear-gradient(transparent 40%, #d2f0ed 40%);
	text-align:center;
	font-size:2.5rem;
	color:#333333;
}
h3.mainh3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	font-size:1.8rem;
	color:#333333;
	border-bottom:1px solid #333333;
}
p.error_box{
	font-size:1.4rem;
	margin:0px 0px 10px 0px;
	padding:15px;
	line-height:150%;
	text-align:center;
}
p.mainp{
	font-size:1.6rem;
	margin:0px 0px 10px 0px;
	padding:15px;
	line-height:150%;
}
ul.mainul{
	width:80%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	list-style:square;
}
#about_box{
    width:95%;
	box-sizing: border-box;
	margin:50px auto 50px auto;
	padding:35px;
    position:relative;
	background-color:#f7efeb;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#text_box{
	width:95%;
	box-sizing: border-box;
	margin:30px auto 50px auto;
	padding:20px;
	background-color:#f7efeb;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
#text_box h2{
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 0px;
	font-size:2.4rem;
	letter-spacing:0px;
	line-height:140%;
}
@media screen and (max-width:420px){
	#text_box h2{
		font-size:1.8rem;
	}
}
@media screen and (max-width:320px){
	h2.mainh2{
		font-size:2.2rem;
		line-height:140%;
	}
	#about_box{
		padding:15px;
	}
}
#text_box p{
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 0px;
	font-size:1.6rem;
	letter-spacing:0px;
}
#about_box h2{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:380px;
	height:50px;
	position:absolute;
	left:30%;
	top:-25px;
	z-index:9;
}
@media screen and (max-width:420px){
	#about_box h2{
		position:absolute;
		left:0px;
		top:-25px;
	}
}
@media screen and (max-width:320px){
	#about_box h2{
		width:97%;
	}
	#about_box h2 img{
		width:100%;
	}
}
#about_box p{
	margin:0px 0px 0px 0px;
	padding:10px 0px 20px 0px;
	font-size:1.6rem;
	letter-spacing:0px;
}
#ab_01{
	width:245px;
	float:left;
	background-image:url('../images/about/pep_01.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:0px 30px 0px 20px;
	padding:0px 0px 0px 0px;
}
#ab_01 h3{
	width:170px;
	font-size:18px;
	color:#333333;
	font-weight:bold;
	margin:197px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	letter-spacing:0.5px;
}
#ab_01 p{
	font-size:14px;
	color:#333333;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.abmin{
	display:block;
	font-size:12px;
	color:#cb1c24;
}
#ab_02{
	width:245px;
	float:left;
	background-image:url('../images/about/pep_02.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:0px 20px 0px 30px;
	padding:0px 0px 0px 0px;
}
#ab_02 h3{
	width:170px;
	font-size:18px;
	color:#333333;
	font-weight:bold;
	margin:197px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	letter-spacing:0.5px;
}
#ab_02 p{
	font-size:14px;
	color:#333333;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#ab_03{
	width:245px;
	float:right;
	background-image:url('../images/about/pep_03.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
}
#ab_03 h3{
	width:170px;
	font-size:18px;
	color:#333333;
	font-weight:bold;
	margin:197px 0px 0px 50px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	letter-spacing:0.5px;
}
#ab_03 p{
	font-size:14px;
	color:#333333;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
@media screen and (max-width:768px){
	#ab_01,#ab_02,#ab_03{
		width:32%;
		background-size:contain;
		margin:0px 10px 0px 10px;
		padding:0px 0px 0px 0px;
	}
	#ab_01{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#ab_03{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#ab_01 h3,#ab_02 h3,#ab_03 h3{
		width:170px;
		font-size:18px;
		color:#333333;
		font-weight:bold;
		margin:165px 0px 0px 30px;
		padding:0px 0px 0px 0px;
		line-height:150%;
		letter-spacing:0.5px;
	}
}
@media screen and (max-width:420px){
	#ab_01,#ab_02,#ab_03{
		width:245px;
		float:none;
		background-image:url('../images/about/pep_01.png');
		background-repeat:no-repeat;
		background-position:center 0px;
		background-size:auto;
		margin:0px auto 15px auto;
		padding:197px 0px 0px 0px;
	}
	#ab_02{
		background-image:url('../images/about/pep_02.png');
	}
	#ab_03{
		background-image:url('../images/about/pep_03.png');
	}
	#ab_01 h3,#ab_02 h3,#ab_03 h3{
		width:170px;
		font-size:18px;
		color:#333333;
		font-weight:bold;
		margin:0px 0px 0px 50px;
		padding:0px 0px 0px 0px;
		line-height:150%;
		letter-spacing:0.5px;
	}
}
dl.about_sbbox{
	margin:0px 0px 0px 0px;
	padding:20px;
}
dl.about_sbbox dt{
	display:block;
	width:149px;
	float:left;
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
}
dl.about_sbbox dd{
	display:block;
	float:right;
	width:800px;
	margin:0px 0px 25px 0px;
	padding:20px 0px 20px 0px;
}
@media screen and (max-width:768px){
	dl.about_sbbox dt{
		display:block;
		width:149px;
		float:left;
		margin:0px 0px 25px 0px;
		padding:0px 0px 0px 0px;
	}
	dl.about_sbbox dd{
		display:block;
		float:right;
		width:550px;
		margin:0px 0px 25px 0px;
		padding:20px 0px 20px 0px;
	}
}
@media screen and (max-width:420px){
	dl.about_sbbox dt{
		display:block;
		width:149px;
		float:none;
		margin:0px auto 10px auto;
		padding:0px 0px 0px 0px;
	}
	dl.about_sbbox dd{
		display:block;
		float:none;
		width:97%;
		margin:0px auto 15px auto;
		padding:20px 0px 20px 0px;
	}
}
dl.about_sbbox dd h3{
	font-size:1.8rem;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:0.5px;
}
dl.about_sbbox dd p{
	font-size:1.5rem;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	letter-spacing:0.5px;
}

@media screen and (max-width:768px){

}
/*------------------------------
共通
--------------------------------*/
.red{
	color:#ba0000;
}
.page_c{
	clear:both;
	text-align:center;
}
.page_r{
	text-align:right;
}
.page_l{
	text-align:left;
}
.mini{
	font-size:80%;
}
.tb5{
	clear:both;
	margin:5px 0px 5px 0px;
}
.tb10{
	clear:both;
	margin:10px 0px 10px 0px;
}
.tb20{
	clear:both;
	margin:20px 0px 20px 0px;
}
.b10{
	margin:0px 0px 10px 0px;
}
.tbig{
	font-size:120%;
	line-height:160%;
}
.bbig{
	font-weight:bold;
	font-size:140%;
	line-height:150%;
}
/*------------------------------
通常ボタン
--------------------------------*/
a.base_btn{
	display:block;
	border: none;
	background: #333333;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	width:280px;
	box-sizing: border-box;
	padding:10px 25px 10px 40px;
	margin:10px auto 10px auto;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	background-image:url('../images/about/btn/bicon_del.png');
	background-repeat:no-repeat;
	background-position:15px 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:center;
}
a:hover.base_btn{
	background: #cccccc;
	background-image:url('../images/about/btn/bicon_del.png');
	background-repeat:no-repeat;
	background-position:15px 13px;
	text-decoration:none;
}
a.base_btn2{
	display:block;
	border: none;
	background: #333333;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	width:30%;
	float:left;
	box-sizing: border-box;
	padding:10px 25px 10px 40px;
	margin:10px 10px 10px 10px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	background-image:url('../images/btn/					bicon_list.png');
	background-repeat:no-repeat;
	background-position:15px 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:left;
}
a:hover.base_btn2{
	background: #cccccc;
	background-image:url('../images/about/btn/bicon_del.png');
	background-repeat:no-repeat;
	background-position:15px 13px;
	text-decoration:none;
}
a.back,a:hover.back{
	background-image:url('../images/about/btn/					bicon_back.png');
}
a.mem,a:hover.mem{
	background-image:url('../images/about/btn/			bicon_mem.png');
}
a.login,a:hover.login{
	background-image:url('../images/about/btn/					bicon_login.png');
}
a.logout,a:hover.logout{
	background-image:url('../images/about/btn/					bicon_logout.png');
}
a.top,a:hover.top{
	background-image:url('../images/about/btn/					bicon_top.png');
}
/*------------------------------
テーブル設定
--------------------------------*/
.table01{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:14px;
}
.table01 th{
	border:1px dotted #cccccc;
	background-color:#f3f0e9;
	margin:0px 0px 0px 0px;
	padding:5px;
	text-align:center;
	font-weight:normal;
	color:#919191;
	font-weight:bold;
	vertical-align:middle;
}
.table01 th.th_m{
	border:1px dotted #cccccc;
	background-color:#919191;
	margin:0px 0px 0px 0px;
	padding:8px;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
}
.table01 td{
	border:1px dotted #cccccc;
	margin:0px 0px 0px 0px;
	padding:5px;
	color:#333333;
	vertical-align:top;
}
.taw100{
	width:100%;
	margin:0px auto 0px auto;
}
.taw_de{
	width:700px;
	margin:0px auto 0px auto;
}
.taw700{
	width:70%;
	margin:0px auto 0px auto;
}
.taw600{
	width:60%;
	margin:0px auto 0px auto;
}
.taw500{
	width:50%;
	margin:0px auto 0px auto;
}
.taw400{
	width:40p%;
	margin:0px auto 0px auto;
}
.table01 th.thw30,.table01 td.tdw30{
	width:33%;
}
.table01 td.td_n{
	text-align:center;
	border:none;
	background:none;
}
.table01 td.td_n2{
	text-align:center;
	border:none;
	background:none;
}
.table01 td.td_c{
	text-align:center;
}
.table01 td.td_v{
	vertical-align:middle;
}
.table01 td.td_bon{
	height:10px;
	border:none;
}
.table01 th.thw150,.table01 td.tdw150{
	width:150px;
}
.table01 td table{
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
.table01 td table td{
	border:none;
	margin:0px 0px 0px 0px;
	padding:2px;
	font-size:12px;
}
.t_fixed{
	table-layout: fixed;
}
@media screen and (max-width: 640px){
	.taw100,.taw700,.taw600,.taw500,.taw400{
		width:97%;
		margin:0px auto 0px auto;
	}
	.table01 th{
		display:block;
		width:97%;
	}
	.table01 td{
		display:block;
		width:97%;
	}
	.table01 th.thw150,.table01 td.tdw150{
		width:97%;
	}
	.table01 th.thw30,.table01 td.tdw30{
		width:100%;
	}
}
@media screen and (max-width: 380px){
	.table01 td.td_n img{
		width:100%;
	}
}
/*------------------------------
フッター
--------------------------------*/
#foot_top{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
}
.all_clear{
	clear:both;
	height:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
@media screen and (max-width: 768px){
	
}