@charset "utf-8";


#header {
	background: url(../images/header_bg001.gif) repeat-x 0 0;
}
#header-Skip {
	display: none;
}
#header #headerInner {
	background: url(../images/header_bg001.gif) repeat-x 0 0;
	position: relative;
	width: 982px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	min-height: 65px;
}
#header #headerInner #logo {
	position: absolute;
	top: 15px;
	left: 11px;
}

#header #site-menu {
	width:740px;
	float: right;
}
#header #site-menu li {
	float: left;
	background: url(../images/header_bg002.gif) no-repeat right 3px;
	padding-right: 10px;
	margin-right: 10px;
	margin-top: 2px;
	font-size: 0;
	line-height: 0;
}
#header #site-menu li.first {
	margin-top: 0;
	background: url(../images/header_bg002.gif) no-repeat right 5px;
}
#header #site-menu li.end {
	margin-right: 0;
}

#header #site-search {
	width: 250px;
	float: right;
	clear: right;
	margin-top: 4px;
}
#header #site-search p {
	float: left;
	margin-right: 9px;
	padding-top: 4px;
}
#header #site-search input {
	float: left;
	line-height: 1;
	zoom: 1;
}
#header #site-search #textfield {
	width: 171px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 3px;
	margin-right: 3px;
	min-height: 19px;
	font-size: 12px;
	line-height: 19px;
	vertical-align: middle;
}
* html #header #site-search #textfield {
	padding-top: 6px;
}

#globalNavi {
	background: url(../images/gnavi_bg001.gif) repeat-x 0 bottom;
}
#globalNavi ul {
/*width: 982px;*/
	padding: 0;
}
#globalNavi ul li {
	float: left;
}


#contents {
	clear:both;
	text-align:left;
	background:url(../images/com_bg001.gif) repeat-x 0 0;
}


#contents #contentsInner {
	/*background:url(../images/com_bg001.gif) repeat-x 0 0;*/
	margin: 0 auto;
	padding: 0 8px;
	width: 984px;
	clear: both;
}



#topicPath {
	padding: 6px 3px 10px 3px;
}

#leftNavi {
	float: left;
	width: 200px;
}

#mainContents {
	float: right;
	width: 765px;
}


#noNavi #mainContents {
	float: none;
	width: 765px;
	margin: 0 auto;
}




.second-hierarchy {
	background: url(../images/leftNavi_bg001.gif) no-repeat 0 bottom;
	padding: 0 7px 15px 8px;
}
.second-hierarchy li a {
	display: block;
	color: #333333;
	text-decoration: none;
}
.second-hierarchy li.current a {
	background: url(../images/leftNavi_bg002.gif) no-repeat 0 0;
	font-weight: bold;
}
.second-hierarchy li span {
	display: block;
	background: url(../images/com_ic004.gif) no-repeat 5px 50%;
	padding: 15px 5px 12px 23px;
	border-bottom: 1px solid #e8e8e8;
}
.second-hierarchy li.current a span {
	background: url(../images/com_ic005.gif) no-repeat 5px 50%;
}

.second-hierarchy .third-hierarchy {
	padding: 1px;
}
.second-hierarchy .third-hierarchy li {
	border-bottom: 1px solid #e8e8e8;
}
.second-hierarchy .third-hierarchy li a {
	display: block;
	background-image: none;
	background-color: #f5f5f5;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
}
.second-hierarchy .third-hierarchy li a span {
	display: block;
	background: url(../images/com_ic006.gif) no-repeat 0 50%;
	padding: 5px 5px 3px 33px;
	border-bottom: none;
}
.second-hierarchy .third-hierarchy li.current a {
	background-color: #dfebe3;
	font-weight: bold;
}
.second-hierarchy .third-hierarchy li.current a span {
	display: block;
	background: url(../images/com_ic007.gif) no-repeat 0 50%;
	padding: 5px 5px 3px 33px;
	border-bottom: none;
}





#footer {
	clear: both;
	margin-top: 20px;
}

#footerLinkWrapper {
	background: #f8f8f8 url(../images/footer_bg005.gif) repeat-x 0 bottom;
	width: 100%;
}
#footerLink {
	background:  url(../images/footer_bg001.gif) no-repeat center 0;
	width: 982px;
	padding: 16px 11px 0;
	margin: 0 auto;
}
#footerLink #footerLinkInner {
	background: url(../images/footer_bg002.gif) no-repeat center bottom;
	padding: 0 0 15px;
	position: relative;
}
#footerLink .footerLinkCol {
	float: left;
	width: 130px;
	padding: 5px;
	margin-right: 1px;
}

#footerLink .end {
	margin-right: 0;
	width: 126px;
	margin-bottom: 70px;
}
.footerLinkCol .iconLink01 a {
	color: #555555;
	text-decoration: none;
}
.footerLinkCol .iconLink02 a {
	color: #333333;
	text-decoration: none;
}

.footerLinkCol .iconLink01 li {
	margin-bottom: 10px;
	font-size: 80%;
}
.footerLinkCol .iconLink02,
.footerLinkCol .iconLink02 li {
	font-weight: bold;
	margin-bottom: 10px;
}



#footerLink #socialPlugin {
	position: absolute;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	padding: 8px;
	min-width: 117px;
	right: 0;
	bottom: 15px;
}
#footerLink #socialPlugin ul li {
	float: left;
	margin-right: 8px;
}

