@charset "utf-8";

/*----------------------------------------------------
Information
File name:      share.css
Style Info:     汎用Classの設定
--------------------------------------------------- */


/* -----Box class----- */

.mainBody {
	margin: 0 10px;
	background: #f5f5f5 url(/images/common/main_body_bg_middle.gif) repeat-y left top;
}

.mainBodyInner {
	width: 580px;
	padding: 0 0 30px;
	background: url(/images/common/main_body_bg_bottom.gif) no-repeat left bottom;
}
.mainBodyInner2 {
	padding: 25px 25px 0;
	background: url(/images/common/main_body_bg_top.gif) no-repeat 5px top;
}

.wideEntry {
	margin: 0 10px;
}
.mainBody p {
	margin-bottom: 1em;
}
.wideEntry p,
.wideEntry ul,
.wideEntry ol {
	margin-bottom: 1em;
}
.wideEntry ul {
	margin-left: 1.5em;
	list-style-type: circle;
}
.wideEntry ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}
.wideEntry ol li {
	margin-bottom: 0.3em;
}

.lowerEntries {
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 5px solid #efefef;
}
.lowerEntries h2,
.lowerEntries h3,
.lowerEntries h4 {
	margin-bottom: 7px;
}
.lowerEntries .btn {
	position: relative;
	zoom: 1;
}
.lowerEntries .btn img {
	position: absolute;
	top: -32px;
	right: 0px;
}
.lowerEntries ul {
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
}
.lowerEntries dl {
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
}
.lowerEntries dt {
	float: left;
	width: 6em;
	margin-bottom: -1px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.lowerEntries dd,
.lowerEntries li {
	margin-bottom: -1px;
	padding: 7px 0;
	background: url(/images/common/dotted_1px_ccc.gif) repeat-x left bottom;
	line-height: 1.2;
}
.lowerEntries dd {
	padding-left: 6em;
}
.lowerEntries dd a,
.lowerEntries li a {
	display: block;
	padding-left: 16px;
	background: url(/images/common/arrow_m.gif) no-repeat left 0.33em;
}

.lowerEntries #qa li a {
	padding: 3px 0 3px 30px;
	background: url(/images/culture/icon_qa_index.gif) no-repeat left top;
}


.wideEntries .title {
	margin-bottom: 10px;
	padding-left: 17px;
	background: url(/images/common/arrow_m.gif) no-repeat left 0.5em;
	font-size: 111.1%;
}
.wideEntries .qatitle {
	padding-left: 30px;
	background: url(/images/culture/icon_qa_index.gif) no-repeat left top;
}
.wideEntries {
}
.wideEntries .img {
	float: left;
	margin-right: 10px;
}
.wideEntries .entry {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #e0e0e0;
}
* html .wideEntries .entry {
	height: 1%;
}


.stripeBox {
	margin: 0 0 20px;
	padding: 10px;
}
.stripe01 {
	background: #9ee000 url(/images/common/stripe_bg3.gif) left top;
}
.stripe02 {
	background: #9ee000 url(/images/common/stripe_bg4.gif) left top;
}
.stripe03 {
	background: #9ee000 url(/images/common/stripe_bg5.gif) left top;
}
.stripe04 {
	background: #9ee000 url(/images/common/stripe_bg6.gif) left top;
}
.stripe05 {
	background: #ccc url(/images/common/stripe_bg4.gif) left top;
}
.stripeBox .stripeInner {
	padding: 10px;
	background: #fff;
}
.stripeBox p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.lineBox {
	border: 5px solid #efefef;
}
.lineInner {
	padding: 10px;
}

dl.circle {
	padding: 0.4em 0;
}
dl.circle dt {
	width: 9em;
	float: left;
	clear:left;
	padding: 5px 0 0 20px;
	background: url(/images/common/circle_green.gif) no-repeat left 0.6em;
}
dl.circle dd {
	padding: 5px 0 6px 10.5em;
	background: url(/images/common/dotted_1px_ccc.gif) repeat-x left bottom;
}
dl.circle dd.lastChild {
	padding: 5px 0 5px 10.5em;
	background: none;
}

dl.circleWide {
	padding: 0.4em 0;
}
dl.circleWide dt {
	width: 13.5em;
	float: left;
	padding: 5px 0 0 20px;
	background: url(/images/common/circle_green.gif) no-repeat left 0.6em;
}
dl.circleWide dd {
	padding: 5px 0 6px 16em;
	background: url(/images/common/dotted_1px_ccc.gif) repeat-x left bottom;
}
dl.circleWide dd.lastChild {
	padding: 5px 0 5px 16em;
	background: none;
}

