/*************************************
 * BASIC
 *************************************/
body,html {
  margin: 0;
  padding: 0;
}
div {
	margin:0;
	padding:0;
	line-height:0;
}
img {
	border:none;
}
table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
th,td{
  vertical-align:top;
  border-collapse:collapse;
  padding:0;
  font-size:0;
  line-height:0;
  border:none;
  border-spacing:0;
  font-weight:normal;
  text-align:left;
}

input[type="text"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #8227BB;
	border: 1px solid #8227BB;
}


#wrapper {
	position: relative;
	width: 1024px;
	height: 3200px;
	margin: 0 auto;
	padding: 0;
}
	
.content {
	position: relative;
/*	margin: 0 auto;*/
	padding: 0;
	height: 750px;
}
.Height {
	font-size:0;
	line-height:0;
	overflow:hidden;
	width:1px;
}
.TextArea {
	background-color:rgba(255,255,255,1);
	font-size:12px;
	line-height:180%;
	width:540px;
	font-family:"�q���M�m���� Pro","Hiragino Mincho Pro", "������","Yu Mincho", "�l�r �o����","MS PMincho";
	padding:20px;
}
.Mincho {
	font-size:12px;
	line-height:180%;
	font-family:"�q���M�m���� Pro","Hiragino Mincho Pro", "������","Yu Mincho", "�l�r �o����","MS PMincho";	
}
.WhiteBg {
	position:relative;
	background-color:#FFF;
	width:100%;
}
.TextAreaBox {
	display:block;
	position:absolute;
	z-index:2;
	top:400px;
	left:50px;	
}
.InputText {
	font-size:14px;
	padding:5px;
	margin:5px 0;
}
.LinkFormat {
	font-family:'Arial Narrow', 'Heltetica';
	font-style:italic;
	text-decoration:underline;
}
/*************************************
 * FixingPhoto
 */
#Top  { 
	position:fixed;
	margin: 0 auto;
	padding: 0;
	height: 800px;
	width:1024px;
	background: center 0% no-repeat fixed; 	
}

 
.clearfloat {
	clear:both;
}

/*******************
 * Design CSS
 *******************/
#Header {
	position:fixed;
	top:0;
	left:auto;
	z-index:9999;
	background-color:white;
	background-size:contain;
	width:1024px;
	height:70px;
	border-bottom:2px #020604 solid;
}
#HeaderLogo {
	position:absolute;
	top:12px;
	left:51px;
	width:260px;
}
#HeaderMenu {
	position:absolute;
	top:18px;
	left:405px;
	width:610px;
}
#HeaderMenu div {
	margin-left:30px;
	float:left;
}


#SnsBox {
	position:fixed;
	padding-top:9px;
	padding-left:10px;
	top:180px;
	left:auto;
	margin-left:990px;
	z-index:9999;
	width:30px;
	height:196px;
	background-image:url(./img/SnsBg.png);
	background-repeat:no-repeat;
}


.Main {
	position:relative;
	width:100%;
}
.ContentMargin {
	position:relative;
	background-color:white;
	height:600px;
}
/* InformationLink **********************************************/
.InformationLink {
	position:relative;
	padding:40px 0 0 0px;
	background-color:white;
	margin-left:650px;
}
.SideArea {
	padding:40px 0 0 0px;
	background-color:white;
	margin-left:650px;	
}
.TitleRecentText {
	font-size:11px;
	font-weight:bold;
	line-height:200%;
	color:#666;
}
.IconButton {
	display:block;
	float:left;
	margin-right:20px;
	background-image:url(img/IconBg.png?update);
	background-repeat:no-repeat;
	overflow:hidden;
	width:50px;
	height:50px;
	text-indent:-9999px;
	white-space: nowrap;
}
.IconYoutube {
	background-position:0px 0px;
}
.IconYoutube:hover{
	background-position:0 -50px;
}
.IconFacebook {
	background-position:0px 0px;
}
.IconFacebook:hover{
	background-position:0 -50px;
}
.IconInstagram {
	background-position:-50px 0px;
}
.IconInstagram:hover{
	background-position:-50px -50px;
}
.IconTwitter {
	background-position:-100px 0px;
}
.IconTwitter:hover{
	background-position:-100px -50px;
}
.IconBlog {
	background-position:-150px 0px;
}
.IconBlog:hover{
	background-position:-150px -50px;
}
.IconChannel {
	background-position:-200px 0px;
}
.IconChannel:hover{
	background-position:-200px -50px;
}

