*{
	margin: 0;
	padding: 0;
	/*font-style: normal;*/
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

html,body {
scrollbar-arrow-color:#feeea0;
scrollbar-face-color:#525252;
scrollbar-3dlight-color:#4f4f4f;
scrollbar-darkshadow-color:#000000;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#8a8a8a;
scrollbar-track-color:#111111;
}

html {
    height: 100%;
}

body{
	height:100%;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 100%;
	line-height: 1.3;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: url('../img02/common/sm_base.jpg') repeat-y center bottom;
	background-size: cover;
} 

body::before {
  background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}  

#wrapper{
	margin: 0 auto;
	padding:0;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	background: url(../img02/wp.png) repeat-x top;
}

#wrapper_tenpo{
	margin: 0 auto;
	padding:0;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	background: url(../img02/wp_02.png) repeat-x top;
}

#wrapper_cast{
	margin: 0 auto;
	padding:0;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	background: url(../img02/common/base04_sm.jpg) repeat-y top;
	background-size: cover;
}

div.container{
	margin: 0 auto;
	padding:0;
	width: 100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	background: url(../img02/back_sm.png) repeat-y top;
}

@font-face {
   font-family:KozGoPr6N_M;
   src: url('../fonts/KozGoPr6N/KozGoPr6N-Medium.otf') format("truetype");
}

@font-face {
   font-family:KozGoPr6N-Regular;
   src: url('../fonts/KozGoPr6N/KozGoPr6N-Regular.otf') format("truetype");
}

@font-face {
   font-family:Vani;
   src: url('../fonts/Vani/Vanib.ttf') format("truetype");
}

ul, ol, p{
	margin: 0;
	padding: 0;
}

ul, li, ol{
	list-style: none;
}

img{
	border: 0;
   vertical-align:bottom;
}


a img.l-img{
background:none!important;
}
 
a:hover img.l-img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


h1,h2,h3{
	margin: 0;
	padding: 0;

}

/* ========== ヘッダ部分　上部 ========== */
div.index_head{
	width:100%;
	background:#000;
}

div.index_head h1.in_hed{
	width:100%;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:2em;
	color: #FFFFFF;
	font-weight: lighter;
	margin:2% auto 3% auto;
	text-align:center;
}

p.oth_headue{
	width:100%;
	background:#3f1706;
	height:0.5%;
}

div.oth_head{
	width:100%;
	background: url(../img02/common/head_base.png) repeat-x bottom;
}

div.oth_head:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.oth_head h1.logo{
	width:96%;
	margin:0 auto;
	margin-top:2%;
	margin-bottom:2%;
}

div.oth_head h1.logo img{
	width:100%;
}

div.oth_nav{
	width:100%;
	margin:0 0 0 0;
}

div.oth_nav:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.oth_nav ul li.smnav{
	width:33.3%;
	margin:0 0 0 0;
	float:left;
}

div.oth_nav ul li.smnav img{
	width:100%;
}
	
div.box{
	width:100%;
	height:900px;
	margin:0 auto;
	z-index:3;
	background-size: cover;
	position:relative;
}

div.box h1{
	width:53%;
	margin:0 auto;
	padding:12% 0 17% 0;
}

div.box div.h_icon{
	width:94%;
	margin:0 auto;
	padding:10% 0 0 0;
}

div.box div.h_icon p.h_icon01{
	width:12%;
	margin:0 3% 0 0;
	padding:0 0 0 0;
	float:right;
}

div.box div.h_icon p.h_icon01 img{
	width:100%;
}

div.box div.h_icon:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.box h1 img{
	width:100%;
}


header{
	width:100%;
	margin:0 auto;
	z-index:3;
	background:url('../img02/back/top_base.jpg') no-repeat center top;
	background-size: cover;
}

header h1{
	width:53%;
	margin:0 auto;
	padding:12% 0 17% 0;
}

header div.h_icon{
	width:94%;
	margin:0 auto;
	padding:10% 0 0 0;
}

header div.h_icon p.h_icon01{
	width:12%;
	margin:0 3% 0 0;
	padding:0 0 0 0;
	float:right;
}

header div.h_icon p.h_icon01 img{
	width:100%;
}

header div.h_icon:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

