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

/*全体----------------------*/
#warapper{ min-width:1264px; height: auto !important;}
img{border:none;}
.ie8 img{border:none;}
.ie7 img{border:none;}

a:hover{ color: #C03; } 

/*トップに戻るボタン----------------------*/
.pagetop{position: fixed; z-index:20; bottom:10px; right:10px;}

/*ヘッダー----------------------*/

#container {
	width:100%;
	height:auto;
}

header{ height:auto; width:100%; margin:0 auto; }
.ie8 .header{position: relative; height:600px; width:800px;margin:0 auto;}
.ie7 .header{position: relative; height:600px; width:800px;margin:0 auto;}

.header_cover {
	position:relative;
	width:100%;
	margin:0 auto;
}

#header_main {
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	margin:0 auto;
}

#header_imagebox{ position:relative; width:1264px; height:736px; margin:0 auto; background: url(../images/main_01.png) no-repeat; z-index: 10; }

#sns_box { position:absolute; bottom:128px; left:206px; }
	


/*ナビゲーションメニュー----------------------*/
#nav_cover  { position:absolute; width:100%; height:92px; top:664px; left:0; z-index:10; }
.nav        { position:relative; width:1264px; height:122px; margin:0 auto; overflow:hidden; }

.nav .nav_line_img{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}
.nav ul     {
	width:100%;
	height:70px;
	margin:0 auto;
	padding-left:236px;
	padding-top:12px;
	background:#ccc url(../images/menu_bg.png) repeat-x ;
}
.nav li     { float:left; margin-right:32px; }
.nav li a   { display:block; }
.nav li img	{ display:block; position:relative; z-index:1000; }
.nav li .selected{
	position:relative;
}
.nav li .selected:after{
	content:"";
	position:absolute;
	top:-28px;
	left:-42px;
	width:251px;
	height:121px;
	background:url(../images/menu_on.png) no-repeat;
	z-index:5;
}
/*
.nav a      { display:block;text-decoration:none; font-size:1.28em; color:#FFFFFF; font-weight:bold;}
.nav a:hover{ text-decoration:none; font-size:1.28em;}
.nav ul li#nav01 { width: 180px; background-image:url(../images/button01_off.png); background-repeat:no-repeat;}
.nav ul li#nav02 { width: 180px; background-image:url(../images/button02_off.png); background-repeat:no-repeat;}
.nav ul li#nav03 { width: 180px; background-image:url(../images/button03_off.png); background-repeat:no-repeat;}
.nav ul li#nav01 a:hover { background-image:url(../images/button01_on.png); background-repeat:no-repeat;}
.nav ul li#nav02 a:hover { background-image:url(../images/button02_on.png); background-repeat:no-repeat;}
.nav ul li#nav03 a:hover { background-image:url(../images/button03_on.png); background-repeat:no-repeat;}*/


/*メイン------------------------*/
#contact_warapper {
	width:1264px;
	margin:0 auto;
	background:#eeeeee;
}

#bg_area{
	position:relative;
	width:1264px;
	margin:0 auto;
	z-index:10;
}

#bg_area .bg_obj01{
	position:absolute;
	top:-210px;
	right:0;
}
#bg_area .bg_obj02{
	position:absolute;
	bottom:0;
	left:0;
}

#bg_area .bg_obj01 img,
#bg_area .bg_obj01 img{
	display:block;
}

#main_warapper>div {
	height:auto;
	
}

#main_warapper {
	position:relative;
	width:950px;
	max-width: 950px;
	margin:0 auto;
	height:auto;
	padding-top:40px;
	
	font-size: 12px;
	line-height:1.3em;
	z-index:20;

}

#main_content {
	float:right;
	width:663px;
	padding-left:30px;
	
}

#sid_content {
	float:left;
	width: 257px;
	
}

#main_content h2 {
	width: 663px;
	height: 62px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.title_cel_poz { position:relative; }
.title_cel_poz h6 { position:absolute; width:79px; height:53px; background:url(../images/title_cel.png) no-repeat; top:-10px; left:-20px; }

#main_content h2.title_info,
#main_content h2.title_about,
#main_content h2.title_entry,
#main_content h2.title_contact {
	background-color:#ffffff;
}