dl.circleSmall {
	padding: 0.4em 0;
}
dl.circleSmall dt {
	width: 6em;
	float: left;
	padding: 5px 0 0 20px;
	background: url(/images/common/circle_green.gif) no-repeat left 0.6em;
}
dl.circleSmall dd {
	padding: 5px 0 6px 7em;
	background: url(/images/common/dotted_1px_ccc.gif) repeat-x left bottom;
}
dl.circleSmall dd.lastChild {
	padding: 5px 0 5px 7em;
	background: none;
}

div.imgCentering {
	margin-bottom: 1em;
}
div.imgCentering p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
* html div.imgCentering p {
	display: inline;
	zoom: 1;
}
*:first-child+html div.imgCentering p {
	display: table-cell;
	vertical-align: middle;
}
div.imgCentering p.imgCL,
div.imgCentering p.imgCR {
	width: auto;
}
div.imgCentering p.imgCL img {
	margin-right: 10px;
}
div.imgCentering p.imgCR img {
	margin-left: 10px;
}

/* -----inline-block----- */
.ilb {
	display:-moz-inline-box;
	display:inline-block;
}
* html .ilb {
	display: inline;
	zoom:1;
} 
*:first-child + html .ilb {
	display: inline;
	zoom:1;
} 
.ilb > span{/* Firefox 2 and older */
	display:block;
	max-width:100px;
	overflow:hidden;
}

.hierarchyNavi {
	margin-left: 10px;
	margin-right: 10px;
}
.section {
	margin-bottom: 2em;
}


/* -----Text class----- */

strong {
	font-weight: bold;
}
em {
	color: #c33;
}
.center {
	text-align: center;
	margin: 0 0 1em;
}
p.txtL {
	text-align: left;
}
p.txtR {
	text-align: right;
}
p.txtC {
	text-align: center;
}

div#pageTitle {
	margin: 0 0 20px;
	padding: 19px 0 0;
	background: url(/images/common/pagetitle_bg_top.gif) no-repeat left top;
	font-size: 280%;
	line-height: 1.1;
}
div#pageTitle h1 {
	padding: 0 0 19px;
	background: url(/images/common/pagetitle_bg_bottom.gif) no-repeat left bottom;
}
div#pageTitle h1 span {
	display: block;
	padding: 21px 0 21px 30px;
	background: url(/images/common/pagetitle_bg_middle.gif) repeat-y left top;
}

.pageTitle01 {
/*	margin: 0 0 30px;*/
}

.headLine01 {
	margin: 0 0 20px;
	padding: 4px 0 0;
	background: url(/images/common/headline01_bg_top.gif) no-repeat left top;
	font-size: 150%;
	color: #fff;
	line-height: 1.2;
	font-weight: bold;
}
.headLine01 span {
	display: block;
	padding: 0 0 4px;
	background: url(/images/common/headline01_bg_bottom.gif) no-repeat left bottom;
}
.headLine01 span span {
	padding: 5px 20px;
	background: url(/images/common/headline01_bg_middle.gif) repeat-y left top;
}

.headLine02 {
	margin: 0 0 20px;
	padding: 4px 0 0;
	background: url(/images/common/headline02_bg_top.gif) no-repeat left top;
	font-size: 130%;
	color: #353535;
	zoom: 1;
}
.headLine02 span {
	display: block;
	padding: 0 0 4px;
	background: url(/images/common/headline02_bg_bottom.gif) no-repeat left bottom;
}
.headLine02 span span {
	padding: 4px 20px;
	background: url(/images/common/headline02_bg_middle.gif) repeat-y left top;
}

.headLine03 {
	margin: 0 0 20px;
	padding: 3px 0 0;
	background: url(/images/common/headline03_bg_top.gif) no-repeat left top;
	font-size: 120%;
}
.headLine03 span {
	display: block;
	padding: 0 18px 3px;
	background: url(/images/common/headline03_bg_bottom.gif) no-repeat left bottom;
}

.headLine04 {
	margin: 0 0 15px;
	padding: 5px 15px;
	background: #e3e3e3;
}

.headLine05 {
	margin: 0 0 10px;
	padding: 0 10px;
	font-weight: bold;
}

