/*===================================■ 装飾全体 ■===================================*/

h1 {display: none;}
h2,
h3,
h4,
h5,
h6 { margin:0; padding:0px 0px 0px 0px; width:100%;}

html{
	height:100%;
}
body{
	height:100%;
	background: #000;
	color:#FFF;
	font-size:14px;
	line-height:2;
	font:"ＭＳＰ ゴシック", "MSP Gothic";
}
p{ margin: 0px 0px 15px 0px; padding: 0;}


h3{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-weight:normal;
	font-size:16px;
	color:#86000B;
	}

h4{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	text-decoration:underline;
	font-size:14px;
	color:#82bf24;
	}

h5{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	width:100%;
	border-bottom:2px solid #eccb51;
	font-size:14px;
	color:#4f241d;
	}

a{ text-decoration: underline; color: #82bf24; }
a:hover{text-decoration:none; color: #9cf119;}


/*===================================■ レイアウト全体 ■===================================*/

/*news----------------------------------------*/
	/*
#news_main {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-width: 1050px !important;
	height: auto !important;
	min-height:100% !important;
	background: url(../images/news/bg.jpg) no-repeat center top #000;
	background-size:100% auto;

	}
	
#character_main {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-width: 1050px !important;
	height: auto !important;
	min-height:100% !important;
	background: url(../images/character/bg.jpg) no-repeat center top #000;
	background-size:100% auto;
	}

#introduction_main {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-width: 1050px !important;
	height: auto !important;
	min-height:100% !important;
	background: url(../images/introduction/bg.jpg) no-repeat center top #000;
	background-size:100% auto;
	}
*/

div#container {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-height: 100%;
	height: 100%;
	text-align: left;
	z-index:2; }

body > #container { height: auto;}

div#contents {
	margin: 0px auto ;
	padding:0px 0px;
	width: 100%;
	min-height: 100%;
	height:auto;
	position:relative;
	clear:both;
	}



#bg {z-index: -1; position:fixed;}

/***************** header *****************/

header {
	margin: 0px auto;
	padding: 0;
	width: 100%;
	height:160px;
	background: url(../images/bg_header.png) repeat-x center top;
	clear:both;
	}

#header {
	margin: 0px auto;
	padding: 0;
	width: 960px;
	height:160px;
	background: url(../images/bg_headerline.png) no-repeat center bottom;
	clear:both;
	position: relative;
	}



#main_box {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	background:url(../images/bg_base.png) repeat 0 0;
	clear:both;
	}

#main_box:after {
	clear:both;
	}


.logo {
	position:absolute;
	top:17px;
	left:0;
	}
.catch {
	position:absolute;
	top:83px;
	left:220px;
	z-index:350;
	}


.news_box {
	width:204px;
	height:112px;
	margin:0px auto;
	padding:0;
	background: url(../images/index/bg_news.png) no-repeat center top;
	}

