@charset "utf-8";
/* ==========================================================================
   parts 
   ========================================================================== */

.mg5{margin: 5px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mga{margin: 0 auto;}

.mg5l{margin-left: 5px;}
.mg10l{margin-left: 10px;}
.mg15l{margin-left: 15px;}
.mg20l{margin-left: 20px;}

.mg20t{margin-top: 20px;}

.mg0b{margin-bottom: 0px;}
.mg5b{margin-bottom: 5px;}
.mg10b{margin-bottom: 10px;}
.mg30b{margin-bottom: 30px;}

.pg5{padding: 5px;}
.pg10{padding: 10px;}
.pg15{padding: 15px;}
.pg20{padding: 20px;}

.fs05{font-size: 0.5em;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;} 

.tar{text-align:right;}
.tac{text-align:center;}

.f_left{float: left;}
.f_right{float: right;}

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

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.sdw2
{
  position: relative;
}
.sdw2:before, .sdw2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 10px 10px #777;
  -moz-box-shadow: 0 10px 10px #777;
  box-shadow: 0 10px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.sdw2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* ==========================================================================
   Base 
   ========================================================================== */

body {
	margin: 0;
	padding: 0;
	font-size:0.78em;
	font-weight:normal;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 2em;
	letter-spacing: 0.5px;
	background-color: #f8f6f3;
	color:#555;
}

a {
	color: #393c47;
	-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;
	text-decoration: none;
}
/*a:hover {

	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;

}*/

.strong{
		font-weight: bold;
}

h1, h2, h3{
	margin-bottom: 15px;
	color: #555555;
	font-weight:normal;
}

ul{ display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
    -webkit-padding-end: 20px;
}


span.red{
color:#ff3300;
font-weight:bold;
}

/*
#container{
	width:1024px;
	margin: 0 auto;
}
*/


/* header */

#hd_container{
		min-width:960px;
		margin: 0 auto;
		background: url("../img/hd_line.jpg") repeat-x;
}

#header_nav{
	width:960px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
}

#header_nav #logo{
	float: left;
	margin-top: 10px;
	width: 170px;
}	

#header_nav #globalNav{
	float: left;
}

#header_nav #globalNav ul{
	margin: 25px 0px 0px 10px;
	padding: 0;
}

#header_nav #globalNav li{
	float: left;
	position: relative;
	z-index: 1; 
	padding-left: 10px;
	border-left: 1px solid #ccc;
}

#header_nav #globalNav li:nth-of-type(4){
	border-right: 1px solid #ccc;
}

#header_nav #globalNav li a{
	display: block;
	width: 120px;
	height:80px;
}

#header_nav #globalNav li a span,#header_nav #globalNav li a:hover span{
	position: relative;
	z-index: -1; 
}

#header_nav #globalNav li a.sp_navi01{background: url(../img/image_globalnav/gb_nav.jpg) no-repeat 0 0;}
#header_nav #globalNav li a.sp_navi01:hover {background: url(../img/image_globalnav/gb_nav.jpg) no-repeat 0 -80px;}
#header_nav #globalNav li a.sp_navi02{background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -140px 0;}
#header_nav #globalNav li a.sp_navi02:hover {background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -140px -80px;}
#header_nav #globalNav li a.sp_navi03{background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -280px 0;}
#header_nav #globalNav li a.sp_navi03:hover {background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -280px -80px;}
#header_nav #globalNav li a.sp_navi04{background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -420px 0;}
#header_nav #globalNav li a.sp_navi04:hover {background: url(../img/image_globalnav/gb_nav.jpg) no-repeat -420px -80px;}


#header_nav #contactInfo{
	float: left;
	width:240px;
	
}

#header_nav #contactInfo a img{
	-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;
}

#header_nav #contactInfo a:hover img{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
#header_nav #contactInfo ul{
	margin: 0px 0px 0px 10px;
	padding: 0;
}

#header_nav #contactInfo li{
	float: left;
	position: relative;
}

#header_nav #contactInfo li img{
	float: left;
}
#contactInfo a.arr{
    font-size: 11px;
    font-weight: bold;
	padding-left: 15px;
	background: url(../img/arr.png) no-repeat 0px 2px;
	letter-spacing:1px;
}

#wrapper{
	width:960px;
	margin: 0 auto;
}