header h1 img{
	width:100%;
}

header.header02{
	width:100%;
	margin:0 auto;
	z-index:3;
	background:url('../img02/back/staff_base.jpg') no-repeat center top;
	background-size: cover;
}

header.header02 h1{
	width:90%;
	margin:0 auto;
	padding:10% 0 0 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#000;
	font-size:8em;
	text-shadow: 
0 0 10px #FFF, 
0 0 10px #FFF, 
0 0 10px #FFF;
}

header.header02 p.content_logo_s{
	width:90%;
	margin:0 auto;
	padding:1% 0 2% 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#000;
	font-size:2em;
text-shadow: 2px 2px 1px #FFF,
             -2px 2px 1px #FFF,
             2px -2px 1px #FFF,
             -2px -2px 1px #FFF;
}

p.content_logo{
	width:90%;
	margin:0 auto;
	padding:1% 0 5% 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#FF000;
	font-size:2em;
text-shadow: 2px 2px 1px #FFF,
             -2px 2px 1px #FFF,
             2px -2px 1px #FFF,
             -2px -2px 1px #FFF;
}

header.header03{
	width:100%;
	margin:0 auto;
	z-index:3;
	background:url('../img02/back/acc_base.jpg') no-repeat center top;
	background-size: cover;
}

header.header03 h1{
	width:90%;
	margin:0 auto;
	padding:10% 0 0 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#000;
	font-size:8em;
	text-shadow: 
0 0 10px #FFF, 
0 0 10px #FFF, 
0 0 10px #FFF;
}

header.header03 p.content_logo_s{
	width:90%;
	margin:0 auto;
	padding:1% 0 2% 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#000;
	font-size:2em;
text-shadow: 2px 2px 1px #FFF,
             -2px 2px 1px #FFF,
             2px -2px 1px #FFF,
             -2px -2px 1px #FFF;
}

header.header03 p.content_logo{
	width:90%;
	margin:0 auto;
	padding:1% 0 5% 0;
	font-family: "KozGoPr6N-Regular", serif;
	color:#000;
	font-size:2em;
text-shadow: 2px 2px 1px #FFF,
             -2px 2px 1px #FFF,
             2px -2px 1px #FFF,
             -2px -2px 1px #FFF;
}



div.header_base{
	width:90%;
	margin:0 auto;
	padding:0 0 2% 0;
}

div.header_base:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul li.nav_home{
	width: 23%;
	padding:0 0 0 0;
	margin:0 1% 0 1%;
	float:left;
}

ul li.nav_home img{
	width:100%;
}

div.under_base{
	width:50%;
	margin:0 auto;
	padding:0 0 2% 0;
}

div.under_base:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul li.u_nav_home{
	width: 46%;
	padding:0 0 0 0;
	margin:0 2% 0 2%;
	float:left;
}

ul li.u_nav_home img{
	width:100%;
}

div.under_base02{
	width:100%;
	margin:0 auto;
	padding:0 0 2% 0;
}

div.under_base02:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

p.top_btn{
	width: 12%;
	padding:0 0 0 0;
	margin:0 4% 0 0;
	float:right;
}

p.top_btn img{
	width: 100%;
}

/* ========== コンテンツベース部分 ========== */

div.bnr_base{
	width:98%;
	margin:0 auto;
}

p.left_bnr{
	width:100%;
	margin:0 0 20px 0;
}

p.left_bnr img{
	width:100%;
}

p.right_bnr{
	width:100%;
	margin:0 0 20px 0;
}

p.right_bnr img{
	width:100%;
}