.headLine06 {
	margin: 0 0 20px;
	padding: 4px 0 0;
	background: url(/images/common/headline06_bg_top.gif) no-repeat left top;
	font-size: 130%;
	color: #222;
	font-weight: bold;
}
.headLine06 span {
	display: block;
	padding: 0 0 4px;
	background: url(/images/common/headline06_bg_bottom.gif) no-repeat left bottom;
}
.headLine06 span span {
	padding: 4px 20px;
	background: url(/images/common/headline06_bg_middle.gif) repeat-y left top;
}

.headLine07 {
	margin-bottom: 20px;
	background: #d0e19a;
	color: #535a2f;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
}
.headLine07 span {
	display: block;
	padding: 7px 10px 7px 48px;
	background: url(/images/culture/qa_q.gif) no-repeat 11px 4px;
}
.headLine08 {
	margin: 0 0 20px;
	background: url(/images/common/headline08_bg.gif) no-repeat left bottom;
	font-size: 150%;
	color: #fff;
	line-height: 1.2;
	font-weight: bold;
}
.headLine08 span {
	display: block;
	padding: 9px 0;
	background: url(/images/common/headline08_bg.gif) no-repeat right top;
}

.headLine09 {
	margin-bottom: 10px;
	padding: 1px;
	border: 2px solid #ccc;
	font-weight: bold;
	line-height: 1.2;
}
.headLine09 span {
	display: block;
	padding: 6px 9px;
	background: #f3f3f3;
}
.menuList dt {
	width: 70px;
	vertical-align: top;
	display: inline-block;
	line-height: 1.6;
}
* html .menuList dt {
	display: inline;
	zoom:1;
} 
*:first-child + html .menuList dt {
	display: inline;
	zoom:1;
} 
.menuList dd {
	width: 310px;
	display: inline-block;
	line-height: 1.6;
}
* html .menuList dd {
	display: inline;
	zoom:1;
} 
*:first-child + html .menuList dd {
	display: inline;
	zoom:1;
}  

.indentMinus {
	margin-left: 1em;
	text-indent: -1em;
}

.indentMinus2 {
	margin-left: 2em;
	text-indent: -2em;
}

.indentPlus {
	text-indent: 1em;
}

.small {
	font-size: 85%;
}
.xsmall {
	font-size: 71.4%;
}

/* -----Links arrow----- */

.arrowSS {
	padding: 0 0 0 10px;
	background: url(/images/common/arrow_ss.gif) no-repeat left center;
}
.arrowS {
	padding: 0 0 0 16px;
	background: url(/images/common/arrow_s.gif) no-repeat left center;
}
.arrowM {
	padding: 0 0 0 16px;
	background: url(/images/common/arrow_m.gif) no-repeat left 0.2em;
}
.arrowL {
	padding: 2px 0 2px 18px;
	background: url(/images/common/arrow_l.gif) no-repeat left center;
}
.arrowLL {
	padding: 2px 0 2px 18px;
	background: url(/images/common/arrow_l.gif) no-repeat left 0.25em;
	font-size: 120%;
}
.arrowLL2 {
	display: inline-block;
	padding: 2px 0 2px 18px;
	background: url(/images/common/arrow_l.gif) no-repeat left 0.35em;
	font-size: 120%;
	line-height: 1.4;
}

/* -----Page Top----- */

#main .pageTop {
	margin: 0 0 30px;
	text-align: right;
}

/* -----float Img----- */

p.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
p.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

/* -----float----- */

.fL {
	float: left;
}
.fR {
	float: right;
}

/* -----clear----- */

.cb {
	clear: both;
}
br.cb {
	height: 0px;
	font-size: 0px;
}
.cr {
	clear: right;
}
.cl {
	clear: left;
}

/* -----table----- */
.tableStyle01 {
	width:530px;
	margin-bottom:1em;
}
.tableStyle01 table {
	width:100%;
	margin-bottom:1em;
}
.tableStyle01 table, .tableStyle01 table td, .tableStyle01 table th {
	border:1px solid #e3e3e3;
	vertical-align:top;
}
.tableStyle01 table th {
	font-weight:bold;
}
.tableStyle01 table tr.bg {
	background:url(/images/common/table_trbg.gif) repeat-x left bottom #f9f9f9;
}
.tableStyle01 table td div, .tableStyle01 table th div {
	padding:10px;
}
.tablesub01 {
	width:560px;
}

