@charset "UTF-8";
@import url("initialize.css");
/* --- Common CSS --- */
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* ページ全体設定 */
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 100%;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", "Arial", "Helvetica", sans-serif;
	text-align: center;
	line-height: 1;
	background-color: #fff;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-attachment: scroll;
}

/* リンク色設定 */
a:link {	/* 未訪問*/
	color: #1d3994;
	text-decoration: none;
}
a:visited {	/* 訪問済 */
	color: #1d3994;
	text-decoration: none;
}
a:hover {	/* マウスオーバ */
	color: #eb6303;
	text-decoration: underline;
}
a:active {	/* アクティブ */
	color: #f00;
	text-decoration: none;
}


/* 配置画像の隙間・枠無効化 */
img {
	border-style: none;
	vertical-align: top;
}

/* 段落間隔設定 */
p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

/* 文字設定 */
span.lrgtxt {
	font-size: 100%;
}
span.midtxt {
	font-size: 80%;
}
span.smltxt {
	font-size: 65%;
}
span.caution {
	font-size: 70%;
	color: #900;
}
span.engsans {
	font-size: 80%;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	line-height: 1.2;
}
span.engcpsans {
	font-size: 65%;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	line-height: 1.5;
}
span.engseri {
	font-size: 80%;
	font-family: "Palatino Linotype", serif;
	line-height: 1.2;
}
span.engcpseri {
	font-size: 65%;
	font-family: "Palatino Linotype", serif;
	line-height: 1.5;
}
span.aa {
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Mona", "mona-gothic-jisx0208.1990-0", sans-serif;
    line-height: 14px;
}

/* 全体段組設定 */
div#wrapper {
	width: 960px;
	height: 100%;
	min-height: 100%;
	margin: 10px auto 0;
	padding: 0 0 30px;
	text-align: left;
	background-color: #fff;
}

div#contents {
	width: 960px;
}

div#article {
	width: 900px;
	margin: 0 auto 0;
	clear: both;
}

body > div#wrapper {
	height: auto;
}

/* ヘッダ設定 */
div#header {
	/*background-color: #f00;*/
	padding-top: 5px;
	width: 900px;
	padding: 0 30px 0;
	height: 110px;
	clear: both;
	margin-bottom: 30px;
}

h1 {
	margin: 0 0 0 5px;
	background: url(../img/ci.png) no-repeat center;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	width: 105px;
	height: 110px;
	float: left;
}

h1 a {
	width: 105px;
	height: 110px;
	display: block;
}

ul#header,
.header-link {
	margin-left: 660px;
}

ul#header li,
.header-link li {
	float: left;
	padding: 5px 10px 0 20px;
	font-size: 90%;
}

ul#header li.email,
.header-link li.email {
	background: url(../img/icon_email.png);
	background-repeat: no-repeat;
}

ul#header li.sitemap,
.header-link li.sitemap {
	background: url(../img/icon_sitemap.png);
	background-repeat: no-repeat;
}

/* コンテンツナビゲーション…値とIDネーム、要変更 */
div#navi_parent {
	float: left;
	margin-left: 35px;
	width: 755px;
	height: 90px;
	/* background: url(../img/navi_back.png) no-repeat center top; */
}

div#navi {
	width: 760px;
	height: 90px;
	margin: 0 auto;
}

div#navi ul,
div#navi ul li {
	float: left;
}

div#navi ul {
	width: 760px;
	height: 90px;
	background: url(../img/navi.png) no-repeat;
}

div#navi ul li a#start,
div#navi ul li a#end {
	display: block;
	width: 80px;
	height: 90px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div#navi ul li a {
	display: block;
	width: 75px;
	height: 90px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li#btnnews a.active,
#navi ul li#btnnews a:focus,
#navi ul li#btnnews a:hover {
	background: url(../img/navi.png) no-repeat left bottom;
}

#navi ul li#btnworks a.active,
#navi ul li#btnworks a:focus,
#navi ul li#btnworks a:hover {
	background: url(../img/navi.png) no-repeat -80px -90px;
}

#navi ul li#btncompany a.active,
#navi ul li#btncompany a:focus,
#navi ul li#btncompany a:hover {
	background: url(../img/navi.png) no-repeat -155px -90px;
}

