@charset "utf-8";

/* CSS Document */







/*Header

===================================================*/

#header{

	background: url(../images/header_bg.jpg) center top no-repeat;

}

#header .header_inr{

	width: 950px;

	margin: 0 auto;

	padding: 15px 0 10px;

}

/*logo*/

div.logo{

	width: 440px;

	float: left;

}

/*search*/

.search{

	/*width: 225px;*/

	width:245px;

	float: right;

}

.search input{

	width: 150px;

	padding: 5px;

	height: 20px;

	margin: 10px 0 0 0;

	background: url(../images/search_bg.gif) 130px center no-repeat #fff;

}

div.search form{

	float:left;

}

div.lang{

	float:right;margin: 10px 0 0;

}

div.lang a{

	width:auto;

	min-width:40px;

	text-decoration:none;

	text-align: center;

    width: 60px;

	display:block;

	padding:10px 5px;

	background-color:#24357d;

	color:#fff;

	font-size:11px;

}

div.lang a:hover{

	opacity:0.7}

/*Navi

===================================================*/

#nav{

	background: url(../images/navi_bg.gif) left center repeat-x;

}

#nav ul{

	width: 950px;

	margin: 0 auto;

	background: url(../images/navi.gif) left center no-repeat;

}

#nav ul li{

	/*display: table-cell;*/

	display:inline-block;

	float:left;

 *display: inline;

 *zoom: 1;

}

#nav ul li a{

	text-decoration:none;

	color: #fff;

	padding: 19px 30px;

	display: block;

	background: url(../images/navi.gif) right center no-repeat;

}

div#nav ul li.current a, #nav ul li:hover{

	background: #5464a8;

}

/*Footer

===================================================*/

#footer{

	color: #fff;

	padding: 10px 0;

	background: #24357d;

	text-align: right;

}

.footer_inr{

	display: block;

	width: 950px;

	margin: 0 auto;

}

/*===================================================

TOP/SUB共通

===================================================*/

#main_contents{

	background: url(../images/main_ontents_bg.jpg) left top repeat-x #fff;

	position: relative;

	margin:0;

	*margin:120px 0 0 0;

}

#main_contents .main_contents_inr{

	width: 950px;

	margin: 0 auto;

}

.all{

	text-align: right;

	margin: 5px;

	padding-left: 15px;

	background: url(../images/all.jpg) 615px center no-repeat;

}

/*===================================================

TOP

===================================================*/



/*EYECATCH*/

#main_contents .main_contents_inr p.mv{

	margin-bottom: 15px;

	padding-top: 130px;

}

/*fram*/

#main_contents .main_contents_inr .contents_text{

	border: 1px solid #cccccc;

	background: #fff;

	margin-bottom: 30px;

}

.contents_text .contents_text_inr{

	padding: 20px;

}

/*TOP　サイト概要に関する文章*/

h2.intro{

	background: url(../images/intro_bg.jpg) left center no-repeat;

	margin-bottom: 25px;

	padding: 16px 0 16px 30px;

	color: #23347b;

	font-size: 20px;

}

.intro_inr{

	width: 850px;

	margin: 0 auto 20px;

}

.intro_photo{

	float: right;

	margin-left: 30px;

}

.intro_text,.intro_text a{

	font-size: 14px;

	margin-bottom:10px;

}



/*NEWS*/

.news_events ul li span{

	margin-right: 20px;

	display: inline-block;

}

.news_events{

	width: 674px;

	float: left;

}

.news_events ul{

	width: 674px;

}

.news_events ul li{

	padding: 15px 0 15px 25px;

	border-bottom: 1px dotted #c6c6c6;

	background: url(../images/news_li.gif) left 20px no-repeat;

	display: inline-block;

}

.news_events ul li a{

	display: block;

	color: #333;

}

.news_events ul li img{

	margin: 0 15px;

}

