/*
Theme Name:     道南いさりび鉄道
Author:         HINET
Template:       twentyten
Version:        0.0.1
*/

@import url('reset.css');
@import url('../twentyten/style.css');



/*
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
_|                                                    _|
_|  SP and share                                      _|
_|                                                    _|
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
*/

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

  Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */
* {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
input,
textarea,
button {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.0;
	background: #FFFFFF;
	color: #000;

	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	cursor: pointer;
}

/* 画像がぼやける問題対応（safariでは逆に画像がチリチリになるためChromeのみに適用させる） */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    body {
        image-rendering: -webkit-optimize-contrast;	/* Chrome用ベンダープレフィックス */
    }
}

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

  Layout

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

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: none; /* twentyten reset */
	margin: 0;
	width: auto;
}
#content {
	margin: 0 10px; /* twentyten reset */
	width: auto;
}
#primary,
#secondary {
	float: none; /* twentyten reset */
    width: auto; /* responsive */
    padding: 0;
	margin: 0 auto;  
    overflow: hidden; 
}
#footer {
	clear: both;
	width: auto;
}



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

  Fonts

-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


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

  Structure

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

/* The main theme structure */
#colophon,
#main {
	width: auto;
}


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

  Global Elements

-------------------------------------------------------------- */
a:link {
	color: #246dac;
}
a:visited {
	color: #246dac;
}
a:active,
a:hover {
	color: #e08649;
}
img {
	vertical-align: text-bottom;	
}
/* Image */
.responsiveImg img,
.responsiveImg {
	max-width: 100%;
	height: auto;
/*	width: auto\9; /* IE8用 *//* コメントアウトの詳細は別記 js/minmaxについて.txt */
}
/* align */
.align_left   { text-align: left; }
.align_right  { text-align: right; }
.align_center { text-align: center; }
/* nowrap */
.nowrap { white-space: nowrap; }

/* pdf */
a[href$=".pdf"]:not(.pdfList) { 
	padding: 5px 0 5px 28px;
	background-image: url(images/common/pdfList_icon.png);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	background-size: 19px 23px;
} 

/* font-color */
.font_color_red {
	color: #f00;	
}
.font_color_black {
	color: #000;	
}

/* font style */
.font_mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

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

  Header

-------------------------------------------------------------- */
#header {
	width: auto;
	padding: 0;
}
#masthead {
	position: relative;
	width: auto;
	height: 60px;
	margin: 0;
}
/* site title */
#siteTitle {
	position: absolute;
	top: 10px;
	left: 10px;
}
#siteTitle img {
	width: 200px;	
}
/* header navi */
#headerNav {
	display: none;
	position: absolute;
}
/* SP Global Nabigation Button */
#gNavSpBtn {
	position: absolute;
	top: 10px;
	right: 10px;	
}


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

  Global Navigation

-------------------------------------------------------------- */
/* pc */
#gNavPcWrap {
	display: none;	
}
/* sp */
#gNavSp {
	display: none;
	width: auto;
	margin: 0;
}
ul#gNavSpMain {
	margin: 0;	
	padding: 15px;
	background: #246dac;
	list-style-type: none;
}
ul#gNavSpMain li a {
	display: block;
	padding: 15px 1px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #8cb1d2;
	background-image: url(images/gnav/gnavSp_icon.png);
	background-position: right 50%;
	background-size: 16px;
	background-repeat: no-repeat;
}
ul#gNavSpMain li:first-child a {
	border-top: 1px dotted #8cb1d2;
}
ul#gNavSpSub {
	margin: 0;	
	padding: 15px;
	background: #efefef;
	list-style-type: none;
}
ul#gNavSpSub li {
	float: left;
	width: 48.5%;
	margin: 0 3% 2% 0;
	background: #fff;
	border-bottom: 1px solid #dadada;
}
ul#gNavSpSub li:nth-child(2) {
	margin: 0 0 2% 0;
}
ul#gNavSpSub li:nth-child(3) {
	margin: 0 3% 2% 0;
}
ul#gNavSpSub li:nth-child(4) {
	margin: 0 0 2% 0;
}
ul#gNavSpSub li:nth-child(5) {
	margin: 0 3% 0 0;
}
ul#gNavSpSub li:nth-child(6) {
	margin: 0 0 0 0;
}
ul#gNavSpSub li a {
	display: block;
	padding: 14px 1px 14px 30px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
ul#gNavSpSub li a.sp_home    {	background: url(images/header/headerNav_icon_home.png) 10px 50% no-repeat; }
ul#gNavSpSub li a.sp_company {	background: url(images/header/headerNav_icon_company.png) 10px 50% no-repeat; }
ul#gNavSpSub li a.sp_recruit {	background: url(images/header/headerNav_icon_recruit.png) 10px 50% no-repeat; }
ul#gNavSpSub li a.sp_link    {	background: url(images/header/headerNav_icon_link.png) 10px 50% no-repeat; }
ul#gNavSpSub li a.sp_contact {	background: url(images/header/headerNav_icon_contact.png) 10px 50% no-repeat; }
ul#gNavSpSub li a.sp_english {	background: url(images/header/headerNav_icon_english.png) 10px 50% no-repeat; }
#gNavSpCloseBtn {
	padding: 15px;
	text-align: center;
	color: #fff;
	background-color: #34495E;
}
#gNavSpCloseBtn img {
	margin-right: 10px;
	vertical-align: bottom;	
}

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

  breadcrumb

-------------------------------------------------------------- */
#breadcrumb {
	padding: 0;
	margin: 0;
	font-size: 13px;
	background: #EDEDED;
	border-top: 2px solid #f4a100;
}
#breadcrumb ul {
	margin: 0;
	padding: 10px;
	list-style-type: none;
}
#breadcrumb ul li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.4;
}
#breadcrumb ul li.home {
	padding-left: 22px;
	background: url(images/common/bread_icon_home.png) 0 50% no-repeat;
}
#breadcrumb ul li a {
	text-decoration: none;
}

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

  content