.social {
	width:252px;
	height:20px;
	background: url(../images/bg_social.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	z-index:300;
	}


.tw {
	position:absolute;
	top:0;
	right:88px;
	z-index:350;
	}

.fb {
	position:absolute;
	top:0;
	right:0;
	z-index:350;
	}


/***************** nav *****************/


nav {
	position:absolute;
	top:18px;
	right:0px;
	width:750px;
	height:65px;
		
	}

nav:after {
	clear:both;
	}

	/*-- base --*/
	#menu { margin: 0px; padding: 0px; width: 750px; height: 65px; display: inline; clear:both;}
	#menu ul{ margin: 0px; padding: 0px; width: 750px; height: 65px; clear:both;}
	#menu ul li{ margin:0px; padding:0; list-style:none; float:left; }
	#menu ul li a{ margin:0; padding:0; width: 85px; height: 36px; display: block; }


	#menu ul li.nav1 a,
	#menu ul li.nav2 a,
	#menu ul li.nav3 a,
	#menu ul li.nav4 a,
	#menu ul li.nav5 a,
	#menu ul li.nav6 a,
	#menu ul li.nav7 a,
	#menu ul li.nav8 a,
	#menu ul li.nav9 a,
	#menu ul li.nav10 a,
	#menu ul li.nav11 a,
	#menu ul li.nav12 a	{ width:85px; height: 36px; background-image: url(../images/menu.png); background-repeat:no-repeat; display: block; float:left;   }

	#menu ul li.nav0 span,
	#menu ul li.nav1 span,
	#menu ul li.nav2 span,
	#menu ul li.nav3 span,
	#menu ul li.nav4 span,
	#menu ul li.nav5 span,
	#menu ul li.nav6 span,
	#menu ul li.nav7 span,
	#menu ul li.nav8 span,
	#menu ul li.nav9 span,
	#menu ul li.nav10 span,
	#menu ul li.nav11 span,
	#menu ul li.nav12 span{ display:none;}

	#menu ul li.nav1 { background-position: 0px -195px; }
	#menu ul li.nav1 a{ background-position: 0px 0px; }
	#menu ul li.nav1 a:hover{ background-position: 0px -65px;}

	#menu ul li.nav2 { background-position: -83px -195px; }
	#menu ul li.nav2 a{ background-position: -83px 0px; }
	#menu ul li.nav2 a:hover{ background-position: -83px -65px;}

	#menu ul li.nav3 { background-position: -256px -195px; }
	#menu ul li.nav3 a{ background-position: -256px 0px; }
	#menu ul li.nav3 a:hover{ background-position: -256px -65px;}

	#menu ul li.nav4 { background-position: -429px -195px; }
	#menu ul li.nav4 a{ background-position: -429px 0px; }
	#menu ul li.nav4 a:hover{ background-position: -429px -65px;}

	#menu ul li.nav5 { background-position: -576px -195px; }
	#menu ul li.nav5 a{ background-position: -576px 0px; }
	#menu ul li.nav5 a:hover{ background-position: -576px -65px;}

	#menu ul li.nav6 { background-position: 0px -231px; }
	#menu ul li.nav6 a{ background-position: 0px -36px; }
	#menu ul li.nav6 a:hover{ background-position: 0px -101px;}

	#menu ul li.nav7 { background-position: -150px -231px; }
	#menu ul li.nav7 a{ background-position: -150px -36px; }
	#menu ul li.nav7 a:hover{ background-position: -150px -101px;}

	#menu ul li.nav8 { background-position: -236px -231px; }
	#menu ul li.nav8 a{ background-position: -236px -36px; }
	#menu ul li.nav8 a:hover{ background-position: -236px -101px;}

	#menu ul li.nav9 { background-position: -315px -231px; }
	#menu ul li.nav9 a{ background-position: -315px -36px; }
	#menu ul li.nav9 a:hover{ background-position: -315px -101px;}

	#menu ul li.nav10 { background-position: -461px -231px; }
	#menu ul li.nav10 a{ background-position: -461px -36px; }
	#menu ul li.nav10 a:hover{ background-position: -461px -101px;}

	#menu ul li.nav11 { background-position: -552px -231px; }
	#menu ul li.nav11 a{ background-position: -552px -36px; }
	#menu ul li.nav11 a:hover{ background-position: -552px -101px;}

	#menu ul li.nav12 { background-position: -631px -231px; }
	#menu ul li.nav12 a{ background-position: -631px -36px; }
	#menu ul li.nav12 a:hover{ background-position: -631px -101px;}


	/*-- option --*/

	#menu ul li.nav0 { width:82px; height:36px; }
	#menu ul li.nav1 { width:83px; }
	#menu ul li.nav2 { width:173px; }
	#menu ul li.nav3 { width:173px; height:36px; }
	#menu ul li.nav4 { width:147px; }
	#menu ul li.nav5 { width:92px; height:36px; }
	#menu ul li.nav6 { width:150px; height:29px; }
	#menu ul li.nav7 { width:86px; height:29px; }
	#menu ul li.nav8 { width:79px; height:29px; }
	#menu ul li.nav9 { width:146px; height:29px; }
	#menu ul li.nav10 { width:91px; height:29px; }
	#menu ul li.nav11 { width:79px; height:29px; }
	#menu ul li.nav12 { width:119px; height:29px; }

	#menu ul li.nav1 a{ width:83px; }
	#menu ul li.nav2 a{ width:173px; }
	#menu ul li.nav3 a{ width:173px; }
	#menu ul li.nav4 a{ width:147px; }
	#menu ul li.nav5 a{ width:92px; height:36px; }
	#menu ul li.nav6 a{ width:150px; height:29px; }
	#menu ul li.nav7 a{ width:86px; height:29px; }
	#menu ul li.nav8 a{ width:79px; height:29px; }
	#menu ul li.nav9 a{ width:146px; height:29px; }
	#menu ul li.nav10 a{ width:91px; height:29px; }
	#menu ul li.nav11 a{ width:79px; height:29px; }
	#menu ul li.nav12 a{ width:119px; height:29px; }



	#menu ul li.nav3,
	#menu ul li.nav7,
	#menu ul li.nav9,
	#menu ul li.nav10,
	#menu ul li.nav11{ margin:0; padding:0; background-image: url(../images/menu.png); background-repeat:no-repeat; display: block; float:left;    }
	#menu ul li.nav0{ margin:0; padding:0; display: block; float:left;    }

/*




	#menu ul li.nav1 a{ background-position: 0px -130px; }
	#menu ul li.nav1 a:hover{ background-position: 0px -130px;}

	#menu ul li.nav2 a{ background-position: -83px -130px; }
	#menu ul li.nav2 a:hover{ background-position: -83px -130px;}

	#menu ul li.nav3 a{ background-position: -256px -130px; }
	#menu ul li.nav3 a:hover{ background-position: -256px -130px;}

	#menu ul li.nav4 a{ background-position: -429px -130px; }
	#menu ul li.nav4 a:hover{ background-position: -429px -130px;}

	#menu ul li.nav5 a{ background-position: -576px -130px; }
	#menu ul li.nav5 a:hover{ background-position: -576px -130px;}

	#menu ul li.nav6 a{ background-position: 0px -166px; }
	#menu ul li.nav6 a:hover{ background-position: 0px -166px;}

	#menu ul li.nav7 a{ background-position: -150px -166px; }
	#menu ul li.nav7 a:hover{ background-position: -150px -166px;}

	#menu ul li.nav8 a{ background-position: -236px -166px; }
	#menu ul li.nav8 a:hover{ background-position: -236px -166px;}

	#menu ul li.nav9 a{ background-position: -315px -166px; }
	#menu ul li.nav9 a:hover{ background-position: -315px -166px;}

	#menu ul li.nav10 a{ background-position: -461px -166px; }
	#menu ul li.nav10 a:hover{ background-position: -461px -166px;}

	#menu ul li.nav11 a{ background-position: -552px -166px; }
	#menu ul li.nav11 a:hover{ background-position: -552px -166px;}

	#menu ul li.nav12 a{ background-position: -631px -166px; }
	#menu ul li.nav12 a:hover{ background-position: -631px -166px;}


/***************** bn *****************/


/***************** footer *****************/
/*
#page_pt{
	position: absolute;
	bottom: 30px;
	right: 0px;
	}
*/


#page_pt{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:777;
	}