#navi ul li#btnrecruit a.active,
#navi ul li#btnrecruit a:focus,
#navi ul li#btnrecruit a:hover {
	background: url(../img/navi.png) no-repeat -230px -90px;
}

#navi ul li#btnlinks a.active,
#navi ul li#btnlinks a:focus,
#navi ul li#btnlinks a:hover {
	background: url(../img/navi.png) no-repeat -305px -90px;
}

#navi ul li#btnweblog a.active,
#navi ul li#btnweblog a:focus,
#navi ul li#btnweblog a:hover {
	background: url(../img/navi.png) no-repeat -380px -90px;
}

#navi ul li#btnanimerunner a.active,
#navi ul li#btnanimerunner a:focus,
#navi ul li#btnanimerunner a:hover {
	background: url(../img/navi.png) no-repeat -455px -90px;
}

#navi ul li#btnvhsakuga a.active,
#navi ul li#btnvhsakuga a:focus,
#navi ul li#btnvhsakuga a:hover {
	background: url(../img/navi.png) no-repeat -530px -90px;
}

#navi ul li#btndownload a.active,
#navi ul li#btndownload a:focus,
#navi ul li#btndownload a:hover,
#navi ul li#btngallery a.active,
#navi ul li#btngallery a:focus,
#navi ul li#btngallery a:hover {
	background: url(../img/navi.png) no-repeat -605px -90px;
}

#navi ul li#btnshopping a.active,
#navi ul li#btnshopping a:focus,
#navi ul li#btnshopping a:hover {
	background: url(../img/navi.png) no-repeat -680px -90px;
}

/* フッタ設定 */
div#footer {
	margin-top: 30px;
	width: 100%;
	text-align: left;
}

div#sitemap {
	width: 100%;
	height: 220px;
	background-color: #ffea00;
	border-top: 10px solid #fffd00;
}

div#sitemap_wrapper {
	width: 960px;
	margin: 0 auto 0;
}

div#footer_ci {
	padding:10px 0 0 0;
	margin-right: 10px;
	width: 230px;
	height: 210px;
	float: left;
	background: url(../img/sitemap_sign.png) no-repeat right bottom;
}

div#footer_intro,
div#footer_com,
div#footer_web {
	padding:10px 0 0 10px;
	width: 229px;
	height: 200px;
	float: left;
	border-left: 1px dashed #6a3906;
}

div#copyright {
	font-size: 75%;
	font-family: "Palatino Linotype", serif;
	font-weight: bold;
	color: #fff;
	width: 100%;
	padding-top: 30px;
	height: 34px;
	background: url(../img/back_copyright.gif) repeat-x;
	clear: both;
	text-align: center;
}
div#copyright a {
	color: #FFF;
}

#footer_intro {
}

ul#footer_intro a.strong,
ul#footer_com a.strong,
ul#footer_web a.strong,
.footer-link a.strong {
	font-weight: bold;
}

ul#footer_intro li,
ul#footer_com li,
ul#footer_web li,
.footer-link li {
	padding: 8px 15px 10px 30px;
	font-size: 80%;
	line-height: 1.5;
	background-repeat: no-repeat;
}

ul#footer_intro li.news,
.footer-link li.news {
	background-image: url(../img/icon_news.png);
}

ul#footer_intro li.works,
.footer-link li.works {
	background-image: url(../img/icon_works.png);
}

ul#footer_intro li.shopping,
.footer-link li.shopping {
	background-image: url(../img/icon_shopping.png);
}

ul#footer_com li.company,
.footer-link li.company {
	background-image: url(../img/icon_company.png);
}

ul#footer_com li.recruit,
.footer-link li.recruit {
	background-image: url(../img/icon_recruit.png);
}

ul#footer_web li.links,
.footer-link li.links {
	background-image: url(../img/icon_links.png);
}

ul#footer_web li.weblog,
.footer-link li.weblog {
	background-image: url(../img/icon_weblog.png);
}

ul#footer_web li.animerunner,
.footer-link li.animerunner {
	background-image: url(../img/icon_animerunner.png);
}

ul#footer_web li.vhsakuga,
.footer-link li.vhsakuga {
	background-image: url(../img/icon_vhsakuga.png);
}

ul#footer_web li.download,
.footer-link li.download {
	background-image: url(../img/icon_download.png);
}

.footer-link li.ft-gallery {
	background-image: url(../img/icon_gallery.png);
}