-------------------------------------------------------------- */
.clearboth {
	clear: both;	
}
#main {
	padding: 30px 0 0;
	margin-bottom: 30px;
}
#content {
	margin-bottom: 40px;	
}
#content,
#content input,
#content textarea {
	color: #000;
	font-size: 14.5px;
	line-height: 1.8;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 20px;
}
#content ul {
	line-height: 1.5;
	margin-left: 2.0em;	
	list-style-type: disc;	
}
#content ol {
	line-height: 1.6;
	margin-left: 2.2em;	
	list-style-type: decimal;	
}
#content ul li,
#content ol li {
	margin-bottom: 6px;	
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 14px;
	line-height: 1.7;
}
#content code {
	font-size: 12px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}
#content h2 {
/*	margin: 0 0 22px 0;*/
	margin: 35px 0 22px 0;
	padding: 10px;
	color: #fff;
	line-height: 1.4;
	font-size: 17px;
	font-weight: bold;
	background: #246dac;
	border-bottom: 2px solid #1b507e;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#content h3 {
	margin-bottom: 20px;
	margin-left: 2px;
	margin-top: 30px;
	padding: 3px 0 6px 2px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	color: #246dac;
	background: none;
/*	border-bottom: 2px dotted #bdd3e6;*/
	border-bottom: 2px dotted #a9c2d8;
}
#content h4 {
	margin-bottom: 17px;
	margin-left: 3px;
	margin-top: 25px;
	padding: 0;
	font-size: 15.5px;
	line-height: 1.4;
	font-weight: bold;
	color: #18609f;
}
#content h5 {
	color: #333;
	margin-bottom: 15px;
	margin-top: 20px;
	padding: 0 0 0 22px;
	line-height: 1.4;
	font-size: 15px;
	font-weight: bold;
	background: url(images/common/h5_icon.png) 0 50% no-repeat;
}

/* table */
.table_wrap {
	padding-left: 0;	
}
#content table {
    border-top: 1px solid #88B8CD;
    border-right: 1px solid #88B8CD;
/*	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	border-left: none;
	border-bottom: none;
    margin: 0 0 20px 0;
    text-align: left;
    width: 100%;
}
#content tr th, #content thead th,
#content tr td {
    padding: 8px 12px;
	border-top: none;
	border-right: none;
	border-left: 1px solid #88B8CD;
	border-bottom: 1px solid #88B8CD;
/*	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	vertical-align: middle;
	line-height: 1.5;
}
#content tr th, #content thead th {
    color: #1b507e;
    font-weight: bold;
	font-size: 14px;
/*	white-space: nowrap;*/
	background: #e7f0f4;
}
#content tr td {
	background: #fff;
}
#content table p {
	margin-bottom: 0;
}

/* page title */
#content #pageTitleWrap {
	margin: 0 0 30px 0;
	padding: 10px;
	background-color: #edf2f6;
}
#content #pageTitle {
	margin: 0;
	padding: 8px 8px 8px 18px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: #333;
	border-left: 5px solid #246dac;
}
/* hentry */
.hentry,
.single .hentry {
	margin: 0 0 40px 0;
	padding: 0;
}
#content .entry-title {
	margin: 0;
	padding: 5px 0 15px 2px;
	color: #246dac;
	line-height: 1.3;
	font-size: 18px;
	background: url(images/toppage/topSecTitle_line.png) left bottom no-repeat;
	border: none;
	border-radius: 0;
}
#content .entry-title a:link,
#content .entry-title a:visited {
	color: #246dac;
	font-weight: bold;
	text-decoration: none;
}
#content .entry-meta {
	padding: 10px 0 30px 0;
	color: #666;
}
#content .entry-meta .entryDate {
	float: right;
	padding: 2px 0;
	font-size: 14px;
}
#content .entry-meta .postIcon {
	float: left;
	margin: 0;
	padding: 3px 10px 2px 10px;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#content .entry-meta .iconType_post 	 {	background-color:#ee7100;	}
#content .entry-meta .iconType_news 	 {	background-color:#246dac;	}
#content .entry-meta .iconType_traininfo {	background-color:#29b363;	}
#content .entry-meta .iconType_delayinfo {	background-color:#cc2a21;	}
#content .entry-meta .iconType_eventinfo {	background-color:#8E44AD;	}
#content .entry-meta .iconType_page 	 {	background-color:#7F8C8D;	}
#content .entry-content,
#content .entry-summary {
	padding-top: 0;
}
#content .entry-summary {
	padding-top: 10px;	
}

/* contents list */
#content .contentsList {
	margin-left: 0; /* common reset */
	list-style-type: none;
}
#content .contentsList li {
	margin-bottom: 15px;
}
#content .contentsList li:nth-child(even) {
	margin-right: 0;
}
#content .contentsList li a {
/*	padding: 20px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #f2ebe6;
	background-image: url(images/common/contentsList_icon_blue.png);
	background-size: 25px 15px;
	background-position: right center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 2px #cac0b9;*/

	padding: 20px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #e7f0f4;
	background-image: url(images/common/contentsList_icon_blue.png);
	background-size: 25px 15px;
	background-position: right center;
	background-repeat: no-repeat;
	border: 2px solid #c8d8df;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#content .contentsList li a:hover {
	background-color: #d1effe;
}
/* pdf list */
#content .pdfList {
	margin-left: 0; /* common reset */
	list-style-type: none;
}
#content .pdfList li {
	margin-bottom: 15px;
}
#content .pdfList li a {
	padding: 15px 15px 15px 53px;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	display: block;
	background-color: #f6f6f6;
	background-image: url(images/common/pdfList_icon.png);
	background-size: 28px 32px;
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #c8d8df;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#content .pdfList li a:hover {
	background-color: #d1effe;
}

