@charset "UTF-8";
/* CSS Document */

* html body{
	height:100%;
	background-color:#ccc;
}

/* IEの隙間を埋める */
img{
	vertical-align: bottom;
    max-width: 100%;
}

*{
	border: 0px ;
	margin: 0px ;
	padding: 0px ;
}

a {text-decoration: none; }
a:link { color : #000000; }
a:visited { color : #000000; }
a:hover { color : #EC0456; }


/* floot 汎用 */
.fl {float: left; }
.fr {float: right; }
.clear { clear: both; }
/* floot 汎用 end */

/* margin 汎用 */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.center { margin-right: auto; margin-left: auto; }
/* margin 汎用 end */

/* width 汎用 */
.max-w1100 { max-width: 1100px; }
.w-40p { width: 40%; }
/* width 汎用 end */

.text-l { text-align: left; }

#header{
}

.pagetop {
	width: 80%;
	margin: 0px auto 50px auto;
	text-align: right;
}

/* メイン */
#container {
	width:100%;
	background-color:#999999;
	background-position: top center;
	background-attachment:fixed;
	text-align:center;
	z-index:500;
	background-repeat: no-repeat;
}


#main {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	width:1100px;
	max-width: 100%;
	background-color:#fff;
}
/* メイン end */




#sub-menu {
	width: 80%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	color: #000;
	text-decoration: none;
	text-align:center;
}