/* CSS Document */

#header{
	background-color:#402511;
	position:relative;
	_width:100%;
}
#header .wrapper{
	#z-index:120;
	_z-index:120;
}
#headttl{
	position:absolute;
	_width:100%;
	#width:100%;
	#left:0px;
}
#unav{
	position:absolute;
	top:10px;
	left:680px;
	z-index:100;
	#z-index:5000;
}

#top_unav{
	position:absolute;
	top:-70px;
	left:472px;
	z-index:100;
}
#top_unav ul{
	background-image:url(../img/btn_font_size.gif);
	width:66px;
	height:21px;
	overflow:hidden;
	padding-left:66px;
}
#top_unav li{
	width:32px;
	height:21px;
	float:left;
	text-indent:-9999px;
}
#top_unav #btn_link{
	margin-top:-22px;
	width:209px;
	margin-left:150px;
}


#top_unav #btn_link .en a{
	width:74px;
	display:block;
	float:left;
}

#top_unav #btn_link .btn_online a{
	width:117px;
	display:block;
	float:left;
	margin-left:18px;
	opacity:70;
}


#gnav{
	background-image:url(../../common/img/menu_bg.png);
	background-repeat:repeat-x;
	background-position:top center;
	height:70px;
	padding-top:16px;
	position:absolute;
	_left:0px;
	width:100%;
	z-index:100;
	margin-top:-15px;
}
#mainarea{
	float:left;
	width:563px;
}
#side{
	width:387px;
	float:right;
}

#news,#items{position:relative;}
#news h2{
	background-image:url(../../top/img/bar_news.jpg);
	background-position:left bottom;
	width:563px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:3px;
}
#topnews{
	margin-bottom:45px;
	margin-top:0;
}
#topnews td {
	padding:12px 0;
	border-bottom:1px dotted #ABA7A1;
	font-size:86%;
	}
#topnews a:link, #topnews a:visited {
	color:#575044;
	text-decoration:underline;
	}
#topnews a:hover {
	color:
	}
#newsin iframe{
	height:auto;
	min-height:270px;
}



#items h2{
	background-image:url(../../top/img/bar_item.jpg);
	width:563px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
}

#news .list{
	position:absolute;
	top:0px;
	left:480px;
	display:block;
	width:80px;
	height:35px;
	text-indent:-9999px;
}
#items .list{
	position:absolute;
	top:0px;
	left:396px;
	display:block;
	width:167px;
	height:34px;
	text-indent:-9999px;
}

#items #itemarea{
	background-image:url(../../common/img/ptn_dot.gif);
	background-repeat:repeat;
	width:513px;
	padding:20px 25px;
	position:relative;
	_padding:20px 19px;
}
/**:first-child+html #items #itemarea{
	margin-top:-266px;
} */
#items ul{
	overflow:hidden;
}
#items li{
	width:175px;
}

#items .bx-window{
	width:510px !important;
	overflow:hidden;
}
#shortcutbtn{
	margin-bottom:10px;
}
#shortcutbtn li{
	float:left;
	
}
#shortcutbtn li:hover{
	-moz-transform: rotate(10deg);
 	-webkit-transform: rotate(10deg);
 	-o-transform: rotate(10deg);
 	-ms-transform: rotate(10deg);
}



#relation li{
	float:left;
}
#relation li:first-child{
	margin-right:10px;
}



/*slider*/
#mainimg{
	width:100%;
	background-color:#fff;
}
#mainimg .bx-wrapper{
	width:100% !important;
	overflow:hidden;
}

#mainimg .bx-window{
	width:100% !important;
	overflow:hidden;
}
#mainimg li{
	width:1200px !important;
}

#leftmask,#rightmask{
	background-image:url(../img/graymask.png);
	background-repeat:repeat;
	height:361px;
}

#mainimg .bx-prev{
	background-image:url(../js/images/left.png);
	width:44px;
	height:44px;
	position:absolute;
	top:170px;
	text-indent:-9999px;
	display:block;
}
#mainimg .bx-next{
	background-image:url(../js/images/right.png);
	width:44px;
	height:44px;
	position:absolute;
	top:170px;
	text-indent:-9999px;
	display:block;
}
#items{
	position:relative;
	margin-top:20px;
	margin-bottom:35px;
}
#items .bx-prev{
	background-image:url(../js/itemimg/left.png);
	width:17px;
	height:17px;
	position:absolute;
	top:60px;
	left:-20px;
	text-indent:-9999px;
	display:block;
}
#items .bx-next{
	background-image:url(../js/itemimg/right.png);
	width:17px;
	height:17px;
	position:absolute;
	top:60px;
	right:-8px;
	text-indent:-9999px;
	display:block;
}
.bx-auto{
	display:none;
}
#itemarea{
	#top:0;
}
#itemarea .bx-wrapper{
	#position:absolute;
	#top:0;
	#left:0;
}

#cm{
	margin-top:20px;
	width:380px;
	height:214px;
	box-shadow:0 3px 5px #999;
}
.bn_100area {
	margin-top:86px;
	margin-bottom:20px;
}
.bn_100area li {
	float:left;
}
.bn_100area .charaname {
	padding-left:2px;
}
#memorial100 {
	margin-top:86px;
	margin-bottom:14px;
	padding-right:14px;
	text-align:center;
}

/*動画*/
#cm ul {
	width:99%;
	margin: 10px auto 0;
	}
#cm ul li{
	/* width:49%; 2つのとき*/
	width:33%; /*3つのとき*/
	/*width:100%; 1つのとき*/
	float:left;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cm ul li a {
	margin-left:1px;
	padding:4px 0;
	display:block;
	color:#fff;
	background:#191718;
}
#cm ul li a:hover {
	background:#333;
}
/*#cm iframe {
	display:none;
	} */
#cm ul li a.active {
	color:#FBCE00;
	}
	
#shop p.mb10 {
	margin-bottom:10px;
	}


#top_cse{
	position: absolute;
	width: 210px!important;
	#width:260px!important;
	_width: 260px!important;
	z-index: 150;
	left: 0px;
	top: 12px;
}
#top_cse input[type=submit]{
	padding:2px 4px;
	#padding:2px 2px;
	_padding:2px 2px;
	border:1px solid #999;
}
#top_cse .gsc-control-cse{
	padding:0;
	background:none;
	border:none;
}
#top_cse table{margin-top:0;}
#top_cse td,#cse tr{border:none;padding-left:0;}
.gsc-input{width:130px;}
input.gsc-input{
	padding-top:2px;
	padding-bottom:2px;
}

#top_cse input[type=text]{
height:20px;
}