.tableStyle02 {
	width:530px;
	margin-bottom:1em;
}
.tableStyle02 table {
	width:100%;
	margin-bottom:1em;
}
.tableStyle02 table, .tableStyle02 table td, .tableStyle02 table th {
	padding: 3px 5px;
	border:1px solid #e3e3e3;
	vertical-align: middle;
}
.tableStyle02 table th {
	width: 55%;
}
.tableStyle02 table td {
	text-align: center;
	font-size: 120%;
	line-height: 1.1;
}
.tableStyle02 table tr.bg {
	background:url(/images/common/table_trbg.gif) repeat-x left bottom #f9f9f9;
}
.tableStyle02 table tr.bg2 {
	background: #f3f3f3;
}
.tableStyle02 table td div, .tableStyle01 table th div {
	padding:10px;
}

.tableStyle03 {
	width: 490px;
	margin-bottom: 1em;
}
.tableStyle03 th,
.tableStyle03 td {
	margin-bottom: 1em;
	padding: 3px;
	border:1px solid #e3e3e3;
	vertical-align:top;
	line-height: 1.3;
}

.tablesub01 {
	width:560px;
}

.tableStyle02 table.accessTrainTable {
	border: none;
}
.tableStyle02 table.accessTrainTable .nonBorder td {
	background: none;
	border: none;
}
.tableStyle02 table.accessTrainTable th,
.tableStyle02 table.accessTrainTable td {
	background: #ffffcc;
}
.tableStyle02 table.accessTrainTable .latency {
	padding: 2px 0 0;
	font-size: 10px;
	font-family: Arial,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	color: #666;
}

/* -----photo----- */
.phL {
	margin:0 1em 1em 0;
	float:left;
}
.phLB {
	margin:0 1em 1em 0;
	float:left;
	border:1px solid #e1e1e1;
	padding:1px;
}
.phR {
	margin:0 0 1em 1em;
	float:right;
}
.phRB {
	margin:0 0 1em 1em;
	float:right;
	border:1px solid #e1e1e1;
	padding:1px;
}
.phB {
	border:1px solid #e1e1e1;
	padding:1px;
}
.phBt5{
	margin-bottom:5px;
}

/* -----col3----- */
ul.col3 {
	padding-bottom:1em;
}
ul.col3 li {
	float:left;
	display:block;
	width:185px;
	text-align:center;
}

/* -- col2 -- */
.col2 dl{
	padding-bottom:1em;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:2em;
}
.col2 dt{
	float:left;
	width:200px;
}
.col2 dd{
	float:right;
	width:330px;
}


#contents div.body {
	margin-bottom: 1.5em;
	padding-top: 20px;
	background: url(/images/common/contents_body.gif) no-repeat left top;
	/zoom: 1;
}
#contents .body .inner {
	padding: 0 20px 20px;
	background: url(/images/common/contents_body.gif) no-repeat left bottom;
}

#contents .body .headLine1 {
	margin: 0 0 1em -2px;
	padding-top: 7px;
	background: url(/images/common/contents_body_headLine1_bg.gif) no-repeat left top;
	font-size: 111.1%;
	line-height: 1.2;
}
#contents .body .headLine1 span {
	display: block;
	padding: 0 0 7px 20px;
	background: url(/images/common/contents_body_headLine1_bg.gif) no-repeat left bottom;
}

#contents .body .table1 {
	overflow: hidden;
	width: 560px;
}
#contents .body .table1 table {
	width: 560px;
	margin-bottom: -1px;
}
#contents .body .table1 td,
#contents .body .table1 th {
	padding: 7px 0 8px;
	vertical-align: top;
	line-height: 1.3;
}
#contents .body .table1 td a {
	text-decoration: underline;
}
#contents .body .table1 td a:hover {
	text-decoration: none;
}
#contents .body .table1 th span {
	display: inline-block;
	margin-left: 5px;
	padding-left: 17px;
	background: url(/images/common/contents_body_table1_icon.gif) no-repeat left 0.18em;
}
#contents .body .table1 tr {
	background: url(/images/common/dotted_1px_ccc.gif) repeat-x left bottom;
}