footer {
	width:1000px;
	margin:0px auto;
	padding:0;
	color:#fff;
	background:url(../images/index/bg_footer.jpg) no-repeat center top;
	}


/*
	footer a{
		color:#4f241d;
		padding: 0px 10px;
		text-decoration:none;
		}


	footer a:hover{
		color: #B67954;
		text-decoration: underline;
		}

*/


/* social setting */
#tw {
	float:right;
  background: none ;
}


#fb {
	float:left;
  background: none ;
}


#tweetCount {
	position: absolute;
	top: 0px;
	left: 73px;
	padding: 0px 10px 0px 10px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #333;
	background: #FFF;
	border: 1px solid #898F9B;
	border-radius: 2px;
}


#likeCount {
	position: absolute;
	top:0px;
	left:73px;
	padding:0px 10px 0px 10px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#333;
	background: #FFF ;
	border:1px solid #898F9B;
	border-radius:2px;
}

/*
.fb-like {
	position: absolute;
	top:0px;
	left:73px;
	padding:0px 10px 0px 10px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#333;
	background: #FFF ;
	border:1px solid #898F9B;
	border-radius:2px;
}
*/
.countarrow
{
	position: absolute;
	top:1px;
	left:71px;
	background:url(../images/arrow.jpg);
	height:20px;
	width:4px;
	z-index:99;
}

.position{
	position: relative;
}



/***************** character *****************/
.slider {
	position:relative;
	width:960px;
	margin:0px auto;
  }

  
#bx-pager a {
    display: block;
  }
  
#bx-pager a:hover,
#bx-pager a.active {
  }
  
#bx-wrapper {
    margin-bottom: 120px;
  }

.character_01 a,
.character_02 a,
.character_03 a,
.character_04 a,
.character_05 a,
.character_06 a,
.character_07 a,
.character_08 a,
.character_09 a,
.character_10 a,
.character_11 a,
.character_12 a,
.character_13 a,
.character_14 a{
	width:50px;
	height:152px;
	float:left;
  }

.character_01 a{
	background: url(../images/character/chara_btn1_n.jpg) no-repeat 0 0;
  }
.character_02 a{
	background: url(../images/character/chara_btn2_n.jpg) no-repeat 0 0;
  }
.character_03 a{
	background: url(../images/character/chara_btn3_n.jpg) no-repeat 0 0;
  }
.character_04 a{
	background: url(../images/character/chara_btn4_n.jpg) no-repeat 0 0;
  }
.character_05 a{
	background: url(../images/character/chara_btn5_n.jpg) no-repeat 0 0;
  }
.character_06 a{
	background: url(../images/character/chara_btn6_n.jpg) no-repeat 0 0;
  }
.character_07 a{
	background: url(../images/character/chara_btn7_n.jpg) no-repeat 0 0;
  }
.character_08 a{
	background: url(../images/character/chara_btn8_n.jpg) no-repeat 0 0;
  }