div.bnr_base:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.bg_fixed1 {
	height: auto;
	background-image: url('../img02/back/back01.jpg');
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed1:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.bg_fixed2 {
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed3 {
	height: auto;
	background-image: url('../img02/back/back02.jpg');
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed4 {
	width:100%;
	height:auto;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed4 img{
	width:100%;
}

section.bg_fixed5 {
	width:100%;
	height:auto;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed6 {
	height: auto;
	background-image: url('../img02/back/back01.jpg');
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
}

section.bg_fixed7 {
	height: auto;
	background-image: url('../img02/back/back01.jpg');
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

section.bg_fixed8 {
	width:100%;
	height: 546px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}

section.bg_fixed9 {
	width:100%;
	margin:0 auto;
	margin-top:7px;
	background-image: url('../img02/top/keyv_index.jpg');
	background-repeat:no-repeat;
	background-position: center top;
	z-index: 1;
	padding-top:10px;
	padding-bottom:10px;
}

section.bg_fixed1:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

section.bg_fixed5 img{
	width:100%;
}

div.newscont{
	width:98%;
	margin:0 auto;
}

div.newscont:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ========== コンテンツ部分 共通 ========== */


h2.midashi{
	width:80%;
	background:url('../img02/common/gr_line.jpg') repeat-x center bottom;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:4em;
	padding-bottom:10px;
	margin:20px auto 30px auto;
	text-align:center;
}

h3.midashi02{
	width:99%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:3em;
	background: url('../img02/common/sitasan.jpg') no-repeat 0 .2em;
	padding:0 0 0 1%;
}

h3.midashi03{
	width:99%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:3em;
	padding:5% 0 2% 0;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}

h3.midashi10{
	width:94%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:2em;
	padding:0 0 10px 0;
	margin:0 auto;
	font-weight:lighter
}

span.retime{
		font-family: 'Sawarabi Mincho', sans-serif;
	color:#311f07;
	font-size:1em;
}

div.ret_txt{
	width:94%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#000;
	font-size:1.7em;
	margin:0 auto;
}

h3.acc_midashi{
	width:93%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#311f07;
	font-size:3em;
	background: url('../img02/common/acc_mida.jpg') no-repeat bottom;
	background-size:cover;
	padding:0 0 1.5% 7%;
	margin-bottom:5%;
}


div.tenmei{
	width:80%;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:100px;
	
}

div.tenmei:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.tenmei_left{
	width:96%;
	margin:0 auto;
	margin-top:50px;
	padding:0 2% 0 2%;
	background:#000000;
}

div.tenmei_right{
	width:96%;
	margin:0 auto;
	margin-bottom:100px;
}

div.tenmei_right img{
	width:100%;
}

div.tenmei_left p.tenmei_txt{
	width:100%;
	margin:0 auto;
	margin-top:10px;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:2.5em;
	text-align:center;
}

div.tenmei_left p.tenmei_tel{
	width:80%;
	font-family: 'Sawarabi Mincho', sans-serif;
	color:#fffa82;
	font-size:3.5em;
	margin:0 auto;
	margin-top:10px;
	padding:0 0 20px 30px;
	font-weight:bold;
	text-align:center;
}

div.tenmei_left p.tenmei_tel a:link{
	color:#fffa82;
	text-decoration: underline;	
}

div.tenmei_left p.tenmei_tel a:hover{
	color:#fffa82;
	text-decoration: none;
}

div.tenmei_left p.tenmei_tel a:visited{
	color:#fffa82;;
	text-decoration: none;
}

div.tenmei_left p.tenmei_mail{
	width:40%;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:30px;
}

div.tenmei_left p.tenmei_mail img{
	width:100%;
}

div.taten_bnr{
	width:90%;
	margin:0 auto;
	margin-top:3%;
	margin-bottom:3%;
}

div.taten_bnr img{
	width:100%;
}

/* ========== フッター ========== */
div#footer{
	width:100%;
	height:auto;
	margin:0 0 0 0;
	background:url('../img02/common/footline01.jpg') repeat-x center top;
		color:#fff;
	font-size:12px;
}

p.foot_copy{
	width:30%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	font-size:1em;
	
}

p.foot_copy img{
	width:100%;
}





/* ========== サイズ強制 ========== */

.w174{
	width: 174px !important; 
}

.pl0{
	padding-bottom:0 !important; 
}

.pt20{
	padding-top:20px; !important; 
}

.pt10{
	padding-bottom:10px; !important; 
}


.mt10{
	margin-top:10px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt34{
	margin-top:34px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt60{
	margin-top:60px !important;
}

.mt80{
	margin-top:80px !important;
}

.mt100{
	margin-top:100px !important;
}

.mt21{
	margin-top:21% !important;
}

.mt31{
	margin-top:31% !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.ml09{
	margin-left:9px !important;
}
