@charset "utf-8";

/*
===== universal reset ==================================================================
*/

* {
margin: 0;
padding: 0;
}

body {
/*font-family:'ＭＳ Ｐゴシック',MS P Gothic,sans-serif;*/
/*font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;*/
font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", "lr oSVbN", sans-serif;
font-size: 74.5%;
font-weight : normal;
font-style : normal;
text-align: center;
line-height: 1.6;
color: #444;
background-color: #fff;
letter-spacing: 0;
}

html>/**/body {
overflow: scroll;
}

h1,h2,h3,h4,h5,h6,address,strong,th {
font-size: 100%;
font-weight: normal;
font-style: normal;
}

img {
border-style: none;
vertical-align: bottom;
display: inline;
}

ul,ol {
list-style: none;
}

strong,em {
font-style: normal;
}

hr {
color: #fff;
background-color: #fff;
border: none;
border-top:1px dotted #ccc;
margin: 0px;
padding-top: 6px;
padding-bottom: 6px;
}

td,th {
text-align: left;
vertical-align: top;
}

/*
===== clearfix, clear ==================================================================
*/

#wrapper .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#wrapper .clearfix {display: inline-block;}/* exclude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */

.clear {clear: both;}


/*
===== common class settings ==================================================================
*/

.block {display: block;}
.inline {display: inline;}

.float_l {float: left;}
.float_r {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.txt_v_top {vertical-align: top;}
.txt_v_middle {vertical-align: middle;}
.txt_v_bottom {vertical-align: bottom;}

.f_bold {font-weight: bold;}
.f11p {font-size: 93%;}
.f10p {font-size: 85%;}

.txt_red {color: #c10e0e;}

.m_top6 {margin-top: 6px;}
.m_top10 {margin-top: 10px;}
.m_top16 {margin-top: 16px;}
.m_top20 {margin-top: 20px;}
.m_right6 {margin-right: 6px;}
.m_right10 {margin-right: 10px;}
.m_right16 {margin-right: 16px;}
.m_right20 {margin-right: 20px;}
.m_bottom6 {margin-bottom: 6px;}
.m_bottom10 {margin-bottom: 10px;}
.m_bottom16 {margin-bottom: 16px;}
.m_bottom20 {margin-bottom: 20px;}
.m_left6 {margin-left: 6px;}
.m_left10 {margin-left: 10px;}
.m_left16 {margin-left: 16px;}
.m_left20 {margin-left: 20px;}

.m_hori_auto {margin-left: auto; margin-right: auto;}

.p_top6 {padding-top: 6px;}
.p_top10 {padding-top: 10px;}
.p_top16 {padding-top: 16px;}
.p_top20 {padding-top: 20px;}
.p_right6 {padding-right: 6px;}
.p_right10 {padding-right: 10px;}
.p_right16 {padding-right: 16px;}
.p_right20 {padding-right: 20px;}
.p_bottom6 {padding-bottom: 6px;}
.p_bottom10 {padding-bottom: 10px;}
.p_bottom16 {padding-bottom: 16px;}
.p_bottom20 {padding-bottom: 20px;}
.p_left6 {padding-left: 6px;}
.p_left10 {padding-left: 10px;}
.p_left16 {padding-left: 16px;}
.p_left20 {padding-left: 20px;}


.w20p {width: 20px;}
.w30p {width: 30px;}
.w40p {width: 40px;}
.w50p {width: 50px;}
.w60p {width: 60px;}
.w70p {width: 70px;}
.w80p {width: 80px;}
.w90p {width: 90px;}
.w100p {width: 100px;}
.w110p {width: 110px;}
.w120p {width: 120px;}
.w130p {width: 130px;}
.w140p {width: 140px;}
.w150p {width: 150px;}
.w160p {width: 160px;}
.w170p {width: 170px;}
.w180p {width: 180px;}
.w190p {width: 190px;}
.w200p {width: 200px;}
.w210p {width: 210px;}
.w220p {width: 220px;}
.w230p {width: 230px;}
.w240p {width: 240px;}
.w250p {width: 250px;}
.w260p {width: 260px;}
.w270p {width: 270px;}
.w280p {width: 280px;}
.w290p {width: 290px;}
.w300p {width: 300px;}
.w310p {width: 310px;}
.w320p {width: 320px;}
.w330p {width: 330px;}
.w340p {width: 340px;}
.w350p {width: 350px;}
.w360p {width: 360px;}
.w370p {width: 370px;}
.w380p {width: 380px;}
.w390p {width: 390px;}
.w400p {width: 400px;}
.w450p {width: 450px;}
.w50per {width: 50%;}

/*
===== template parts settings ==================================================================
*/

/* ---------- heddings ---------- */

h1 {
line-height: 100%;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

h2 {
line-height: 150%;
color: #c10e0e;
margin-bottom: 16px;
font-weight: bold;
font-size: 124%;
}

h3 {
line-height: 150%;
padding: 7px;
padding-top: 4px;
background: url(../img/bg_h3.gif) repeat-x bottom left;
margin-bottom: 16px;
font-weight: bold;
}

h4 {
line-height: 150%;
border-left: 10px solid #c10e0e;
padding-left: 4px;
margin-bottom: 16px;
font-weight: bold;
}

h5 {
line-height: 150%;
font-weight: bold;
}

h6 {
line-height: 150%;
border-bottom: 1px solid #4a6b95;
}

/* ---------- anchors ---------- */

a {
color: #3377aa;
text-decoration: none;
}

a:link {
color: #3377aa;
text-decoration: none;
}

a:visited {
color: #8844aa;
text-decoration: none;
}

a:hover {
color: #006699;
text-decoration: underline;
}

/* ---------- table ---------- */

caption {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 150%;
font-weight: bold;
color: #666666;
text-align: left;
}

table {
width: 100%;
border-collapse: collapse;
color: #555555;
font-size: 100%;
}

th {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
font-weight: bold;
line-height: 150%;
}

td {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
line-height: 150%;
}

th.gray,td.gray {
color: #ffffff;
background: #999;
}

th.red,td.red {
background: #f7e0e6;
}

th.mgray,td.mgray {
background: #e7e7e7;
}

th.lgray,td.lgray {
background: #f7f7f7;
}



/*
===== layout settings ==================================================================
*/


#wrapper {
text-align: center;
background-color: #fff;
}

/* ---------- header ---------- */

#headerExtension {
width: 100%;
height: 110px;
background: url(../img/bg_header_extension.gif) repeat-x top center;
text-align: center;
}

#header {
position: relative;
width: 740px;
height: 56px;
margin-left: auto;
margin-right: auto;
background: url(../img/bg_header.gif) no-repeat top center;
text-align: left;
}