/* info box */
#content .infoBox {
	padding: 20px;
	font-size: 13.5px;
	line-height: 1.5;
	color: #333;
	background: #eff0f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px #BDC3C7;
}
#content .infoBox .indentText {
	margin: 0;
	padding: 0.5em 0 0.5em 2.0em;
	text-indent: -2.0em;
}


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

  Images

-------------------------------------------------------------- */
#content .wp-caption {
	background: none;
	line-height: 1.4;
	margin-bottom: 20px;
	max-width: 100% !important;
    width: 100% !important;
	padding: 0;
	text-align: center;
}
#content .wp-caption img {
	margin: 0;
	max-width: 100% !important;
	height: auto;
}
#content .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 13px;
    margin: 10px 0 15px 0;
}
/* カスタムサイズのレスポンシヴ対応(クラス名に「wp-image-」があればレスポンシヴ化) */
img[class*="wp-image-"] {
	max-width: 100% !important;
	height: auto;
}


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

  to the top

-------------------------------------------------------------- */
div.tothetopfixed {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 10px;
	bottom: 10px;
	z-index: 1500;
}
div.tothetopfixed img {
	width: 60px;
	height: 60px;	
}
div.tothetopfixed a {
	display: block;
	margin: 0;
}


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

  Footer Navi

-------------------------------------------------------------- */
#footerNavWrap {
	display: none;	
}

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

  Footer

-------------------------------------------------------------- */
#footer {
	width: auto;
	padding: 20px 0;
	margin: 0;
	background: #246dac;
	color: #fff;
}
#colophon {
	border-top: none; /* twenty ten RESET */
	margin: 0;
	padding: 0 10px;
}
/* colophon navi */
#colophonNav {
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #b0c9dc;	
}
#colophonNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#colophonNav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 3px 0;		
}
#colophonNav li:last-child {
	margin-right: 0;
}
#colophonNav li a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}
/* footerInfo */
#footerInfo {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	font-size: 13px;
	line-height: 1.8;
}
#footerLogo {
	display: none;
}
#footerAddrTitle {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;	
}
#footerInfo a {
	color: #fff;
}
/* copyright */
#copyright {
	font-size: 11px;
	text-align: center;	
}

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

  Top page

-------------------------------------------------------------- */
/* main image & traffic info */
#topMainWrap {
	margin: 0 0 -20px;
	padding: 0;
	border-bottom: 3px solid #d9d2c6;
	background: #f7efe3;	
}
#topMainBox {
	margin: 0;
	padding: 10px;	
}
/* traffic info */
#trafficInfo {
	margin: 10px 0 0 0;
	padding: 10px;
	border-bottom: 3px solid #292929;
	background: #383838;
}
#trafficInfoTitle {
	margin: 0 0 10px 0;
	padding: 0;
}
#trafficInfoText {
	padding: 15px;
	background: #000;
}
#trafficInfoText a,
#trafficInfoText .noData {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
	color: #fff;
	text-decoration: none;
}
#trafficInfoText a:hover {
	text-decoration: underline;
}
#chienBtn {
	display: none; /* 遅延情報掲載延期のため */
	
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}
/* pick up contents */
#pickUpContents,
#pickUpContents2 {
	margin: 0 0 20px 0;
	padding: 10px;	
	list-style-type: none;
}
#pickUpContents {
	margin: 0 0 0 0;
}
#pickUpContents li,
#pickUpContents2 li {
	float: left;
	margin: 0 2% 0 0;
	width: 32%;
}
#pickUpContents li:last-child,
#pickUpContents2 li:last-child {
	margin-right: 0;
}
#pickUpContents li a,
#pickUpContents2 li a {
	display: block;
	padding: 7%;
	text-align: center;
	text-decoration: none;
	background: #f5f5f5;		
	border: 5px solid #e2e2e2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#pickUpContents li a:hover,
#pickUpContents2 li a:hover {
	background: #B2EBF2;		
}
#pickUpContents li img,
#pickUpContents2 li img {
	width: 50%;
	margin-bottom: 8%;
}
#pickUpContents li p,
#pickUpContents2 li p {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.3;
}
#pickUpContents li span,
#pickUpContents2 li span {
	font-weight: bold;
	display: inline-block;
}

/* section */
.topSection {
	margin: 0;
	padding: 0 10px 30px;
}
/* section title */
#content h2.topSecTitle {
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.0;
	background: url(images/toppage/topSecTitle_line.png) left bottom no-repeat;
	border-bottom: none;
	border-radius: 0;
}
#content h2.topSecTitleImportant {
	background: url(images/toppage/topSecTitle_important_line.png) left bottom no-repeat;
}
#content h2.topSecTitle p {
	margin: 0;
	padding: 8px 0 14px 45px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	background-image: url(images/toppage/topSecTitle_icon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 32px 28px;
}
#content h2.topSecTitle .listIndex {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 10px;
	font-size: 13px;
	font-weight: normal;
	background: #f28e00;	
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* Information list */
#content dl.topInfoList {
	margin: 0;
	padding: 0;	
    overflow: hidden;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
}
#content dl.topInfoList dt {
	padding: 10px 0 0 0;
    font-weight: normal;
	color: #333;
}
#content dl.topInfoList dd {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
#content dl.topInfoList dd a {
	text-decoration: none;	
}
#content dl.topInfoList dd a:hover {
	text-decoration: underline;	
}
.noInfoData {
	padding: 10px 0 0 1px;	
}


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

  Event Page

-------------------------------------------------------------- */
#content .eventinfoList {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	border-top: 1px dotted #ccc;
}
#content .eventinfoList li {
	padding: 15px 2px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
