@charset "utf-8";
/* CSS Document */

body {width:100%;background-color:#ffffff;margin-right: auto; margin-left: auto; padding-top: 15px; 
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";  color:#595757; line-height:150%; font-size:13px; }

ul{ list-style:none;}
#con { width:900px;margin-right: auto; margin-left: auto;}

#con .left{ float:left; width:450px;}
#con .right{ float:right; width:327px;}
#page-wrap {  }

$blue-gray 			    : #34495e;
$blue-gray-darken 	: #2c3e50;
$blue 				      : #3498db;
$blue-darken 		    : #2980b9;
$green 				      : #1abc9c;
$green-darken 		  : #16a085;
a { text-decoration:none; border:0;color:#595757;}
a:hover { text-decoration:none; border:0;color:#cccccc;}

.mincho{
 
   font-family: serif;
  font-size:13px;
 
  /*font-weight: bold;*/ 
}

.mincho2{
  font-family: serif;
  font-size:12px;
  padding-left:0px;
  /*font-weight: bold;*/ 
}

.mincho2 a{ color:#e60012;}

.mincho_info_title{
  font-family: serif;
  font-size:12px;
  font-weight:bold;
  padding-left:0px;
  line-height:150%;
  /*font-weight: bold;*/ 
}

.mincho_info{
  font-family: serif;
  font-size:12px;
  line-height:125%;
  padding-left:0px;
  /*font-weight: bold;*/ 
}

.mincho_info2{
  font-family: serif;
  font-size:12px;
  line-height:125%;
  padding-left:0px;
  /*font-weight: bold;*/ 
}

.mincho_info a{
  font-family: serif;
  font-size:12px;
  font-weight:bold;
  padding-left:0px;
  line-height:180%;
  color:#e60012;
  /*font-weight: bold;*/ 
}


*{
  margin: 0;
  padding: 0;
  @include box-sizing(border-box);
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}


/*h1 {
  font-weight: 100;
  font-size: 32px;
  padding: 40px;
  color: #fff;
}*/

.pan{ margin-bottom:10px; font-size:13px; text-align:left;}
.pan a{ color:#e60012; text-decoration:none;}
.pan a:hover{ color:#000000; text-decoration:none;}

.pan2{font-size:12px;padding-left:40px; padding-top:25px; text-align:left;}
.pan2 a{ color:#e60012; text-decoration:none;}
.pan2 a:hover{ color:#000000; text-decoration:none;}

.pan3{ clear:both;font-size:13px; padding-top:25px; text-align:left; padding-bottom:15px;}
.pan3 a{ color:#e60012; text-decoration:none;}
.pan3 a:hover{ color:#000000; text-decoration:none;}




#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 5px;
  text-align: center;
  margin-right: 22px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #2980b9;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #2980b9;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}


#header_up{ width:900px; float:left; margin-bottom:10px;}

#header_up .left{ width:400px; float:left; height:50px; padding-top:19px; }

#header_up .right{ width:236px; float:right;}


#sub-nav{
	float: right;
	width: 236px;
	height: 63px;
}
#sub-nav_up{
	padding-top: 11px;
	padding-bottom: 10px;
	height: 12px;
	float: right;
}
*:first-child+html #sub-nav_up{
	margin-top:-6px;
	padding-bottom: 9px;
}
* html #sub-nav_up{	
	margin-top:-7px;
}
#sub-nav_up ul{
}
#sub-nav_up ul li{
	float: right;
	background: left;
	display: inline;
}

#sub-nav_down{
	text-align: right;
	clear: both;
	height: 36px;
	width: 236px;
	padding-bottom: 6px;
}
*:first-child+html #sub-nav_down{
	margin-bottom:-8px;
}

* html #sub-nav_down{
	margin-bottom:-10px;
}


#qt{
	height: 20px;
	position: relative;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	right: 0px;
	color: #333333;
	top: -8px;
	vertical-align:middle;
	width: 166px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#qt img{
	margin-bottom:-1px;
}
*:first-child+html #qt{
	margin-bottom: -3px;
}
* html #qt {margin-bottom: -2px;
}

#btseek{
	padding-top: 15px;
}
#btseek img{
	padding-top: 5px;
}

/*-------------------------
	navi
-------------------------*/
#navi { padding-left:30px;}
#navi li {
	
	list-style-type:none;
	float:left;
}

#navi li a {
	
	display:block;
	text-indent:-9999px;
}



#navi .navi01 a {width:153px;
	height:31px;
	background:url(../image/header_05_rollout.png) no-repeat;
}
#navi .navi01 a:hover {width:153px;
	height:31px;
	background:url(../image/header_05_rollover.png) no-repeat;
}