.fluid_container {
	margin: 0 auto;
	width: 100%;
	height: 200px;
}

#content{
	padding: 20px 0 30px 0;
	margin-bottom: 0px;
	line-height: 2em;
}

/* menu */

#menu{
	padding: 40px 0 5px;
}

#menu ul li img{
		width: 155px;
		max-height: 154px;
		margin-bottom: 10px;
}

#menu ul li.indexMenu{
	margin: 0 30px ;
	display: inline;
}

/* menu_contents */

#menu_contents{

}

#menu_contents ul{
	margin: 0;
	padding: 0;
}

#menu_contents li{
	float: left;
	margin: 0 30px 25px 0;
	margin: 0 20px 25px 0\9; /* IE8 */
}


#menu_contents li:nth-child(3){margin: 0 0 25px 0;}
#menu_contents li:nth-child(5){margin: 0 0 25px 0;}

#main_contents {
	float: left;
	width: 740px;
}

#main_contents h2.title{
	margin: 0 0 5px;
	padding: 22px 0 0 30px;
	width:740px;
	height: 45px;
	background: url(../img/bg_title.jpg) no-repeat 0 0;
	font-weight:bold;
	letter-spacing:2px;
	
}

#main_contents h3.title{
	margin: 0 0 5px;
	padding: 12px 0 0 25px;
	width:740px;
	height: 50px;
	background: url(../img/bg_title2.jpg) no-repeat 0 0;
	font-size: 1.3em;
	color: #555555;
	letter-spacing:2px;
	font-weight:bold;
}

#main_contents .description{
	border: 1px solid #eee;
	background-color: #fff;
	margin-bottom: 25px;
}

#main_contents .description p{
	font-size: 1.8em;
	background-color: #f8f6f3;
	line-height: 1.5em;
	border: 1px solid #eee;
	margin: 10px;
	padding: 15px;
	letter-spacing:2px;
}

#main_contents .contents_block .block{
	float: left;
	width:360px;
	background-color: #fff;
	margin: 0 20px 20px 0;
}

#main_contents .contents_block div:nth-of-type(2n){
	margin: 0 0 20px 0;
}

#main_contents .contents_block .block h3{
	font-size: 1.5em;
	margin-bottom: 5px;
	padding: 5px 20px;
}

#main_contents .contents_block .block p{
	padding: 5px 20px;
}

#main_contents .contents_block .block p.readmore{
	margin: 5px 0 10px 0 ;
	padding-left: 25px;
	background: url(../img/dotted_circle.png) no-repeat left center;
}


#main_contents .item_block div:nth-child(3n){
		margin: 0 0 24px 0;
}

#main_contents .item_block .block{
	float: left;
	width:230px;
	background-color: #fff;
	margin: 0 24px 24px 0;
}

#main_contents .item_block .block h3{
	font-size: 1.2em;
	margin: 5px;
	padding: 5px 0 5px 8px;
}

#main_contents .item_block .block p{
	font-size: 0.9em;
	padding: 0px 10px;
}

#main_contents .item_block .block p.readmore{
	margin: 10px 0;
	padding-left: 25px;
	background: url(../img/dotted_circle.png) no-repeat
}

.item_list{
	margin-bottom: 50px;
}

#main_contents .item_list .dscp p{
	width: 400px;
	margin: 0 20px;
}
#main_contents .item_list .dscp div p{
	margin-bottom: 20px ;
}
/* top */

#top_cate p
{
  padding:0 15px 4px;
  margin:0;
  text-align:center;
  font-size:1.5em;
  line-height:2em;
  letter-spacing:3px;
}
#top_cate #kikaku
{
  font-size:2em;
  line-height:3em;
  padding-bottom: 8px;
}

#top_cate li{
  background-color:#fff;
  width:300px;
  text-align:right;
}

/* news */

#news{
	float: left;
	margin: 0 auto 0;
	padding: 0 0 25px 3px;
	width: 735px;
	background-color: #fff;
}

#news a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

#news ul{
	margin: 0;
	padding: 0;
}

#news hr{
	width:93%;
	border: dashed 1px #eee;
}

#news .newsblock img{
	margin-bottom: 10px;
}

#news .newsblock li{
	float: left;
	margin: 25px 22px;
	width: 200px;
}

#news .newstext{
	margin-top: 30px;
}