#header .logo {
position: absolute;
left: 0px;
bottom: 0px;
}

#header #headerMenu {
position: absolute;
top: 19px;
right: 200px;
}

#header #headerMenu li,
#header #headerMenu li a,
#header #headerMenu li a img {
display: inline;
}

#header .tokyuLogo {
position: absolute;
top: 0px;
right: 0px;
}


/* ---------- global navigation ---------- */

#globalNaviWrapper {
position: relative;
width: 740px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}

#globalNavi {
position: relative;
width: 740px;
height: 54px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

* html #globalNavi {
margin-left: 0px;
margin-right: 0px;
} /* hack for IE6 */

#globalNavi li {
float: left;
}

#navi-com {
position: absolute;
top:54px;
left:0px;
width: 148px;
z-index: 1;
visibility: hidden;
}

#navi-pro {
position: absolute;
top:54px;
left:148px;
z-index: 1;
margin-top: 0px;
visibility: hidden;
}

#navi-fac {
position: absolute;
top:54px;
left:296px;
z-index: 1;
margin-top: 0px;
visibility: hidden;
}

#navi-rec {
position: absolute;
top:54px;
left:444px;
z-index: 1;
margin-top: 0px;
visibility: hidden;
}

#navi-ir {
position: absolute;
top:54px;
left:592px;
z-index: 1;
margin-top: 0px;
visibility: hidden;
}

/* ---------- container ---------- */

#container {
width: 100%;
background: url(../img/bg_localnavi.gif) repeat-x top center;
text-align: center;
}

/* ---------- localNavi ---------- */

#localNavi {
width: 740px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 14px;
}

#localNavi ul li {
display: inline;
margin-right: 16px;
}

#localNavi ul li,
#localNavi ul li a,
#localNavi ul li a img {
line-height: 0px;
vertical-align: bottom;
}

#localNavi ul li img {
margin-bottom: 6px;
}

/* ---------- topicPath ---------- */

#topicPath {
position: relative;
width: 740px;
height: 30px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#topicPath ul {
padding-top: 6px;
font-size: 93%;
}

#topicPath ul li,
#topicPath ul li a {
display: inline;
}

/* ---------- contents ---------- */

#contents {
width: 740px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#contentsInner {
width: 740px;
}

#sideColumn01 {
width: 450px;
}

#sideColumn02 {
width: 210px;
}

#sideColumn03 {
width: 510px;
}

/* ---------- frontPage ---------- */

#frontPage {
width: 450px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#frontPage ul li {
margin-bottom: 10px;
}

/* ---------- sideNavi ---------- */

#sideNavi {
width: 210px;
background: url(../img/bg_sidenavi_top.gif) no-repeat top center;
padding-top: 5px;
}

#sideNaviInner {
width: 210px;
background: url(../img/bg_sidenavi_bottom.gif) no-repeat bottom center;
padding-bottom: 5px;
}

#sideNavi #sideNaviInner ul {
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
background: url(../img/bg_sidenavi.gif) repeat-y top center;
vertical-align:bottom;
font-size: 93%;
}

#sideNavi #sideNaviInner ul li {
line-height: 170%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background: url(../img/bg_hr.gif) repeat-x center bottom;
}

#sideNavi #sideNaviInner ul li.last {
background: none;
}

#sideNavi #sideNaviInner ul li a {
display: block;
padding-left: 14px;
background: url(../img/icon_sidenavi.gif) no-repeat left 6px;
vertical-align: baseline;
}

#sideNavi #sideNaviInner ul li a.current {
font-weight: bold;
}

/* ---------- pageTop ---------- */

#pageTop {
display: block;
margin-top: 20px;
width: 740px;
text-align: right;
}

#pageTop02 {
display: block;
margin-top: 20px;
text-align: right;
}


/* ---------- footer ---------- */

#footerExtension {
width: 100%;
background: #efefef url(../img/bg_footer.gif) repeat-x top center;
text-align: center;
}

#footer {
position: relative;
width: 740px;
height: 138px;
margin-left: auto;
margin-right: auto;
text-align: left;
z-index: 0;
}

#footer #footerMenu {
position: absolute;
top: 13px;
left: 0px;
z-index: 0;
}

#footer #footerMenu li,#footer #footerMenu li a {
display: inline;
color: #fff;
font-size: 85%;
vertical-align: top;
line-height: 150%;
}

#footer address {
position: absolute;
top: 12px;
right: 0px;
font-size: 79%;
color: #fff;
vertical-align: top;
line-height: 150%;
z-index: 0;
}