#navi .navi02 a {width:135px;
	height:31px;
	background:url(../image/header_06_rollout.png) no-repeat;
}
#navi .navi02 a:hover {width:135px;
	height:31px;
	background:url(../image/header_06_rollover.png) no-repeat;
}

#navi .navi03 a {width:135px;
	height:31px;
	background:url(../image/header_07_rollout.png) no-repeat;
}
#navi .navi03 a:hover {width:135px;
	height:31px;
	background:url(../image/header_07_rollover.png) no-repeat;
}

#navi .navi04 a {width:135px;
	height:31px;
	background:url(../image/header_09_rollout.png) no-repeat;
}
#navi .navi04 a:hover {width:135px;
	height:31px;
	background:url(../image/header_09_rollover.png) no-repeat;
}

#navi .navi05 a { width:135px;height:31px;
	background:url(../image/header_10_rollout.png) no-repeat;
}
#navi .navi05 a:hover {width:135px;height:31px;
	background:url(../image/header_10_rollover.png) no-repeat;
}

#navi .navi06 a {width:135px;height:31px;
	background:url(../image/header_11_rollout.png) no-repeat;
}
#navi .navi06 a:hover {width:135px;height:31px;
	background:url(../image/header_11_rollover.png) no-repeat;
}

/*navi change*/
#menu01-change{
	top: 0px;
	left:0px;
	
}
.menu01 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_01_on.png) no-repeat left top;
	cursor:     pointer;
	
}


*:first-child+html .menu01 {
position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_01_on.png) no-repeat left top;
	cursor:     pointer;
	background: white; filter: alpha(opacity=0); opacity: 0;
}

#menu02-change{
	top: 0px;
	left:135px;
}
.menu02 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_02_on.png) no-repeat left top;
	cursor:     pointer;
}

#menu03-change{
	top: 0px;
	left:270px;
}
.menu03 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_03_on.png) no-repeat left top;
	cursor:     pointer;
}

#menu04-change{
	top: 0px;
	left:405px;
}
.menu04 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_04_on.png) no-repeat left top;
	cursor:     pointer;
}

#menu05-change{
	top: 0px;
	left:540px;
}
.menu05 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_05_on.png) no-repeat left top;
	cursor:     pointer;
}

#menu06-change{
	top: 0px;
	left:675px;
}
.menu06 {
	position:   absolute;
	width:      154px;
	height:     29px;
	background: url(../img/head_06_on.png) no-repeat left top;
	cursor:     pointer;
}
/*-------------------------
	navi_140215 ver.
-------------------------*/
/*#navi { padding-left:30px; width:950px;}
#navi li {width:153px;
	height:29px;
	
	list-style-type:none;
	float:right;
}

#navi li a {
	
	display:block;
	text-indent:-9999px;
}



#navi .navi01 a { 
	background:url(../img/head_01.gif) no-repeat;
}
#navi .navi01 a:hover {
	background:url(../img/head_01_on.gif) no-repeat;
}

#navi .navi02 a { margin-left:-18px;
	background:url(../img/head_02.gif) no-repeat;
}
#navi .navi02 a:hover {
	background:url(../img/head_02_on.gif) no-repeat;
}

#navi .navi03 a {margin-left:-36px;
	background:url(../img/head_03.gif) no-repeat;
}
#navi .navi03 a:hover {
	background:url(../img/head_03_on.gif) no-repeat;
}

#navi .navi04 a {margin-left:-54px;
	background:url(../img/head_04.gif) no-repeat;
}
#navi .navi04 a:hover {
	background:url(../img/head_04_on.gif) no-repeat;
}

#navi .navi05 a { margin-left:-72px;
	background:url(../img/head_05.gif) no-repeat;
}
#navi .navi05 a:hover {
	background:url(../img/head_05_on.gif) no-repeat;
}

#navi .navi06 a {margin-left:-90px;
	background:url(../img/head_06.gif) no-repeat;
}
#navi .navi06 a:hover {
	background:url(../img/head_06_on.gif) no-repeat;
}
*/


/*header_0215*/
#menu{ clear:both; margin-left:30px;position:relative; width:828px; height:29px; margin-bottom:10px;
background:url(../img/head.gif) no-repeat; }

/*second活動*/
#navi .sub01 a {width:136px;
	height:35px;
	background:url(../image/sub_03_rollout.jpg) no-repeat;
}
#navi .sub01 a:hover {width:136px;
	height:35px;
	background:url(../image/sub_03_rollover.jpg) no-repeat;
}