#news .newstext dt{
	margin: 0;
	padding-left: 25px;
	float: left;
	width:120px;  
}

#news .newstext dd{
	margin: 0 0 10px;
	margin-left: 120px;
	padding-left: 25px;
	width:570px;
}

#company_info .detail dt{
	margin: 0;
	padding: 10px 0 10px 25px;
	width:120px;
}

#company_info .detail dd{
	margin: -40px 0 10px;
	padding: 10px 0 20px 130px;
	width:600px;
	border-bottom: 1px solid #ccc;
}

#company_info form{
	margin: 0;
	padding: 0;
}

#company_info table{
text-align:left;
width:726px;
margin:0 auto;
}

#company_info table th{
border-bottom:1px solid #ccc;
/* padding-top:20px; */
padding-left:20px;
width:150px;
}

#company_info table td{
border-bottom:1px solid #ccc;
padding-top:20px;
padding-bottom:20px;
	width:430px;
}

#company_info table td.btn{
text-align:center;
}


#company_info a:hover {
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

#company_info a {
	color:#4998B5;
}

.readmore{
	margin: 20px 20px 20px 0;
	padding-left: 25px;
	background: url(../img/dotted_circle.png) no-repeat;
}


/* subNav */

#subNav{
	float: right;
	width: 200px;
	line-height: 2em;
}

#subNav a:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

#subNav a img{
	-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;
}

#subNav a:hover img{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

#subNav #subNav_contents h3{
	width: 200px;
	height: 30px; 
	background: url(../img/image_subnav/hd_subnav.jpg) no-repeat;
	margin: 0;
	padding: 10px 0 0 15px;
}

#subNav #subNav_contents ul{
	margin: 0 0 15px 0;
	padding: 5px 0;
	background-color: #fff;
}

#subNav #subNav_contents ul li{
	background: url(../img/dotted_circle.jpg) no-repeat 15px center;
	text-indent: 25px;
	line-height: 1.4em;
	padding: 10px 0 10px 20px;
}

#subNav #subNav_contents ul li.side_sub{
	background: none;
	padding: 7px 0 7px 20px;
}

/* footer */

footer{
	min-width:1024px; 
	width: 100%;
	background: url(../img/footer_border.jpg) no-repeat #393c47;
	margin: 20px auto 0 auto;
	text-align: left;
}

footer #ft_container{
	 margin: 0 auto;
	 padding: 30px 10px;
	 width:960px;
	 text-align: center;
}

footer #ft_container a{
	color: #ffb722;
	-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;
	text-decoration: none;
}

footer #ft_container a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

.ft_info{
	width:320px;
	margin: 15px auto 0 ;
}

.ft_info_l {
	float: left;
	color:#fff;
	line-height: 1.5em;
	text-align: left;
}
	
.ft_info_r{
	float: right;
}

footer #ft_container ul{
	margin: 10px auto;
	padding: 0;
}

footer #ft_container ul li{
		display: inline;
		margin-top:10px;
		padding-right: 5px;
		border-right: 1px solid #ffb722;
}

footer #ft_container ul li:nth-last-of-type(1){
	border: none;
	}

footer #ft_container .credit p{
	font-size: 0.7em;
	color: #fff;
}

footer #ft_container .credit p a{
	color: #fff;
}

/*--- event ---*/

.event_a li{
margin-bottom:20px;
line-height:2;
}
.event_a li span{
font-weight:bold;
}

/*--- news ---*/
.n_topic{
width:700px;
padding:10px;
margin:10px 0px 20px;
background-color:#ffffff;
}
.n_img{
width:120px;
margin-right:15px;
height:120px;
}
.n_img img{
width:120px;
height:120px;
}
.n_conte{
width:550px;
}
.n_topic h4{
font-size:16px;
margin:0 0 15px;
border-bottom:1px solid #ccc;
padding-bottom:5px;
letter-spacing:2px;
}
#company_info .n_topic h4 a{
color:#555;
}
.n_topic p{
margin:0 0 10px;
}
.n_title{
margin:0 0 15px;
}
.n_day{
font-size:16px;
line-height:16px;
padding:2px 0;
width:120px;
}
.n_icon{
line-height:20px;
margin:0 0 5px;
padding-left:0;
}
.n_icon li{
/* display:inline; */
float: left;
width:70px;
margin-right:5px;
margin-top:0;
padding-top:0;
}
.n_icon li img{
width:70px;
height:20px;
}
.n_icon div{
float:left;
margin-right:10px;
}
.n_icon div:after{
clear:both;
content:"";
}