.character_09 a{
	background: url(../images/character/chara_btn9_n.jpg) no-repeat 0 0;
  }
.character_10 a{
	background: url(../images/character/chara_btn10_n.jpg) no-repeat 0 0;
  }
.character_11 a{
	background: url(../images/character/chara_btn11_n.jpg) no-repeat 0 0;
  }
.character_12 a{
	background: url(../images/character/chara_btn12_n.jpg) no-repeat 0 0;
  }
.character_13 a{
	background: url(../images/character/chara_btn13_n.jpg) no-repeat 0 0;
  }
.character_14 a{
	background: url(../images/character/chara_btn14_n.jpg) no-repeat 0 0;
  }

.character_01 a:hover,
.character_01 a.active{
	background: url(../images/character/chara_btn1_on.jpg) no-repeat 0 0;
  }

.character_02 a:hover,
.character_02 a.active{
	background: url(../images/character/chara_btn2_on.jpg) no-repeat 0 0;
  }

.character_03 a:hover,
.character_03 a.active{
	background: url(../images/character/chara_btn3_on.jpg) no-repeat 0 0;
  }

.character_04 a:hover,
.character_04 a.active{
	background: url(../images/character/chara_btn4_on.jpg) no-repeat 0 0;
  }

.character_05 a:hover,
.character_05 a.active{
	background: url(../images/character/chara_btn5_on.jpg) no-repeat 0 0;
  }

.character_06 a:hover,
.character_06 a.active{
	background: url(../images/character/chara_btn6_on.jpg) no-repeat 0 0;
  }

.character_07 a:hover,
.character_07 a.active{
	background: url(../images/character/chara_btn7_on.jpg) no-repeat 0 0;
  }

.character_08 a:hover,
.character_08 a.active{
	background: url(../images/character/chara_btn8_on.jpg) no-repeat 0 0;
  }

.character_09 a:hover,
.character_09 a.active{
	background: url(../images/character/chara_btn9_on.jpg) no-repeat 0 0;
  }

.character_10 a:hover,
.character_10 a.active{
	background: url(../images/character/chara_btn10_on.jpg) no-repeat 0 0;
  }

.character_11 a:hover,
.character_11 a.active{
	background: url(../images/character/chara_btn11_on.jpg) no-repeat 0 0;
  }

.character_12 a:hover,
.character_12 a.active{
	background: url(../images/character/chara_btn12_on.jpg) no-repeat 0 0;
  }

.character_13 a:hover,
.character_13 a.active{
	background: url(../images/character/chara_btn13_on.jpg) no-repeat 0 0;
  }

.character_14 a:hover,
.character_14 a.active{
	background: url(../images/character/chara_btn14_on.jpg) no-repeat 0 0;
  }


/* prev next */


#slider-prev{
	position: absolute;
	top: 550px;
	left: 855px;
	z-index:99;
	}

#slider-next{
	position: absolute;
	top: 550px;
	right: 10px;
	z-index:99;
	}


#slider-prev .bx-prev{
	/*
	background:url(../images/character/clear.png);
	*/
	width:44px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}

#slider-next .bx-next{
	/*
	background:url(../images/character/clear.png);
	*/
	width:44px;
	height:29px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}


/***************** intro *****************/
.main {
	position:relative;
	width:960px;
	margin:0px auto;
  }

.main:after {
	clear:both;
  }

.menu_box {
	width:160px;
	margin:0px;
	padding:0;
	padding-top:90px;
	float:left;
	}

.menu_box li{
	margin-bottom:20px;
	}

.contents_box {
	width:800px;
	margin:0px;
	float:left;
  }


	


/***************** news *****************/
.text_box {
	margin:0px 0px 60px 0px;
	border-left:2px solid #86000B;
	padding:0px 25px;
  }

  .text_box a{
	  color:#86000B;
	  text-decoration:none;
  }

  .text_box a:hover{
	color: #FEC0D5 ;
  }

.date {
	font-size:90%;
	color:#86000B;
	padding-bottom:10px;
  }



.number_box {
	margin:0px 0px 60px 0px;
	padding:0px 25px;
  }
.number_box:after {
	clear:both;
  }

.number_box li{
	margin:0px 0px 0px 0px;
	padding-left:5px;
	padding-right:5px;
	height:20px;
	line-height:20px;
	float:left;
 	color:#86000B;
	text-decoration:none;
 }
  

.number_box a:hover{
	color: #FEC0D5 ;
  }
  


.number_left li{
	margin:0px 0px 0px 0px;
	padding:5px !important ;
	height:9px;
  }

.number_right li{
	margin:0px 0px 0px 0px;
	padding:5px !important ;
	height:9px;
  }