.news_events ul li span{

	width: 460px;

	display: block;

	float: right;

	font-size: 14px;

}

.news_events ul li span a{

	display: inline;

	font-size:14px;

}

/*.news_events ul li a:after {

	content: " ";

	display: block;

	height: 0;

	font-size: 0;

	clear: both;

	visibility: hidden;

}*/



.all_news_event ul li{

	display: block;

}



.all_news_event ul li a{

	display: inline;

}





/*banner*/

.banner{

	width: 200px;

	float: right;

}

.banner ul li {

	/*margin-bottom: 5px;*/

}

/*===================================================

SUB

===================================================*/





.sub{

	padding: 20px 0;

}

.sub .main_contents_inr{

	width: 900px!important;

	margin: 120px auto 0px auto !important;

	position:relative;

}

.sub_inr{

	padding: 20px;

	border: 1px solid #cccccc;

	background: #fff;

	margin-bottom: 30px;

}

/*サイドメニュー(LEFT)*/



div.sub_inr div.left_box{

	float: left;

	width: 200px;

	margin: 0 20px 0 0px;

}

.sub_inr h1{

	background: url(../images/sub_h2_bg_s.gif) left top no-repeat;

	padding: 18px;

	margin-bottom: 10px;

	color: #fff;

	font-weight: bold;

	font-size: 20px;

}

div.sub_inr div.left_box ul{

	margin: 0;

}

div.sub_inr div.left_box ul li{

	padding: 0;

	margin: 0;

	background-image: none;

	border-bottom: 1px dotted #ccc;

}

div.sub_inr div.left_box ul li:hover{

	background-color: #eee;

}

div.sub_inr div.left_box ul li a{

	display:block;

	padding: 15px 20px;

	color: #333;

	text-decoration:none;

}

/*コンテンツ(Right)*/

div.sub_inr div.right_box{

	float: right;

	width: 680px;

	min-height: 650px;

}

.sub_box_inr{

	width: 670px;

	margin: 0 auto;

}

/*----------見出し---------------*/

.sub_inr h2{

	background: url(../images/sub_h3_bg.gif) left top no-repeat;

	padding: 13px 0 13px 25px;

	margin:20px 0;

	font-size: 17px;

}

.sub_inr h2.top{

	

	margin:0 0 20px 0 !important;

	

}

.sub_inr h3{

	padding: 10px 0 10px 25px;

	

	margin-bottom: 20px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4658a4+0,1c2e74+3,4658a4+100 */

background: #4658a4; /* Old browsers */

background: -moz-linear-gradient(top, #4658a4 0%, #1c2e74 3%, #4658a4 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4658a4), color-stop(3%,#1c2e74), color-stop(100%,#4658a4)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #4658a4 0%,#1c2e74 3%,#4658a4 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #4658a4 0%,#1c2e74 3%,#4658a4 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #4658a4 0%,#1c2e74 3%,#4658a4 100%); /* IE10+ */

background: linear-gradient(to bottom, #4658a4 0%,#1c2e74 3%,#4658a4 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4658a4', endColorstr='#4658a4',GradientType=0 ); /* IE6-9 */

	text-shadow:#555 1px 1px 1px;

	color: #fff;

	line-height: 1.2;

	font-size:15px;

	border-bottom: solid 2px #1E3076;

	border-right: solid 2px #1E3076;

	

}



.sub_inr h4{

	padding: 10px 0 10px 25px;

	border-bottom: dotted 1px #d0d0d0;

	margin-bottom: 20px;

	background: url(../images/sub_h4_bg.gif) left center no-repeat;

}



.sub_inr h2,.sub_inr h3,.sub_inr h4,.sub_inr h5{

	display: inline-block;

	width: 95%;

	}

/*----------P style---------------*/

.sub_inr p{

	margin: 10px auto 30px auto;

	width: 95%;

}



.sub_inr p.last{

	margin-bottom: 30px;

}

.sub p.pic{

	width: 80%;

	margin: 10px auto;

}

p.top{

	margin:0 auto 10px auto;

}

p.right{

	text-align:right;

}

p.space{

	display:block;

	height:10px;

	margin:10px 0;

}

/*----------List style---------------*/

.sub_inr ul{

	margin: 0 0 30px 20px;

	margin-left: 20px;

}

.sub_inr ul li{

	background: url(../images/sub_li.gif) left 4px no-repeat;

	margin-bottom: 10px;

	padding-left: 20px;

}

/*----------Table style---------------*/



.sub_inr table{

	border: 1px solid #c9c9c9;

	width: 100%;

}

.sub_inr table th{

	border-bottom: 1px solid #ccc;

	width: 30%;

	padding: 10px;

	background: #ececec;

}

.sub_inr table td{

	border-bottom: 1px solid #c9c9c9;

	padding: 10px;

}

.sub_inr table tr.last th{

	border: none;

}

.sub_inr table tr.last td{

	border: none;

}

/*noborder*/

table.noborder{

	border: none;

}

table.noborder tbody tr td{

	border: none;

}

table.noborder tbody tr th{

	border: none;

	text-align: center;

	background-color: transparent !important;

}

/*gallery*/

#gallery table{

	border: none !important;

	margin-bottom:40px !important;

}

#gallery table tbody tr td{

	border: none;

	width: 25%;

}