.n_icon .others{width:70px;height:20px;background: url(../img/news/icon05.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .media{width:70px;height:20px;background: url(../img/news/icon04.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .event{width:70px;height:20px;background: url(../img/news/icon03.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .project{width:70px;height:20px;background: url(../img/news/icon02.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .item{width:70px;height:20px;background: url(../img/news/icon01.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .exhibition{width:70px;height:20px;background: url(../img/news/icon06.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .workshop{width:70px;height:20px;background: url(../img/news/icon08.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .shop{width:70px;height:20px;background: url(../img/news/icon09.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .important{width:70px;height:20px;background: url(../img/news/icon07.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.n_icon .lecture{width:70px;height:20px;background: url(../img/news/icon10.gif) no-repeat 0 0;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}

.n_old{
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.n_old:after{
clear:left;
content:"";
display:none;
}
.n_old h4{
margin-left:0px;
margin-bottom:5px;
font-size:12px;
border:0;
}
.n_old .n_day{
font-size:12px;
}
.n_atop{
width:700px;
padding:0 20px 0;
margin:0;
}
.n_atop p{
margin:3px 0 10px;
}
.n_atop .item_list{
margin-bottom:15px;
}
.n_article{
border-bottom:1px #ccc solid;
padding-bottom:20px;
}
.n_other{
margin:50px 0 0;
}

/*--- form --- */
.form_tb{
line-height:2em;
background-color:#eee;
padding:5px;
border:1px #ddd solid;
}

.form_tb input{
margin: 0 5px 0 10px;
}

/*--- add2013Nov ---*/
#logo h1{margin: 0 0 4px 0;}
#logo h1 span{display: none;}


/*--- add 2014Aug04 ---*/
.entry-header h2.title{
	margin: 0 0 5px;
	padding: 22px 0 0 30px;
	width:740px;
	height: 60px;
	background: url(../img/bg_title.jpg) no-repeat 0 0;
}

/*--- add 2014Aug04 ---*/
#event_info .detail dt{
	margin: 0;
	padding: 20px 0 10px 20px;
	width:150px;
	float:left;
	font-weight:bold;
}

#event_info .detail dt span{
	color:#ff0000;
}

#event_info .detail dd{
	margin: 0;
	padding: 20px 20px 20px 170px;
	width:550px;
	border-bottom: 1px solid #ccc;
}
#event_info .detail dd strong{
	font-size:1.5em;
}

/*--- add 2014Aug04 ---*/
#event_info .detail dd:after{
clear:left;
content:"";
}

#event_info ul{
margin:20px 0;
padding:0
}

#event_info ul li{
list-style:none;
margin:10px 0;
}


.section .block{
	width:40%;
	line-height: 1.8;
}

.section .readmore{
	font-size: 0.7em;
}

/*--- add 2014Aug04 ---*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 0.7em;
}

#page-top span.arrow{
	font-size: 2em;
}

#page-top a {
    background-color:rgba(0,0,0,0.65);
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


.breadcrumbs{
	padding:0 0 10px 15px;
	margin-bottom: 5px;
/* 	border-bottom: 1px solid #eee; */
	font-size: 0.7em;
}

.twitter-share{
	
}


/*

@media screen and (max-width: 480px){
body{font-size: 1em;}

#header_nav {
width: 100%;
}

#wrapper {
width: 100%;
}

#main_contents {
float: none;
width: 100%;
}

#subNav {
display: none;}

footer{
min-width: 100%;
width: 100%;
}

#news {
float: none;
width: 100%;
}

#news .newstext dt {
float: none;
width: auto;
}

#news .newstext dd {
float: none;
width: 100%;
margin-left: 0;
}

footer #ft_container {
margin: 0 auto;
padding: 30px 10px;
width: 100%;
text-align: center;
}

.ft_info_l {
float: none;
}

.ft_info_r {
float: none;
}

#main_contents h2.title {
width: 100%;
}
#main_contents ul {
width: 100%;
}

.cameraSlide img{
width: 100% !important;
height: auto !important;
}

.dn{display: none;}

}
*/