@charset "utf-8";
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
common class
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/*
drop down contents
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* drop down 名鉄のオススメ contents */
.recommendContents .contInner {
overflow: hidden;
}
.recommendContents .freeArea {
float: left;
}
.recommendContents .freeArea .groupRecommend {
width: 212px;
margin: 0 9px 10px 0;
background-color: #fff;
border: 1px solid #d4d4d4;
font-size: 11px;
}
.recommendContents .freeArea .groupRecommend h3 {
margin-bottom: 8px;
background-color: #f5f5f5;
border-bottom: 1px solid #d4d4d4;
}
.recommendContents .freeArea .groupRecommend h3 a {
padding: 7px 9px;
background: url(../img/gnavi_bg_68.jpg) 0 0 repeat !important;
color: #313131;
font-size: 114%;
}
.recommendContents .freeArea .groupRecommend h3 a span {
display: block;
padding: 1px 18px 0 7px;
border-left: 3px solid #01a394;
line-height: 1.4;
background:url(../img/misc_66.png) right center no-repeat;
}
.recommendContents .freeArea .lBox {
margin-right: 10px;
}
.recommendContents .recommendArea {
float: left;
width: 224px;
background-color: #fff;
}
.recommendContents .bannerArea {
float: left;
width: 153px;
}
.recommendContents .recommendArea li {
float: left;
width: 214px;
margin-right: 9px;
margin-bottom: 10px;
background-color: #fff;
font-size: 12px;
}
.recommendContents .recommendArea li .inner {
border: 1px solid #d4d4d4;
}
.recommendContents .recommendArea li .inner h3 {
background-color: #f5f5f5;
border-bottom: 1px solid #d4d4d4;
}
.recommendContents .recommendArea li .inner h3 a {
display: block !important;
padding: 7px 9px;
background-color: #f5f5f5;
background: url(../img/gnavi_bg_68.jpg) 0 0 repeat !important;
color: #313131;
font-size: 100%;
white-space: normal !important;
}
#ie8 .recommendContents .recommendArea li .inner h3 a:hover {
display: block !important;
background-color: #f5f5f5;
}
.recommendContents .recommendArea li .inner h3 span {
display: block;
padding: 1px 18px 0 7px;
border-left: 3px solid #01a394;
line-height: 1.4;
background: url(../img/misc_66.png) right center no-repeat;
}
.recommendContents .recommendArea li .inner .innerCont {
padding: 7px 10px 7px 10px;
}
.recommendContents .recommendArea li .imgL {
margin: 0px 10px 0px 0px;
}
.recommendContents .bannerArea li {
margin-bottom: 8px;
}
/* drop down 沿線おでかけ検索 contents */
.searchContents .freeArea {
float: left;
width: 418px;
padding-right: 10px;
}
.searchContents .windArea {
float: left;
width: 198px;
}
.searchContents .bannerArea {
float: left;
width: 153px;
padding-left: 10px;
}
.searchContents .windArea {
border: 1px solid #d2d2d2;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.searchContents .windArea dl {
min-height: 177px;
border: 4px solid #eaeef1;
background-color: #fff;
}
.searchContents .windArea dl dd {
margin-bottom: 9px;
padding: 9px 7px 9px 90px;
overflow: hidden;
font-size: 11px;
position: relative;
}
.searchContents .windArea dl dd img {
position: absolute;
top: 9px;
left: 7px;
}
.searchContents .windArea dl dd a {
color: #000;
}
#ie8 .searchContents .windArea dl dd a:hover {
background-color: #fff;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
#ie8 .searchContents .windArea dl dd a:hover img {
}
.searchContents .windArea dl dd ul {
width: 93px;
margin-top: 9px;
}
.searchContents .windArea dl dd ul li {
padding-left: 10px;
background: url(../img/misc_79.png) left 3px no-repeat #fff;
}
.searchContents .bannerArea li {
margin-bottom: 11px;
}
/* drop down 企業・IR・採用 contents */
.profileContents .megaMenuContents {
overflow: hidden;
}
/* drop down manaca contents */
.manacaContents .megaMenuContents {
overflow: hidden;
}
/*
Side Nav
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/*.sNav */
.sNav {
padding-bottom: 40px;
}
.sNav ul li a {
display: block;
width: 166px;
padding: 10px 10px 9px 30px;
background: url(../img/bg_61.png) 9px center no-repeat;
border: 1px solid #CCC;
border-top: none;
font-size: 13px;
font-weight: bold;
color: #434343;
}
.sNav ul li ul {
margin-top: 0px;
margin-left: 0px;
padding-left: 0px !important;
}
.sNav ul li a.parentsLink,
.sNav ul li a.parentsLink:hover {
background: #bfe3e0 url(../img/misc_71.png) 9px center no-repeat;
cursor: pointer;
}
.sNav ul li a:hover {
background: #BFE3E1 url(../img/bg_61.png) 9px center no-repeat;
color: #434343 !important;
opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -ms-filter: "alpha(opacity=100)";
cursor: pointer;
}
.sNav ul li a.current,
.sNav ul li a.current:hover {
background: #52C1BF url(../img/bg_61.png) 9px center no-repeat;
opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -ms-filter: "alpha(opacity=100)";
cursor: pointer;
}
.sNav ul li li a {
width: 160px;
padding: 10px 10px 9px 36px;
background: url(../img/misc_65.png) 25px center no-repeat;
font-size: 12px;
font-weight: bold;
}
.sNav ul li li a.parentsLink,
.sNav ul li li a.parentsLink:hover {
background: #BFE3E1 url(../img/misc_62.png) 23px center no-repeat;
}
.sNav ul li li a:hover {
background: #BFE3E1 url(../img/misc_65.png) 25px center no-repeat;
color: #434343;
}
.sNav ul li li a.current,
.sNav ul li li a.current:hover {
background: #52C1BF url(../img/misc_65.png) 25px center no-repeat;
}
.sNav ul li li li a {
width: 148px;
padding: 10px 10px 9px 48px;
background: url(../img/misc_74.png) 34px center no-repeat;
font-size: 12px;
font-weight: normal;
}
.sNav ul li li li a.parentsLink,
.sNav ul li li li a.parentsLink:hover {
background: #BFE3E1 url(../img/misc_74.png) 34px center no-repeat;
}
.sNav ul li li li a:hover {
background: #BFE3E1 url(../img/misc_74.png) 34px center no-repeat;
color: #434343;
}
.sNav ul li li li a.current,
.sNav ul li li li a.current:hover {
background: #52C1BF url(../img/misc_74.png) 34px center no-repeat;
}
.sNav ul li a.extLink {
background-image: url(../img/ico_65.png);
background-position: 12px center;
}
.sNav ul li li a.extLink {
background-image: url(../img/ico_65.png);
background-position: 21px center;
}
.sNav ul li li li a.extLink {
background-position: 31px center;
}
.sNav ul li a.pdfLink {
background-image: url(../img/ico_67.png);
background-position: 12px center;
}
.sNav ul li li a.pdfLink {
background-image: url(../img/ico_67.png);
background-position: 21px center;
}
.sNav ul li li li a.pdfLink {
background-position: 31px center;
}
.sNav ul li li li a.extLink:hover {
background-position: 31px center;
}
.sNav ul li a.extLink:hover {
background-image: url(../img/ico_65.png);
background-color: #BFE3E1;
color: #434343;
}
.sNav ul li a.pdfLink:hover {
background-image: url(../img/ico_67.png);
background-color: #BFE3E1;
color: #434343;
}
.sNav ul li ul {
display: none;
}
/* bnrArea */
.bnrArea { padding-bottom: 40px;}
.bnrArea li { padding-bottom: 10px;}
.bnrArea li:last-child { padding-bottom: 0px;}
/* affiliArea */
.affiliBox {margin-bottom:10px;}
.affiliBox .affiliArea{
background:#daf2f2;
margin-top:-10px;
}
.affiliBox .affiliArea a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
}
#ie8 .affiliBox .affiliArea a:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
.affiliBox .affiliArea img{width:188px;
margin:0px 10px 10px 10px;
}
.affiliBox .affiliArea table tr:first-child img{margin-top:10px;}
/*
searchBox
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#SearchBoxFrame {
width: 214px;
height:322px;
margin-bottom: 12px;
position: relative;
left: -2px;
}
#searchBoxBody {
background-image: none;
}
.searchBox {
width: 214px;
height:322px;
background: url(../img/bg_04.gif) 0 0 repeat-y;
font-size: 12px;
}
/* searchBox */
#searchTabNav {
overflow: hidden
}
#searchTabNav li {
float: left;
}
#searchTabNav li a {
display: block !important;
height: 38px;
text-indent: -100%;
overflow: hidden;
}
#searchTabNav li.n01 {
width: 106px;
}
#searchTabNav li.n01 a {
background: url(../img/btn_14.jpg) 0 -38px no-repeat;
}
#searchTabNav li.n02 {
width: 106px;
}
#searchTabNav li.n02 a {
background: url(../img/btn_15.jpg) 0 -38px no-repeat;
}
#searchTabNav li a.active {
background-position: 0 0 !important;
}
#searchTabContent {
height: 262px;
padding: 8px 8px 14px;
background: url(../img/bg_05.gif) 0 bottom no-repeat;
}
#searchTab01 {
height: 267px;
position: relative;
}
#departureArea {
margin-bottom: 4px;
padding-bottom: 12px;
background: url(../img/misc_80.png) center bottom no-repeat;
}
#departureArea2 {
margin-bottom: 16px;
}
#arrivalArea {
margin-bottom: 10px;
}
#departureArea input,
#arrivalArea input,
#searchTab02 input {
padding: 2px;
border: 1px solid #b4b4b4;
}
#departureArea input,
#arrivalArea input {
width: 149px;
}
#departureArea span,
#arrivalArea span,
#searchTab02 span {
padding-right: 3px;
}
#searchType {
width: 120px;
margin: 0 auto 10px;
}
#searchType label {
white-space: nowrap;
}
#searchDate,
#searchTime {
margin: 0 0 5px 22px;
}
#searchBtn {
margin-bottom: 8px;
text-align: center;
}
#searchBtn2 {
text-align: center;
}
#searchBtn2 input {
border: none !important;
}
#advancedSearch {
margin-top: 5px;
position: absolute;
bottom: 0;
left: 0;
}
/*
gccBox
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#gccBoxFrame {
width:208px;
height:345px;
margin-bottom: 12px;
}
/*
pushArea
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#pushArea {
margin-bottom: 40px;
}
.catVisual {
margin-bottom: 1.5em !important;
}
/*
layout
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* 2c layout1 */
.catLinks01:before, .catLinks01:after { content: ""; display: table;}
.catLinks01:after { clear:both; }
.catLinks01 { zoom: 1;
padding-left: 20px;
}
.catLinks01 li {
float: left;
width: 338px;
padding-right: 20px;
margin-bottom: 1.5em;
}
.catLinks01 li:nth-child(even) {
padding-right: 0;
}
.catLinks01 li .inner {
border: 1px solid #D4D4D4;
}
.catLinks01 li .inner h3 {
border-bottom: 1px solid #D4D4D4;
}
.catLinks01 .inner h3 div,
.catLinks01 .inner h3 a {
display: block;
width: 316px;
padding: 8px 10px;
color: #313131;
font-weight: bold;
font-size: 114%;
background: #F5F5F5;
}
.catLinks01 .inner h3 span {
display: block;
padding: 2px 20px 0 8px;
border-left: 3px solid #01A394;
line-height: 1.4;
background: url(../img/misc_66.png) right center no-repeat;
}
/* 2c layout2 */
.catLinks02:before, .catLinks02:after { content: ""; display: table;}
.catLinks02:after { clear:both; }
.catLinks02 { zoom: 1;
padding-left: 20px
}
.catLinks02 li {
float: left;
width: 338px;
padding-right: 20px;
margin-bottom: 2em;
}
.catLinks02 li:nth-child(even) {
padding-right: 0;
}
.catLinks02 li li{
width:152px;
margin-bottom: 0;
}
.catLinks02 li .disc{
margin-left:-7px;
}
.catLinks02 li .imgR img,
.catLinks02 li .imgL img {
border: 1px solid #C8C9CB;
}
.catLinks02 li .textArea {
}
.catLinks02 li .textArea .title {
padding-left: 12px;
margin-bottom: 1em;
background: url(../img/misc_65.png) left 0.28em no-repeat;
font-weight: bold;
line-height: 1.4;
}
/* 2c layout3 */
.c2BoxList:before, .c2BoxList:after { content: ""; display: table;}
.c2BoxList:after { clear:both; }
.c2BoxList { zoom: 1;
padding-left: 20px;
}
.c2BoxList li {
float: left;
width: 338px;
padding-right: 20px;
margin-bottom: 1em;
}
/*
dl
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.dlHeadStyle {
border: 1px solid #D4D4D4;
}
.dlHeadStyle dt {
border-bottom: 1px solid #D4D4D4;
}
.dlHeadStyle dt a,
.dlHeadStyle dt div {
line-height: 1;
display: block;
padding: 8px 10px;
color: #313131;
font-weight: bold;
font-size: 114%;
background: #F5F5F5;
}
.dlHeadStyle dt span {
display: block;
padding: 2px 20px 0px 8px;
border-left: 3px solid #01A394;
line-height: 1.4;
background: url(../img/misc_66.png) right center no-repeat;
}
.dlHeadStyle dt div span {
padding: 2px 8px 0px 8px;
background: none;
}
/*
headline
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.headlineLL {
padding: 16px 16px 24px;
margin-bottom: 25px;
background: url(../img/bg_59.jpg) left bottom no-repeat;
color: #434343;
font-weight: bold;
font-size: 1.4em;
letter-spacing: 1px;
}
.headlineL {
margin-bottom: 1.5em;
border-left: 6px solid #175BA6;
color: #313131;
font-size: 1.3em;
line-height: 1.4;
letter-spacing: 1px;
}
.headlineL div {
padding: 10px 12px;
border: 1px solid #D5D5D5;
border-left: none;
}
.headlineL > span {
display:block;
padding: 10px 12px;
border: 1px solid #D5D5D5;
border-left: none;
}
.headlineM {
padding-bottom: 5px;
margin: 0 10px;
margin-bottom: 1em;
border-bottom: 1px solid #175BA6;
font-size: 1.2em;
}
.headlineM div {
padding: 4px 10px 4px;
border-left: 8px solid #175BA6;
color: #313131;
line-height: 1.4;
letter-spacing: 1px;
}
.headlineM > span {
display:block;
padding: 4px 10px 4px;
border-left: 8px solid #175BA6;
color: #313131;
line-height: 1.4;
letter-spacing: 1px;
}
.headlineS {
width: 94%;
padding: 2px 0 2px 10px;
margin: 0 10px;
margin-bottom: 1em;
border-left: 8px solid #175BA6;
color: #313131;
font-size: 1.1em;
line-height: 1.3;
letter-spacing: 1px;
}
.headlineSS {
width: 94%;
padding: 2px 0 2px 22px;
margin: 0 10px 0 6px;
margin-bottom: 1em;
background: url(../img/bg_60.png) left 0.2em no-repeat;
color: #313131;
font-size: 1.1em;
line-height: 1.3;
letter-spacing: 1px;
}
/*
.table
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.table {
margin-bottom: 1em;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: left;
}
.table th,
.table td {
padding: 15px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
vertical-align: middle;
}
.table th {
background: #EDF9F9;
text-align: left;
}
.nwp th,
th.nwp,
td.nwp { white-space: nowrap;}
th.bdrnone,
td.bdrnone{border-right:none;}
/*
List
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.disc,.circle,.decimal,.ualfa,.lalfa,.uroman,.lroman,.katakana,.hiragana {
padding-left: 25px;
}
.disc li,.circle li,.decimal li,.ualfa li,.lalfa li,.uroman li,.lroman li,.katakana li,.hiragana li {
list-style-position: outside;
margin-bottom: 0.2em;
}
.disc li {list-style-type: disc;}
.circle li {list-style-type: circle;}
.decimal li {list-style-type: decimal;}
.ualfa li {list-style-type: upper-alpha;}
.lalfa li {list-style-type: lower-alpha;}
.uroman li {list-style-type: upper-roman;}
.lroman li {list-style-type: lower-roman;}
.katakana li {list-style-type: katakana;}
.hiragana li {list-style-type: hiragana;}
.ul {
padding-left: 4px;
}
.ul2 {
padding-left: 11px;
}
.ul li {
min-height: 16px;
padding-left: 21px;
margin-bottom: 0.2em;
list-style-type: none;
background: url(../img/bg_61.png) left 0.2em no-repeat;
}
.ul2 li {
min-height: 16px;
padding-left: 14px;
margin-bottom: 0.2em;
list-style-type: none;
background: url(../img/misc_65.png) left 0.45em no-repeat;
}
li > .ul {
margin-top: 0.2em;
padding-left: 4px;
}
li > .ul2 {
margin-top: 0.2em;
padding-left: 11px;
}
li > .disc,li > .circle,li > .decimal,li > .ualfa,li > .lalfa,li > .uroman,li > .lroman,li > .katakana,li > .hiragana {
margin-top: 0.2em;
padding-left: 25px;
}
li > .ul {
margin-top: 0.2em;
padding-left: 4px;
}
li > .ul2 {
margin-top: 0.2em;
padding-left: 11px;
}
li > .disc,
li > .circle,
li > .decimal,
li > .ualfa,
li > .lalfa,
li > .uroman,
li > .lroman,
li > .katakana,
li > .hiragana {
margin-top: 0.2em;
padding-left: 25px;
}
li > .disc li {list-style-type: disc;}
li > .circle li {list-style-type: circle;}
li > .decimal li {list-style-type: decimal;}
li > .ualfa li {list-style-type: upper-alpha;}
li > .lalfa li {list-style-type: lower-alpha;}
li > .uroman li {list-style-type: upper-roman;}
li > .lroman li {list-style-type: lower-roman;}
li > .katakana li {list-style-type: katakana;}
li > .hiragana li {list-style-type: hiragana;}
li > .ul li { padding-left: 21px; list-style-type: none; background: url(../img/bg_61.png) left 0.3em no-repeat;}
li > .ul2 li { padding-left: 14px; list-style-type: none; background: url(../img/misc_65.png) left 0.45em no-repeat;}
li li > .disc li {list-style-type: disc;}
li li > .circle li {list-style-type: circle;}
li li > .decimal li {list-style-type: decimal;}
li li > .ualfa li {list-style-type: upper-alpha;}
li li > .lalfa li {list-style-type: lower-alpha;}
li li > .uroman li {list-style-type: upper-roman;}
li li > .lroman li {list-style-type: lower-roman;}
li li > .katakana li {list-style-type: katakana;}
li li > .hiragana li {list-style-type: hiragana;}
li li > .ul li { padding-left: 21px; list-style-type: none; background: url(../img/bg_61.png) left 0.3em no-repeat;}
li li > .ul2 li { padding-left: 14px; list-style-type: none; background: url(../img/misc_65.png) left 0.45em no-repeat;}
li li li > .disc li {list-style-type: disc;}
li li li > .circle li {list-style-type: circle;}
li li li > .decimal li {list-style-type: decimal;}
li li li > .ualfa li {list-style-type: upper-alpha;}
li li li > .lalfa li {list-style-type: lower-alpha;}
li li li > .uroman li {list-style-type: upper-roman;}
li li li > .lroman li {list-style-type: lower-roman;}
li li li > .katakana li {list-style-type: katakana;}
li li li > .hiragana li {list-style-type: hiragana;}
li li li > .ul li { padding-left: 21px; list-style-type: none; background: url(../img/bg_61.png) left 0.3em no-repeat;}
li li li > .ul2 li { padding-left: 14px; list-style-type: none; background: url(../img/misc_65.png) left 0.45em no-repeat;}
/* anchor links box */
.uncNav {
margin: 0 auto 3em;
padding: 15px 25px 15px 25px;
border: 1px solid #CCC
}
.uncList {
padding-left: 24px;
background: url(../img/misc_71.png) left 0.2em no-repeat;
list-style-type: none; list-style-position: inside;
}
.uncList02{
padding-left: 24px;
background: url(../img/bg_61.png) left 0.2em no-repeat;
list-style-type: none; list-style-position: inside; }
/* other List Style */
.pdfList,.excList,.wodList,.pwpList,.extList {
list-style-type: none; list-style-position: inside; padding: 0 0 0 24px;
}
li > .pdfList,li > .excList,li > .wodList,li > .pwpList,li > .extList {
list-style-type: none; list-style-position: inside; padding: 0 0 0 24px;
}
.pdfList { background: url(../img/ico_52.png) left center no-repeat !important;}
.wodList { background: url(../img/ico_53.png) left center no-repeat !important;}
.pwpList { background: url(../img/ico_54.png) left center no-repeat !important;}
.excList { background: url(../img/ico_55.png) left center no-repeat !important;}
.extList { background: url(../img/ico_64.jpg) 2px center no-repeat !important;}
li > .pdfList { background: url(../img/ico_52.png) left center no-repeat !important;}
li > .wodList { background: url(../img/ico_53.png) left center no-repeat !important;}
li > .pwpList { background: url(../img/ico_54.png) left center no-repeat !important;}
li > .excList { background: url(../img/ico_55.png) left center no-repeat !important;}
li > .extList { background: url(../img/ico_64.jpg) 2px center no-repeat !important;}
/* list mark none */
.liNone {
padding: 0 !important;
}
.liNone li,
li > .liNone li {
list-style-type: none !important;
list-style-position: outside !important;
padding: 0 !important;
}
/*
img
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* Not Around　Layout */
.imgArea:before, .imgArea:after { content: ""; display: table;}
.imgArea:after { clear:both; }
.imgArea { zoom: 1;}
.imgArea { width: 100%;}
.imgArea .imgR { float: right; margin: 0 0 0 15px;}
.imgArea .imgL { float: left; margin: 0 15px 0 0;}
.imgArea .textArea { overflow: hidden; _zoom: 1; }
.imgArea img { max-width: 500px;}
/* img layout Around & 2c & 3c */
.imgLayout:before, .imgLayout:after,
.imgLayout2c:before, .imgLayout2c:after,
.imgLayout3c:before, .imgLayout3c:after,
.imgLayout4c:before, .imgLayout4c:after { content: ""; display: table;}
.imgLayout:after,
.imgLayout2c:after,
.imgLayout3c:after,
.imgLayout4c:after { clear:both; }
.imgLayout,
.imgLayout2c,
.imgLayout3c,
.imgLayout4c { zoom: 1;}
/* Around */
.imgLayout .imgR { float: right; margin-left: 15px; margin-bottom: 1em;}
.imgLayout .imgL { float: left; margin-right: 15px; margin-bottom: 1em;}
/* c2 & c3 */
.imgLayout2c .imgBox,
.imgLayout3c .imgBox,
.imgLayout4c .imgBox {
float: left;
width: 50%;
text-align: center;
}
.imgLayout3c .imgBox {
width: 33%;
}
.imgLayout4c .imgBox {
width: 25%;
}
.imgLayout2c .imgBox img,
.imgLayout3c .imgBox img,
.imgLayout4c .imgBox img {
margin-bottom: 0.5em;
}
.imgLayout2c .imgBox p,
.imgLayout3c .imgBox p,
.imgLayout4c .imgBox p {
font-size: 0.9em;
padding: 0 !important; margin: 0 !important;
}
/* extLink */
img.pdfLink ,
img.extLink {
margin: 0 0.3em;
vertical-align: middle;
}
/*
btn Style
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.btn01 {
display: table;
padding: 0px 7px 1px 0px !important;
margin: 0 auto 20px !important;
background: #0A509F;
line-height: 1;
text-align: center;
}
.btn01 a,
.btn01 input {
display: table-cell !important;
padding: 9px 24px 9px 14px;
background: url(../img/misc_84.gif) right center no-repeat;
color: #FFF;
font-weight: bold;
vertical-align: middle;
line-height: 1.2;
}
.btn01 input {
border: none;
cursor: pointer;
}
.btn01:hover a,
.btn01:hover input {
color: #85A8CF !important;
background: url(../img/misc_84o.gif) right center no-repeat;
}
#ie8 .btn01 a:hover {
display: table-cell;
vertical-align: middle;
}
.btn02 {
display: table;
}
.btn02 a {
display: table-cell;
padding-right: 22px;
background: url(../img/bg_61.png) right center no-repeat;
}
.btn02_a {
display: table;
}
.btn02_a a {
display: table-cell;
padding-left: 22px;
background: url(../img/bg_61_a.png) left center no-repeat;
}
.btn03 {
display: table;
}
.btn03 a {
display: table-cell;
padding-right: 14px;
background: url(../img/misc_65.png) right center no-repeat;
}
.btn04 {
display: table;
padding: 0px 7px 1px 0px !important;
margin: 0 0 0 0;
background: #FFF;
line-height: 1;
text-align: center;
border: 1px solid #0A509F;
}
.btn04 a {
display: table-cell !important;
padding: 7px 24px 8px 13px;
background: url(../img/misc_85.gif) right center no-repeat;
color: #0A509F;
font-weight: bold;
vertical-align: middle;
line-height: 1;
}
.btn04:hover {
border: 1px solid #7FA6D0;
}
#ie8 .btn04:hover a {
color: #7FA6D0 !important;
background: url(../img/misc_85o.gif) right center no-repeat;
}
/*
acordion
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* basic */
dl.acordion {
padding-bottom: 12px;
}
dt.trigger {
padding: 12px 94px 12px 38px;
background: url(../img/bg_70.jpg) left center no-repeat;
border: 1px solid #D5D5D5;
cursor: pointer;
}
dt.trigger:hover {
background: url(../img/bg_70o.jpg) left center no-repeat;
}
dl.acordion dt.active {
background: url(../img/bg_71.jpg) left center no-repeat;
}
dl.acordion dt.active:hover {
background: url(../img/bg_71o.jpg) left center no-repeat;
}
dd.acordion_tree{
border: 1px solid #D5D5D5;
}
dd.acordion_tree .inner{
padding: 10px;
}
/* faq */
dl.faqAcordion {
margin: 0 20px;
padding-bottom: 12px;
}
dt.faqTrigger {
min-height: 29px;
padding: 12px 0 12px 56px;
background: url(../img/misc_76.jpg) left top no-repeat;
border-bottom: 1px dotted #CCC;
font-weight: bold;
cursor: pointer;
}
dt.faqTrigger:hover {
background: url(../img/misc_76o.jpg) left top no-repeat;
}
dd.faqAcordion_tree {
padding: 0 0 0 56px;
background: url(../img/misc_77.jpg) left 12px no-repeat;
}
dd.faqAcordion_tree .inner {
padding: 24px 0 24px 0;
}
/*
Other
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* グローバル直下特出 */
.highlight {
padding-bottom: 1em;
}
/* 運行情報 */
.em {
display: block;
width: 618px;
height: 28px;
padding: 6px 0 0 118px;
padding-bottom: 1.5em;
background: url(../img/bg_01.jpg) no-repeat;
color: #545454;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.emAlert a {
display: block !important;
width: 618px;
height: 28px;
padding: 6px 0 0 118px;
margin-bottom: 16px;
background: url(../img/bg_01.jpg) no-repeat;
color: #545454;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #E9194B;
font-weight: bold;
}
.emCertificate {
width: 523px;
height: 28px;
padding: 6px 95px 0 118px;
padding-bottom: 1.5em;
background: url(../img/bg_01.jpg) no-repeat;
color: #545454;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
}
.emCertificate a.btn {
display: block !important;
position: absolute;
right: 4px;
top: 4px;
}
.emCertificateAlert {
position: relative;
}
.emCertificateAlert a:first-child {
display: block !important;
width: 523px;
height: 28px;
padding: 6px 95px 0 118px;
padding-bottom: 1.5em;
background: url(../img/bg_01.jpg) no-repeat;
color: #545454;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #E9194B;
font-weight: bold;
}
.emCertificateAlert a.btn {
display: block !important;
position: absolute;
right: 4px;
top: 4px;
}
#ie8 .emAlert a:hover,
#ie8 .emCertificateAlert a:hover {
color: #F48CA5 !important;
}
/* note */
.note {
display: block;
background: url(../img/misc_63.png) left 0.35em no-repeat;
padding-left: 1.2em;
}
/* printBtn */
.printBtn {
padding-bottom: 3em;
margin-top: 3em;
}
.printBtn input {
display: block;
width: 102px;
height: 30px;
margin: 0 auto;
padding: 0;
background: url(../img/btn_53.png);
border: none;
text-indent: 120%; white-space: nowrap; overflow: hidden;
cursor: pointer;
}
.printBtn input:hover {
background-position: 0 -30px;
}
/* myStation */
.myStation {
text-align: center;
margin-bottom: 16px;
}
/* supplement */
.supplement {
margin-top: 4em;
border-top: 3px solid #D5D5D5;
padding-top: 3em;
}
.supplement div.inner {
padding: 15px 25px;
margin: 0;
background: #FFF5EE;
}
.supplement dl {
margin: 0;
background: #FFF5EE;
}
.supplement dl dt {
font-weight: bold;
}
.supplement p {
padding: 15px 25px;
margin: 0;
background: #FFF5EE;
}
.supplement ul,
.supplement ol {
padding: 15px 25px 15px 40px;
background: #FFF5EE;
}
#ie8 .bgt { background: transparent;}
/* adobe reader */
.dlBox {
border: 3px solid #D5D5D5;
padding: 16px 190px 16px 16px;
position: relative;
font-size: 0.9em;
min-height: 39px;
}
.dlBox p { margin: 0 !important; padding: 0 !important;}
.dlBox p.getLink {
position: absolute;
top: 16px;
right: 16px;
}
/* .opt */
#ie8 .opt:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* toolTip */
.tip {
display: none;
padding: 10px;
background: #004EA2;
color: #fff;
position: absolute;
z-index: 1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}
/* pdf icon */
.pdf {
display: block;
min-height: 18px;
padding-right: 24px;
background: url(../img/ico_52.png) right center no-repeat;
}
#ie8 .pdf {
display: inline-block;
}
#ie8 a:hover {
display /*\**/:inline-block\9;
zoom /*\**/: 1\9;
vertical-align: top;
}
/* pdfBox */
.pdfLinkBox {
display: table;
}
.pdfLinkBox a {
display: block;
padding: 12px 12px 12px 32px;
background: url(../img/misc_79.png) 14px center no-repeat;
border: 1px solid #D5D5D5;
}
.pdfLinkBox a span {
display: block;
padding-right: 28px;
background: url(../img/ico_52.png) right center no-repeat;
}