#gallery table tbody tr th{

	width: 25%;

	text-align: center;

	border: none;

	background-color: transparent !important;

}



#gallery table th img{

	height: auto !important;

	margin: 0 0 0 10px;

	max-height: 230px;

	max-width: 300px;

	width: auto !important;

}







/*#gallery table th img{

	margin: 0 0 0 10px;

	width: auto !important;

	height: auto !important;

	max-height: 150px;

	max-width: 200px;}*/

	

	

	

/*project*/

#gallery table.project_table{

	margin-bottom:0;

}

	

#gallery table.project_table th img{

	margin: 0 0 0 10px;

	width: auto !important;

	height: auto !important;

	max-height: 150px;

	max-width: 200px;

}

	

	

/*----------動画関連---------------*/

div.movie{

	background: #000 none repeat scroll 0 0;

	height: 180px;

	margin: 0 auto;

	padding: 0;

	width: 250px;

}

div.nonmovie{

	height:auto;

	width:auto;

}

/*----------イベントページ---------------*/

.sub_inr .news_events{

	width: 670px;

	float: none;

}

.sub_inr .news_events ul{

	width: 670px;

	margin-left: 0;

}

.sub_inr .news_events ul li{

	background: url(../images/news_li.gif) left 20px no-repeat;

	paddin-left: 0;

}

.sub_inr .news_events ul li a{

	line-height: 1.5;

}

.sub_inr .news_events ul li span{

	float: none;

	width: 100%;

}







/*-----------サイドナビ追従--------------*/



div.navi_fixed{

	position: fixed;

    width: 100%;

	z-index: 10;

}

div#portamento_container div.left_box.fixed#panel{

	position: fixed;

}

.fixed{

	position: fixed;

}

div.Header_wrp div#header{

	width: 100%; background-color:#fff;

}

div.Header_wrp div#nav{

	top: 70px;

    width: 100%;

}

div.sub_box_inr h2{

	margin: 0 0 15px; 

    padding: 10px 0 13px 25px;

	background-position:left bottom;

}

	

/*div.sub_box_inr h2.top{margin:-125px 0 15px !important;}*/





div#portamento_container{

	float:left;

}





.pagetop{

	margin: -90px auto 60px !important;

    padding: 90px 0 0;

    text-align: right;

}

	

html body footer div#footer div.footer_inr p{

	float:left;

	width:auto;

	max-width:50%;

}

html body footer div#footer div.footer_inr p a{

	color:#fff;

}



img{

  background-image : url(../images/logo1.png);

}