@charset "utf-8";




/* RESET
----------------------------------------------------------------------*/

body {
	font-family:  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}



/* TAG
----------------------------------------------------------------------*/

h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width:451px;
}
h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 22px;
}
h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
}
h4{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}
h5{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}
p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a{
	text-decoration:none;
	color:#066;
}
img{
	border:none;
}
ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
}
ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ol li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl dt{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl dd{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table tr{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table tr td{
	margin: 0px 0px 0px 0px;
	padding: 5px;
}
table tr th{
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
form input{
	margin: 0px 0px 0px 0px;
}

.radio,
.checkbox {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.radio label,
.checkbox label {
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
	margin-top: -5px;
}


label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
input[type=text],textarea,select,.uneditable-input{display:inline-block;width:210px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}


.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;outline:0;}
.btn-primary {
  background-color: #006dcc;
  color: #ffffff;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'62c462, endColorstr='#'51a351, GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #51a351;
  color: #fff;
}


.alert {
	padding: 8px 35px 8px 14px;
	margin: 10px 0 20px 0;
	color: #C09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert-danger, .alert-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
}
.alert-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	padding: 20px 10px;
}
.span-error {
	color: #B94A48;
}
.alert .title {
	display: block;
	font-size: 150%;
	margin-bottom: 20px;
}
.alert p {
	margin: 0 !important;
}


.required {
	color: #ff0000;
}
.instruction {
	color: #666; font-size: 11px; font-weight: normal;
}


.forms .table {
	width: 100%;
	border-collapse: collapse;
}
.forms .table th {
	border: 1px solid #f1f1f1;
	text-align: left;
	width: 160px;
}
.forms .table td {
	border: 1px solid #f1f1f1;
}
.forms .layout th, .forms .layout td {
	border: 0; padding: 0 !important;
	vertical-align: middle !important;
}
.forms .layout .radio {
	padding-right: 10px;
	white-space: nowrap;
}
.forms .layout .radioBox {
	width: 70px !important;
}
.form-actions {
	padding: 30px 0 0 0;
}
.form-actions input {
	width: 100px;
}
.contactText {
	width: 445px;
	height: 100px;
}



/* CLASS
----------------------------------------------------------------------*/

.clear{
	clear:both;
}

.clearfix {*zoom: 1;}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}

.none{display:none;}

.fade{
-webkit-transition: 0.3s ease-in-out; 
-moz-transition: 0.3s ease-in-out; 
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}



/* HEADER
-----------------------------------------------------------------------------*/

#header_wrapper{
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height:89px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_wrapper #header{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 920px;
	height:89px;
}
#header #header_navi{
	float: right;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:79px;
	width: 460px;
}
#header_navi p{
	float:right;
}
#header_navi #search{
	width: 450px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#search form{
	float: right;
	width:220px;
}

form input#form_text{
	float: left;
	height:22px;
	margin-right: 5px;
	width:150px;
}



/* MENU
-------------------------------------------------------------------------------*/

#menu_wrapper{
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 45px;
}
#menu_wrapper #menu_bg{
	width: 920px;
	height: 45px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#menu_bg #private{
	float: right;
	width: 156px;
}
#menu_bg #menu{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:760px;
}
#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	
}
#menu ul li a.main{
	display: block;
	padding: 10px 12px 0px 12px;
	margin: 3px 0px 0px 0px;
	height: 32px;
	color:#333;
	font-size: 14px;
	background-image: url(images/menu_line.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;	
}
#menu .menu li a.main:hover{
	margin: 0px 0px 0px 0px;
	height: 32px;
	padding: 13px 12px 0px 12px;
	color:#933;
	background-image: url(images/menu_on.jpg);
	background-repeat: repeat-x;
}
ul.menu ul {
	position: absolute;
	display: none;
	width: 20em;
	/*top: 146px;*/
	z-index: 100;
	top: 45px;
	left: -1px;
}
ul.menu ul li {
	clear: both;
	position: relative;
}