.IconButtonS {
	display:block;
	float:left;
	background-image:url(img/IconBgS.png?update);
	background-repeat:no-repeat;
	overflow:hidden;
	width:25px;
	height:25px;
	text-indent:-9999px;
	white-space: nowrap;
}
.IconYoutubeS {
	background-position:0px 0px;
}
.IconYoutubeS:hover{
	background-position:0 -25px;
}
.IconFacebookS {
	background-position:0px 0px;
}
.IconFacebookS:hover{
	background-position:0 -25px;
}
.IconInstagramS {
	background-position:-25px 0px;
}
.IconInstagramS:hover{
	background-position:-25px -25px;
}
.IconTwitterS {
	background-position:-50px 0px;
}
.IconTwitterS:hover{
	background-position:-50px -25px;
}
.IconBlogS {
	background-position:-75px 0px;
}
.IconBlogS:hover{
	background-position:-75px -25px;
}
.IconChannelS {
	background-position:-100px 0px;
}
.IconChannelS:hover{
	background-position:-100px -25px;
}

/**********************************************/

#Loading2 {
	position:fixed;
	width:100%;
	height:120%;
	z-index:10000;
	background: url(img/Loading.gif) no-repeat center rgba(0,0,0,0.8);
}
#Loading {
	display:none;
	width: 100%; /* gif�摜�̕� */
	height: 100%; /* gif�摜�̍��� */
	margin: 0 0 0 0; /* gif�摜����ʒ����� */
	padding: 0px; /* gif�摜��傫�� */
	background: url(img/Loading.gif) no-repeat center rgba(255,255,255,0.8);
/*	background: #000000; /* gif�摜�̔w�i�F */
	opacity: 0.8; /* ���߂����� */
	position: fixed; /* gif�摜���X�N���[�������Ȃ� */
	left: 0; /* gif�摜����ʉ������� */
	top: 0; /* gif�摜����ʏc������ */
	z-index:10000;
}
#MailResult {
	line-height:180%;
	width:100%;
	padding-left:190px;
	font-size:12px;
	font-family:"�q���M�m���� Pro","Hiragino Mincho Pro", "������","Yu Mincho", "�l�r �o����","MS PMincho";
}

/**********************************************
 * 	SubTitle
 */
.SubTitle {
	background-image:url(./img/SubTitleMark.png);
	background-repeat:no-repeat;
	padding-left:20px;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	line-height:26px;
	height:30px;
	font-size:20px;
	font-weight:bold;
}

/**********************************************
 * News
 ***********************************************/
.NewsComment {
	margin-top:10px;
	background:url(./img/NewsFlag.png) no-repeat;
	background-position: 5px 0px;
	padding-left:20px;
}
.NewsDate {
	font-family:"Arrial Narrow", "Arial";
	font-size:12px;
	font-style:italic;
	line-height:150%;
}
.NewsBody {
	font-size:12px;
	line-height:150%;
	
}
#Text_NEWS {
	background-color:rgba(255,255,255,0.9);
	width:390px;
	display:block;
	position:absolute;
	z-index:2;
	top:180px;
	left:50px;

}

/**********************************************
 *  BODY TEXT
 */
.BodyTextArea {
	margin-bottom: 40px;
	font-size:12px;
	line-height:180%;
	font-family:"�q���M�m���� Pro","Hiragino Mincho Pro", "������","Yu Mincho", "�l�r �o����","MS PMincho";
}

/**********************************************/
#Footer {
	background-image:url(img/debut_dark.png);
	font-family:'Gill Sans', 'Arial', 'Helvetica';
}