#content .eventinfoList li a {
	text-decoration: none;
}
#content .eventinfoList_title {
	margin-bottom: 3px;
	padding-left: 5px;	
	font-size: 15px;
}
#content .eventinfoList_title a {
	font-weight: bold;
}
#content .eventinfoLIst_date {
	margin-bottom: 0;
/*	padding-left: 5px;	*/
	display: inline-block;
	margin-left: 5px;
	padding: 5px 8px;
	font-size: 13.5px;
	line-height: 1.2;
	background: #EDF2F6;
	color: #4a4a4a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#content .noTopics {
	padding-left: 0.5em;
}


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

  各駅情報 Page

-------------------------------------------------------------- */
#content #rosenzuMap {
	margin: 0 0 40px 0;	
}
#content img.stationMap {
	border: 1px solid #B2C8DC;	
}
/* station title */
#content #stationTitle {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	border: 1px solid #ccc;	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 4px 0px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 4px 0px;
	-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 4px 0px;
	background: #fff;
}
#content #stationTitle #stNo {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}
#content #stationTitle h1#stName {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	border: none;	
}
#content #stationTitle h3#stNameEn {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 15px;
	line-height: 15px;
	color: #000;
	border: none;
}
#content #stationTitle h3#stNameSub {
	margin: 10px 0 -4px 0;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	color: #f46e21;
	border: none;
}
#content #stationTitle h2#stNameJp {
	position: relative;
	margin: 10px 5px 0;
	padding: 5px 0;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	background: #f46e21;
	border: none;
	border-radius: 0;
}
#content #stationTitle #prevArrow,
#content #stationTitle #nextArrow {
	position: absolute;
	top: 0;
	height: 28px;
	width: auto;
}
#content #stationTitle #prevArrow {
	left: 0;
}
#content #stationTitle #nextArrow {
	right: 0;
}
#content #stationTitle #stNameSubinfo {
	position: relative;
	margin: 5px 0;
	padding: 0;
}
#content #stationTitle #prevStName,
#content #stationTitle #nextStName {
	position: absolute;
	top: 15px;
}
#content #stationTitle #prevStName {
	left: 0;
	padding-left: 10px;
}
#content #stationTitle #nextStName {
	right: 0;
	padding-right: 10px;
}
#content #stationTitle #prevStName a,
#content #stationTitle #nextStName a {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
}
#stationTitle #nextStName .jrStName {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #999;	
}
#content #stationTitle #stNameLogo {
	height: 50px;
	width: auto;	
}

/* station list */
#content .stationList {
	margin-left: 0; /* common reset */
	list-style-type: none;
}
#content .stationList li {
	margin-bottom: 15px;
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 3px 0px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 3px 0px;
	-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 3px 0px;
}
#content .stationList li:nth-child(even) {
	margin-right: 0;
}
#content .stationList li a {
	padding: 0 0 10px;
	color: #000;
	text-decoration: none;
	display: block;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
}
#content .stationList li a:hover {
	background-color: #FEF7D5;
}
#content .stationList .stName,
#content .stationList .stNameDW1 {
	display: block;
	padding: 15px 0 0 0;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}
#content .stationList .stNameDW1 {
	padding: 5px 0 0 0;
}
#content .stationList .stNameDW2 {
	display: block;
	padding: 4px 0 0 0;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #f46e21;
}
#content .stationList .stNameEn {
	display: block;
	padding: 0;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
}
#content .stationList .stNameJp,
#content .stationList .stNameJpDW {
	display: block;
	margin-top: 10px;
	padding: 3px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #f46e21;
}
#content .stationList .stNameJpDW {
	margin-top: 3px;
}

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

  各駅情報 時刻表 Page

-------------------------------------------------------------- */
#content ul#timetableTabMenu {
	margin: 0 0 20px 0;
	padding: 0;
}
#content ul#timetableTabMenu li {
	float: left;
	width: 49%;
	cursor: pointer;
	padding: 3% 0;
	margin: 0;
	color: #2266AF;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	list-style-type: none;
	border: 1px solid #2266AF;
	background-color: #f5f5f5;
}
#content ul#timetableTabMenu li.is-active {
	color: #fff;
	border: 1px solid #2266AF;
	background-color: #2266AF;
}
#timetableTabWrap {
	margin: 0 0 20px 0;
	padding: 0;	
}
#timetableBoxDown,
#timetableBoxUp {
	width: 100%;
	margin: 0;
	padding: 0;
}
#content h4.timetableH4 {
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	border-left: 7px solid #F18D00;
	line-height: 1.4;
	color: #333;
}
#content table.timetableTbl {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	border-top: 1px solid #88B8CD;
	border-right: 1px solid #88B8CD;
	border-collapse: collapse;
}
#content table.timetableTbl th,
#content table.timetableTbl td {
	width: 25%;
	padding: 4px 0;
	text-align: center;
	border-left: 1px solid #88B8CD;
	border-bottom: 1px solid #88B8CD;
	font-size: 14px;
	line-height: 1.0;
}
#content table.timetableTbl th {
	color: #1B507E;
	border-right: 1px solid #88B8CD;
	background: #E7F0F4;
}
#content table.timetableTbl td {
	border-left: none;
}
#content table.timetableTbl tr:nth-child(even) td {
	border-bottom: none;
	padding-top: 10px;
}
#content table.timetableTbl tr:nth-child(odd) td {
	padding-bottom: 10px;
	font-weight: bold;
}
#content table.timetableTbl tr:nth-child(4n) td,
#content table.timetableTbl tr:nth-child(4n+1) td {
	background-color: #f5f5f5;
}
#content table.timetableTbl th.timetableHead {
	background: #cde0e9;	
	line-height: 2.0;
}
#content #markInfo {
	margin: 0 0 20px 0;
	padding: 20px;
	line-height: 1.5;
	color: #333;
	background: #eff0f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px #BDC3C7;
}
#content #markInfo h5.markInfoTitle {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 15px;
	color: #284D89;
	background: none;
}
#content #markInfo ul {
	margin: 0 0 20px 5px;
	padding: 0;
	list-style-type: none;	
}
#content #markInfo ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#content #markInfo p {
	margin: 0;
}


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

  ご利用案内・各種乗車券

