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


/* -----------------------------------------------------------------------
-----------------------全体に共通のデザイン設定------------------------ */

/* レイアウト */
body {
padding: 0px 0px 20px;}

#wrapper {
background: url(http://mrt-jp.com/images/container-background.gif) repeat-y center top;
text-align: left;
margin: 7px auto 0px;
width: 900px;}

#container {
background: url(http://mrt-jp.com/images/wrapper-background.gif) no-repeat left top;}

#sub-content {
float: left;
width: 260px;
background: #DDE7F2 url(http://mrt-jp.com/images/subcontent-line.jpg) no-repeat right top;
border-left: 1px solid #FFFFFF;}

#subcontent-inner {
padding: 38px 14px 20px;}

#main-content {
float: right;
width: 639px;}

#maincontent-inner {
padding: 10px 11px 10px 8px;}

/* ページナビ */
#page-navi {
clear: both;
height: 1.5em;
padding: 60px 10px 0px;}

li#pagenavi-aheadpage {
float: left;}

li#pagenavi-pagetop {
float: right;}

/* ---------- */

.clear {
clear: both;
visibility: hidden;
height: 0;} 

.none {
display:none;}

.text-orange {
color: #FF3300;}


/* -----------------------ヘッダーの設定ここから----------------------- */

/* ロゴ */
#logo {
float: left;
width: 232px;
height: 280px;
background: #FFFFFF;}

#logo h1 {
background: url(http://mrt-jp.com/images/logo-MRT.jpg) no-repeat left top;
margin: 9px 0px 0px 20px;
height: 261px;
width: 212px;}

#logo a {
display: block;
height: 212px;
width: 212px;}

/* 文字の大きさ変更 */
#textsize-navi {
text-align: right;
height: 24px;
padding: 8px 0px 0px;}

#textsize-navi img {
vertical-align: middle;}

/* ナビ */
#global-navi{
height: 54px;
text-align: center;
background: url(http://mrt-jp.com/images/navi.jpg) no-repeat left top;
float: left;
width: 668px;}

#nav {
position: relative;
line-height:1;
text-align: left;
padding: 18px 0px 0px 25px;}

#nav li {
float: left;
position: relative;}

#nav li a {
padding: 0px 8px;
color: #0099CC;
font-weight: bold;}

#nav li a:hover {
color: #52CEE9;}

#nav li.navi-line {
background: url(http://mrt-jp.com/images/navi-line.gif) no-repeat left top;}

#nav ul{
display: none;
position: absolute;
left: 0;
top: 20px;}

* html #nav ul {
line-height: 0;}

#nav ul li {
float: none; }

#nav ul {
width: 120px; }

#nav ul ul {
top: 0;
left: 121px; }

#nav ul a {
display: block;
width: 180px;
background: #C0E8B3;
padding: 6px;
color: #006699;
border-bottom: 1px solid #FFFFFF;
opacity: 0.9;
filter: alpha(opacity=90);
zoom: 1;
line-height: 1;
font-weight: normal;}

#nav ul li a:hover {
color: #0099CC;
background: #A9DF97;}


/* -----------------------ヘッダーの設定ここまで----------------------- */


/* -----------------------フッターの設定ここから----------------------- */

#footer {
background: #FFFFFF url(http://mrt-jp.com/images/footer-line.gif) no-repeat left top;
padding: 20px 12px 25px;
color: #666666;
line-height: 120%;
clear: both;
width: 876px;}

#footer a {
color: #666666;}

#footer a:hover {
color: #999999;}

/* フッターナビ */
#footer-navi {
float: left;}

#footer-navi-home {
background: url(http://mrt-jp.com/images/footer-navi-home.gif) no-repeat left center;
padding: 0px 10px 0px 18px;}

#footer-navi-contact {
background: url(http://mrt-jp.com/images/footer-navi-contact.gif) no-repeat left center;
padding: 0px 10px 0px 28px;}

#footer-navi-sitemap {
background: url(http://mrt-jp.com/images/footer-navi-sitemap.gif) no-repeat left center;
padding: 0px 10px 0px 32px;}

#footer-navi-mobile {
background: url(http://mrt-jp.com/images/footer-navi-mobile.gif) no-repeat left center; 
padding: 0px 0px 0px 28px;}


/* コピーライト */
#copyright {
float: right;
text-align: right;}

/* フラッシュプレーヤー */
#flashplayer {
clear: left;
font-size: 0.85em;
padding: 10px 0px 0px;
height: 41px;}

#flashplayer a {
text-decoration: none;}

#flashplayer a:hover {
text-decoration: underline;}

#flashplayer li {
float: left;}

#flashplayer img {
padding: 0px 10px 0px 0px;}

#flashplayer p {
padding: 5px 0px 0px;}