#contents .body .table2 table {
	width: 560px;
}
#contents .body .table2 th {
	background: #f5f5f5;
}
#contents .body .table2 th,
#contents .body .table2 td {
	padding: 5px;
	border: 1px solid #ccc;
}
#contents .body .table3 table {
	width: 560px;
	margin-bottom: 1em;
	font-size: 14px;
}
#contents .body .table3 th {
	background: #f5f5f5;
}
#contents .body .table3 th,
#contents .body .table3 td {
	padding: 8px;
	border: 1px solid #e3e3e3;
}

#contents .body .restaurantTable {
	margin-bottom: 20px;
	*zoom: 1;
}
#contents .body .restaurantTable:after {
	content: '';
	display: block;
	clear: both;
}
#contents .body .restaurantTable table {
	float: left;
	width: 290px;
}
#contents .body .restaurantTable .img {
	float: right;
}
#contents .body .restaurantTable .text {
	clear: left;
}



.diningPoint {
	margin-bottom: 3em;
	padding-bottom: 10px;
	border: 2px solid #09c;
	background: #f2fafc;
}
.diningPoint h3 {
	margin-bottom: 10px;
	padding: 7px 15px;
	border-bottom: 1px solid #fff;
	background: #09c;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.diningPoint table {
	width: 50%;
	margin: 0 15px;
}
.diningPoint table th {
	font-weight: bold;
}


/* ====update 2015.06.30============== */
#main p {
	padding-top:1.5em;
}

/* headline(renew) ====================================================================================== */
h2.headLine {
	margin:30px auto 0;
	padding:20px;
	width:860px;
	height:20px;
	background-color:#ffde3c;
}
h2.headLine .title_ja {
	padding-right:15px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	border-right:1px solid;
}
h2.headLine .title_en {
	padding-left:15px;
	font-size:10px;
}

.desc {
	padding-top:0 !important;
	width:900px;
	height:24px;
	line-height:24px;
	background-color:#585858;
	color:#fff;
	text-indent:20px;
}
.desc.fsmall {
	font-size:12px;
}
h3.headLine {
	margin:15px auto;
	width:100%;
	font-size:18px;
	font-weight:bold;
	border-bottom:5px solid ;
	text-indent:25px;
}

#main h2.headLine {
	margin:30 auto 0;
	padding:20px;
	width:580px;
}
h2.headLine_event {
	margin:30px auto 0;
	padding:20px 20px 0;
	width:580px;
	height:40px;
	background:#ffde3c url("/images/common/bg_eventicon2.png") no-repeat 10px 10px;
}
h2.headLine_event .title_event {
	padding-left:40px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
}

#main .desc {
	padding-top:0 !important;
	width:620px;
}

#main h3.headLine {
	width:620px;
}
h3.icon_calendar { background:url("/images/common/icon_calendar.jpg") no-repeat 0 2px; }
h3.icon_flag { background:url("/images/common/icon_flag.jpg") no-repeat 0 2px; }
h3.icon_caution { background:url("/images/common/icon_caution.jpg") no-repeat 0 2px; }
h3.icon_info { background:url("/images/common/icon_info.jpg") no-repeat 0 2px; }
h3.icon_compass { background:url("/images/common/icon_compass.jpg") no-repeat 0 2px; }


/* table style ====================================================================================== */
.itembox {
	margin:0 auto 15px;
	width:100%;
}
.itembox_mtop {
	margin:30px auto 15px;
	width:100%;
}
.itembox th,
.itembox td,
.itembox_mtop th,
.itembox_mtop td{
	padding:15px;
	background-color:#f2f2f2;
}
.itembox_mtop .even th,
.itembox_mtop .even td,
.itembox .even th,
.itembox .even td {
	background-color:#fff !important;
}

.pricetable {
	margin:30px auto;
	width:100%;
	background:#575757;
	border-collapse: separate;
}
.pricetable th {
	padding:15px;
	background-color:#575757;
	color:#fff;
	font-size:18px;
}
.pricetable td{
	padding:15px;
	background-color:#fff;
}
.pricetable tr.accent td,
.pricetable td.accent {
	background-color:#f2f2f2;
}

/* download icon(in page) ====================================================================================== */
#main .download {
	margin:0 0 30px;
}

#main .download li {
	width: 265px;
	height:45px;
	margin: 10px 0 0 2px;
	padding:5px 0 0 60px;
	background: url(/images/index/renew/bg_download.png) no-repeat 50% 0;
}
#main .download li a{
	background:none;
	font-weight:bold;
	color:#575757;
}