#footerSupportLink {
	background-color: #dddddd;
	width: 100%;
}
#footerSupportLink #footerSupportLinkInner {
	width: 932px;
	margin: 0 auto;
	padding: 0 58px 0 12px;
	min-height: 30px;
	position: relative;
	background: #dddddd url(../images/footer_bg003.gif) repeat-y 10px 0;
}
#footerSupportLink #footerSupportLinkInner ul {
	padding-left: 2px;
}
#footerSupportLink #footerSupportLinkInner ul li {
	float: left;
	background: url(../images/footer_bg003.gif) repeat-y right 0;
}
#footerSupportLink #footerSupportLinkInner ul li a {
	display: block;
	padding: 7px 17px 5px;
	color: #333333;
	text-decoration: none;
}
#footerSupportLink #footerSupportLinkInner #pagetop {
	position: absolute;
	right: 11px;
	bottom: 0;
}


#footerModLink {
	background-color: #111111;
	width: 100%;
}
#footerModLink #footerModLinkInner {
	width: 932px;
	margin: 0 auto;
	padding: 0 58px 0 12px;
	min-height: 30px;
	position: relative;
	background: #111111 url(../images/footer_bg004.gif) repeat-y 10px 0;
}
#footerModLink #footerModLinkInner ul {
	padding-left: 2px;
}
#footerModLink #footerModLinkInner ul li {
	float: left;
	background: url(../images/footer_bg004.gif) repeat-y right 0;
}
#footerModLink #footerModLinkInner ul li a {
	display: block;
	padding: 7px 17px 5px;
	color: #ffffff;
	text-decoration: none;
}

#copyright {
	width: 982px;
	margin: 0 auto;
	padding: 5px 0 20px;
	text-align: center;
	font-size: 90%;
	color: #666666;
}

/*メガメニュー */

.menu {
    position: relative;
    max-width: 982px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    height: 49px;
	list-style:none;
}


.menu > li a {
    display: block;
}



/*メガメニューの中身*/
.menu_second{
	width:100%;
	list-style:none;
	position: absolute;
	top: 49px;
	left: 0;
	background: -moz-linear-gradient(#004300, #002000);
	background: -webkit-gradient(linear, left top, left bottom, from(#004300), to(#002000));
	background: -ms-linear-gradient(top,#004300 0%,#002000 100%);
	background: -o-linear-gradient(top,#004300 0%,#002000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#002e00, endColorstr=#002e00);
}

.menu_text p.text1{
	width:600px;
	font-size: 22px;
	color: #fff;
	padding: 18px;
	float:left;
}
.menu_text p.text2 a{
	width:200px;
	font-size:16px;
	color: #fff;
	border:solid 2px #fff;
	text-align:center;
	padding:10px;
	margin:18px;
	text-decoration: none;
	float:right;
}

.menu_text p.text2 a:hover{
	background-color: #fff;
	color: #004300;
}


/*メガメニューの表示*/
li.menu_mega:hover .menu_second {
    top: 49px;
    visibility: visible;
    opacity: 1;
}


ul.thum{
	text-align: left;
	margin-left:40px;
}
ul.thum li{
	display: inline-block;
	padding:10px 10px 30px;
}


/*サムネイルアニメーション*/
.menu_second li a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	transition: all .3s ease;
}


/* floatクリア */
.menu,ul.thum,.menu_text:before,.menu,ul.thum,.menu_text:after {
    content: " ";
    display: table;
}

.menu,ul.thum,.menu_text:after {
    clear: both;
}

/*メガメニューの非表示*/
.menu_second{
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

/*グローバルナビゲーションがhoverしたときの*/


li.menu_mega.news > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.news:hover > a{
	background-image: url(../images/gnavi_bt002on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.news:hover > a img{
	display: none;
}


li.menu_mega.about > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.about:hover > a{
	background-image: url(../images/gnavi_bt003on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.about:hover > a img{
	display: none;
}

li.menu_mega.station > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.station:hover > a{
	background-image: url(../images/gnavi_bt004on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.station:hover > a img{
	display: none;
}

li.menu_mega.equipment > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.equipment:hover > a{
	background-image: url(../images/gnavi_bt005on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.equipment:hover > a img{
	display: none;
}

li.menu_mega.event > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.event:hover > a{
	background-image: url(../images/gnavi_bt006on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.event:hover > a img{
	display: none;
}

li.menu_mega.fan > a{
	width: 150px;
	height: 49px;
}

li.menu_mega.fan:hover > a{
	background-image: url(../images/gnavi_bt007on.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
}
li.menu_mega.fan:hover > a img{
	display: none;
}
/*ヘッダーナビ固定*/

#header{
	width:100%;
	height:auto;
	position: fixed;
	top:0px;
	background-color:#fff;
	z-index: 20;
}

#globalNavi{
	width:100%;
	height:auto;
	position: fixed;
	top:0px;
	background-color:#fff;
	z-index: 10;
	padding-top:100px;
	
}

#contents{
	padding-top:160px;
}


#headerInner:after,
#globalNavi ul:after,
#contents #contentsInner:after,
#footerLink #footerLinkInner:after,
#footerLink #socialPlugin ul:after,
#footerSupportLink #footerSupportLinkInner ul:after,
#footerModLink #footerModLinkInner ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #headerInner,
* html #globalNavi ul,
* html #contents #contentsInner,
* html #footerLink #footerLinkInner,
* html #footerLink #socialPlugin ul,
* html #footerSupportLink #footerSupportLinkInner ul,
* html #footerModLink #footerModLinkInner ul { /* IE6 hack */
	zoom: 1;
}
*:first-child+html #headerInner,
*:first-child+html #globalNavi ul,
*:first-child+html #contents #contentsInner,
*:first-child+html #footerLink #footerLinkInner,
*:first-child+html #footerLink #socialPlugin ul,
*:first-child+html #footerSupportLink #footerSupportLinkInner ul,
*:first-child+html #footerModLink #footerModLinkInner ul { /* IE7 hack */  
	zoom: 1;
}