-------------------------------------------------------------- */
/* 各種乗車券　チケット種別 */
#content h3.ticket_kind {
	padding: 0;
	background: none;
	border: none;
}
#content h3.ticket_kind span.ticket_name {
	display: inline-block;
	padding: .8em 1.5em;
	line-height: 1.0;
	color: #333;
	font-weight: bold;
	background: #f9efd5;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(97, 93, 83, 0.65098) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(97, 93, 83, 0.65098) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(97, 93, 83, 0.65098) 0px 0px 5px 0px;
}
/* ご利用案内　注意書き */
#content .ticketCaution {
	margin: 0 0 20px 5px;
	border: 3px solid #f00;
	padding: 5px 15px;
	color: #f00;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.0;
	font-size: 110%;
}
#content .ticketCaution p {
	margin: 10px 0;
	line-height: 1.2;
}
/* ワンマン列車の乗り方 */
#content ul.onemanStep {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content ul.onemanStep li {
	float: left;
	margin: 0;
	padding: 0 15px 15px;	
}


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

  FAQ Page

-------------------------------------------------------------- */
#content .faqList {
	margin: 0;
	padding: 0;	
}
#content .faqList dt {
	margin-top: 30px;
	padding: 18px 18px 18px 60px;
	font-size: 16px;
	line-height: 1.5;
	color: #016699;
	background-image: url(images/faq/faq_icon_q.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-color: #dae9f1;
	cursor: pointer;
}
#content .faqList dt:first-child {
	margin-top: 0;
}
#content .faqList dd {
	line-height: 1.5;
	padding: 18px 12px 18px 60px;
	background-image: url(images/faq/faq_icon_a.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-color: #f0e8e2;
}
#content .faqTbl_1 th,
#content .faqTbl_1 td {
	text-align: center;	
}

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

  11 Contact

-------------------------------------------------------------- */
#content .contactTelBox {
	margin-bottom: 5px;
	padding: 20px 10px 10px 10px;
	text-align: center;
	border: 5px solid #C9F0CE;
}
#content .contactTelNo {
	color: #09A318;
	font-size: 16px;
	margin-bottom: 0;
}
#content .contactTelNo span {
	padding-left: 5px;
	font-weight: bold;
	font-size: 24px;
}
#content .contactTelNo span a {
	color: #09A318;
	text-decoration: none;
	font-weight: bold;
}

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

  12 Original Goods

-------------------------------------------------------------- */
#content #goodsNav {
	margin: 0 0 20px 0;
	list-style-type: none;	
}
#content #goodsNav li {
	float: left;
	margin: 0 10px 10px 0;	
}
#content #goodsNav li:last-child {
	margin-right: 0;
}
#content #goodsNav li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
	text-decoration: none;
	background: #FB8C00;
	border-radius: 5px;
	border-bottom: 2px solid #EF6C00;
}
#content #goodsNav li a:hover {
	background: #FFA726;
}
#content .goodsWrap {
	margin-bottom: 20px;
	border: 1px solid #D7CCC8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#content h4.goodsTitle {
	margin: 0;
	padding: 10px 10px 10px 40px;
	color: #000;
	border-bottom: 1px solid #D7CCC8;
	background-color: #EFEBE9;
	background-image: url(images/goods/icon_goods.png);
	background-size: 20px 20px;
	background-position: 10px center;
	background-repeat: no-repeat;
}
#content .goodsInfoBox {
	padding: 2.94%; /* 20px/680px */
}
#content .goodsImage {
	margin: 0 0 2.94% 0;
}
#content .goodsImage img {
	border: 1px solid #ccc;	
}
#content .goodsInfo {
	margin: 0;
}
#content .goodsInfo table {
	border-color: #fff;	
	margin-bottom: 0;
}
#content .goodsInfo th,
#content .goodsInfo td {
	padding: 7px 10px;
	line-height: 1.6;
	border-color: #fff;
}
#content .goodsInfo th {
	color: #000;
	font-weight: normal;
	white-space: nowrap;
	background: #D7CCC8;
}
#content .goodsInfo td {
	background: #EFEBE9;
}


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

  Contact Form(plugin)

-------------------------------------------------------------- */
.sent .formWrap {
	display: none;	
}
#content .mailform {
	margin: 30px 10px 20px;
	padding: 0;
	border-top: 1px dotted #ccc;
}
#content .mailform dt {
	padding: 20px 0 5px 0;
	color: #333;
}
#content .mailform .must {
	font-size: 13px;
	font-weight: bold;
	color: #EE7100;
	padding-left: 10px;	
}
#content .mailform dd {
	padding: 0 0 20px 0;
	margin-bottom: 0;
	border-bottom: 1px dotted #ccc;
}
#content .mailform dd p {
	font-size: 14px;
	margin-bottom: 0;
}
#content .mailform input,
#content .mailform textarea {
	margin: 0;	
}
#content .mailform input[type="text"],
#content .mailform input[type="email"],
#content .mailform textarea {
	width: 95%;
	border: none;
	background: #EDF2F6;
}
.mailform_btn {
	text-align: center;	
}
/* btn */
#content .wpcf7c-btn-confirm,
#content .wpcf7-submit,
#content .wpcf7-back {
	padding: 10px 20px;
	color: #fff;
	border: none;
	border-radius: 10px;
	background: #27AE60;
}
#content .wpcf7-back {
	background: #C0392B;	
}
#content .mailform .wpcf7c-conf {
	border: none;
	background: #fff !important;
	box-shadow: none !important;
}

