@charset "utf-8";

/* =Header
-------------------------------------------------------------- */

#header {
	background-image: url(img/top-header_bg.jpg) !important;
	background-repeat: repeat-x;
	text-align: center;
	height:400px;
}
.top-header-topnaka {
	width: 940px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	top: 0;
	right: 0;
	background-image:  url(img/top-main-img.jpg);
	background-repeat: no-repeat;
}

.top-header-topnaka #search {
	text-align: right;
	margin: 10px 0 0;
	width: 940px;
	float: right;
}
.top-header-topnaka .search-text input {
	padding:6px;
	color: #fff;
	margin:0;
	border:0;
	background-color: #000;
	float: right;
}
.top-header-topnaka .search-submit input {
	width:50px;
	height:25px;
	padding:0;
	font-size:0;
	border:0;
	background:url(img/btn/search.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:none;
	margin:0;
	float: right;
}
.top-header-topnaka #submit:hover{
    background-position:0 -25px;
}

#langmenu {
	width: 940px;
	clear: both;
}
#langmenu ul  {
	float: right;
	width: 305px; /* Englishが入る場合、305px、入らない場合、315px */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#langmenu ul li {
	float: left;
	margin: 5px 0 0 15px;
}
#langmenu ul li a {
	display:block;
	text-indent:-9999px; /* textを飛ばす */
	outline:none; /* クリック時の枠線を消す */
	background-position:0% 0%; /* point 位置調整 */
	border-bottom:none;
	height:30px; /* 画像の高さに合わせて調整 */
}
#langmenu ul li.japanese a {
	background-image: url(img/btn/japanese_top.jpg);
	width:90px;
}
#langmenu ul li.japanese02 a {
	background-image: url(img/btn/japanese02_top.jpg);
	width:90px;
}
#langmenu ul li.english a {
	background-image: url(img/btn/english_top.jpg);
	width:80px;
}
#langmenu ul li.english02 a {
	background-image: url(img/btn/english02_top.jpg);
	width:80px;
}
#langmenu ul li.simp a {
	background-image: url(img/btn/simp_top.jpg);
	width:90px;
}
#langmenu ul li.simp02 a {
	background-image: url(img/btn/simp02_top.jpg);
	width:90px;
}
#langmenu ul li.trad a {
	background-image: url(img/btn/trad_top.jpg);
	width:90px;
}
#langmenu ul li a:hover {
	background-position: 0 -30px;
}

.top-header-topnaka #site-title {
	width: 940px;
	height: 375px;
	text-align: center;
}
.top-header-topnaka #site-title span {
	position: absolute;
	top: 265px;
	left: 160px;
}
.top-header-topnaka #site-title span a {
	display:block;
	width:620px;
	text-indent:-9999px;
	outline:none;
	border-bottom:none;
	height:100px;
}

.top-header-topnaka #submenu {
	clear: both;
	position: absolute;
	top: 260px;
	right: 0;
}
.top-header-topnaka #submenu ul {
	margin: 0;
	padding: 0;
}
.top-header-topnaka #submenu ul li {
	margin: 0;
	padding: 0;
}
.top-header-topnaka #submenu ul li a {
	display:block;
	width:160px; /* 画像の幅 */
	text-indent:-9999px; /* textを飛ばす */
	outline:none; /* クリック時の枠線を消す */
	background-position:0% 0%; /* point 位置調整 */
	border-bottom:none;
	height:160px; /* 画像の高さに合わせて調整 */
}
.top-header-topnaka #submenu a {
	background: url(img/btn/whatsninja.gif) no-repeat;
}
.top-header-topnaka #submenu a:hover {
	background-position: 0 -160px;
}


/* =Mainmenu
-------------------------------------------------------------- */

#top-mainmenu {
	margin: 0 auto;
	padding: 0;
	background-image: url(img/top-menu_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 940px;
}
#top-mainmenu ul  {
	list-style-type: none;
	margin: 0;
	padding: 15px 95px 0 95px;
	text-align:center;
}
#top-mainmenu ul li {
	float: left;
	position: relative;
	margin: 0px 10px 20px;
	padding: 0px;
}
#top-mainmenu ul li a {
	text-indent: -9999px;
	display: block;
	width: 230px;
	height: 110px;
}
#top-mainmenu .jinbutsu a {
	background: url(img/btn/top-jinbutsu.gif) no-repeat;
}
#top-mainmenu .jinbutsu a:hover {
	background-position: 0 -110px;
}
#top-mainmenu .rekishi a {
	background: url(img/btn/top-rekishi.gif) no-repeat;
}
#top-mainmenu .rekishi a:hover {
	background-position: 0 -110px;
}
#top-mainmenu .shiseki a {
	background: url(img/btn/top-shiseki.gif) no-repeat;
}
#top-mainmenu .shiseki a:hover {
	background-position: 0 -110px;
}
#top-mainmenu .ninja a {
	background: url(img/btn/top-ninja.gif) no-repeat;
}
#top-mainmenu .ninja a:hover {
	background-position: 0 -110px;
}
#top-mainmenu .ninjutsu a {
	background: url(img/btn/top-ninjutsu.gif) no-repeat;
}
#top-mainmenu .ninjutsu a:hover {
	background-position: 0 -110px;
}


/* =Content
-------------------------------------------------------------- */

#content {
	text-align: left !important;
	width: 940px !important;
	margin:0 auto;
}

/* =content-center
-------------------------------------------------------------- */
#content-center {
	float: left;
	width: 500px;
	padding: 0;
}

/* =News
-------------------------------------------------------------- */
.newsarea {
	/*float: left;*/
	width: 460px;
	margin: 0 20px 0 20px;
	padding: 0 0 10px 0;
	background-image: url(img/news_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.news {
	margin: 0 0 20px 0;
	padding: 5px 0;
	background-image: url(img/news_bg.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	list-style-type: none;
}
.news li {
	margin: 5px;
	padding: 0  20px;
}
.news a {
	color:#ffffcc;
	text-decoration:none;	
}
.news a:hover {
	color:#cc0000;
	text-decoration:underline;	
}
/* =miedai
-------------------------------------------------------------- */
.miedaiarea {
	/*float: left;*/
	width: 460px;
	margin: 30px 20px 20px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:85%;
	border:dotted 1px #333;
}
.miedai {
	margin: 0 0 20px 0;
	padding: 5px 0;
	color: #ccc;
}
.miedai li {
	margin: 5px;
	padding: 0  20px;
}
.miedai a {
	color:#eaffcc;
	text-decoration:none;	
}
.miedai a:hover {
	color:#027a19;
	text-decoration:underline;	
}