@charset "utf-8";
/* *{
	margin:0px;
	padding:0px;
	border:0px;
} */

html {
	/* overflow-y:scroll; */
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	line-height:2.0;
	color:#333333;
	background:#EFE8BC;
}

/* ----- Links Color ----- */
a:link {text-decoration:underline;color:#333333;}
a:visited {text-decoration:underline;color:#333333;}
a:hover {text-decoration:none;color:#999999;}
a:active {text-decoration:underline;color:#333333;}

/* ----- ClearSpace ----- */
.ClearSpacet15px {clear:both;width:10px;height:15px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet20px {clear:both;width:10px;height:20px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet30px {clear:both;width:10px;height:30px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet40px {clear:both;width:10px;height:40px;margin:0px;padding:0px;text-indent:-9999px;}

/* ----- Color ----- */
.COLOR-Red {color:#CC0000;}
.COLOR-D_Red {color:#990000;}
.COLOR-Orange {color:#FF9900;}
.COLOR-Blue {color:#003399;}
.COLOR-SkyBlue {color:#6699FF;}
.COLOR-Green {color:#669900;}
.COLOR-Y_Green {color:#99CC00;}
.COLOR-Yellow {color:#FF9900;}

/* ----- Under Constrution ----- */
.uc {
	clear:both;
	width:100%;
	margin:80px 0px 120px 0px;
	padding:20px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

/* ----- img ----- */
img,
img a,
img a:hover {border:0;}

/* ----- font ----- */
.font14px {font-size:14px;line-height:1.6;}
.font16px {font-size:16px;line-height:1.8;}
.font18px {font-size:18px;line-height:1.8;}
.font20px {font-size:20px;line-height:1.7;}
.font22px {font-size:22px;line-height:1.7;}
.font24px {font-size:24px;line-height:1.7;}
.font26px {font-size:26px;line-height:1.7;}
.font28px {font-size:28px;line-height:1.7;}
.font30px {font-size:30px;line-height:1.6;}
.font32px {font-size:32px;line-height:1.6;}
.font34px {font-size:34px;line-height:1.6;}
.font36px {font-size:36px;line-height:1.6;}
.font38px {font-size:38px;line-height:1.6;}
.font40px {font-size:40px;line-height:1.5;}


/* ------------------------------------------------------------
　　ページベース
------------------------------------------------------------ */

/* ----- wrapper 内容 ----- */
#wrapper {
	clear:both;
	position:relative;
	width:900px;
	margin:0px auto;
	padding:0px 0px 0px;
	background:url(../img/back.jpg) repeat-y top center;
}
#wrapper-inner {
	position:static;
	width:900px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/* SNS */
#side_sns {
	clear:both;
	position:fixed;
	width:100%;
	height:30px;
	margin:0px;
	padding:10px 0px 0px 20px;
	text-align:left;
	background:#FFFFFF;
	overflow:hidden;
}
.side_sns_box {
	float:left;
	position:fixed;
	z-index:1;
	top:10px;
	right:60px;
	margin:0px;
	padding:0px 0px;
	text-align:left;
}

/* ----- side 内容 ----- */
#side {
	float:left;
	position:relative;
	width:340px;
	height:990px;
	margin:0px;
	padding:0px;
}
#side-inner {
	position:static;
	width:340px;
	height:990px;
	margin:0px;
	padding:0px;
}
#side-inner p {
	clear:both;
	width:340px;
	height:990px;
	margin:0px;
	padding:0px;
	font-size:4px;
	line-height:1.2;
	text-indent:-9999px;
	text-align:left;
	background:url(../img/left.jpg) no-repeat 0px 0px;
}

/* ----- header 内容 ----- */
#header {
	float:right;
	position:relative;
	width:560px;
	height:300px;
	margin:0px;
	padding:0px;
}
#header-inner {
	position:static;
	width:560px;
	height:300px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#header-inner h1,
#header-inner h2 {
	clear:both;
	width:560px;
	margin:0px;
	padding:0px;
	font-size:4px;
	line-height:1.2;
	text-indent:-9999px;
	text-align:left;
}
#header-inner h1 {height:190px;background:url(../img/h1.jpg) no-repeat 0px 0px;}
#header-inner h2 {height:110px;background:url(../img/h2.jpg) no-repeat 0px 0px;}

/* ----- contents 内容 ----- */
#contents {
	float:right;
	position:relative;
	width:560px;
	margin:0px;
	padding:0px;
}
#contents-inner {
	position:static;
	width:560px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.cont {
	clear:both;
	margin:0px;
	padding:30px 0px 30px;
	text-align:left;
}
.cont h3 {
	clear:both;
	margin:0px;
	padding:0px 0px 5px 25px;
	font-size:16px;
	text-align:left;
}
.cont h4 {
	clear:both;
	margin:0px;
	padding:10px 0px 5px 25px;
	font-size:16px;
	text-align:left;
}
.cont p {
	clear:both;
	margin:0px;
	padding:0px 0px 10px 35px;
	text-align:left;
}
.cont ul {
	clear:both;
	margin:0px;
	padding:0px 0px 0px 55px;
	text-align:left;
	list-style-type:decimal;
}
.cont li {
	clear:both;
	margin:0px;
	padding:0px 0px 8px 0px;
	line-height:1.8;
	text-align:justify;
}

/* ----- app 内容 ----- */
#app_links {
	clear:both;
	width:560px;
	margin:0px;
	padding:0px;
}
#app_links p {
	clear:both;
	width:560px;
	margin:0px;
	padding:0px 0px 10px;
	text-align:left;
}
.app {height:70px;}
.m-inq {height:40px;}

/* ----- footer 内容 ----- */
#footer {
	clear:both;
	position:relative;
	margin:0px;
	padding:0px 0px 30px;
}
#footer-inner {
	position:static;
	margin:0px;
	padding:0px;
	text-align:left;
}
#footer-inner p {
	clear:both;
	margin:0px;
	padding:30px 0px 20px;
	text-align:left;
}

/* コピーライト */
#footer-inner address {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
	font-style:normal;
	text-align:center;
}

/* ----- pagetop 内容 ----- */
#pagetop {
	float:right;
	position:fixed;
	z-index:0;
	right:0px;
	bottom:10px;
	width:36px;
	height:110px;
	margin:0px;
	padding:0px;
}