/* message */
div.wpcf7-response-output {
	margin: 1em 0 !important;
	padding: 1em !important;
	text-align: center !important;	
}
div.wpcf7-validation-errors {
	border: 3px solid #C0392B !important;
	color: #C0392B;
	font-weight: bold;	
}
span.wpcf7-not-valid-tip {
	padding: 5px;
	color: #C0392B !important;	
}
div.send_ok {
	margin: 10px;
	padding: 1em;
	border: 3px solid #27AE60;
	text-align: center;
}
.send_ok_msg {
	color: #27AE60;
	font-weight: bold;
	font-size: 16px;
}


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

  Simple Map(plugin)

-------------------------------------------------------------- */
.simplemap {
	margin-bottom: 20px;	
}


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

  Navigation(primary/secondary)

-------------------------------------------------------------- */
/* primary/secondary */
#main .widget-area ul {
    padding: 0; /* twenty ten RESET */
}
.sideBox {
	margin: 0 10px 20px 10px;	
}
h3.sideNavTitle {
	margin: 0;
	padding: 8px 0 12px 45px;
	line-height: 1.0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	background-image: url(images/toppage/topSecTitle_icon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 32px 28px;
}
/* Guide */
.sideNavGuide {
	padding: 10px;
	background: #e3decc;	
}
.sideNavGuide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.sideNavGuide ul li {
	margin: 0 0 5px 0;
}
.sideNavGuide ul li:last-child {
	margin: 0;
}
.sideNavGuide ul li a {
	display: block;
	padding: 15px 10px 15px 50px;
	margin: 0;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	background-size: 30px 30px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px #cbc6b6;
}
.sideNavGuide ul li a:hover {
	background-color: rgba(256,256,256,0.7);	
}
.sideNavGuide ul li a.sideGuide_movie    {	background-image: url(images/side/sideGuide_icon_movie.png);	}
.sideNavGuide ul li a.sideGuide_beginner {	background-image: url(images/side/sideGuide_icon_beginner.png);	}
.sideNavGuide ul li a.sideGuide_faq      {	background-image: url(images/side/sideGuide_icon_faq.png);	}
.sideNavGuide ul li a.sideGuide_fare     {	background-image: url(images/side/sideGuide_icon_fare.png);	}
/* banner */
.sideBanner {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.sideBanner li {
	display: inline-block;
	margin: 5px;
	padding: 0;		
}
/* facebook */
#facebookPagePlugin {
	text-align: center;	
}
/* twitter */
#twitterPagePlugin {
	text-align: center;
/*	border: 1px solid #ebedf0;
	border-radius: 5px;*/
}
.twitter-timeline {
	margin: 0 auto;
}

/* contents side-nav */
h3.contentsSideNavTitle {
	margin: 0;
	padding: 25px 10px 25px 47px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #246dac;
	background-size: 24px 24px;
	background-position: 12px 50%;
	background-repeat: no-repeat;
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;  
    -moz-border-radius: 5px 5px 0 0;
}
h3.contentsSideNavTitle a {
	color: #fff;
	font-weight: bold;
}
h3.contentsSideNavTitle a:hover {
	text-decoration: none;
}
h3.sideNavTitle_timetable	{	background-image: url(images/side/contentsSideNav_icon_timetable.png);	}
h3.sideNavTitle_route 		{	background-image: url(images/side/contentsSideNav_icon_route.png);	}
h3.sideNavTitle_ticket		{	background-image: url(images/side/contentsSideNav_icon_ticket.png);	}
h3.sideNavTitle_company		{	background-image: url(images/side/contentsSideNav_icon_company.png);	}
h3.sideNavTitle_enjoy		{	background-image: url(images/side/contentsSideNav_icon_enjoy.png);	}
h3.sideNavTitle_trainevent	{	background-image: url(images/side/contentsSideNav_icon_kankoutrainivent.png);	}
h3.sideNavTitle_faq		{	background-image: url(images/side/contentsSideNav_icon_faq.png);	}
.contentsSideNav {
	margin: 0;
	padding: 0 10px;
	background: #f4f1ef;	
}
.contentsSideNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.contentsSideNav ul li {
	margin: 0;
	padding: 0;
}
.contentsSideNav ul li a {
	display: block;
	margin: 0;
	padding: 20px 20px 20px 2px;
	color: #333;
	line-height: 1.3;
	border-bottom: 1px dotted #939291;	
	background-image: url(images/side/contentsSideNav_icon.png);
	background-size: 8px 12px;
	background-position: right center;
	background-repeat: no-repeat;

}
.contentsSideNav ul li:last-child a {
	border-bottom: none;
}

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

  Page Navigation

-------------------------------------------------------------- */
#nav-below {
    margin: 0 0 40px;
}
/* page navi */
.nav-previous a,
.nav-next a {
	padding: 10px;
	display: inline-block;
	line-height: 1.0;
	font-size: 13px;
	border: 1px solid #91b6d5;
    border-radius: 6px;         /* CSS3草案 */  
    -webkit-border-radius: 6px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;    /* Firefox用 */  
}
.nav-next a {
	padding-right: 30px;
	padding-left: 12px;
	background: url(images/common/nav_icon_next.png) right 50% no-repeat #fff;
}
.nav-previous a {
	padding-left: 30px;
	padding-right: 12px;
	background: url(images/common/nav_icon_prev.png) left 50% no-repeat #fff;
}
.navigation .nav-previous a:link,
.navigation .nav-next a:link,
.navigation .nav-previous a:visited,
.navigation .nav-next a:visited {
	color: #246dac;	
}
.navigation .nav-next a:hover {
	color: #fff;	
	border: 1px solid #246dac;
	background: url(images/common/nav_icon_next.png) right 10px no-repeat #246dac;
}
.navigation .nav-previous a:hover {
	color: #fff;	
	border: 1px solid #246dac;
	background: url(images/common/nav_icon_prev.png) left 10px no-repeat #246dac;
}



