@charset "UTF-8";

/******************共通(骨組)******************/
html,body{
	overflow-y: hidden; 
}
body {
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	width:100%;
	position:fixed;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:100%;
    //min-height: 960px;
    //height: 960px;
    //-webkit-background-size: cover;
    //background-size: cover;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat:no-repeat;
}

#header{
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1280px;
    position: relative;
    z-index: 1;
}

#wrapper #menu{
	width:322px;
	float:left;
}
#wrapper #main{
	width:648px;
	margin-left:100px;
    //min-height: 960px;
    //height: 960px;
	background:url(../images/main_base.png);
	background-repeat:repeat;
	float:left;
	text-align:center;
}

#footer{
}


/**************共通(汎用クラス)**************/


.clear{
	clear:both;
}


/**************共通のスタイル**************/


h1 {
	text-indent:-9999px;
}
h1 a{
	display:block;
	margin-left:20px;
	background:url(../images/logo_off.png);
	background-repeat:no-repeat;
	width:184px;
	height:181px;
}
h1 a:hover{
	background:url(../images/logo_on.png);
	background-repeat:no-repeat;
}

#main h2,#main .sub_title{
	margin-left:30px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
#main h2{
	padding-top:50px;
	font-size:28px;
	text-align:left;
	letter-spacing:1px;
	line-height:120%;
	font-weight:normal;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
#main .sub_title{
	text-align:left;
	font-size:11px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
#main h3{
	text-align:left;
	font-size:36px;
	margin-left:70px;
	letter-spacing:3px;
	margin-top:50px;
	margin-bottom:55px;
	font-weight:normal;

}
#main #scroll_area{
	overflow-y:auto;
	width:630px;
	//height:550px!important;
}

#main #scroll_area .text_block{
	text-align:left;
	color:#444444;
	font-family: "ＭＳ Ｐ明朝",serif;
	margin-left:70px;
	margin-bottom:20px;
	line-height:200%;
}

#main #scroll_area .individual_area{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
	width:520px;
	margin-left:auto;
	margin-right:auto;
}
#main #scroll_area .individual_area a{
	color:#444444;
}
#main #scroll_area .individual_area a:hover > img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#main #scroll_area .individual_area .left_photo{
	float:left;
}
#main #scroll_area .individual_area .right_photo{
	float:right;
}
#main #scroll_area .individual_area .left_txt{
	float:left;
}
#main #scroll_area .individual_area .right_txt{
	float:right;
}
#main #scroll_area .individual_area h3{
	margin:0px;	/*h3にかかってるマージンクリア*/
	margin-top:5px;
	margin-bottom:15px;
	font-size:24px;
	font-weight:normal;
}
#main #scroll_area .individual_area h3 span{
	font-size:16px;
	margin-left:20px;
	letter-spacing:1px;
}
#main #scroll_area .individual_area .sub_heading{
	text-align:left;
}

.mCSB_draggerContainer{
	display:none;
}
.mCSB_scrollTools{
	height:100px!important;
}


/**************ヘッダー**************/
#sns {
	position:fixed;
	top:33%;
	right:0;
	z-index:15;
}
#sns li{
	list-style:none;
	margin-bottom:30px;
}

/**************左メニュー**************/
#wrapper #menu{
	margin-left:30px;
    position: relative;
    z-index: 1;
}
#wrapper #menu ul#navi{
	margin-left:40px;
}
.btn_o {
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 2px;
  text-decoration: none;
  display: inline-block;
}



#wrapper #menu ul#navi li{
	margin-bottom:15px;
	list-style:none;
}
#wrapper #menu ul#navi li a{
	text-decoration:none;
	color:#ffffff;
	text-shadow: 0 0 10px #AAAAAA, 0 0 20px #AAAAAA, 0 0 30px #AAAAAA;
}
#wrapper #menu ul#navi li a:hover,#wrapper #menu ul#navi li#now a{
	color:#F4F68B;
	text-shadow: 0 0 10px #F4F68B, 0 0 20px #F4F68B, 0 0 30px #F4F68B;
}
#wrapper #menu ul#navi li .navi_font_eng{
	display:inline;
	font-size:18px;
	line-height:18px;
	letter-spacing:1px;
	margin-bottom:3px;
}
#wrapper #menu ul#navi li .navi_font_jpn{
	display:inline;
	font-size:11px;
	line-height:11px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}
#wrapper #menu ul#navi li#menu_sub{
	margin-bottom:10px;
}
#wrapper #menu ul#navi li#menu_sub ul li{
	margin-bottom:15px;
}
#wrapper #menu ul#navi li#menu_sub ul li a{
	padding-left:20px;
}
#wrapper #menu ul#navi li#menu_sub ul li#top{
	margin-top:-10px;
}
#wrapper #menu ul#navi li#menu_sub ul li#top a{
	background:url(../images/arrow_off.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}
#wrapper #menu ul#navi li#menu_sub ul li#top a:hover,#wrapper #menu ul#navi li#menu_sub ul li#now a{
	background:url(../images/arrow_on.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#wrapper #menu #member_button{
	margin-left:50px;
}
#wrapper #menu #member_button:hover{
	position:relative;
	top:2px;
	left:2px;
}

@media screen and (max-height: 1024px) {
	#wrapper #menu ul#links{
		position:absolute;
		//bottom:120px;
		top:83%;
	}
	#wrapper #menu #copyright{
		margin-left:10px;
		position:absolute;
		top:85%;
	}
}
@media screen and (max-height: 768px) {
	#wrapper #menu ul#links{
		position:absolute;
		//bottom:120px;
		top:88%;
	}
	#wrapper #menu #copyright{
		margin-left:10px;
		position:absolute;
		top:90%;
	}
}

#wrapper #menu ul#links li{
	float:left;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
}
#wrapper #menu ul#links li#ml_left{
	border-right-style:solid;
	border-right-color:#C2C1C1;
	border-right-width:2px;
}
#wrapper #menu ul#links li a{
	color:#C2C1C1;
	text-decoration:none;
}
#wrapper #menu ul#links li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

/**************フッター**************/