#info_text iframe {
	width: 100%;
	max-width: 600;
	height: 120px;
	margin: 15px 0 2em 20px;
	padding: 0 0 0 0;
	border: none;
}

#main_content h3 {
	width:100%;
	max-width:640px;
	height: 22px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background-color: #939393;
	color: #ffffff;
	padding:9px 0 1px 23px;
}

/* information ----------*/
#information {margin-bottom:4em;}

#information div.content dl { width:100%; }
#information div.content dt { float:left; clear:both; width:40px; }
#information div.content dd { margin-left:80px; }


/* ABOUT ----------------*/
#about {margin-bottom:4em;}

#all_chara {
	margin: 0;
	padding:0 0 3em 0;
}

#about ol { margin:0; padding:0 0 0 1.5em;}
#about ol li{ line-height: 1.4em; padding-bottom:0.8em;}

#about table,
#about table tr.
#about table th.
#about table td {
	margin:0;
	padding:0;
}

#about table {border-collapse: collapse; margin-top: 1em;}

#about table th {padding-right: 15px;}
#about table th img {display:block; margin:0; padding:0;}
#about table td {padding:0.8em 0 1em 1.3em; vertical-align:top; white-space: nowrap; line-height: 1.6em;}

.judge{ width:100%; margin:0; margin-left:1em; margin-top:0.4em; margin-bottom:1.6em;  }
.judge dt{ float:left; width:80px; }
.judge dd{ float:left; margin-left:0px; }

/* ENTRY ----------------*/
#entry {margin-bottom:4em;}

/* CONTACT --------------*/
#contact {margin-bottom:4em; line-height: 1.6em;}

/* APPLICANT ------------*/
#applicant {margin-bottom:2em;}

#chara01 {background-image: url(../images/chara_back01.png);}
#chara02 {background-image: url(../images/chara_back02.png);}
#chara03 {background-image: url(../images/chara_back03.png);}
#chara04 {background-image: url(../images/chara_back04.png);}
#chara05 {background-image: url(../images/chara_back05.png);}

#chara01,
#chara02,
#chara03,
#chara04,
#chara05{
	margin-bottom: 15px;
	width:663px;
	height: 347px;
	background-position:center;
	background-repeat:no-repeat;
	position: relative;
}

img.web_position {
	position: absolute;
	top: 45%;
	left: 295px;
}

img.dl_position {
	position: absolute;
	top: 71%;
	left: 295px;
}

/* 各content ------------*/
div.content { padding:1.4em; line-height:160%; background:#ffffff; }

div.content p span.circle {
    color: #ff619d;
	min-width:50px;
	min-height:50px;
	font-size:180%;
	vertical-align: -15%;
}
div.content ul{ margin-left: 1em;}
div.content p.mtop{ margin-top:1em; }
div.content p span{ text-decoration:underline; }



/*サイドコンテンツ------*/
#move_box {
	width: 100%;
	max-width: 257px;
	height: auto;
	background-color:#efeded;
}
#move_box h3{
	font-size:12px;
	color: #ff619d;
	padding: 0.5em 0 0.5em 1em;
}
#move_box h4{
	font-size:14px;
	background-color:#ff619d;
	color: #ffffff;
	padding: 0.3em 0 0.3em 0.5em;
}
#move_box p{
	font-size:10px;
	background-color:#ff619d;
	color: #ffffff;
	margin-bottom:10px;
	padding: 0.3em 1em 0.3em 0;
	text-align:right;
}
#move {
	position: relative;
	width: 257px;
	height: 145px;
	max-width: 257px;
	max-height: 143px;
	overflow: hidden;
}

#move iframe {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#twitter {
	width:257px;
	height:100%;
	max-height:600px;
	margin-bottom:10px;
}

#facebook {
	width:257px;
	height:100%;
	max-height:600px;
	margin-bottom:10px;
}



/*フッター----------------------*/
footer{
	width:1264px;
	margin:0 auto;
	height:30px;
	padding:15px 0 5px 0;
	color:#FFFFFF;
	background:#666666;
	text-align:center;
	font-size:12px;
}


/*float----------------------*/
.clear{clear:both;}
.left{float:left;}
.right{float:right;}