/*
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
_|                                                    _|
_|  Tablet  720px ～ 960px                            _|
_|                                                    _|
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
*/
@media screen and (min-width:720px) {
	
	/*---------------------------------------------------------------

	  Layout

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

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

	  Structure

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

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

	  Header

	-------------------------------------------------------------- */
	#masthead {
		height: 83px;
	}
	/* site title */
	#siteTitle img {
		width: 100%;	
	}
	/* SP Global Nabigation Button */
	#gNavSpBtn {
		top: 20px;
	}
	/*---------------------------------------------------------------

	  Global Navigation

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

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

	  content

	-------------------------------------------------------------- */
	#main {
		padding: 40px 0 0;
		margin-bottom: 40px;
	}
	/* page title */
	#content #pageTitleWrap {
		margin: 0 0 40px 0;	
	}
	#content #pageTitle {
/*		padding: 12px 12px 12px 25px;*/
		padding: .7em .7em .7em 1em;
		font-size: 25px;
	}
	/* hentry */
	.hentry,
	.single .hentry {
		margin: 0 0 50px 0;
	}
	#content .entry-title {
		padding: 5px 0 15px 2px;
		font-size: 22px;
	}
	#content .entry-meta {
		padding: 10px 0 40px 0;
	}
	/* contents list */
	#content .contentsList li {
		float: left;
		width: 48%;
		margin: 0 4% 4% 0;
	}
	/* pdf list */
	#content .pdfList li a {
		font-size: 15px;
	}

	/* contents head */
	#content h2 {
/*		margin: 0 0 26px 0;*/
		margin: 40px 0 26px 0;
		padding: 14px 15px;
		font-size: 21px;	
	}
	#content h3 {
		font-size: 19px;
	}
	#content h4 {
		font-size: 17px;
	}
	#content h5 {
		font-size: 15px;
	}
	/* table */
	#content tr th, #content thead th,
	#content tr td {
   		padding: 10px 15px;
		line-height: 1.8;
	}

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

	  to the top

	-------------------------------------------------------------- */
	div.tothetopfixed {
		right: 20px;
		bottom: 20px;
	}


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

	  Footer Navi

	-------------------------------------------------------------- */
	#footerNavWrap {
		display: block;
		padding: 30px 0;
		background: #ecf0f1;	
	}
	#footerNavBox {
		width: auto;
		margin: 0 10px;	
	}
	.footerNav {
		margin: 0;
		padding: 0;
		float: left;
		width: 25%;
		list-style-type: none;
	}
	.footerNav li {
		margin: 0;
		padding: 4px 20px 4px 15px;
		font-size: 12.5px;
		font-size: 1.25rem;
		line-height: 1.4;
		background-image: url(images/footer/footerNav_icon.png);
		background-position: 1px 8px;
		background-size: 8px 8px;
		background-repeat: no-repeat;
	}
	.footerNav li a {
		text-decoration: none;
		color: #333;
	}
	.footerNav li a:hover {
		text-decoration: underline;
	}
	.footerNav li.footerNavTitle {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0 20px 5px 0;	
		background-image: none;
	}
	.footerNav li.footerNavTitle a {
		font-weight: bold;
	}
	
	/*---------------------------------------------------------------

	  Footer

	-------------------------------------------------------------- */
	/* footerInfo */
	#footerLogo {
		display: block;
		float: left;	
		margin: 0 20px 0 0;
	}
	#copyright {
		text-align: right;	
	}

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

	  Top page

	-------------------------------------------------------------- */
	/* pick up contents */
	#pickUpContents2 {
		margin: 0 0 30px 0;
	}
	#pickUpContents li p,
	#pickUpContents2 li p {
		font-size: 16px;
	}
	/* section */
	.topSection {
		padding: 0 10px 40px;
	}
	/* section title */
	#content h2.topSecTitle p {
		padding: 6px 0 14px 45px;
		font-size: 18px;
	}
	/* Information list */
	#content dl.topInfoList dt {
		clear: both;
		float: left;
		width: 150px;
		padding: 15px 0 15px 0;
	}
	#content dl.topInfoList dd {
		margin: 0;
		padding: 15px 0 15px 150px;
	}
	
	/*---------------------------------------------------------------

	  Contact Form

	-------------------------------------------------------------- */
	#content .mailform dt {
		width: 200px;
		padding: 20px 0 20px 5px;
		float: left;
		clear: both;
	}
	#content .mailform dd {
		padding: 20px 0 20px 210px;
	}

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

	  各駅情報 Page

	-------------------------------------------------------------- */
	#content #rosenzuMap {
		margin: 0 0 50px 0;	
	}
	/* station list */
	#content .stationList li {
		float: left;
		width: 48%;
		margin: 0 4% 4% 0;
	}

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

	  各駅情報 時刻表 Page

	-------------------------------------------------------------- */
	#timetableBoxDown {
		width: 48%;
		float: left;
		margin: 0;	
	}
	#timetableBoxUp {
		width: 48%;
		float: right;	
		margin: 0;	
	}
	#timetableTabMenu {
		display: none;	
	}
	
	/*---------------------------------------------------------------

	  ご利用案内・各種乗車券 Page

	-------------------------------------------------------------- */
	#content .ticketCaution {
		padding: 10px 20px;	
	}
	#content .ticketCaution p {
		line-height: 1.5;	
	}

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

	  12 Original Goods

	-------------------------------------------------------------- */
	#content .goodsImage {
		margin: 0;
		float: left;
		width: 47.65%; /* 305px/640px */
	}
	#content .goodsInfo {
		float: right;
		width: 47.65%; /* 305px/640px */
	}

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

	  Navigation(primary/secondary)

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

}
/*
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
_|                                                    _|
_|  PC  960px～                                       _|
_|                                                    _|
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
*/
@media screen and (min-width:960px) {

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

	  Layout

	-------------------------------------------------------------- */
	#container {
		float: left;
		margin: 0;
		width: 680px;
	}
	#content {
		margin: 0;
	}
	#primary,
	#secondary {
		float: right;
		overflow: hidden;
		width: 240px;
	}
	/*---------------------------------------------------------------

	  Structure

	-------------------------------------------------------------- */
	/* The main theme structure */
	#main {
		width: 960px;
		margin: 0 auto 40px auto;
	}
	/*---------------------------------------------------------------

	  Header

	-------------------------------------------------------------- */
	#masthead {
		width: 960px;
		height: 100px;
		margin: 0 auto;
	}
	/* site title */
	#siteTitle {
		position: absolute;
		top: 18px;
		left: 0;
	}
	/* header navi */
	#headerNav {
		display: block;
		margin: 0;
		bottom: 20px;
		right: 0;
		list-style-type: none;
	}
	#headerNav li {
		float: left;
		margin: 0 0 0 20px;
	}
	#headerNav li a {
		padding: 0 0 0 22px;
		text-decoration: none;
		color: #000;
	}
	#headerNav li a.pc_home    {	background: url(images/header/headerNav_icon_home.png) 0 50% no-repeat; }
	#headerNav li a.pc_company {	background: url(images/header/headerNav_icon_company.png) 0 50% no-repeat; }
	#headerNav li a.pc_recruit {	background: url(images/header/headerNav_icon_recruit.png) 0 50% no-repeat; }
	#headerNav li a.pc_link    {	background: url(images/header/headerNav_icon_link.png) 0 50% no-repeat; }
	#headerNav li a.pc_contact {	background: url(images/header/headerNav_icon_contact.png) 0 50% no-repeat; }
	#headerNav li a.pc_english {	background: url(images/header/headerNav_icon_english.png) 0 50% no-repeat; }
	/* SP Global Nabigation Button */
	#gNavSpBtn {
		display: none;	
	}
	/*---------------------------------------------------------------

	  Global Navigation

	-------------------------------------------------------------- */
	#gNavPcWrap {
		display: block;
		margin: 0;
		padding: 10px 0;
		background: #246dac;
		border-bottom: 3px solid #f4a100;
	}
	#gNavPc {
		width: 960px;
		margin: 0 auto;
		padding: 0;
	}
	#gNavPc ul {
		margin: 0;
		padding: 0;	
		list-style-type: none;
	}
	#gNavPc li {
		float: left;
		margin: 0;
		padding: 0;	
	}

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

	  breadcrumb

	-------------------------------------------------------------- */
	#breadcrumb {
		border-top: none;
	}
	#breadcrumb ul {
		width: 960px;
		margin: 0 auto;
		padding: 12px 0;
	}

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

	  content

	-------------------------------------------------------------- */
	#content p {
		padding-left: 5px;	
	}
	/* table */
	.table_wrap {
		padding-left: 5px;	
	}
	
	/*---------------------------------------------------------------

	  Top page

	-------------------------------------------------------------- */
	/* main image & traffic info */
	#topMainBox {
		width: 960px;
		margin: 0 auto;
		padding: 10px 0;
	}
	/* traffic info */
	#trafficInfoTitle {
		float: left;
		margin: 11px 25px 0 0;
	}
	#trafficInfoText {
		float: left;
		width: 785px; /* 815-(pad15*2) *//* 遅延情報ボタン非表示時 */