ul.menu li ul li a {
	/*width: 200px;
	height: auto;
	background-color: #215BB6;
	color: white;
	background-image: none;
	height: 20px;*/
}



ul.menu ul {
	position:absolute;
	display:none;
	width:20em;
	/*top:175px;*/
	top:42px;
	z-index:100;
}
ul.menu ul,  x:-moz-any-link, x:default  {
	position:absolute;
	display:none;
	width:20em;
	top:44px;
	z-index:100;
}



/*ul.menu ul{ 
	position:absolute\9;
	display:none\9;
	width:20em\9;*/
	/*top:175px;*/
	/*top:175px\9;
	z-index:100\9;
}*/



ul.menu ul  li{
	clear: both;
	 position: relative;
	 margin: 0px;
	 padding: 0px;
}
ul.menu li ul li a{
	display: block;
	padding: 10px 12px 0px 12px;
	margin: 0px 0px 0px 0px;
	height: 26px;
	width:188px;
	background: #999;
	color: #fff;
}
ul.menu li ul li a:hover {
	color:#fff;
	background-color: #333;
	padding: 10px 12px 0px 12px;
	margin: 0px 0px 0px 0px;
	width:188px;
}
ul.menu ul ul{
	top: 0px;
}
ul.menu li ul ul {
	left:230px;
	margin:0px 0 0 0px;
	position:absolute;
}
ul.menu li:hover ul ul, ul.menu li:hover ul ul ul, ul.menu li:hover ul ul ul ul{
	display:none;
}
ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li li li li:hover ul{
	display:block;
}



/*#menu li ul {
	display: none;
	top: 45px;
	left: -1px;
	padding: 0px;
	width: 200px;
	background: #eee;
	position:absolute;
	z-index:100;
}
#menu li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	float:none; z-index:100; 
	position:relative;
}
#menu li ul li a {
	display: inline-block;
	width: 200px;
	height: 20px;
	background-image:none;
	padding: 6px;
	margin: 0px;
	z-index:100;
}/
#menu li ul li a:hover {
	background: #999;
	color: #fff;
	margin: 0px;
	height: 26px;
	padding: 6px 0px 0px 6px;
	width: 194px;
}*/



#menu_bg .social {
	float: right;
	padding: 10px 0;
}
#menu_bg .social a + a {
	margin-left: 5px;
}



/* MIDDLE
-------------------------------------------------------------------------------*/
#middle_wrapper{
	background-image: url(images/eyecatch_bg.jpg);
	background-repeat: repeat-x;	
	height: 297px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#middle_wrapper #middle{
	width: 920px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#middle #eyecatch{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 652px;
}

#eyecatch_sub{
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 262px;
	height:276px;
	background-color:#dbfdd5;
}
#eyecatch_sub img{
margin: 6px 0px 0px 0px;
}
#eyecatch_sub p{
	margin: 10px 6px 6px 6px;
	font-size: 12px;
}



/*  MAIN
------------------------------------------------------------------------------------*/

#main_wrapper{
	background-image: url(images/sub_bg.jpg);
	background-repeat: repeat-x;
}
#main_wrapper #main{
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	height: auto;
	width: 920px;
}
#main{
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	height: auto;
	width: 920px;
}
#main a{
	font-weight:bold;
	text-decoration:underline;
}
#main #container{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 652px;
}
#container #outline{
	float: left;
	width: 322px;
}
#outline p{
	margin: 20px 7px 0px 7px;
	padding: 0px 0px 0px 0px;
}
#container #news{
	width: 322px;
	float: right;
}

#news dl{
	margin: 20px 7px 10px 7px;
	font-size: 12px;
}
#news dl dt{
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url(images/news_icon.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
}
#news dl dd{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#news p{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(images/more.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#container #bottom{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

#bottom img{ margin: 0px 6px 0px 0px;}