#navi .sub02 a {width:136px;
	height:26px;
	background:url(../image/sub_05_rollout.jpg) no-repeat;
}
#navi .sub02 a:hover {width:136px;
	height:26px;
	background:url(../image/sub_05_rollover.jpg) no-repeat;
}

#navi .sub03 a {width:136px;
	height:26px;
	background:url(../image/sub_06_rollout.jpg) no-repeat;
}
#navi .sub03 a:hover {width:136px;
	height:26px;
	background:url(../image/sub_06_rollover.jpg) no-repeat;
}

#navi .sub04 a {width:136px;
	height:26px;
	background:url(../image/sub_07_rollout.jpg) no-repeat;
}
#navi .sub04 a:hover {width:136px;
	height:26px;
	background:url(../image/sub_07_rollover.jpg) no-repeat;
}

#navi .sub05 a { width:136px;height:25px;
	background:url(../image/sub_08_rollout.jpg) no-repeat;
}
#navi .sub05 a:hover {width:136px;height:25px;
	background:url(../image/sub_08_rollover.jpg) no-repeat;
}

/*secondいま*/
#navi .suv01 a {width:136px;
	height:26px;
	background:url(../image/suv_07_rollout.jpg) no-repeat;
}
#navi .suv01 a:hover {width:136px;
	height:26px;
	background:url(../image/suv_07_rollover.jpg) no-repeat;
}

#navi .suv02 a {width:136px;
	height:26px;
	background:url(../image/suv_06_rollout.jpg) no-repeat;
}
#navi .suv02 a:hover {width:136px;
	height:26px;
	background:url(../image/suv_06_rollover.jpg) no-repeat;
}

/*second歴史*/
#navi .sur01 a {width:136px;
	height:26px;
	background:url(../image/suv_08_rollout.jpg) no-repeat;
}
#navi .sur01 a:hover {width:136px;
	height:26px;
	background:url(../image/suv_08_rollover.jpg) no-repeat;
}

#navi .sur02 a {width:136px;
	height:26px;
	background:url(../image/suv_09_rollout.jpg) no-repeat;
}
#navi .sur02 a:hover {width:136px;
	height:26px;
	background:url(../image/suv_09_rollover.jpg) no-repeat;
}


/*second navi 140217*/
.panel{ width:200px;}


#main_space{ padding-left:40px; width:810px;}
#footer{ float:left; width:100%; border-top:1px solid #E60012; padding:10px 30px 10px 30px;margin-right: auto; margin-left: auto;}

#foot-btn { clear:both; margin-left:auto; margin-right:auto; width:303px; text-align:center;}

/*__________________コンテンツエリア__________________*/
#article{
	clear: both;
	left: 0px;
	clear:both;
	
}

#article a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; text-decoration:none; }

#sec_hed{ width:730px; float:left; margin-bottom:0px; margin-left:40px;   }
#sec_hed .left{ float:left; width:42px;}
#sec_hed .right{ float:right; width:688px;}
#sec_hed .right img{ margin-bottom:10px;}
#sec_hed p{ line-height:150%;}
#sec_hed .left_space{ padding-left:75px; padding-right:80px;font-size:13px; margin-bottom:10px;}
#sec_hed .left_space2{ padding-left:75px; padding-right:70px;font-size:13px; margin-bottom:10px;}
#sec_hed .last{ float:right;}

#sec_hed_now{ width:760px; float:left; margin-bottom:0px; margin-left:10px;   }
#sec_hed_now .left{ float:left; width:72px;}
#sec_hed_now .right{ float:right; width:688px;}
#sec_hed_now .right img{ margin-bottom:10px;}
#sec_hed_now p{ line-height:150%;}
#sec_hed_now .left_space{ padding-left:65px; padding-right:80px;font-size:13px; margin-bottom:10px;}
#sec_hed_now .left_space2{ padding-left:75px; padding-right:70px;font-size:13px; margin-bottom:10px;}
#sec_hed_now .last{ float:right;}

.sikiri{ clear:both;border-bottom:1px solid #898989; margin-bottom:15px; width:810px;}


#five-ddcontent{
	position: absolute;
	left: 287px;
	top: 20px;
	width:135px;
	
}
#five-ddcontent ul{width:135px;}

#five-ddcontent a:hover{ background-color:#e60012; color:#FFFFFF;}

#six-ddcontent{
	position: absolute;
	left: 422px;
	top: 20px;
	width:135px;
}

#six-ddcontent a:hover{ background-color:#e60012; color:#FFFFFF;}

#seven-ddcontent{
	position: absolute;
	left: 557px;
	top: 20px;
}

#seven-ddcontent a:hover{ background-color:#e60012; color:#FFFFFF;}