.pdfLinkBox02{
width:694px;
margin:0 20px 20px;
border: 1px solid #D5D5D5;
}
p.pdfLinkBox02{
padding:0 !important;
}
.pdfLinkBox02 a {
display: block;
padding: 12px 94px 12px 38px;
background: url(../img/bg_78.jpg) left center no-repeat;
}
.pdfLinkBox02 a:hover {
display: block !important;
background: url(../img/bg_78o.jpg) left center no-repeat;
}
/* pdfLinks */
.pdfLinks {
display: table;
border: 1px solid #D5D5D5;
}
.pdfLinks a {
display: block !important;
padding: 12px 12px 12px 32px;
background: url(../img/misc_79.png) 14px center no-repeat;
border-bottom: 1px dotted #D5D5D5;
}
.pdfLinks li {
padding-right: 28px;
background: url(../img/ico_52.png) right center no-repeat;
}
.pdfLinks a:last-child {
border: none;
}
/* pdfLinks EDITOR */
.pdfLinksEdt {
border: 1px solid #D5D5D5;
}
.pdfLinksEdt li {
background: url(../img/misc_79.png) 14px center no-repeat;
border-bottom: 1px dotted #D5D5D5;
}
.pdfLinksEdt li:last-child {
border-bottom: none;
}
.pdfLinksEdt a {
display: block !important;
padding: 12px 20px 12px 32px;
margin-right: 12px;
background: url(../img/ico_52.png) right center no-repeat;
}
/* linkList */
.linkList {
display: table;
border: 1px solid #D5D5D5;
}
.linkList a {
display: block !important;
padding: 12px 12px 12px 32px;
background: url(../img/misc_79.png) 14px center no-repeat;
border-bottom: 1px dotted #D5D5D5;
}
.linkList a:last-child {
border: none;
}
.linkList .text {
padding: 12px 12px 12px 12px;
border-bottom: 1px dotted #D5D5D5;
margin-bottom: 0 !important;
}
/*
newsArea
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.newsArea {
position: relative;
padding-bottom: 2.5em;
}
#tabNav:before, #tabNav:after { content: ""; display: table;}
#tabNav:after { clear:both; }
#tabNav { zoom: 1;
width: 100%;
height: 32px;
background: url(../img/bg_14.gif) left bottom repeat-x;
zoom: 1;
}
#tabNav li {
float: left;
padding-right: 1px;
}
#tabNav li a:hover,
#tabNav li a.active {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-ms-filter: "alpha(opacity=100)";
}
#tabNav li a.active {
cursor: default;
}
.tabMoreLinks:before, .tabMoreLinks:after { content: ""; display: table;}
.tabMoreLinks:after { clear:both; }
.tabMoreLinks { zoom: 1;
display: table;
position: absolute;
right: 0;
top: 0;
}
.tabMoreLinks li { zoom: 1;
display: table-cell;
padding-left: 8px;
}
/*
newsList
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#newsList {
width: 696px;
padding-top: 6px;
margin: 0 20px;
border-top: 1px dotted #BEBEBE;
}
.specialNews {
margin-top: 10px;
padding: 10px !important;
background: #DFEEFF;
border: 2px solid #004EA2;
}
.specialNews p {
margin-bottom: 0;
}
#tabContent .newsList { border-top: none; }
.newsList {
width: 100%;
padding-top: 6px;
border-top: 1px dotted #BEBEBE;
}
#tabContent .newsList { border-top: none; }
.newsList a,
#newsList a {
display: block !important;
color: #545454;
padding-right: 16px;
border-bottom: 1px dotted #BEBEBE;
}
.newsList a.extLink,
#newsList a.extLink {
text-decoration: none;
}
.newsList li,
#newsList li {
background: url(../img/bg_53.png) right center no-repeat;
}
.newsList li,
#newsList li {
display: table;
width: 100%;
}
.newsList a.pdfLink li,
#newsList a.pdfLink li {
background: url(../img/ico_52.png) right center no-repeat;
}
.newsList a.extLink li,
#newsList a.extLink li {
background: url(../img/ico_56.png) right center no-repeat;
}
.newsList li:last-child,
#newsList li:last-child {
display: table;
}
.newsList div,
#newsList div {
display: table-cell;
padding: 12px 0;
}
.newsList div.day,
#newsList div.day {
padding: 0 0.8em 0 0.8em;
font-weight: bold;
font-size: 85%;
white-space: nowrap;
width: 12%;
text-align: center;
}
.newsList div.news,
.newsList div.release,
.newsList div.recommend,
.newsList div.search,
.newsList div.manaca,
.newsList div.profile,
.newsList div.train,
#newsList div.news,
#newsList div.release,
#newsList div.recommend,
#newsList div.search,
#newsList div.manaca,
#newsList div.profile,
#newsList div.train {
min-height: 18px;
padding-right: 36px;
padding-left: 96px;
background-image: url(../img/ico_57.gif);
background-repeat: no-repeat;
background-position: left 1em;
}
.newsList div.news { background-image: url(../img/ico_57.gif); }
.newsList div.release { background-image: url(../img/ico_58.gif); }
.newsList div.recommend { background-image: url(../img/ico_59.gif); }
.newsList div.search { background-image: url(../img/ico_60.gif); }
.newsList div.manaca { background-image: url(../img/ico_61.gif); }
.newsList div.profile { background-image: url(../img/ico_62.gif); }
.newsList div.train { background-image: url(../img/ico_63.gif); }
#newsList div.news { background-image: url(../img/ico_57.gif); }
#newsList div.release { background-image: url(../img/ico_58.gif); }
#newsList div.recommend { background-image: url(../img/ico_59.gif); }
#newsList div.search { background-image: url(../img/ico_60.gif); }
#newsList div.manaca { background-image: url(../img/ico_61.gif); }
#newsList div.profile { background-image: url(../img/ico_62.gif); }
#newsList div.train { background-image: url(../img/ico_63.gif); }
/*
osusume
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#side .osusume {
font-size: 12px;
margin-bottom: 16px;
}
#side .osusume dd {
padding: 11px;
border: 1px solid #C1C1C1;
border-top: none;
}
#side .osusume .imgArea {
display: block;
width: 184px;
padding: 11px 0px;
border-bottom: 1px dotted #CCC;
color: #545454;
}
#side .osusume li:last-Child .imgArea {
border-bottom: none;
padding-bottom: 0px;
}
#side .osusume li:first-Child .imgArea {
padding-top: 0px;
}
#side .osusume .imgArea:hover {
color: #004EA2;
}
#side .osusume .imgArea .imgL { margin-right: 11px;}
#side .osusume .imgArea .textArea {
}
#side .osusume .imgArea .textArea .t01 {
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
}
#side .osusume .imgArea .textArea .t02 {
font-size: 0.8em;
margin-bottom: 0.8em;
}
#side .osusume .imgArea .textArea .t03 {
}
#side .osusume .imgArea .textArea .t04 {
}
/* float Box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.lBox { float: left;}
.rBox { float: right;}
/* layout Box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.lBox100p { float: left; width: 100%;}
.rBox100p { float: right; width: 100%;}
.lBox50p { float: left; width: 50%;}
.rBox50p { float: right; width: 50%;}
.lBox33p { float: left; width: 33%;}
.rBox33p { float: right; width: 33%;}
.lBox25p { float: left; width: 25%;}
.rBox25p { float: right; width: 25%;}
/* display
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.dTable { display: table;}
.dTableCell { display: table-cell;}
.dBlock { display: block !important;}
.dInline { display: inline !important;}
/* width
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.wdt100p { width: 100%;}
/*
vertical-align
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.vat { vertical-align: top !important;}
.vam { vertical-align: middle !important;}
.vab { vertical-align: bottom !important;}
/*
text
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* text-align
----- ----- ----- ----- ----- */
.tal { text-align: left !important;}
.tar { text-align: right !important;}
.tac { text-align: center !important;}
/* font
----- ----- ----- ----- ----- */
/*.fss { font-size: 0.8em;}*/
.fss { font-size: 0.9em;}
.fsl { font-size: 1.2em;}
.fwn { font-weight: normal;}
.fwb { font-weight: bold !important;}
.fsi { font-style: oblique; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.tdu { text-decoration: underline;}
.tdlt { text-decoration: line-through;}
.tti { text-indent: 1em;}
/* font color */
.fWhite { color: #FFF;}
.fRed { color: #E9194B;}
.fOrange { color: #E36B37;}
.fGreen { color: #00A496;}
.fBlue { color: #004EA2;}
.fPink { color: #FF6699;}
/* font-size */
.fs08 { font-size: 0.8em;}
.fs09 { font-size: 0.9em;} /* = .fss */
.fs10 { font-size: 1.0em;}
.fs11 { font-size: 1.1em;}
.fs12 { font-size: 1.2em;} /* = .fsl */
.fs13 { font-size: 1.3em;}
.fs14 { font-size: 1.4em;}
.fs15 { font-size: 1.5em;}
.fs16 { font-size: 1.6em;}
.fs17 { font-size: 1.7em;}
.fs18 { font-size: 1.8em;}
.fs19 { font-size: 1.9em;}
.fs20 { font-size: 2.0em;}
/*
border
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bdt01 { border-top: 1px solid #D5D5D5;}
.bdt02 { border-top: 2px solid #D5D5D5;}
.bdt03 { border-top: 3px solid #D5D5D5;}
.bdb01 { border-bottom: 1px solid #D5D5D5;}
.bdb02 { border-bottom: 2px solid #D5D5D5;}
.bdb03 { border-bottom: 3px solid #D5D5D5;}
.bdb01dot { border-bottom: 1px dotted #D5D5D5;}
.bdb02dot { border-bottom: 2px dotted #D5D5D5;}
.bdb03dot { border-bottom: 3px dotted #D5D5D5;}
.bdRed { border-color: #E9194B;}
.bdOrange { border-color: #E36B37;}
.bdGreen { border-color: #00A496;}
.bdBlue { border-color: #004EA2;}
/*
background
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bgGray { background: #DDD !important;}
.bgYellow { background: #FBFBF0 !important;}
.bgOrange { background: #FFF5EE !important;}
/*
box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* border & bg */
.boxRed { padding: 15px !important;; background: #FDE1E9; border: 2px solid #E9194B;}
.boxOrange { padding: 15px !important;; background: #FFF5EE; border: 2px solid #E36B37;}
.boxGreen { padding: 15px !important;; background: #E1FFFE; border: 2px solid #00A496;}
.boxBlue { padding: 15px !important;; background: #DFEEFF; border: 2px solid #004EA2;}
.boxGray { padding: 15px !important;; background: #EEE; border: 2px solid #CCC;}
/* bg */
.bgBoxRed { padding: 15px !important;; background: #FDE1E9;}
.bgBoxOrange{ padding: 15px !important;; background: #FFF5EE;}
.bgBoxGreen { padding: 15px !important;; background: #E1FFFE;}
.bgBoxBlue { padding: 15px !important;; background: #DFEEFF;}
.bgBoxGray { padding: 15px !important;; background: #EEE;}
.bgBoxPink { padding: 15px !important;; background: #FF6699;}
/* border */
.bdBoxRed { padding: 15px !important;; border: 2px solid #E9194B;}
.bdBoxOrange { padding: 15px !important;; border: 2px solid #E36B37;}
.bdBoxGreen { padding: 15px !important;; border: 2px solid #00A496;}
.bdBoxBlue { padding: 15px !important;; border: 2px solid #004EA2;}
.bdBoxGray { padding: 15px !important;; border: 2px solid #CCC;}
.bdBoxPink { padding: 15px !important;; border: 2px solid #FF6699;}
/*
padding & margin
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* guidline common */
.pds20mb00 { padding: 0 20px !important; margin-bottom: 0em !important;}
.pds20mb05 { padding: 0 20px !important; margin-bottom: 0.5em !important;}
.pds20mb10 { padding: 0 20px !important; margin-bottom: 1em !important;}
.pds20mb15 { padding: 0 20px !important; margin-bottom: 1.5em !important;}
.pds20mb20 { padding: 0 20px !important; margin-bottom: 2em !important;}
.pds20mb25 { padding: 0 20px !important; margin-bottom: 2.5em !important;}
.pds20mb30 { padding: 0 20px !important; margin-bottom: 3em !important;}
.pds20mb35 { padding: 0 20px !important; margin-bottom: 3.5em !important;}
.pds20mb40 { padding: 0 20px !important; margin-bottom: 4em !important;}
.pds20mb45 { padding: 0 20px !important; margin-bottom: 4.5em !important;}
.pds20mb50 { padding: 0 20px !important; margin-bottom: 5em !important;}
.pds30mb00 { padding: 0 30px !important; margin-bottom: 0em !important;}
.pds30mb05 { padding: 0 30px !important; margin-bottom: 0.5em !important;}
.pds30mb10 { padding: 0 30px !important; margin-bottom: 1em !important;}
.pds30mb15 { padding: 0 30px !important; margin-bottom: 1.5em !important;}
.pds30mb20 { padding: 0 30px !important; margin-bottom: 2em !important;}
.pds30mb25 { padding: 0 30px !important; margin-bottom: 2.5em !important;}
.pds30mb30 { padding: 0 30px !important; margin-bottom: 3em !important;}
.pds30mb35 { padding: 0 30px !important; margin-bottom: 3.5em !important;}
.pds30mb40 { padding: 0 30px !important; margin-bottom: 4em !important;}
.pds30mb45 { padding: 0 30px !important; margin-bottom: 4.5em !important;}
.pds30mb50 { padding: 0 30px !important; margin-bottom: 5em !important;}
.ms20mb00 { margin: 0 20px !important; margin-bottom: 0em !important;}
.ms20mb05 { margin: 0 20px !important; margin-bottom: 0.5em !important;}
.ms20mb10 { margin: 0 20px !important; margin-bottom: 1em !important;}
.ms20mb15 { margin: 0 20px !important; margin-bottom: 1.5em !important;}
.ms20mb20 { margin: 0 20px !important; margin-bottom: 2em !important;}
.ms20mb25 { margin: 0 20px !important; margin-bottom: 2.5em !important;}
.ms20mb30 { margin: 0 20px !important; margin-bottom: 3em !important;}
.ms20mb35 { margin: 0 20px !important; margin-bottom: 3.5em !important;}
.ms20mb40 { margin: 0 20px !important; margin-bottom: 4em !important;}
.ms20mb45 { margin: 0 20px !important; margin-bottom: 4.5em !important;}
.ms20mb50 { margin: 0 20px !important; margin-bottom: 5em !important;}
.ms30mb00 { margin: 0 30px !important; margin-bottom: 0em !important;}
.ms30mb05 { margin: 0 30px !important; margin-bottom: 0.5em !important;}
.ms30mb10 { margin: 0 30px !important; margin-bottom: 1em !important;}
.ms30mb15 { margin: 0 30px !important; margin-bottom: 1.5em !important;}
.ms30mb20 { margin: 0 30px !important; margin-bottom: 2em !important;}
.ms30mb25 { margin: 0 30px !important; margin-bottom: 2.5em !important;}
.ms30mb30 { margin: 0 30px !important; margin-bottom: 3em !important;}
.ms30mb35 { margin: 0 30px !important; margin-bottom: 3.5em !important;}
.ms30mb40 { margin: 0 30px !important; margin-bottom: 4em !important;}
.ms30mb45 { margin: 0 30px !important; margin-bottom: 4.5em !important;}
.ms30mb50 { margin: 0 30px !important; margin-bottom: 5em !important;}
/* padding side */
.pds00 { padding: 0 0px !important;}
.pds05 { padding: 0 5px !important;}
.pds10 { padding: 0 10px !important;}
.pds12 { padding: 0 12px !important;}
.pds15 { padding: 0 15px !important;}
.pds16 { padding: 0 16px !important;}
.pds20 { padding: 0 20px !important;}
.pds25 { padding: 0 25px !important;}
.pds30 { padding: 0 30px !important;}
.pds35 { padding: 0 35px !important;}
.pds40 { padding: 0 40px !important;}
.pds45 { padding: 0 45px !important;}
.pds50 { padding: 0 50px !important;}
.pds55 { padding: 0 55px !important;}
/* margin side */
.ms00 { margin: 0 0px !important;}
.ms05 { margin: 0 5px !important;}
.ms10 { margin: 0 10px !important;}
.ms15 { margin: 0 15px !important;}
.ms20 { margin: 0 20px !important;}
.ms25 { margin: 0 25px !important;}
.ms30 { margin: 0 30px !important;}
.ms35 { margin: 0 35px !important;}
.ms40 { margin: 0 40px !important;}
.ms45 { margin: 0 45px !important;}
.ms50 { margin: 0 50px !important;}
/* padding full */
.pdf00 { padding: 0px !important;}
.pdf05 { padding: 5px !important;}
.pdf10 { padding: 10px !important;}
.pdf12 { padding: 12px !important;}
.pdf15 { padding: 15px !important;}
.pdf20 { padding: 20px !important;}
.pdf25 { padding: 25px !important;}
.pdf30 { padding: 30px !important;}
.pdf35 { padding: 35px !important;}
.pdf40 { padding: 40px !important;}
.pdf45 { padding: 45px !important;}
.pdf50 { padding: 50px !important;}
/* margin 0 auto */
.m0a { margin: 0 auto !important;}
.m0a05mb { margin: 0 auto 0.5em !important;}
.m0a10mb { margin: 0 auto 1.0em !important;}
.m0a15mb { margin: 0 auto 1.5em !important;}
.m0a20mb { margin: 0 auto 2.0em !important;}
.m0a25mb { margin: 0 auto 2.5em !important;}
.m0a30mb { margin: 0 auto 3.0em !important;}
.m0a35mb { margin: 0 auto 3.5em !important;}
.m0a40mb { margin: 0 auto 4.0em !important;}
.m0a45mb { margin: 0 auto 4.5em !important;}
.m0a50mb { margin: 0 auto 5.0em !important;}
.m0r { margin: 0 0 0 auto !important;}
.m0l { margin: 0 auto 0 0!important;}
/* padding */
.pt00 { padding-top: 0em !important;}
.pt05 { padding-top: 0.5em !important;}
.pt10 { padding-top: 1.0em !important;}
.pt15 { padding-top: 1.5em !important;}
.pt20 { padding-top: 2.0em !important;}
.pt25 { padding-top: 2.5em !important;}
.pt30 { padding-top: 3.0em !important;}
.pt35 { padding-top: 3.5em !important;}
.pt40 { padding-top: 4.0em !important;}
.pt45 { padding-top: 4.5em !important;}
.pt50 { padding-top: 5.0em !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pb00 { padding-bottom: 0em !important;}
.pb05 { padding-bottom: 0.5em !important;}
.pb10 { padding-bottom: 1.0em !important;}
.pb15 { padding-bottom: 1.5em !important;}
.pb20 { padding-bottom: 2.0em !important;}
.pb25 { padding-bottom: 2.5em !important;}
.pb30 { padding-bottom: 3.0em !important;}
.pb35 { padding-bottom: 3.5em !important;}
.pb40 { padding-bottom: 4.0em !important;}
.pb45 { padding-bottom: 4.5em !important;}
.pb50 { padding-bottom: 5.0em !important;}
.pl00 { padding-left: 0px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}
.pl65 { padding-left: 65px !important;}
.pl70 { padding-left: 70px !important;}
/* margin */
.mt00 { margin-top: 0em !important;}
.mt05 { margin-top: 0.5em !important;}
.mt10 { margin-top: 1em !important;}
.mt15 { margin-top: 1.5em !important;}
.mt20 { margin-top: 2em !important;}
.mt25 { margin-top: 2.5em !important;}
.mt30 { margin-top: 3em !important;}
.mt35 { margin-top: 3.5em !important;}
.mt40 { margin-top: 4em !important;}
.mt45 { margin-top: 4.5em !important;}
.mt50 { margin-top: 5em !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0em !important;}
.mb05 { margin-bottom: 0.5em !important;}
.mb10 { margin-bottom: 1em !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 1.5em !important;}
.mb20 { margin-bottom: 2em !important;}
.mb25 { margin-bottom: 2.5em !important;}
.mb30 { margin-bottom: 3em !important;}
.mb35 { margin-bottom: 3.5em !important;}
.mb40 { margin-bottom: 4em !important;}
.mb45 { margin-bottom: 4.5em !important;}
.mb50 { margin-bottom: 5em !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml150 { margin-left: 150px !important;}
/* opt reset */
.tip_trigger:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-ms-filter: "alpha(opacity=100)";
}
/* clear */
.clear { clear: both;}
/* CSS -micro clearfix */
.cf:before, .cf:after { content: ""; display: table;}
.cf:after { clear:both; }
.cf { zoom: 1;}