/*		width: 630px; /* 660-(pad15*2) *//* 遅延情報ボタン表示時 */
		padding: 11px 15px;
	}
	#chienBtn {
		float: right;
		margin: 0;
	}
	/* pick up contents */
	#pickUpContents,
	#pickUpContents2 {
		margin: 0 0 40px 0;
		padding: 0;	
	}
	#pickUpContents {
		margin: 0 0 20px 0;
	}
	#pickUpContents li img,
	#pickUpContents2 li img {
		width: 100px;
		margin-bottom: 8%;
	}
	#pickUpContents li p,
	#pickUpContents2 li p {
		font-size: 20px;
	}


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

	  Contact

	-------------------------------------------------------------- */
	#content .contactTelNo {
		font-size: 24px;
	}
	#content .contactTelNo span {
		font-size: 30px;
	}


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

	  Navigation(primary/secondary)

	-------------------------------------------------------------- */
	/* primary/secondary */
	.sideBox {
		margin: 0 0 30px 0;  
		float: none;
	}
	/* banner */
	.sideBanner li {
		display: block;
		margin: 0 0 10px 0;
	}
	.sideBanner li:last-child {
		margin-bottom: 0;
	}

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

	  Footer Navi

	-------------------------------------------------------------- */
	#footerNavWrap {
		clear: both;
		display: block;
		padding: 30px 0;
		background: #ecf0f1;	
	}
	#footerNavBox {
		width: 960px;
		margin: 0 auto;	
	}
	

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

	  Footer

	-------------------------------------------------------------- */
	#colophon {
		width: 940px;
		margin: 0 auto;
	}

}


/* =Print Style
-------------------------------------------------------------- */
@media print {
	body {
		background: none !important;
	}
	#header {
		border-bottom: none;
		padding-bottom: 0;
	}
	#colophon {
		border-top: none;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	#mainImage {
		display: none;
	}
	.entry-content {
		font-size: 12pt;
		line-height: 1.5em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}