﻿@charset "utf-8";
body, div, h1, h2, h3, h4, h5, h6, ul, li, p {
	margin: 0;
	padding: 0
}
/* html5shiv
--------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 200%;
	background-color: #000;
	color: #000;
}

#kouza_wrapper{
		background-color: #fff;	
}

a:link {
	color: #555;
	text-decoration: none
}
a:visited {
	color: #CCC;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
a:active {
	text-decoration: none
}
#header {
	width: 100%;
	text-align: center;
	background-color: #FFF;
	height: 145px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background-image: url(../images/header_pat.png);
	background-repeat: repeat-x;
	/* box-shadow */
box-shadow:rgba(200, 200, 200, 0.65) 0px 0px 10px 3px;
-webkit-box-shadow:rgba(200, 200,200, 0.65) 0px 0px 10px 3px;
-moz-box-shadow:rgba(200, 200, 200, 0.65) 0px 0px 10px 3px;
}
#headerInner {
	width: 960px;
	height: 145px;
	margin: 0 auto;
}
#logo {
	width: 960px;
	height: 40px;
	margin: 35px auto 5px;
}
#logo_img {
	width: 350px;
	height: 40px;
	margin: 0px auto 0px;
}
#global_nav {
	width: 960px;
	height: 65px;
	margin: 0;
}
#nav {
	width: 960px;
	height: 65px;
	margin: 0;
}
ul {
	list-style-type: none
}
/* ボタン
--------------------------------------------------------------------------------*/

#photo_bo {
	width: 170px;
	height: 65px;
	float: left;
	background: url(../images/bo/photo_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#photo_bo a {
	display: block;
	width: 170px;
	height: 65px;
	background: url(../images/bo/photo_bo.png) no-repeat 0 0;
}
#photo_bo a:hover {
	background-position: 0 bottom;
}
#movie_bo {
	width: 130px;
	height: 65px;
	float: left;
	background: url(../images/bo/movie_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#movie_bo a {
	display: block;
	width: 130px;
	height: 65px;
	background: url(../images/bo/movie_bo.png) no-repeat 0 0;
}
#movie_bo a:hover {
	background-position: 0 bottom;
}
#music_bo {
	width: 150px;
	height: 65px;
	float: left;
	background: url(../images/bo/music_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#music_bo a {
	display: block;
	width: 150px;
	height: 65px;
	background: url(../images/bo/music_bo.png) no-repeat 0 0;
}

#music_bo a:hover {
	background-position: 0 bottom;
}
#seminar_bo {
	width: 180px;
	height: 65px;
	float: left;
	background: url(../images/bo/seminar_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#seminar_bo a {
	display: block;
	width: 180px;
	height: 65px;
	background: url(../images/bo/seminar_bo.png) no-repeat 0 0;
}
#seminar_bo a:hover {
	background-position: 0 bottom;
}
#model_bo {
	width: 195px;
	height: 65px;
	float: left;
	background: url(../images/bo/model_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#model_bo a {
	display: block;
	width: 195px;
	height: 65px;
	background: url(../images/bo/model_bo.png) no-repeat 0 0;
}
#model_bo a:hover {
	background-position: 0 bottom;
}
#contact_bo {
	width: 130px;
	height: 65px;
	float: left;
	background: url(../images/bo/contact_bo.png) no-repeat 0 0;
	background-position: 0 bottom;
}
#contact_bo a {
	display: block;
	width: 130px;
	height: 65px;
	background: url(../images/bo/contact_bo.png) no-repeat 0 0;
}
#contact_bo a:hover {
	background-position: 0 bottom;
}
/* ボタン
--------------------------------------------------------------------------------*/





#top_imgbox {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #235d09;
}
#top_imgbox2 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #2c1f7d;
}
#top_imgbox3 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #ffd2a1;
}
#top_imgbox4 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #2a68ac;
}
#top_imgbox5 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #6a262a;
}
#top_imgbox6 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #bd530e;
}
#top_imgbox7 {
	width: 100%;
	height: 200px;
	margin: 145px auto 0px;
	background-color: #ba2369;
}
#top_img {
	width: 1200px;
	height: 200px;
	margin: 0px auto 0px;
}
.box1 {
	width: 960px;
	height : auto;
	margin: 80px auto 100px;
}
.box_left {
	width: 250px;
	height: 200px;
	position: relative;
	z-index: 999;
}
.box_right_w {
	width: 710px;
	height: auto;
	float: right;
	margin: -200px 0px 0px 0px;
}
.box_right {
	width: 710px;
	height: auto;
	color: #444;
	font-size: 16px;
	margin: 0px 0px 120px 0px;
}
.box1 p {
	margin-bottom: 20px;
}
.box p {
	margin-bottom: 20px;
}
h1 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_1.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_2 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_2.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_3 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_3.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_4 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_4.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_5 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_5.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_6 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_6.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
.h1_7 {
	font-size: 26px;
	font-weight: 400;
	color: #555;
	height: 50px;
	background-image: url(../kouza/img/head_7.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 30px 0px;
}
img {
	border: none;
	text-align: center
}
a {
	outline: none;
}
a:focus {
	outline: none;
}
.admax {
	width: 486px;
	height: 60px;
	margin: 50px auto 50px;
}

.ninja_onebutton{
	margin: 70px 0 0 0;
}

/* ページトップのCSS
--------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
}
#page-top a {
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	position: relative;
	z-index: 5001;
}
#page-top a:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}
@keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}
#footer {
	width: 100%;
	height: 125px;
	background-color: #000;
	margin: 80px auto 0px;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 5000;
	background-image: url(../images/footer_pat.png);
	background-repeat: repeat-x;
		/* box-shadow */
box-shadow:rgba(100, 100, 100, 0.65)0px -5px 5px -2px;
-webkit-box-shadow:rgba(100, 100, 100, 0.65) 0px -5px 5px -2px;
-moz-box-shadow:rgba(100, 100, 100, 0.65)0px -5px 5px -2px;
}
#footer_imgbox {
	width: 960px;
	height: 120px;
	margin: 5px auto 0px;
	background-image: url(../images/footer.png)
}
.box_left a:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}
@keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}