/*  SIDE
------------------------------------------------------------------------------*/
#main #side{
	width:262px;
	float:right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#side_menu_bg{
	width:262px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 6px 0px 6px 6px;
	background-image: url(images/sub_menu.jpg);
	background-repeat: repeat;
}
#side_menu_bg #side_menu{
	background-color:#fff;
	margin: 0px 10px 0px 0px;
	padding: 10px;
	width:234px;
}
#side_menu ul li{
	background-image: url(images/sub_list.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0px 0px 0px 20px;
}
#side #banner img{
	border:solid 1px #ccc;
	margin-bottom:5px;
}
#side #banner{
	margin: 0px 0px 15px 0px;
}
#side #event{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#event h2{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#side #box01{
	height:auto;
	weight:262px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/box_wrapper.jpg);
	background-repeat: repeat-y;
}

#box01 #box02{
	height:auto;
	weight:262px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/box_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
}
#box02 #box03{
	height:auto;
	weight:262px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/box_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#box03 p{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}



/*  CONTENT
---------------------------------------------------------------------*/
#container #content{
	height:auto;
	padding: 10px;
	margin-bottom:20px;
}
#content  h2{
	margin: 0px 0px 40px 0px;
	padding:7px;
	background-color: #ffffff;
	color: #060;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #060;
	line-height: 24px;
}
#content h3{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	color: #060;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#content h4 {
	border-bottom: 1px dotted #3399FF;
	border-top: 1px dotted #3399FF;
	color: #000066;
	margin: 30px 0 15px;
	padding: 5px 0;
}
#content h5 {
	background-color: #CCCCCC;
	border-color: #999999;
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	margin: 30px 0 15px;
	padding: 5px;
}
#content p{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 0px;
}
#content ul{
	margin: 0px 10px 20px 20px;
	padding: 0px 10px 0px 20px;
}
#content ol{
margin: 0px 10px 20px 20px;
	padding: 0px 10px 0px 20px;
}
#content ol li{
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
#content ul {
	margin: 0 0 30px;
	padding: 0;
}
#content ul li {
	background-image: url(images/news_icon.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}
#content dl {
	margin: 0 20px 30px 30px;
	padding: 0;
}
#content dl dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#content dl dd {
	margin: 0 0 10px;
	padding: 0;
}
#content table {
	margin: 0;
	padding: 0;
}
#content table tr {
	margin: 0;
	padding: 0;
}
#content table tr td {
	background-color: #FFFFFF;
	margin: 0;
	padding: 7px;
	vertical-align:top;
}
#content table.sub tr td {
	background-color: #F5F5F5;
	margin: 0;
	padding: 7px;
}
#content table tr td h5 {
	margin: 0px 0px 15px 0px ;
	padding: 5px 7px 5px 5px;
}
#content table tr th {
	//background-color: #808080;
	//color: #FFFFFF;
	margin: 0;
	padding: 7px;
}
#content a {
	text-decoration: underline;
}
#content #li_none ul li{
	background-image: none;
	background-repeat: no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}



/*movie------------------------------*/
h10.movie {
	font-size: 140%;
	color: #132f60;
	margin-bottom: 10px;
	line-height: 170%;
}

h10.movie span {font-size: 150%; color: #132f60;
}

.moviebox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	position: relative;
}

.s_photo {
	width: 240px;
	float: left;
}
.profile {
	width: 380px;
	float: right;
}
.profile dt {
	width: 60px;
	padding: 0 8px;
	float: left;
	height: 25px;
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #132f60;
}
.profile dd {
	padding: 4px;
	margin-left: 75px;
	border-bottom: 1px solid #b0b1b1;
}
.profile dd:last-child {
	border: none;
}



/*  FOOTER
---------------------------------------------------------------------*/

#footer{
	margin: 0px auto;
	width: 920px;
	color:#999;
	padding: 20px 0px 0px 0px;
}
#footer p{
	text-align:center;
}
#footer a{
	color:#999;
}