/* charset */

@charset "UTF-8";



/* @group initialize  */

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,li{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* @end */



/* @group common */

body {
	background-color: white;
	color: black;
	font-size: 12px;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	background: url(/~/media/Images/customer/common/bg/bg_body.gif) top center repeat-y;
}
p {
	line-height: 150%;
}
.container,
.header,
.footer {
	margin: 0 auto;
	text-align: left;
	width: 980px;
}
.container {
	padding-top: 15px;
	background: #DAF7FB;
}
.header {
	padding: 5px 0 0 0;
	position: relative;
	height: 74px;
}
.header_Area {
	background: url(/~/media/Images/customer/common/bg/bg_header_01.gif) top center no-repeat;
}

.main {

}

.posRe {
	position: relative;
}



/* width変更 */

.leftContentTop {
	float: left;
	width: 728px;
}
.leftContent {
	float: left;
	width: 728px;
}
.trafficContent,
.asideContent {
	float: left;
	width: 980px;
	margin-bottom: 10px;
}
p.goToTop {
	clear: both;
	padding-left:100px;
	padding-bottom: 10px;
	text-align: right;
}
p.goToTop a {
	padding-left:13px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_04.png) center left no-repeat;
}

/* 文字サイズ拡大したとき */
p.goToTop a.largeText{
	font-size:14px;
}

p.goToHome {
	clear: both;
	padding: 0 100px;
	margin-bottom: 10px;
	text-align: right;
	background-image: url(/~/media/Images/customer/common/ico/ico_link_arrow_04.png);
	background-repeat: no-repeat;
	background-position: 967px center;
}
li img {
    vertical-align: bottom;
}
a:link.underline {
	text-decoration: underline;
}



/* @end */



/* @group 余白 */

.mr80 {
	padding-right: 80px;
}
.mr35 {
	padding-right: 35px;
}
.mr15 {
	padding-right: 15px;
}
.mr7 {
	padding-right: 7px;
}
.mt1 {
	margin-top: 1px;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px;
}
/* ↓↓↓20140616修正↓↓↓ */
.mb15 {
	margin-bottom: 15px !important;
}
/* ↑↑↑20140616修正↑↑↑ */
.mb20 {
	margin-bottom: 20px !important;
}
/* ↓↓↓201703修正↓↓↓ */
.mt0 {
	margin-top: 0px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.pdt20 {
	padding-top: 20px;
}
/* ↑↑↑201703修正↑↑↑ */
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb25 {
	padding-bottom: 25px;
}

/* @end */



/* @group リンク */

a:link {

	text-decoration: none;

	color: #009FB7;

}

a:visited {

	color: #009FB7;

	text-decoration: none;

}

a:hover {

	color: #009FB7;

	text-decoration: underline;

}

a.current {

	text-decoration: underline;

}

a img {

	vertical-align: text-bottom;

}



.pdf {

	background: url(/~/media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;

	padding:2px 0 2px 23px;

}



/* @end */

/* @group 2012/3/12 kawaguchi追加 */

/* 右ナビの外部リンクに一律でアイコンを表示（IE6非対応）

/*（www.shutokodeikou.jpドメインは除外）

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



.sideMenuLower a[href^="http:"],
.sideMenuLower a[href^="https:"]{
	padding-right:15px;
	margin-right: 5px;
	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}
.sideMenuLower a[href^="http://www.shutokodeikou.jp/"]{
	padding-right: 0;
	background: none;  
}
/* @end */

/* @group リンク ブルー */
.lcblue a {
	text-decoration: none;
	color: #009FB7;
}
.lcblue a:visited {
	color: #009FB7;
	text-decoration: none;
}
.lcblue a:hover {
	color: #009FB7;
	text-decoration: underline;
}
.lcblue a.current {
	text-decoration: underline;
}
/* @end */



/* @group リンク ホワイト */
.lcwhite a {
	text-decoration: none;
	color: #FFFFFF;
}
.lcwhite a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.lcwhite a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.lcwhite a.current {
	text-decoration: underline;
}
/* @end */



/* @group 外部リンク */

/*-- aタグに既に背景画像が使用されている場合、<span class="externalMarkIns">でリンクテキストをマークアップして下さい  --*/
a.externalMark,
a.externalMark .externalMarkIns {
	padding-right:15px;
	margin-right: 5px;
	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}
a.externalMark .externalMarkIns{
	margin-right: -20px;
}

/*濃い背景用反転アイコン(class="externalMark nega"を指定して下さい)*/
a.externalMark.nega,
a.externalMark.nega .externalMarkIns {
	background-image:url(/~/media/Images/customer/common/ico/ico_link_window_03.gif);
}
/* @end */



/* @group fotn関連 */

.taRight {
	text-align: right;
}
.txtIndent {
	text-indent: -1em;
	padding-left: 1em;
}
.ftwb {
	font-weight: bold;
}

/* @end */



/* @group fontサイズ */



/* 基本（100%=12px) */

.text10 { font-size:83.3%; }
.text11 { font-size:91.7%; }
/* 20140828 SBT Add Start */
.text13 { font-size:108.3%; }
/* 20140828 SBT Add End   */
.text14 { font-size:116.7%; }
.text16 { font-size:133.3%; }
.text24 { font-size:200%;line-height: 100%; }

/* タイトル */

.pageTitle p {
	font-size: 133.3%; /* 16px */
}
.pageTitle p span {
	font-size: 83.3%; /* 10px */
}

/* @end */



/* @group smallサイズ */
div.smallText {
	font-size: 10px;
}
div.smallText .text10 { font-size:66.7%; } /*（中＝8pxサイズ) */
div.smallText .text11 { font-size:75%; } /*（中＝9pxサイズ) */
div.smallText .text14 { font-size:100%; } /*（中＝12pxサイズ) */
div.smallText .text16 { font-size:116.7%; } /*（中＝14pxサイズ) */
div.smallText .text24 { font-size:183.3%;line-height: 100%; } /*（中＝22pxサイズ) */
/* @end */



/* @group largeサイズ */

div.largeText {

	font-size: 14px;

}

div.largeText .text10 { font-size:100%; } /*（中＝12pxサイズ) */
div.largeText .text11 { font-size:108.3%; } /*（中＝13pxサイズ) */
div.largeText .text14 { font-size:133.3%; } /*（中＝16pxサイズ) */
div.largeText .text16 { font-size:150%;line-height: 120%;  } /*（中＝18pxサイズ) */
div.largeText .text24 { font-size:166.7%;line-height: 110%; } /*（中＝26pxサイズ) */

/* @end */



/* @group ヘッダー */

.header div.headerLogo {
	float: left;
}
.header div.linkBtn {
	float: right;
	padding-top: 15px;
}
.header div.formArea {
	height: 23px;
	float: right;
	padding: 44px 5px 0 10px;
	background: url(/~/media/Images/customer/common/bg/bg_header_02.gif) no-repeat right bottom;
}
.header ul.headerLinkList {
	position: absolute;
	top: 20px;
	right: 0;
}
.header ul.headerLinkList li {
	float: right;
	padding-left: 16px;
	margin-left: 18px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}
.header ul.headerLinkList li.last {
	border-left: none;
}

.header input {
	width: 120px;
	margin-right: 6px;
	border: solid 1px #fff;
}

.header button {

	width: 16px;

	height: 15px;

	background: #00A0B8 url(/~/media/Images/customer/common/btn/btn_header_04.gif);

	text-indent: -9999px;

	border: none;

	cursor: pointer;

}



/* @group フォントサイズ変更ボタン */

.header ul.textSizeChange {
	float: right;
	padding-top: 42px;
}

.header ul.textSizeChange li {

	float: left;

	padding: 0 2px;

}

.header ul.textSizeChange li p {

	width: 27px;

	height: 27px;

	text-indent: -9999px;

	cursor:pointer;

}

/*.header ul.textSizeChange li p a {

	display: block;

	text-indent: -9999px;

	width: 27px;

	height: 27px;

}*/

.header ul.textSizeChange li.listTitle {
	padding-top: 5px;
	margin-right: 7px;
	font-weight: bold;
}
.header ul.textSizeChange li.smpBtn {
	padding-top: 2px;
	padding-right: 10px;
}

/*　1206 変更 / 

.header ul.textSizeChange li.small a {

	background: url(/~/media/Images/customer/btn_header_01_off.gif) no-repeat left top;

}

.header ul.textSizeChange li.small a:hover {

	background: url(/~/media/Images/customer/btn_header_01_on.gif) no-repeat left top;

}

.header ul.textSizeChange li.small p.current {

	background: url(/~/media/Images/customer/btn_header_01_on.gif) no-repeat left top;

}　*/



/*.header ul.textSizeChange li.middle a {

	background: url(/~/media/Images/customer/btn_header_02_off.gif) no-repeat left top;

}

.header ul.textSizeChange li.middle a:hover {

	background: url(/~/media/Images/customer/btn_header_02_on.gif) no-repeat left top;

}*/

.header ul.textSizeChange li.middle p.off {

	background: url(/~/media/Images/customer/common/btn/btn_header_02_off.gif) no-repeat left top;

}

.header ul.textSizeChange li.middle p.current {

	background: url(/~/media/Images/customer/common/btn/btn_header_02_on.gif) no-repeat left top;

}

.header ul.textSizeChange li.middle p:hover {

	background: url(/~/media/Images/customer/common/btn/btn_header_02_on.gif) no-repeat left top;

}

/*.header ul.textSizeChange li.large a {

	background: url(/~/media/Images/customer/btn_header_03_off.gif) no-repeat left top;

}

.header ul.textSizeChange li.large a:hover {

	background: url(/~/media/Images/customer/btn_header_03_on.gif) no-repeat left top;

}*/

.header ul.textSizeChange li.large p.off {

	background: url(/~/media/Images/customer/common/btn/btn_header_03_off.gif) no-repeat left top;

}

.header ul.textSizeChange li.large p.current {

	background: url(/~/media/Images/customer/common/btn/btn_header_03_on.gif) no-repeat left top;

}

.header ul.textSizeChange li.large p:hover {

	background: url(/~/media/Images/customer/common/btn/btn_header_03_on.gif) no-repeat left top;

}

/* @end */

/* @group ヘッダーナビ */
#naviBox {
	height: 46px;
	margin: 0 auto;
	background: #fff url(/~/media/Images/customer/bg_headernavi.png) no-repeat center bottom;
}
#naviBox div#naviWrap {
	width: 980px;
	height: 42px;
	margin: 0 auto;
}
#naviBox div#naviWrap ul li {
	float: left;
	width: 196px;
}

/* ▽▽▽ 20150622 mega_drop_menu ▽▽▽ */
#mdd_nav_wrap {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 4px;
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
    position: relative;
    list-style:none;
    margin:0;
    padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.mdd_lv1 > li {
    float: left;   
}
ul.mdd_lv1 li a.navBtn {
    display:block;
    height: 42px;   
    width: 196px;
}

/* -- Level2の行ヘッダスタイル ---------------  */
.mdd_line_header {
    color:#009FB7;
    font-size:18px;
    font-weight:bold;
    margin-left:5px;
}

/* -- Level2の行色変更用スタイル ---------------  */
.mdd_line_header_color2 {
    width: 50%;
    color: #5481BC;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 5px 0px;
    padding: 1px 0px 1px 5px;
    border-radius: 2px;
}

/*
-- Level2 -------------------------  */
.mdd_lv2{
    display:none;
    position:absolute;
    top: 35px;
    left: 0px;
    width: 966px;
    padding: 18px 0 0 0;
    list-style-position:outside;
    color:#000;
    margin:0;
}
.h_case01 {
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_case01_top.png) no-repeat 12px top;
}
.h_case02 {
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_case02_top.png) no-repeat 12px top;
}
.h_case03 {
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_case03_top.png) no-repeat 12px top;
}
.h_case04 {
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_case04_top.png) no-repeat 12px top;
}
.h_case05 {
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_case05_top.png) no-repeat 12px top;
}
.h_case_box {
	padding: 15px 0 15px 37px;
	background: url(/~/media/Images/customer/global_navigation/bg/grnav_bg_bot.png) no-repeat 12px bottom;
}
.h_case04 .h_case_box {
	padding-bottom: 25px;
}
.h_case_box ul {
	margin: 0;
}
ul.mdd_lv1 li:hover .mdd_lv2 {
    display:block;
}
.mdd_lv2 li.listWdVer2 {
	width: 438px;
	margin-bottom: 15px;
}

.mdd_lv2 li.mdd_lv2_upside {
	height: 350px;
}
.mdd_lv2 li.mdd_lv2_upside2 {
	height: 225px;
}
d.mdd_lv2 li.mdd_lv2_upside a img {
	margin-left: 3px;
    vertical-align: text-top;
}
/*
-- Level3 -------------------------  */

.mdd_lv3 li {
	float: left;
    margin-right:20px;
    width: 210px;
}
.mdd_lv3 li a {
    height:auto;
    background-color: none;
    width: auto;
}
.mdd_lv3 li p {
	font-weight: bold;
	line-height: 130%;
}
.mdd_lv3 li p:first-child {
    margin: 0 0 0.5em;
}
.mdd_lv3 li p.bnrBox {
	margin-bottom: 30px;
}
.relationItem a {
	display: block;
	margin-bottom: 10px;
}
/*
-- Level4 -------------------------  */
ul.mdd_lv4 li p  {
    margin: 0 0 0.5em;
}
ul.mdd_lv4 li {
    float: none;
    margin-bottom:1px; 
    width: auto;   
    margin-right:0px;
    margin-left:0px;
    
}
ul.mdd_lv4 li a {
	display: block;
    width: auto;
    margin-bottom: 0.2em;
    padding: 0 0 0 12px;
    color: #00a0b8;
    background: rgba(0, 0, 0, 0) url("/~/media/Images/customer/common/bg/bg_ts1link.png") no-repeat scroll left 4px;
}
ul.mdd_lv4 li a img {
    margin-left: 2px;
    vertical-align: text-top;
}
/*
-- Level5 -------------------------  */
.mdd_lv5 {
	float: left;
}
.mdd_lv5_left {
	width: 230px
}
.mdd_lv5_right {
	width: 190Px;
}
.mdd_lv5 li {
	margin-right: 0px;
}
.mdd_lv5 li a {
    padding: 0 0 0 12px;
    background: rgba(0, 0, 0, 0) url("/~/media/Images/customer/common/bg/bg_ts1link.png") no-repeat scroll left 4px;
}
.mdd_lv5 li a img {
    margin-left: 2px;
    vertical-align: text-top;
}


.blLinkTxt a img {
	margin-left: 3px;
    vertical-align: text-top;
}
/* △△△ 20150622 mega_drop_menu △△△ */
/* @end */


/* @group パンクズ */

ul.breadcrumbList {
	clear: both;
	padding: 13px 0px;
}
ul.breadcrumbList li {
	float: left;
}
ul.breadcrumbList li.goToTop p {
	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_breadcrumblist_01.gif) no-repeat left 4px;
}

/* 2013年改修用 */
ul.nBreadcrumbList {
	clear: both;
	padding-bottom: 13px;
}
ul.nBreadcrumbList li {
	float: left;
}
ul.nBreadcrumbList li.goToTop p {
	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_breadcrumblist_01.gif) no-repeat left 4px;
}
/* @end */


/* @group トップ */
.topBannerArea {
	margin-bottom: 10px;
}
.topLinkArea {
	margin-bottom: 10px;
}
.topLinkArea ul li {
	float: left;
	margin-right: 4px;
}
.topLinkArea ul li.last {
	margin-right: 0px;
}

#botBannerBox {
	text-align: center;
	margin-bottom: 10px;
}

#informationSection {
	position: relative;
	overflow: hidden;
}
/* @group スライドショー */
/* ↓↓↓20140616修正↓↓↓ */
#slideshow {
	position: relative;
	height: 270px;
	width: 734px;
	text-align: left;
	margin-bottom: 14px;
}
#slideshow #slideWrap div {
	height: 270px;
	width: 734px;
	overflow: hidden;
	position: relative;
}
/* ↑↑↑20140616修正↑↑↑ */
/* ↓↓↓20160219修正↓↓↓ */
#slideshow #slideWrap div div {
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}
#slideshow #slideWrap div div:first-child {
	opacity: 1;
}
/* ↑↑↑20160219修正↑↑↑ */
#slideshow ul {
	width: 720px;
	padding: 10px 0 6px 10px;
	background: url(/~/media/Images/customer/top/bg_top_slideshow.png) no-repeat left bottom;
	z-index: 100;
}
#slideshow ul li {
	width: 110px;
	float: left;
	display: inline;
	margin-right: 11px;
}
#slideshow ul li.ssLast {
	margin-right: 0px;
}
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#slideshow ul {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: inline-block;
	overflow: hidden;
}
/* @end */

/* @group SLIDE SHOWの横のテキストボックス */
/* ↓↓↓20140616修正↓↓↓ */
#slideBoxTxtArea {
	position: relative;
	height: 270px;
	width: 229px;
	float: right;
	background: #00A0B8 url(/~/media/Images/customer/top/ttl_top_sbta_bg.png) no-repeat left bottom;
}
#sbtaBox {
	height: 192px;
	padding-top: 16px;
	padding-left: 16px;
	background: url(/~/media/Images/customer/top/ttl_top_sbta_bg2.png) repeat-y left top;
}
#sbtaBox div span#sbtaDayBox {
	display: block;
	width: 195px;
	margin-bottom: 14px;
	padding-bottom: 6px;
	line-height: 100%;
	color: #00A0B8;
	background: url(/~/media/Images/customer/top/ttl_top_sbta_bg3.png) repeat-x left bottom;
}
#sbtaBox div ul li {
	width: 195px;
	margin-bottom: 13px;
	padding-bottom: 12px;
	border-bottom: solid 1px #c8c8c8;
}
#sbtaBox div ul li p {
	float: left;
	width: 148px;
	line-height: 100%;
}
#sbtaBox div ul li span {
	display: block;
	float: right;
	width: 46px;
	text-align: right;
	line-height: 100%;
}
/* ↑↑↑20140616修正↑↑↑ */
.sbtaGray { /* 通常時用の灰色背景 */
	background: #969696;
}
.sbtaRed { /* 緊急表示用の赤色背景 */
	background: #e60000;
}
.taBoxWrap {
	padding: 0 4px 4px 4px;
}
.taBoxWrap span {
	display: block;
}
/* ↓↓↓20140616修正↓↓↓ */
.taBoxWrap > div {
	padding: 6px 10px 10px 10px;
	background: #fff;
}
/* ↑↑↑20140616修正↑↑↑ */
.taBoxWrap div p {
	margin-bottom: 0.8em;
}
.taBoxWrap div div {
	height: 25px;
	width: 168px;
	padding-top: 19px;
	padding-left: 11px;
	background: url(/~/media/Images/customer/top/bg_sbta.png) no-repeat left top;
}
#slideBoxTxtArea .tbsOpenBtn {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 300px;
	width: 21px;
	cursor: pointer;
}

#slideBoxOpenTxtArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 773px;
	height: 296px;
	width: 814px;
	padding: 0 4px 4px;
	z-index: 101;
}
#miniSLideBox {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 147px;
	height: 290px;
	padding-top: 10px;
	padding-left: 11px;
	background: #646464;
	z-index: 101;
}
#miniSLideBox ul {
	float: left;
	width: 122px;
}
#miniSLideBox ul li {
	margin-bottom: 6px;
}
#miniSLideBox p {
	cursor: pointer;
}
#slideBoxOpenTxtArea #sbTitleBox img {
	float: left;
}
#slideBoxOpenTxtArea #sbTitleBox p {
	float: right;
	padding-top: 9px;
	padding-right: 5px;
	color: #fff;
}
#sbMainBox {
	position: relative;
	height: 247px;
	padding-top: 15px;
	padding-left: 20px;
	background: #fff url(/~/media/Images/customer/top/bg_top_msd01.png) no-repeat 398px 192px;
}
#sbMainBox ul {
	float: left;
	width: 178px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: solid 1px #666;
}
#sbMainBox ul.firstPos {
	width: 161px;
}
#sbMainBox ul.secPos {
	width: 171px;
}
#sbMainBox ul.thrPos {
	width: 197px;
}
#sbMainBox ul.sdjLast {
	margin-right: 0;
	border-right: none;
	width: 190px;
	padding-right: 5px;
}
#sbMainBox ul li {
	display: inline-block;
	margin-bottom: 12px;
}
*:first-child+html #sbMainBox ul li {
	display: inline-block;
	margin-bottom: 9px;
}
#sbMainBox ul li p {
	float: left;
	width: 117px;
}
#sbMainBox ul.secPos li p {
	float: left;
	width: 127px;
}
#sbMainBox ul.thrPos li.bottom {
	margin-bottom: 0px;
}
#sbMainBox ul.thrPos li p {
	float: left;
	width: 154px;
}
#sbMainBox ul.sdjLast li p {
	float: left;
	width: 146px;
}
#sbMainBox ul.sdjLast li p.noicon {
	float: left;
	padding-left: 22px;
	width: 124px;
}
#sbMainBox ul li p img {
	margin-right: 5px;
}
#sbMainBox ul li div {
	float: right;
	text-align: right;
	width: 43px;
}
#sbMainBox a {
	position: absolute;
	right: 17px;
	bottom: 7px;
}
/* @end */

/* @group topSection1 BOX */
#topSection1 {
	margin-bottom: 14px;
	/* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
	min-height: 311px;
	/* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}
/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 > div {
	float: left;
	width: 358px;
	margin-right: 18px;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
#topSection1 div#tsBox03 {
	width: 228px;
	margin-right: 0px;
}
/* ↓20140709 確認 編集日の記載なし↓ */
#topSection1 div > p {
	margin-bottom: 13px;
	text-align: center;
}
/*
#topSection1 div > p {
	text-align: center;
}*/
/* ↑20140709 確認 編集日の記載なし↑ */

#topSection1 p.tsBotCont {
	height: 7px;
	width: 358px;
	margin-bottom: 0px;
	background: #fFffff url(/~/media/Images/customer/top/bg_358w.png);
}

/* div#tsBox01の定義start */

/* ↓↓↓20140616修正↓↓↓ */
#topSection1 div#tsBox01 {
	position: relative;
	float: left;
	width: 482px;
	background: #ffffff url(/~/media/Images/customer/top/bg_482w.png) no-repeat left bottom;
	/* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
	min-height:311px !important;
	/* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}
#topSection1 div#tsBox01 div {
	position: absolute;
	left: 18px;
	bottom: 18px;
}
#topSection1 div#tsBox01 div a {
	margin-right: 16px;
}
/* ↑↑↑20140616修正↑↑↑ */
/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 div#tsBox01 p.tsbTitle {
	padding-top: 11px;
	background: url(../../~/media/Images/customer/top/bg_358.png) no-repeat left top;
}
#topSection1 div#tsBox01 p.tsbTitle img {
	margin-bottom: 14px;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
/* ↓↓↓20140620修正↓↓↓ */
#topSection1 div#tsBox01 ul {
  /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
  padding-left: 20px;
  line-height: 160%;
  /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
}
/* ↑↑↑20140620修正↑↑↑ */
/* ↓20140709 確認 編集日の記載なし↓ */
#topSection1 div#tsBox01 ul li {
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(/~/media/Images/customer/common/bg/bg_ts1link.png) no-repeat left center;
}
#topSection1 div#tsBox01 ul li.lfthid {
	margin-right: 15px;
}
/* ↑20140709 確認 編集日の記載なし↑ */

/* ↓↓↓20140620修正↓↓↓ */
#topSection1 div#tsBox01 ul li.tsLinkList {
	width: 211px;
	float: left;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background: none;
}
/* ↑↑↑20140620修正↑↑↑ */

/* div#tsBox02の定義start */
/* ↓↓↓20140616修正↓↓↓ */
#topSection1 div#tsBox02 {
	float: right;
	width: 482px;
	background: #ffffff url(/~/media/Images/customer/top/bg_358w.png) no-repeat left bottom;
}
/* ↑↑↑20140616修正↑↑↑ */
/* ↓↓↓20140616修正 削除↓↓↓ */
/*
#topSection1 div#tsBox02 p.tsbTitle {
	padding-top: 11px;
	background: url(../../~/media/Images/customer/top/bg_358.png) no-repeat left top;
}*/
/* ↑↑↑20140616修正 削除↑↑↑ */
#topSection1 div#tsBox02 p.tsbTitle img {
	margin-bottom: 14px;
}
/* ↓↓↓20131031修正↓↓↓ */
#topSection1 div#tsBox02 div {
	position: relative;
	/* ↓20140709 確認 マージ漏れ？↓ */
	padding: 14px 0px 2px 240px;
	/*padding: 20px 0px 2px 240px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
}
#topSection1 div#tsBox02 ul li {
/* ↓20140709 確認 マージ漏れ？↓ */
	margin-bottom: 8px;
	/*margin-bottom: 16px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
	padding-left: 78px;
	height: 33px;
}
/* ↑↑↑20131031修正↑↑↑ */
#topSection1 div#tsBox02 ul li input {
	width: 120px;
	padding: 3px;
}
#topSection1 div#tsBox02 input.sechBtn {
	position: absolute;
	top: 45px;
	left: 240px;
}
.tsForm01 {
	background: url(/~/media/Images/customer/top/bg_form_01.png) no-repeat left top;
}
.tsForm02 {
	background: url(/~/media/Images/customer/top/bg_form_02.png) no-repeat left top;
}
#topSection1 div#tsBox02 p#adhTxt {
	color: #00a0b8;
}
/* ↓↓↓20131031修正↓↓↓ */
#topSection1 div p#formLinkBox {
	/* ↓20140709 確認 マージ漏れ？↓ */
	margin-bottom: 15px;
	/*margin-bottom: 13px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
	text-align: left;
}
/* ↓20140709 確認 削除されていた↓ */
#tsBox02 p#adhTxt {
	padding-top: 5px;
}
/* ↑20140709 確認 削除されていた↑ */
#formLinkBox a {
	display: inline-block;
	margin-right: 8px;
}
#tsFormList {
	position: absolute;
	/* ↓20140709 確認 マージ漏れ？↓ */
	top: 15px;
	/*top: 20px*/
	/* ↑20140709 確認 マージ漏れ？↑ */	
	left: 15px;
}
/* ↑↑↑20131031修正↑↑↑ */

/* div#tsBox03の定義start */
#topSection1 div#tsBox03 {
	position: relative;
	width: 228px;
	background: #feffff url(/~/media/Images/customer/top/bg_228w.png) no-repeat left bottom;
}
#topSection1 div#tsBox03 #tsbWrap {
	padding: 0 14px;
}
#topSection1 div#tsBox03 p.tsbTitle {
	/* ↓20140709 確認 マージ漏れ？↓ */
	padding-top: 11px;
	/*padding-top: 5px;*/
/* ↑20140709 確認 マージ漏れ？↑ */
	background: url(/~/media/Images/customer/top/bg_228.png) no-repeat left top;
}
#topSection1 div#tsBox03 p.tsbTitle img {
	margin-bottom: 14px;
}
#topSection1 div#tsBox03 p#roadClosed {
	margin-bottom: 6px;
	/* ↓20140709 確認 マージ漏れ？↓ */
	padding-top: 12px;
	/*padding-top: 6px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
	padding-bottom: 8px;
	text-align: left;
	color: #00a0b8;
	background: url(/~/media/Images/customer/top/bg_checline.png) repeat-x 0 bottom;
}
/* ↓20140709 確認 マージ漏れ？↓ */
/* 新デザインには存在、過去デザインには存在していない */
#topSection1 div#tsBox03 div {
	margin-bottom: 12px;
}
/* ↓20140709 確認 マージ漏れ？↓ */
/* 新デザインには存在せず、過去デザインには存在している */
#topSection1 div#tsBox03 ul {
	margin-bottom: 6px;
}

#topSection1 div#tsBox03 ul li {
	margin-bottom: 2px;
}
#topSection1 div#tsBox03 a {
	display: block;
	padding-bottom: 10px;
}
/* ↑20140709 確認 マージ漏れ？↑ */
#tsFormBtn {
	height: 45px;
	width: 103px;
}
/* @end */

/* @group 注意下さいBOX */
/* ↓↓↓20140616修正↓↓↓ */
#cautionBox {
	width: 482px;
	float: right;
}
.cautionBoxWrap {
	width: 482px;
	background: #fff;
    /* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */	
	min-height:95px !important;
    /* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */

}
/* ↑↑↑20140616修正↑↑↑ */
/* ↓20140806 SBT追記 2014/09上旬向けTOPページ改修用 */	
#cautionBox div.cautionLinkBox{
	min-height:95px !important;
}
/* ↑20140806 SBT追記 2014/09上旬向けTOPページ改修用 */
.cautionBoxWrap.rightSide {
	margin-right: 0px;
}
/* ↓20140709 確認 編集日の記載なし↓ */
.cautionBoxWrap ul.cautionLinkBox {
  min-height: 82px;
	padding: 12px 13px 10px;
}
/* ↑20140709 確認 編集日の記載なし↑ */
/* ↓↓↓20140616修正↓↓↓ */
.cautionBoxWrap div ul.cautionLinkBox {
	float: left;
	width: 220px;
	padding: 12px 0px 10px 13px;
}
/* ↑↑↑20140616修正↑↑↑ */
.cautionBoxWrap ul.cautionLinkBox li {
	margin-bottom: 2px;
	padding-left: 18px;
	font-weight: bold;
}
/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131029修正↓↓↓ */
.cautionBoxWrap ul.sdktList {
	float: left;
	width: 227px;
}
.cautionBoxWrap ul.sdktList li {
	width: 207px;
	padding-right: 5px;
}
/*
.cautionBoxWrap ul.sdktList li.sdktRight {
	float: left;
	width: 180px;
}*/
/* ↑↑↑20131029修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
.cautionBoxWrap ul.cautionLinkBox p {
	text-indent: -17px;
}
.cautionBoxWrap ul.cautionLinkBox li p img {
	margin-right: 3px;
	vertical-align: middle;
}
.cautionBoxWrap p#summaryLink {
	padding-right: 26px;
	text-align: right;
}
.cautionBoxWrap p#summaryLink a {
	padding-left: 14px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}
/* @end */

/* @group レッド アラート */
.alertAnnouncement {
	margin-bottom: 10px;
	background: url("/~/media/Images/customer/bg_radium_red_alert_mid.png") repeat-y scroll left top transparent;
}
.alertAnnouncement table {
	border: none;
}
.alertAnnouncement table tr td {
	border: none;
	padding: 0;
}
.alertAnnouncement table tr td img {
	padding: 0;
	margin: 0;
	display: inline;
}
.alertAnnouncement table tr.middleLine td {
	padding: 2px 8px;
	vertical-align: middle;
}
.alertAnnouncement table tr.middleLine td img {
	vertical-align: middle;
	margin-right: 8px;
}
.alertAnnouncement table tr td span {
	color: #fff;
}
/* @end */

/* @group グリーン アラート */
.announcement {
	margin-bottom: 10px;
	background: url("/~/media/Images/customer/bg_radium_green_alert_mid.png") repeat-y scroll left top transparent;
}
.announcement table {
	border: none;
}
.announcement table tr td {
	border: none;
	padding: 0;
}
.announcement table tr.middleLine td {
	padding: 2px 8px;
	vertical-align: middle;
}
.announcement table tr.middleLine td img {
	vertical-align: middle;
	margin-right: 8px;
}
.announcement table tr td span {
	color: #fff;
}
/* @end */


/* @group 料金・ETC・割引情報エリア */

.moneyArea {

	padding: 15px 20px 0px;

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	width: 688px;	

}

/* @end */



/* @group 駐車場エリア */

/* 0118 修正 ↓*/

.parkingArea {

	padding: 15px 20px 0px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

	margin-bottom: 10px;

	width: 688px;	

}

.pickupAreaSubLower img.ico_l {

	margin-right:3px;

	vertical-align:middle;

}

.parkingArea img.ico_r {

	margin-left:3px;

	vertical-align:middle;

}

/* 0118 修正　↑*/

/* @end */



/* @group ピックアップ */

.pickupArea {

	padding: 15px 20px 10px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

	width: 688px;

}

.pickupArea ul li {

	float: left;

	width: 324px;

}

.pickupArea ul.none li {

	float:none;

	width:100%;

}

.pickupContent {

	border-bottom: 1px dotted black;

	margin-bottom: 20px;

}

.pickupArea .pickupContent ul li {

	padding-right: 20px;

	padding-bottom: 20px;

}

.pickupArea ul li img {

	float: left;

	margin-right: 16px;

}

.pickupArea .pickupContent ul li a {

	font-weight: bold;

	display: block;

	padding-left: 115px;

	margin-bottom: 5px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 100px center;

}

.pickupArea .titleName {

	margin-bottom: 10px;

}

.textPickUp li {

	padding-bottom: 10px;

}

.textPickUp li p.icon01 {

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_01.gif) no-repeat left center;

}

.textPickUp li p.icon02 {

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_02.gif) no-repeat left center;

}

/* @end */



/* @group 道路交通情報 */

.trafficBannerArea {

	margin: 15px 0px 5px 0px;

	height: 90px;

	text-align: center;

}

div.trafficArea ul.trafficNavi {

	background: #daf7fb;

	height:40px;

}

div.trafficArea_frame ul.trafficNavi {

	background: #daf7fb;

	height:40px;

}

div.trafficArea ul.trafficNavi li {

	float: left;

	margin-right: 2px;

}

div.trafficArea ul.trafficNavi li.last {

	float: right;

}

div.backtoTraffic {

	padding: 0 20px;

}

div.backtoTraffic p {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_08.gif) no-repeat left 8px;

	padding: 5px 0px 0px 15px;	

	padding-left:15px;	

}

div.backtoTraffic p.top {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_08.gif) no-repeat left 8px;

	padding: 5px 0px 0px 15px;	

	border-top: 1px solid #bebebe;

}

/* @end */



/* @group ピックアップ TOP */

.pickupAreaTop {

	margin-bottom: 10px;

	background-color:#FFFFFF;

	width: 728px;

}

.pickupContentTop {
	margin-bottom: 20px;
	position:relative;
	padding: 3px 0 2px;
	line-height: 100%;
}

.pickupAreaTop ul {

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

}

.pickupAreaTop ul li {

	float: left;

	width: 334px;

}

.pickupAreaTop .pickupContentTop ul li {

	padding-right: 20px;

	padding-bottom: 20px;

}

.pickupAreaTop ul li img {

	float: left;

	margin-right: 16px;

}

.pickupAreaTop .titleName {

	font-weight: bold;

	color: #FFFFFF;

	padding: 5px 20px;

}

.pickupAreaTop .textPickUp li {

	padding-bottom: 10px;

	padding-left: 20px;

}

.pickupAreaTop .textPickUp li p.icon01 {

	display: block;

	width: 320px;

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_01.gif) no-repeat left 3px;
	text-align: justify;
}

.pickupAreaTop .textPickUp li p.icon02 {

	display: block;

	width: 320px;

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_02.gif) no-repeat left 3px;
	text-align: justify;
}

/* @end */



/* @group 首都高が楽しくなるコンテンツ */

.enjoyAreaContent {

	width: 728px;
	background: url(/~/media/Images/customer/common/bg/bg_radium_white_728_top.png) no-repeat left top;
	padding-top: 10px;
	margin-bottom: 10px;
}
.enjoyArea {
	padding: 0px 20px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
	width: 688px;
}
.enjoyArea ul li {
	float: left;
	width: 324px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.enjoyArea ul li img {
	float: left;
	margin-right: 16px;
}
.enjoyArea ul li a:hover img {
	opacity: 0.8;
}
.enjoyArea  ul li p {
	padding-left: 105px;
}

*:first-child+html .enjoyArea  ul li p {
	padding-left: 5px;
}
.enjoyArea  ul li p a {
	padding-left: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
}
.enjoyArea .titleName {
	font-size: 14px;
	font-weight: bold;
	color: #00A0B8;
	margin: 10px 0px 10px;
	padding-left: 24px;
	background: url(/~/media/Images/customer/common/ico/ico_title_01.gif) no-repeat left center;
}
.textPickUp li {
	padding-bottom: 10px;
}



/*↓1222追加*/

/* 1227 width追加*/

.rootArea {

	padding: 29px 47px 46px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	position: relative;

	width: 634px;

}

.rootArea dl {

	border-bottom: 1px solid #43abbe;

	margin-bottom: 17px;

	padding-bottom: 14px;

}

.rootArea dt,

.rootArea dd,

.rootArea p.answer {

	margin-left: 9px;

}

.rootArea dt {

	font-size: 138.5%;

	margin-bottom: 13px;

	border: none;

}

.rootArea p.answer {

	font-size: 138.5%;

}

.rootArea p.answer span {

	padding: 0 39px 5px;

	border-bottom: 1px solid #43abbe;

}

.rootArea ul.search {

	top: 25px;

	right: 64px;

	position: absolute;

}

.rootArea ul.search li {

	float: left;

}

.rootArea ul.search li.text {

	width: 220px;

	height: 30px;

	background: url(/~/media/Images/customer/fun/textfield.gif) no-repeat left center;

	margin-right: 11px;

}

.rootArea ul.search li.text #textfield {

	width: 200px;

	border: none 0;

	margin: 7px;

}

.rootArea p.re_enter {

	top: 115px;

	right: 64px;

	position: absolute;

}

.rootArea p.re_enter a {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

/* 1227 width追加*/

.rootArea02 {

	padding: 11px 15px 35px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	position: relative;

	overflow:hidden;

	_height:1%;

	width: 698px;

}

.rootArea02 ul.sub {

	margin-top: 5px;

}

.rootArea02 ul.sub li.text10 {

	float: left;

}

.rootArea02 ul.sub li.buck {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

	float: right;

}

/* 1227 width変更 */

.rootArea02 .box_info {

	width: 349px;

	float: left;

}

.rootArea02 .box_info p.photo {

	width: 85px;

	float: left;

}

.rootArea02 .box_info dl.info {

	width: 250px;

	float: right;

}

.rootArea02 .box_info dl.info dt {

	border: none;

	margin-bottom:6px;

}

.rootArea02 .box_info dl.info dd.text16 a {
	font-weight:bold;
	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

div#route {
	overflow-y: scroll;
	height: 500px;
	direction: ltr;
	display: block;
	width: 701px;
}

div.routeName {
    font-size: 150%;
    font-weight: bold;
    padding: 15px 0;
}

h2.h2titleRo{	

    font-weight: bold;

	font-size: 150%;

	color: #fff;

	padding: 10px 0 10px 15px;

	background: #00a0b8 url(/~/media/Images/customer/common/bg/bg_title_728.gif) no-repeat 0 top;

	position: relative;

	width: 713px;

}

/* 0118 修正 ↓*/

h2.h2titleRo span.watch {

	padding-left:20px;

	margin-top: 5px;

	font-size: 13px;

	color: #ffffff;

	text-decoration: underline;

	position:absolute;

	top: 50%;

	margin-top:-0.5em;

	left:625px;

	width: 60px;

	line-height: 100%;

}

/* 0118 修正　↑*/

h2.h2titleRo span.watch img {

	top: 50%;

	margin-top:-0.5em;

	line-height: 100%;

}

h2.h2titleRo span.watch  a {

	color: #ffffff;

	font-weight:normal;

}

h2.h2titleRo span.watch  a:hover{

	color:#fff;

}

h2.h2titleRo span.watch  a:visited  {

	color:#fff;

}

/* 1227 width変更 */

.social {

	margin-bottom: 23px;

	overflow: hidden;

	_height: 1%;

	width: 728px;

}

.social ul {

	float: right;

}

.social li {

	margin-left: 11px;

	float: left;

}

/*↑1222追加*/

/* @end */



/*↓1228追加*/

.lightupAreaConten {

	width: 728px;

	clear: both;

}

.lightupAreaConten ul.tabu li {

	margin-right:4px;

	float: left;

}

.lightupAreaConten ul.tabu li.last {

	margin-right: 0;

}

.lightupAreaConten ul.tabu li img {

	vertical-align: bottom;

}

.lightupAreaConten .lightupArea {

	padding: 17px 17px 34px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	clear: both;
	
	padding-right: 17px;
	

}
/*▼20161107追加▼*/
.lightupdetail {

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	clear: both;
	
	padding-right: 17px;

}

.lightupdetail h3 {

	color:#00a0b8;

	font-size: 131%;

	font-weight: bold;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-bottom:10px;

	padding-bottom:10px;
	
	padding-top: 10px;

}

.lightupdetail p.btn {

	margin-top:20px;

	text-align:right;

}

.lightupdetail div.boxCont_01 {

	margin-bottom:42px;

}

.lightupdetail div.boxCont_01 img {

	margin-bottom:17px;

}

.lightupdetail div.boxCont_02 {

	margin-bottom:20px;
	
	margin-top:10px;
	
	margin-left:15px;
	
	padding-right: 9px;

}

.lightupdetail div.boxCont_02.last {

	margin-bottom:0;

}

.lightupdetail div.boxCont_02 dt {

	color: #00a0b8;

	font-weight: bold;

	font-size: 108%;

	border-bottom: 0 none;

	margin-bottom:5px;

}

.lightupdetail div.boxCont_02 dd {

	margin-bottom:15px;

}

.lightupdetail div.boxCont_02 dd ul.pdf {

	margin-left:8px;

}

.lightupdetail div.boxCont_02 dd ul li {

	margin-bottom:5px;

}

.lightupdetail div.boxCont_02 dd ul li a {

	background: url(/~/media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;

	padding:2px 0 2px 23px;

}

.lightupdetail div.boxCont_02 table {

	width:691px;

	border-top: 1px solid #727171;

	border-right: 1px solid #727171;	

}

.lightupdetail div.boxCont_02 th,

.lightupAreaConten .lightupArea div.boxCont_02 td {

	border-bottom: 1px solid #727171;

	border-left: 1px solid #727171;

	padding:4px 8px;

}

.lightupdetail div.boxCont_02 th {

	background-color:#d3edfb;

}

.lightupdetail div.boxCont_02 th.w16 {

	width:16%;

}

.lightupdetail div.boxCont_02 .text_center {

	text-align:center;

}


/*▲20161107追加▲*/

.lightupAreaConten .lightupArea h3 {

	color:#00a0b8;

	font-size: 131%;

	font-weight: bold;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-bottom:10px;

	padding-bottom:10px;

}

.lightupAreaConten .lightupArea p.btn {

	margin-top:20px;

	text-align:right;

}

.lightupAreaConten .lightupArea div.boxCont_01 {

	margin-bottom:42px;

}

.lightupAreaConten .lightupArea div.boxCont_01 img {

	margin-bottom:17px;

}

.lightupAreaConten .lightupArea div.boxCont_02 {

	margin-bottom:33px;
	

}

.lightupAreaConten .lightupArea div.boxCont_02.last {

	margin-bottom:0;

}

.lightupAreaConten .lightupArea div.boxCont_02 dt {

	color: #00a0b8;

	font-weight: bold;

	font-size: 108%;

	border-bottom: 0 none;

	margin-bottom:5px;

}

.lightupAreaConten .lightupArea div.boxCont_02 dd {

	margin-bottom:15px;

}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul.pdf {

	margin-left:8px;

}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul li {

	margin-bottom:5px;

}

.lightupAreaConten .lightupArea div.boxCont_02 dd ul li a {

	background: url(/~/media/Images/customer/common/ico/ico_pdf.gif) no-repeat left center;

	padding:2px 0 2px 23px;

}

.lightupAreaConten .lightupArea div.boxCont_02 table {

	width:691px;

	border-top: 1px solid #727171;

	border-right: 1px solid #727171;	

}

.lightupAreaConten .lightupArea div.boxCont_02 th,

.lightupAreaConten .lightupArea div.boxCont_02 td {

	border-bottom: 1px solid #727171;

	border-left: 1px solid #727171;

	padding:4px 8px;

}

.lightupAreaConten .lightupArea div.boxCont_02 th {

	background-color:#d3edfb;

}

.lightupAreaConten .lightupArea div.boxCont_02 td {



}

.lightupAreaConten .lightupArea div.boxCont_02 th.w16 {

	width:16%;

}

.lightupAreaConten .lightupArea div.boxCont_02 .text_center {

	text-align:center;

}

/*↑1228追加*/

/* ▼▼▼ 20160930追加 ▼▼▼ */
.lightUpTopBox {
  height: 1565px;/* 20170222 項目追加により変更 */
  margin: 0 auto;
  position: relative;
  width: 688px;
}
.lightUpTopBox div {
  position: absolute;
}
.lightUpTopBox p a:hover {
  opacity: 0.8;
}

/* ▼▼▼ 201611 ライトアップ改修追加 ▼▼▼ */
.lightUpTopBox div .lightUpTopBox__pgBox {
  position: relative;
}
.lightUpTopBox div .lightUpTopBox__pgBox:hover {
  opacity: 0.8;
}
.lightUpTopBox__pgBox .lightUpTopBox__pgBox-belt {
  background: #000;
  bottom: 0;
  display: block;
  height: 40px;
  left: 0;
  opacity: 0.7;
  position: absolute;
  width: 100%;
}
.lightUpTopBox__pgBox .lightUpTopBox__pgBox-name {
  bottom: 8px;;
  color: #fff;
  display: block;
  font-size: 16px;
  left: 0;
  position: absolute;
  text-align: right;
  width: 100%;
}
.lightUpTopBox__pgBox .lightUpTopBox__pgBox-name span {
  padding: 0 10px;
}
/* ▲▲▲ 201611 ライトアップ改修追加 ▲▲▲ */
.lightUpTopBox .lightUpTopBox__item-num02 {
  left: 0px;
  top: 404px;
}
.lightUpTopBox .lightUpTopBox__item-num03 {
  right: 0px;
  top: 404px;
}
.lightUpTopBox .lightUpTopBox__item-num04 {
  right: 0px;
  top: 528px;
}
.lightUpTopBox .lightUpTopBox__item-num05 {
  left: 0px;
  top: 659px;
}
.lightUpTopBox .lightUpTopBox__item-num06 {
  right: 0px;
  top: 659px;
}

/* ▼▼▼20170222 項目追加により変更▼▼▼ */
.lightUpTopBox .lightUpTopBox__item-num07 {
  left: 0px;
  top: 877px;
}
.lightUpTopBox .lightUpTopBox__item-num08 {
  right: 0px;
  top: 877px;
}

.lightUpTopBox .lightUpTopBox__item-num09 {
  left: 0px;
  top: 1103px;
}
.lightUpTopBox .lightUpTopBox__item-num10 {
  right: 0px;
  top: 1103px;
}

.lightUpTopBox .lightUpTopBox__item-num11 {
  left: 0px;
  top: 1269px;
}
.lightUpTopBox .lightUpTopBox__item-num12 {
  left: 234px;
  top: 1269px;
}
.lightUpTopBox .lightUpTopBox__item-num13 {
  right: 0px;
  top: 1269px;
}

.lightUpTopBox .lightUpTopBox__item-num14 {
  left: 0px;
  top: 1412px;
}
.lightUpTopBox .lightUpTopBox__item-num15 {
  right: 0px;
  top: 1412px;
}
/* ▲▲▲20170222 項目追加により変更▲▲▲ */




/*▲▲20161111 lightup修正▲▲*/

.lightupAreaConten ul.tabu {
  width: 728px;
}
.lightUpSlider {
  background: #fff url("/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png") no-repeat scroll left bottom;
  margin-bottom: 50px;
  padding-bottom: 20px;
}
.slick-slide img:hover {
  cursor: pointer;
  opacity: 0.8;
}
.lightUpSlider .slider-nav {
  padding: 0px 18px 0px 42px; 
}
.lightUpSlider .slider-nav .slick-slide img {
  border: solid 3px #fff;
  cursor: pointer
}
.lightUpSlider .slider-nav .slick-slide img:hover {
  opacity: 0.8;
}
.lightUpSlider .slider-nav .slick-current img {
  border: solid 3px #00a0b8;
}
.lightUpSlider .slider button {
    opacity: 1 !important;
}
.lightUpSlider .slick-prev, .lightUpSlider .slick-next {
  background-color: #fff;
  height: 100px;
  margin-top: -50px;
}
.lightupAreaConten ul.lightupAreaConten-tab li {
  margin-right: 9px;
}
.lightupAreaConten ul.lightupAreaConten-tab li.lightupAreaConten__tabu__lastItem {
  margin-right: 0px;
}
.lightupAreaConten .slick-prev {
    background-image: url("/~/media/Images/customer/fun/lightup/btn_lightup_arrow_01.png");
}
.lightupAreaConten .slick-next {
    background-image: url("/~/media/Images/customer/fun/lightup/btn_lightup_arrow_02.png");
}
#lightupAreaConten__glayLayer, #lightupAreaConten__overLayer {
  display: none;
}
#lightupAreaConten__glayLayer {
  background: #000;
  height: 100%;
  left: 0px;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
}
#lightupAreaConten__overLayer {
  left: 50%;
  margin-top: -225px;
  margin-left: -400px;
  position: fixed;
  top: 50%;
  z-index: 300;
}
#lightupAreaConten__overLayer div {
  position: relative;
}
#lightupAreaConten__overLayer p {
  cursor: pointer;
  height: 47px;
  position: absolute;
  right: 0;
  top: 0;
  width: 47px;
}
#gl_map {
  height: 380px;
  width: 692px;
}
.lightUpBox p {
  margin-bottom: 30px;
}
.lightUpBox .lightUpBox-explTxt {
  color: #05c3e0;
  padding-top: 12px;
}
.lightUpBox-brgList li {
  float: left;
  padding: 0 10px;
  width: 320px;
}
.lightUpBox-brgList__ttl {
  height: 34px;
}
.lightUpBox-brgList .imgBox {
  height: 180px;
  text-align: center;
}
.lightUpBox-brgList li a {
  background: rgba(0, 0, 0, 0) url("/~/media/Images/customer/common/ico/ico_pdf.gif") no-repeat scroll left 0;
  display: block;
  margin-bottom: 5px;
  padding-left: 23px;
}
.lightUpBox-brgList li a span {
  color: #000;
  text-decoration: none;
}
.topBorderVer {
  border-top: solid 4px #00a0b8;
}
.lightupArea .fltBox .fltBox__img {
  float: right;
  padding-left: 15px;
}
.lightupArea .lightupArea__step__txtBox01 {
  background: #faf7eb;
  border: solid 3px #99d7e3;
  margin: 20px 0 30px;
  padding: 18px;
}
.lightupArea .lightupArea__step__txtBox01 p {
  color: #00a0b8;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.lightupArea .lightupArea__step__txtBox01 p span {
  background: #00a0b8;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-right: 4px;
  padding: 6px 12px;
}
.lightupArea .step_fl-r {
  float: right;
  padding-left: 15px;
}
.lightupArea__step__list li {
  float: left;
  margin: 0 14px 20px 0;
  width: 222px;
}
.lightupArea__step__list li img {
  margin-bottom: 8px;
}
.lightupArea__step__list li p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}
.list_right {
  margin-right: 0 !important;
}
.slick-slide {
  outline: none !important;
}
/* ▲▲▲ 20160930追加 ▲▲▲ */

/* @group 2012/2/23 kawaguchi追加*/

/* -首都高の名所・ライトアップ */

.lightupAreaConten .strongheadline {

   clear: both;

}

.lightupAreaConten .demiacalList,

.lightupAreaConten .demiacalList2{

	padding-bottom: 35px;

	background: url(/~/media/Images/customer/fun/lightup/spot_rainbowbridge_rainbow4_arrow.gif) 70px bottom no-repeat;

}

.lightupAreaConten ol.demiacalList,

.lightupAreaConten ol.demiacalList2{

	margin-left: 15px;

	padding-left: 15px;

}

.lightupAreaConten .demiacalList li {

	list-style: decimal !important;

	color:#999;

}

.lightupAreaConten .demiacalList ol {

	margin:2em 0 2.5em 3em

}

.lightupAreaConten .demiacalList li.noarw {

   padding-bottom: 0;

   background: none;

}

.lightupAreaConten .text {

	margin-bottom: 15px;

}

a.imgLink{

	padding-left: 0 !important;

	background: none !important;

}



ul.anchorList {

	margin: 0 0 0 0;

}

ul.anchorList li {

	position: relative;

	margin: 0;

	padding: 3px 0 3px 17px;

	background: url(/~/media/Images/customer/common/ico/ico_down.gif) left 0.3em no-repeat;

}



/* @end */



/* @group  ライトボックス */

.glayLayer {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: black;

	opacity: 0.60;

	filter:alpha(opacity=60);

	z-index: 1;

}

.overLayer {

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

	width: 766px;

	height: 378px;

	margin-top: -189px;

	margin-left: -383px;

	z-index: 1;

}

.overLayer .overTitle {

	position: relative;

	font-size: 20px;

	height: 47px;

	color: #fff;

}

.overCont01 .overTitle {

	background: url(/~/media/Images/customer/bg_top_overlayer_01-1.png) no-repeat left top;

	padding-left: 145px;

}

.overCont02 .overTitle {

	background: url(/~/media/Images/customer/bg_top_overlayer_01-2.png) no-repeat left top;

	padding-left: 70px;

}

.overCont03 .overTitle {

	background: url(/~/media/Images/customer/bg_top_overlayer_01-3.png) no-repeat left top;

	padding-left: 65px;

}

/* @group 2010/2/24 kawaguchi追加 */

.overCont04 .overTitle {

	background: url(/~/media/Images/customer/bg_top_overlayer_01-4.png) no-repeat left top;

	padding-left: 33px;

}

.overCont04 ul {

	margin-right: 38px;

	height: 300px;

	overflow: auto;

	text-align:center;

}

.overCont04 .midCont ul li{

	margin-right: 25px;

	margin-bottom: 10px;

	width: auto;

}

/* @end */

.overLayer .overTitle p {

	position: absolute;

	top: 50%;

	margin-top: -0.7em;

}

.overLayer .overTitle img {

	position: absolute;

	top: 50%;

	margin-top: -8px;

	right: 17px;

	cursor: pointer;

}

.midCont {

	padding: 38px 0 20px 38px;

	background: url(/~/media/Images/customer/bg_top_overlayer_02.png) repeat-y;

}

.midCont a:hover img {

	opacity: 0.8;

}

.midCont a img {

	margin-bottom: 5px;

}

.midCont ul li {

	float: left;

	width: 215px;

	margin-right: 25px;

}

.midCont ul li p.linkTitle {

	color: #00a0b8;

	padding-left: 15px;

	background: url(/~/media/Images/customer/ico_link_arrow_01.png) no-repeat left center;

}

.overBot {

	height: 13px;

	width: 100%;

	background: url(/~/media/Images/customer/bg_top_overlayer_03.png) no-repeat 0 bottom;

}

/* @end */



/* @end */



/* @group News & Topics */

.topTopicsArea {

	padding-top: 12px;

	margin-bottom: 10px;

	background: url(/~/media/Images/customer/bg_topics_01.gif) no-repeat left top;

	width: 728px;

}

.topTopicsArea div {

	float: left;

}

.topTopicsArea .leftSide {

	width: 118px;

	padding-right: 12px;

	text-align: right;

	position: relative;

}

.topTopicsArea .leftSide p {

	position: absolute;

	bottom: 0px;

	right: 12px;

	text-align: right;

}

.topTopicsArea .leftSide p img {

	margin-right: 8px;

}

.topTopicsArea .leftSide p a {

	color: #fff;

}

.topTopicsArea .rightSide {

	padding-left: 12px;

}

.topTopicsArea .rightSide ul li p {

	float: left;

}

.topTopicsArea .rightSide ul li p.data {

	margin-right: 18px;


}

.topTopicsArea .rightSide ul li p.text {

	width: 496px;
	text-align: justify;
}

.topicBot {
	width: 728px;
	height: 12px;
	background: url(/~/media/Images/customer/bg_topics_02.gif) no-repeat left top;
}

.infoText {
	width: 572px;
	text-align: justify;
}

/* @end */



/* @group 首都高道路交通情報エリア */

.trafficAreaContent {

	width: 728px;

}

.trafficAreaTabContent {

	padding: 0px 0px;

}

.trafficArea {

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

}

.trafficContent .trafficArea {

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;

}

.trafficArea_frame {

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;

}

.networkAreaContent {

	width: 728px;

}

.networkArea {

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	padding-bottom: 10px;

	margin-bottom: 10px;

	width: 728px;

}

div.trafficArea_ch ul.trafficNavi {

	background: #daf7fb;

	height:40px;

}

ul.trafficNavi li {

	float: left;

	margin-right: 2px;

}

ul.trafficNavi li.last {

	float: left;

}

div.trafficbox {

	width: 980px;

	padding: 0px 20px;

}

.trafficArea_left {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	background: #ffffff;

	width: 358px;

}

.trafficArea_right {

	float: right;

	margin-bottom: 10px;

	background: #ffffff;

	width: 358px;

}

/* @end */



/* @group 料金・Eエリア */

.feeAreaContent {

	width: 728px;

	overflow: hidden;

}

.feeArea {

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

}

.feeLowerArea {
	margin-bottom: 10px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_238_bot.png) no-repeat 0 bottom;
	width: 238px;
	float: left;
	margin-right: 7px;
	/*
	height: 125px;*/
}

.feeLowerLast {

	margin-right: 0px;

}

.feeLowerArea .box05 .boxCont p.text {
	width: 200px;
	margin-top: 5px;
	padding: 0 0 15px;
}

.feeLowerArea_last .box05 .boxCont p.text {

	width: 200px;

	margin-top: 5px;

}

/* 0302 コメントアウト

.feeAreaContent .feeArea li.windowIcon a {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center ;

	padding-right: 15px;

}

*/

/* 0118 修正 ↓*/

.networkArea_left {

	float: left;

	margin-right: 12px;

	width: 358px;

	height: 145px;

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;

}

.networkArea_right {

	float: left;

	width: 358px;

	height: 145px;

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;

}

.networkArea_rightLast {

	float: left;

	width: 358px;

    padding-bottom: 11px;

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat left bottom;

}

.networkArea_right dl.fee_btn dt {

	float: left;

	width: 155px;

	border-bottom-style: none;

}

.networkArea_right dl.fee_btn dd {

	float: left;

}

/* 0118 修正　↑*/

/* @end */



/* @group トップページ サイドメニュー*/
div.sideMenuTop {
	float: right;
	width: 230px;
	padding-top: 30px;
	background: #fff url(/~/media/Images/customer/common/bg/bg_sidemenu_01.gif) no-repeat left top;
}
div.sideMenuTop h1 {
	padding: 0 10px;
	margin-bottom: 70px;
	text-align:center;/* 2012/3/5 kawaguchi 追加*/	
}
ul.sideContentsMenuTop {
	padding: 0 12px;
}
ul.sideContentsMenuTop li {
	border-top: dotted 1px #00A0B8;
	padding: 15px 0 15px 30px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 1px center;
}
ul.sideContentsMenuTop li.first {
	border-top: none;
}
/*
ul.sideContentsMenuTop li.windowIcon {
	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat 8px center;
}
*/
.mailMag {
	border-top: solid 10px #DAF7FB;
	border-bottom: solid 10px #DAF7FB;
	padding: 2px;
}
.mailMag p {
	border: solid 1px #C3E8EE;
	padding: 15px 15px 15px 32px;
	background: url(/~/media/Images/customer/common/ico/ico_link_mail_01.gif) no-repeat 10px center;
}
.qrArea {
	border-bottom: solid 10px #DAF7FB;
	padding: 16px;
	margin-bottom: 15px;
}
.qrArea ul li {
	float: left;
}
.qrArea ul li.textSide {
	width: 110px;
	margin-left: 10px;
}
.qrArea ul li.textSide a {
	font-size: 9px;
}
.sideContentsMenu {
	padding: 0 16px;
}
.sideMenuTop .sideContentsMenu {
	padding-top: 16px;
	border-top: solid 10px #DAF7FB;
}
.sideContentsMenu li {
	line-height: 120%;
	margin-bottom: 6px;
}
.sideContentsMenu li.menuTitle {
	margin: 20px 0 15px 0;
	padding-left: 2px;
	background: none;
	color: #32b3c6;
	border-bottom: dotted 1px #00A0B8;
}
.sideContentsMenu li p{
	background-image: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}
.sideContentsMenu li.menuTitle p{
	background: none;
}
.sideContentsMenu li p a{
	padding: 15px 0px 15px 20px;
}
.sideContentsMenu li span{
	display: block;
	margin-bottom: 8px;
	padding-left: 20px;
}
p.listLink {
	text-align: right;
	padding-right: 16px;
	padding-bottom: 15px;	
	background: #fff url(/~/media/Images/customer/common/bg/bg_sidemenu_02.gif) no-repeat left bottom;
}
p.listLink a {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left center;
	padding-left: 16px;
}
.corpBannerArea {
	padding: 16px 0 16px 16px;
	border-top: 10px solid #DAF7FB;
}

/* @end */



/* @group footer */

.footer {
	/*height: 293px;*/
	width: auto !important;
	max-width: 1180px;
	min-width: 980px;
	padding: 134px 0 0 0;
	clear: both;
}
.footer_Area {
	/*background: url(/~/media/Images/customer/common/bg/bg_footer_01.gif) no-repeat center top;*/
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_footer_01.gif) no-repeat center top;
	margin: auto;
	max-width: 1180px;
	min-width: 980px;
	overflow: hidden;
}
.footerNavi a {
	color: #333;
}
.footerNavi div ul li.listTitle  a {
    font-size:91.7%;
	font-weight: bold;
}
.footerBottom {
	background: #00A0B8;
	text-align:center;
}
.footer ul.footerLink {
	/*padding-top: 15px;*/
	padding: 13px 0 0;
	max-width: 980px;
	margin: 0 auto -2px;
}
.footer ul.footerLink li {
	color: #DAF7FB;
	float: left;
	padding: 0px 10px;
}
.footerNavi {
	margin: 0 auto 29px;
	max-width: 980px;
}
.footerNavi div {
	float: left;
	padding-right: 10px;
	width: 188px;
}
.footerNavi div.last {
	padding-right: 0;
}
/*
.footerNavi div ul li {
	padding-left: 18px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_03.png) no-repeat 8px center;
}*/
.footerNavi div ul li a {
	font-size:83.3%;
	padding-left: 12px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_16.png) no-repeat 2px center;
}
.footerNavi div p.listTitle {
	font-size:116.7%;
	margin-bottom: 8px;
	font-weight: bold;
}
.footer ul.footerLink li {
	line-height: 120%;
	border-left: solid 1px #DAF7FB;
}

/* @group footerリンク */
.footer ul.footerLink li a:link {
	color: #DAF7FB;
}
.footer ul.footerLink li a:visited {
	color: #DAF7FB;
}
.footer ul.footerLink li a:hover {
	color: #DAF7FB;
}
.footer ul.footerLink li a.current {
	text-decoration: underline;
}

/* @end */

.footer ul.footerLink li.first {
	padding-left: 0px;
	border-left: none;
}
.copyright {
	/*padding-top: 5px;
	color: #DAF7FB;*/
	margin: 0 auto;
	padding: 5px 0 30px;
	color: #DAF7FB;
	max-width: 980px;
}

/* @end */


/* @group ClearFix */

/* new clearfix */



.clearfix:after { 

content: " ";  

display: block; 

visibility: hidden; 

clear: both; 

height: 0.1px; 

font-size: 0.1em; 

line-height: 0; 

} 

.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}

/* @end */



/* 下層レイヤー */



/* @group secondHeader navi */

.secondHeader {

	padding: 0px;

}

.secondHeader ul.navi {

	clear: both;

	width:980px;

	height:50px;

}

.secondHeader ul.navi li {

	float: left;

	background-color:#FFF;

	padding-left:30px;

}

.secondHeader ul.navi li.first {

	padding-left:0px;

	padding-right:22px;

	height:50px;

}

.secondHeader ul.navi li.last {

	margin:0px;

	height:50px;

}

.secondHeader ul.navi li p {

	text-align: center;

}

.secondHeader ul.navi li a {

	display: block;

	height:50px;

}

.header div.headerLogo2 {

	float: left;

}

.header div.headerLogo2 img{

}



/* traffic リアルタイム道路交通情報　ヘッダー 1208追加*/

.secondHeader_traTop {

	padding: 0;

	height: 200px;

}

.secondHeader_traTop ul.navi {

	clear: both;

	width:980px;

	height:50px;

}

.secondHeader_traTop ul.navi li {

	float: left;

	background-color:#FFF;

	padding-left:30px;

}

.secondHeader_traTop ul.navi li.first {

	padding-left:0px;

	padding-right:22px;

	height:50px;

}

.secondHeader_traTop ul.navi li.last {

	margin:0px;

	height:50px;

}

.secondHeader_traTop ul.navi li p {

	text-align: center;

}

.secondHeader_traTop ul.navi li a {

	display: block;

	height:50px;

}

/* @end */



/* @group レイアウトBOX1 */

.box01 div.boxCont {

	width: 345px;	

	padding: 10px 15px;

	margin-bottom: 10px;

}

.box01 div.boxCont_w692 {

	width: 692px;	

	padding: 10px 15px;

	margin-bottom: 10px;

 }

.box01 h2 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

}

.box01 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

}

.box01 div.boxCont a , .box01 div.boxCont_w692 a {

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

.box01 div.boxCont div a , .box01 div.boxCont_w692 div a {

	padding-left: 0px;

	margin-bottom: 0px;

	background: none;

}

.box01 div.boxCont h2.big {

	font-size: 131%;

	background-color:#FFFFFF;

	color: #009FB7;

}

.box01 div.boxCont img, .box01 div.boxCont_w692 img {

	float: left;

	margin-top:10px;

	margin-right: 16px;

	margin-bottom: 5px;

}

.box01 div.boxCont p.img , .box01 div.boxCont p.img {

	margin: 0;

	padding: 0;

}

.box01 div.boxCont p.img a, .box01 div.boxCont_w692 p.img a {

	background-position: -999px;

}

.box01 div.boxCont p, .box01 div.boxCont_w692 p{

	margin:0px 0px;

}

.box01 div.boxCont p.text {

	margin:0 0 0 0;

	padding: 0;

	width: 260px;

	float:left;

}

.box01 div.boxCont_w692 p.text01 {

	margin: 0px 0 0 0;

	padding: 0;

	width: 610px;

	float:left;

}

	

/* 1212 追加 */

.box01  p.link {

	float: right;

	padding-left: 15px;

	margin-bottom: 12px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;	

}

.box01 div.boxCont p a span {

	text-decoration: underline;

}

/* @end */



/* @group レイアウトBOX2 */

/* 1227 変更 */

.box02 div.boxCont {

	float: left;

	width: 331px;

	padding: 10px 0px 20px 0px;

	margin-right:26px;

}

.box02 h3 {

	font-size:116.7%;

	background: #fff url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;

	padding-bottom:10px;

}

.box02 div.boxCont a {

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

.box02 div.boxCont div a {

	padding-left: 0px;

	margin-bottom: 0px;

	background: none;

}

.box02 div.boxCont h3.big {

	margin-bottom:5px;

}

.box02 div.boxCont h3.big a {

	font-size:116.7%;

	font-weight: bold;

	margin-bottom: 15px;

	background: none;

}

/* 0118 追加 ↓ 0302 コメントアウト

.box02 div.boxCont h3.big a.windowIcon {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;

	padding-right:15px;

}

/* 0118 追加 ↑*/

.box02 div.boxCont img {

	float: left;

	margin-top:10px;

	margin-right: 16px;

}

.box02 div.boxCont p {

	margin:10px 0px;

}

/* @end */



/* @group レイアウトBOX3 */

.box03 div.boxCont {

	float: left;

	width: 700px;

	padding: 0px 0px 10px 0px;

	margin-right:30px;

}

.box03 div.boxCont a {

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

.box03 div.boxCont img {

	float: left;

	margin-top:10px;

	margin-right: 16px;

}

/* 1207　変更*/

.box03 div.boxCont p {

    margin:10px 10px 5px 0;

}

/* 1227 変更 */

.box03 div.boxCont p.info {

	padding-top: 5px;

}

/* 0302 コメントアウト

.box03 div.boxCont p.info span {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat top right;

	padding-right: 15px;	

}

*/

.box03 div.boxCont  ul.detail {

	padding-top: 5px;

}

.paArea .box03 div.boxCont  ul.detail {

	margin-left: 358px;

}

.box03 div.boxCont  ul.detail li {

	padding-top: 3px;

}

.box03 div.boxCont  ul.detail li a {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_07.png) no-repeat 0px center;

}

.box03 div.boxCont p.iconBox {

	float: left;

	width: 330px;

	padding: 0px 0px 5px 0px;

	margin: 0px 0px 10px 0px;

	border-bottom: 1px #bebebe solid;

}

.box03 div.boxCont p.iconBox img {

	float: left;

	margin-top:10px;

	margin-right: 3px;

}

.box03 div.boxCont p.iconBox img.paPrint {

	float: right;

}

.box03 div.boxCont p.iconBox a {

	background: none;

}

/* @end */



/* @group レイアウトBOX4 */

.box04  {

	margin-bottom: 10px;

}

.box04 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	margin-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;



}

.box04 div.boxCont {

	width: 688px;

	padding: 0px 0px;

	margin-bottom: 0px;

	border-bottom: 1px solid #bebebe;

}

.box04 div.boxCont02{

	width: 692px;

}

.box04 div.boxCont .leftbox  {

	float: left;

}

.box04 div.boxCont .leftbox p {

	width: 320px;

	padding-right: 20px;

	font-weight: bold;

}	

.box04 div.boxCont .rightbox  {

	float: left;

}

.box04 div.boxCont .rightbox table {

	border: none;

	vertical-align: top;

}

.box04 div.boxCont .rightbox table td {

	vertical-align: top;

	border: none;

}

.box04 div.boxCont .rightbox table td.space {

	width: 25px;

}

.box04 div.boxCont .rightbox table td.text {

	padding-top: 10px;

	border: none;

}

.box04 div.boxCont .rightbox table td.textStart {

	padding-top: 5px;

}

.box04 div.boxCont table td img {

	margin-top:5px;

	margin-right: 5px;

	margin-bottom: 5px;

}

.box04 div.boxCont a {

	margin-bottom: 15px;

}

.box04 div.boxCont p {

	margin:10px 0px;

}

.box04 div.boxCont p.start {

	margin:0px 0px 10px 0px;

}

.box04 div.boxCont img.start {

	margin:0px 0px 10px 0px;

}

/* @end */



/* @group レイアウトBOX5 */
.box05  {
	margin-top: 10px;
}
.box05 h3 {
	font-size:116.7%;
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
	margin-left: 20px;
	padding: 10px 0px;
}
.box05 div.boxCont {
	width: 692px;
	padding: 0px 0px;
	margin-left: 20px;
}
.box05 div.boxCont p {
	margin-top:15px;
}
.box05 div.boxCont div.left p {
	margin-top:10px;
}
.box05 div.boxCont div.right p {
	margin-top:10px;
}
.box05 div.boxCont div.right  img{
	margin-top:10px;
}
.box05 div.boxCont p.text {
	float: left;
	width: 410px;
	margin-top: 10px;
}
.box05 div.boxCont p.text span {
	color: #009FB7; 
}
.box05 div.boxCont p.button {
	float: right;
	margin:10px 10px 0px 0px;
}
.box05 div.boxCont p.photo {
	margin-top:10px;
	margin-bottom:15px;
	float: right;
}
.box05  ul li {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
	margin: 10px 0px 0px 0px;
	padding-left:15px;
	width: 692px;	
}

/* 1220 追加 */
.box05 ul.fee {
	width: 331px;
	float: left;
	padding-bottom: 20px;
}

/* 0118 修正 ↓*/
.box05 div.left {
	width:520px;
	float: left;
}
.box05 div.right {
	width:168px;
	float: right;
}
.box05 div.right img {
	margin-bottom: 15px;
}
.box05  ul.etc_l {
	width:210px;
	float: left;
}
.box05  ul.etc_r {
	width:310px;
	float: right;
}
.box05  ul.etc {
	width:600px;
	float: left;
}
/* 0118 修正　↑*/
/* @end */



/* @group レイアウトBOX6 */
.box06  {
	margin: 18px 18px 10px 20px;
}
.box06 h3 {
	font-size: 131%;
	font-weight: bold;
	background: url(/~/media/Images/customer/common/bg/bg_h3_03.gif) no-repeat 0 bottom;
	padding-bottom:10px;
	width: 330px;
}
.box06 div.boxCont.left {
	float: left;
}
.box06 div.boxCont {
	padding-right: 20px;
}
.box06 div.boxCont .last {
	padding-right: 0px;
}
.box06 div.boxCont p.text {
	float: left;
	width:  155px;
	margin-top:5px;
}
.box06 div.boxCont p.photo {
	float: right;
	margin-top:5px;
}
.box06 div.boxCont ul li {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
	margin: 10px 0px 0px 0px;
	padding-left:15px;
	font-size: 108%;
}
.box06 div.boxCont ul.list li {
	float: left;
}
.box06 ul.list02 li {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat left 5px;
	padding-left:15px;
	font-size: 108%;
	float: left;
	display: block;
}
.box06 ul.list02 li.note {
	background: none;
	padding-left: 0;
	font-size: 108%;
	float: left;
	font-weight: bold;
}
.box06 div.relation {
	padding-bottom: 5px;
	float: left;
}
.box06 div.relation img {
	float: left;
}
.box06 div.relation p {
	float: left;
	line-height: 174%;
	width: 200px;
	padding: 0  17px;
}
.box06 div.relation p.last {
	float: left;
	line-height: 174%;
	width: 200px;
	padding: 0px 0px 0px 17px;
}
.box06 div.relation p span {
	color: #707070;
}
.box06 div.relation p a{
	font-weight: bold;
	font-size: 133.3%;
	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;
}

/* リアルタイム用 */
.box06 #bnrBox {
	position: absolute;
	top: 0px;
	right: 0px;
}
/* @end */



/* @group レイアウトBOX7 */

.box07  {

	margin-top: 10px;

	padding-bottom: 30px;

}

.box07 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-left: 20px;

	padding: 10px 0px;

}

.box07 div.boxCont {

	width: 940px;

	padding: 0px 0px;

	margin: 0 20px;

}

.box07 div.boxCont p {

	margin-top:10px;

}

.box07 div.boxCont p.text {

	float: left;

	width: 410px;

	margin-top:10px;

}

.box07 div.boxCont p.text span {

	color: #009FB7; 

}

.box07 div.boxCont p.button {

	float: right;

	margin:10px 10px 0px 0px;

}

.box07 div.boxCont p.photo {

	margin-top:10px;

	margin-bottom:15px;

	float: right;

}

.box07 div.boxCont ul li {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

	margin: 10px 0px 0px 0px;

	padding-left:15px;

	width: 940px;	

}

/* @end */



/* @group レイアウトBOX8 */
.box08 {
	padding-bottom : 20px;
}
.box08 div.boxCont {
	float: left;
	width: 450px;
	margin: 0 20px;
	margin-top:20px;
}
.box08 h3 {
	font-size: 131%;
	background: url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;
	padding-bottom:10px;
}
.box08 div.boxCont ul li {
	display: block;
	margin: 5px 0 0;
}
.box08 div.boxCont ul li.info p {
	float: left;	
}
.box08 div.boxCont ul li.info p.image a {
	background: none;
}
.box08 div.boxCont a {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
	font-size: 116%;
}
.box08 div.boxCont img {
	float: left;
	margin-top:10px;
	margin-right: 16px;
}
.box08 div.boxCont ul li.info p.image img {
	margin: 0px 0px 0px 5px;
}
.box08 div.boxCont ul {
	margin:10px 0px;
}

/* 2013修正 各種渋滞情報用 */
.box08 div.boxCont a.bnrBox08 {
	padding-left: 0px;
	margin-bottom: 0px;
	background: none;
}
/* @end */


/* 2017修正 各種渋滞情報用 */
.box08 .innerWrap {
    width: 331px;
}
.box08 div.boxCont .floatClear {
    float: none;
    padding-bottom: 5px;
}
.box08 div.boxCont .bgClear {
    background: none;
    padding-left: 0;
}
.box08 div.boxCont .bgClear:hover {
    opacity: 0.7;
    -webkit-transition:0.5s;
    transition: 0.5s;
}
/* @end */



/* @group レイアウトBOX9 */

.box09 {
    padding-bottom: 10px;
}
.box09 div.boxCont {
	float: left;
	margin-right: 27px;
	margin-top: 5px;
	margin-bottom: 5px;
 	width: 205px;
}
.selectItemArea.box09 div.boxCont {
	width: 440px;
}
.selectItemArea.box09 div.boxCont.contLeft {
	width: 203px;
}
.box09 div.boxCont_last {
	float: left;
	width: 197px;
	margin-right: 30px;
	margin-top: 5px;
}	

.box09 div.boxCont ul li, .box09 div.boxCont_last ul li {
	width: 205px;
	margin-top: 5px;
	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px 5px;
}
.box09 div.boxCont ul {
	float: left;
}

/* @group ドライブガイド ソート 選択時 */

.box09 div.boxCont ul li.selected, .box09 div.boxCont_last ul li.selected {
	padding-left: 0px;
	color: #fff;
	background: url(/~/media/Images/customer/fun/bg_link_selected_01.gif) no-repeat 0 top;
}

.box09 div.boxCont ul li.selected p, .box09 div.boxCont_last ul li.selected p {
	color: #fff;
	background: url(/~/media/Images/customer/fun/bg_link_selected_02.gif) no-repeat 0 bottom;
}

.box09 div.boxCont ul li.selected p span, .box09 div.boxCont_last ul li.selected p span {
	padding-left: 15px;
}

/* @end */



.box09 div.boxCont p, .box09 div.boxCont_last p {

	margin-top: 5px;

}



/* 1222 変更 */

.box09  p.driveTitle {

	font-weight: bold;

	margin: 0 69px 10px 0;

	float: left;

}

.box09  p.driveTitle span {

}

/* @end */





/*

/* 2012/2/15: kawaguchi追加

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



/* @group ドライブガイドページネーション */



.pagination {

	padding-top: 15px;

	text-align: center;

	clear: both;

}

.pagination ul {

	margin: auto;

	width: 100%;

}

.pagination ul li {

	display: inline-block;

	text-align:center;

}

.pagination ul li img {

	display: block;

}

.pagination ul li.prev {

	float: left;

}

.pagination ul li.next {

	float: right;

}

.pagination ul li.pageindex {

	padding: 0 20px;

	line-height: 30px;

	vertical-align: top;

}



/* @end */



/* @group レイアウトBOX10 */

.box10 {

	padding: 15px 20px 20px;

	background: url(/~/media/Images/customer/common/bg/bg_title_360_bot.gif) no-repeat 0 bottom;

}

.box10 div.boxCont p {

	margin-top: 5px;

}

.box10 div.boxCont p.text {

	float: left;

	width:  155px;

	margin-top:5px;

}

.box10 div.boxCont p.photo {

	float: right;

	margin-top:5px;

}

/* @end */



/* @group レイアウトBOX11 */

.box11 div.boxCont {

	float: left;

	width: 331px;

	margin-right:26px;

	margin-bottom:5px;

}

.box11 div.boxCont_r {

	float: left;

	width: 331px;

	margin-bottom:5px;

}

.box11 h3 {

	font-size:116.7%;

	background: url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;

	padding-bottom:10px;

	margin-bottom: 10px;

	width: 331px;	

}

.box11 h3.big a , .box11 h3.big_14 a{

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px;	

}

.box11 div.boxCont ul li  {

/* 1228 変更

	padding-left: 15px;

 background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px; */

	width: 310px;

}

.box11 div.boxCont_r ul li  {

/* 1228 変更

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px;*/

	width: 310px;		

}

.box11 a {

	margin-bottom: 15px;

}

.box11 h3.big  {

	font-size:131%;

	padding-left: 0px;

	margin-bottom: 10px;

	color: #009FB7;

}

.box11 h3.big_14  {

	font-size:108%;

	padding-left: 0px;

	margin-bottom: 15px;

	color: #009FB7;

}

/* 0104 変更　*/  

/*

 .box11 div.boxCont ul li a{

	 text-decoration: underline;

} 

 .box11 div.boxCont_r ul li a{

	 text-decoration: underline;

} 

*/

/* @end */



/* @group レイアウトBOX12 */

.box12 div.boxCont {

	float: left;

	width: 331px;

	margin-right:26px;

}



.box12 div.boxCont_r {

	float: left;

	width: 331px;

	padding: 0px 0px 10px 0px;

}

.box12 div.boxCont h3 {

	font-size:116.7%;

	background: url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;

	padding-bottom:10px;

}

.box12 div.boxCont_r h3{

	font-size:116.7%;

	background: url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;

	padding-bottom:10px;

	padding-left: 15px;

	text-indent: -15px;

	font-weight: bold;

}

.box12 div.boxCont h3 {

	font-weight: bold;

	margin-bottom:10px;

}

.box12 div.boxCont a {

	font-size:116.7%;

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

}

.box12 div.boxCont_r a {

	font-size:116.7%;

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

}

.box12 div.boxCont p {

	margin:0px 0px 25px 0px;

}

.box12 div.boxCont_r p {

	margin:10px 0px 25px 0px;

}

/* @end */



/* @group レイアウトBOX13 */

.box13 div.boxCont {

	width: 692px;

	padding: 0px 0px;

	margin-bottom: 10px;

}

.box13 h2 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box13 h2 .bk{

	color: #000000;

}

.box13 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

}

.box13 div.boxCont a {

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

.box13 div.boxCont p.img a {

	background: none;

	margin: 0;

	padding: 0;

}

.box13 div.boxCont p.text {

	margin: 0;

	padding: 0;

	width: 330px;

}

.box13 div.boxCont div a {

	padding-left: 0px;

	margin-bottom: 0px;

	background: none;

}

.box13 div.boxCont h2.big {

	font-size: 131%;

	background-color:#FFFFFF;

}

.box13 div.boxCont h2.big a {

	background: none;

	padding-left: 0;

}

.box13 div.boxCont h2.inquiry {

	font-size: 131%;

	background-color:#FFFFFF;

	margin-bottom: 12px;

}

.box13 div.boxCont h2.inquiry a {

	background: none;

	padding-left: 0;

}



/* 1222 お問い合わせ 追加 */

.box13  p.voice {

	width: 515px;

	float: left;

	margin-top: 5px;

}

.box13 div.boxCont p.top {

	margin-bottom: 10px;

}

.box13 div.boxCont p {

	margin-bottom: 15px;

}

.box13  p.voice img {

	float: right;

	margin-top: 5px;

}

/* 1227変更

.box13 div.boxCont span.link {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}*/

.box13 div.boxCont p.greenpost {

	margin-right: 60px;

	padding: 0;

	width: 500px;

	float: left;

}

.box13 div.boxCont p.greenpost a {

	background: none;

	padding-left: 0px;

}

.box13 div.boxCont img.inquiry {

	float: none;

	margin-right: 0px;

	margin-bottom: 0px;

	vertical-align: middle;

}

.box13 div.boxCont img {

	float: left;

	margin-top:10px;

	margin-right: 16px;

	margin-bottom: 5px;

}

/* 1220追加 */

.box13 div.boxCont p.box {

	float: left;

	margin:10px 0px;

}

/* textbox　*/

.qa {

	width: 230px;

	height: 20px;

	padding: 3px 0px;

	font-size: 131%;

}

.box13  p.box {

	float: left;

	padding:  5px 0px 0px 0px;

	width: 232px;

}

/* 1229変更 */

.box13  p.button{

	float: left;

	padding: 14px 0px 0px 15px;

	margin-top: 5px;

}

/* 1212 追加 */

.box13  p.link {

	float: right;

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 00px center;

}

.box13 div.boxCont p a span {

	text-decoration: underline;

}



.box13 p.fr {

	margin:0;

	padding-left:15px;

	float:right;

}

.box13 p.fr img {

	margin-top:0;

	margin-right:0;

	margin-bottom:0;

}



/* @group Q&A カスタム検索 */



/* origin 定義 */

#cse-search-form {

	padding-top: 15px;

}

.cse .gsc-control-cse, .gsc-control-cse {

	padding: 0;

}

#cse-search-form .gsc-input input {

	width: 230px;

	height: 20px;

	padding: 5px;

	font-size: 131%;

	border: solid 1px #999;

}

#cse-search-form table.gsc-search-box td {

	border: none;

}

table.gsc-search-box td.gsc-input {

	padding: 0px;

}

#cse-search-form td.gsc-input {

	width: 240px;

}

table.gsc-search-box td.gsc-search-button {

	width: 100%;

}

input.gsc-search-button {

	padding: 3px;

	font-family: inherit;

	color: #000000;

	text-shadow: 0 1px 2px #FFFFFF;

	background-color: #F0F0F0;

	border: 2px outset;

	border-color: #666666;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}

.gsc-clear-button {

	display: none;

}



/* Default 定義 */

.cse .gsc-control-cse,

.gsc-control-cse {

  width: auto;

}

.cse .gsc-control-wrapper-cse,

.gsc-control-wrapper-cse {

  width: 100%;

}

.cse .gsc-branding,

.gsc-branding {

  display: none;

}

.cse .gsc-control-cse div,

.gsc-control-cse div {

  position: normal;

}

/* Selector for entire element. */

.cse .gsc-control-cse:after,

.gsc-control-cse:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.cse .gsc-resultsHeader,

.gsc-resultsHeader {

  border: block;

}

/* Inactive tab */

.cse .gsc-tabHeader.gsc-tabhInactive,

.gsc-tabHeader.gsc-tabhInactive {

  border-bottom: none;

  color: #666666;

  background-color: #e9e9e9;

  border: 1px solid;

  border-color: #e9e9e9;

  border-bottom: none;

}

/* Active tab */

.cse .gsc-tabHeader.gsc-tabhActive,

.gsc-tabHeader.gsc-tabhActive {

  background-color: #FFFFFF;

  border: 1px solid;

  border-top: 2px solid;

  border-color: #e9e9e9;

  border-top-color: #FF9900;

  border-bottom: none;

}

/* This is the tab bar bottom border. */

.cse .gsc-tabsArea,

.gsc-tabsArea {

  margin-top: 1em;

  border-bottom: 1px solid #e9e9e9;

}

/* Inner wrapper for a result */

.cse .gsc-webResult.gsc-result,

.gsc-webResult.gsc-result,

.gsc-imageResult-column,

.gsc-imageResult-classic {

  padding: .25em;

  border: 1px solid;

  border-color: #ffffff;

  margin-bottom: 1em;

}

/* Result hover event styling */

.cse .gsc-webResult.gsc-result:hover,

.gsc-webResult.gsc-result:hover,

.gsc-webResult.gsc-result.gsc-promotion:hover,

.gsc-results .gsc-imageResult-classic:hover,

.gsc-results .gsc-imageResult-column:hover {

  border: 1px solid;

  border-color: #FFFFFF;

}

/*Promotion Settings*/

/* The entire promo */

.cse .gsc-webResult.gsc-result.gsc-promotion,

.gsc-webResult.gsc-result.gsc-promotion {

  background-color: #FFFFFF;

  border-color: #336699;

}

/* Promotion links */

.cse .gs-promotion a.gs-title:link,

.gs-promotion a.gs-title:link,

.cse .gs-promotion a.gs-title:link *,

.gs-promotion a.gs-title:link *,

.cse .gs-promotion .gs-snippet a:link,

.gs-promotion .gs-snippet a:link {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:visited,

.gs-promotion a.gs-title:visited,

.cse .gs-promotion a.gs-title:visited *,

.gs-promotion a.gs-title:visited *,

.cse .gs-promotion .gs-snippet a:visited,

.gs-promotion .gs-snippet a:visited {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:hover,

.gs-promotion a.gs-title:hover,

.cse .gs-promotion a.gs-title:hover *,

.gs-promotion a.gs-title:hover *,

.cse .gs-promotion .gs-snippet a:hover,

.gs-promotion .gs-snippet a:hover {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:active,

.gs-promotion a.gs-title:active,

.cse .gs-promotion a.gs-title:active *,

.gs-promotion a.gs-title:active *,

.cse .gs-promotion .gs-snippet a:active,

.gs-promotion .gs-snippet a:active {

  color: #0000CC;

}

/* Promotion snippet */

.cse .gs-promotion .gs-snippet,

.gs-promotion .gs-snippet,

.cse .gs-promotion .gs-title .gs-promotion-title-right,

.gs-promotion .gs-title .gs-promotion-title-right,

.cse .gs-promotion .gs-title .gs-promotion-title-right *,

.gs-promotion .gs-title .gs-promotion-title-right * {

  color: #000000;

}

/* Promotion url */

.cse .gs-promotion .gs-visibleUrl,

.gs-promotion .gs-visibleUrl {

  color: #008000;

}

/* Style for auto-completion table

 * .gsc-completion-selected : styling for a suggested query which the user has moused-over

 * .gsc-completion-container : styling for the table which contains the completions

 */

.gsc-completion-selected {

  background: #D5E2FF;

}

.gsc-completion-container {

  font-family: Arial, sans-serif;

  font-size: 13px;

  position: absolute;

  background: white;

  border: 1px solid #666666;

  margin-left: 0;

  margin-right: 0;

  /* The top, left, and width are set in JavaScript. */

}



/* Full URL */

.gs-webResult div.gs-visibleUrl-short,

.gs-promotion div.gs-visibleUrl-short {

  display: none;

}

.gs-webResult div.gs-visibleUrl-long,

.gs-promotion div.gs-visibleUrl-long {

  display: block;

}



/* @end */



/* @end */



/* @group レイアウトBOX14 */

.box14 {
	/*
	border: solid 1px #000;
	background: #b7f4fc;*/
	/*height: 1928px;*/
	display: block;
	zoom:1;
}

.box14 ul li {
	width:232px;
	margin:0 16px 12px 0;
	float:left;
}
.box14 ul li.lastchild {
	margin-right:0;
}

.box14 ul li .boxCon {
	background-color:#fff;
	padding:0 17px;
}

.box14 ul li .boxCon dt {
	margin-bottom:2px;
	text-align:center;
	border: none;
	height: 28px;
	overflow: hidden;
	line-height: 1.1;
}
div.largeText .box14 ul li .boxCon dt {
	height: 32px;
}
.box14 ul li .boxCon dd.photo {

	margin-bottom:8px;

}

.box14 ul li .boxCon dd.title {
	font-size:133.3%;
	font-weight:bold;
	margin-bottom:4px;
	height: 57px;
	overflow: hidden;
	line-height: 1.2;
}
div.largeText .box14 ul li .boxCon dd.title {
	height: 67px;
}

.box14 ul li .boxCon dd.text {
	height: 126px;
	overflow: hidden;
	line-height: 1.3;
}
div.largeText .box14 ul li .boxCon dd.text  {
	height: 166px;
}
.box14 ul li .boxCon dd.data {
    color: #FF0072;
    font-weight: bold;
    margin-bottom: 1px;
}

.box14 ul li .boxCon dd.btn {
	padding:10px 0 0 0;
	text-align:center;
}

/* @end */



/* @group レイアウトBOX15 */

.box15 div.boxCont {

	float: left;

	width: 331px;

	margin-right:26px;

	margin-bottom:20px;

}

.box15 div.boxCont_r {

	float: left;

	width: 331px;

	margin-bottom:20px;

}

.box15 h3 {

	font-size:116.7%;

	background: url(/~/media/Images/customer/common/bg/bg_h3_02.gif) no-repeat 0 bottom;

	padding-bottom:10px;

	margin-bottom: 10px;

	width: 331px;	

}

.box15 div.boxCont ul li  {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px;

	width: 310px;

}

.box15 div.boxCont_r ul li  {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat  left 4px;

	width: 310px;		

}

.box15 a {

	margin-bottom: 15px;

}

.box15 h3.big  {

	font-size:131%;

	padding-left: 0px;

	margin-bottom: 10px;

}

.box15 h3.big_14  {

	font-size:108%;

	padding-left: 0px;

	margin-bottom: 15px;

	color: #009FB7;

}

/* @end */



/* @group レイアウトBOX16 */



.box16 div.boxCont {

	width: 345px;	

	padding: 10px 15px;

	margin-bottom: 10px;

}

.box16 div.boxCont_w692 {

	width: 692px;	

	padding: 10px 15px;

	margin-bottom: 5px;

}

.box16 h2 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

}

.box16 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

}

.box16 div.boxCont_w692 span a, .box16 div.boxCont_w692 span.top a{

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

/* 0302 コメントアウト

.box16 div.boxCont_w692 span.top {

	display: block;

	margin-bottom: 3px;

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right 35px;

	width:220px;

}

*/

.box16 div.boxCont div a , .box16 div.boxCont_w692 div a {

	padding-left: 0px;

	margin-bottom: 0px;

	background: none;

}

.box16 div.boxCont h2.big {

	font-size: 131%;

	background-color:#FFFFFF;

	color: #009FB7;

}

.box16 div.boxCont img, .box16 div.boxCont_w692 img {

	float: left;

	margin-top:10px;

	margin-right: 16px;

	margin-bottom: 5px;

}

.box16 div.boxCont p.img ,.box16 div.boxCont p.img {

	margin: 0;

	padding: 0;

}

.box16 div.boxCont p, .box16 div.boxCont_w692 p{

	margin:0px 0px;

}

.box16 div.boxCont p.text {

	margin: 8px 0 0 0;

	padding: 0;

	width: 255px;

	float:left;

}

.box16 div.boxCont_w692 p.text01 {

	margin: 8px 0 3px 0 ;

	padding: 0;

	width: 605px;

	float:left;

}

/* @end */



/* @group レイアウトBOX17 ドライブガイド テンプレート */

.box17 div.boxCont {

	width: 692px;

	padding: 0px 0px;

	margin-top: 25px;

	margin-bottom: 10px;

}

.box17 h2 {

	font-size:133.3%;

	padding-bottom: 15px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box17 p {

	margin-bottom: 10px;

}

.box17 h2 .bk{

	color: #000000;

}

.box17 div.boxCont a {

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

.box17 div.typeA div.leftBox {

	float: left;

	padding-right: 10px;

}

.box17 div.typeA div.leftBox img {

	margin-bottom: 5px;

}

.box17 div.typeA div.rightBox {

	padding-left: 10px;

	overflow: auto;

}

.box17 div.typeA a {

	padding-left: 15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}


/** 2014/08/11 SBT 削除ページ(外部リンク用)対応 **/
/**アローアイコン**/
.box17 div.typeA li.link{
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;
}
/**外部リンクアイコン**/
.box17 div.typeA a.externalMark{
	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;
}
/*************************************************/
.box17 div.typeB div.leftBox {

	padding-right: 10px;

	overflow: auto;

}

.box17 div.typeB div.rightBox img {

	margin-bottom: 5px;

}

.box17 div.typeB div.rightBox {

	float: right;

	padding-left: 10px;

	overflow: auto;

	width: 289px;

}

.box17 div.typeB a {

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

}

/* @end */



/* @group レイアウトBOX18 ドライブガイド テンプレート（アクセス情報） */

.box18 div.boxCont {

	width: 692px;

	padding: 0px 0px;

	margin-top: 25px;

	margin-bottom: 10px;

}

.box18 h2 {

	font-size:133.3%;

	padding-bottom: 15px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box18 p {

	margin-bottom: 10px;

}



.box18 div.leftBox {
	float: left;
	padding-right: 10px;
	padding-bottom: 30px;
	width: 444px;
	height: 384px;

}

.box18 div.rightBox {

	float: right;

	padding-left: 10px;

	width: 224px;

}

.box18 div.rightBox div.btnArea {

	text-align: center;

}

.box18 div.rightBox div.btnArea img {

	margin-top: 20px;

}

.box18 ul {

	padding-top: 10px;

}

.box18 ul li {

	margin-right: 12px;

	float: left;

}

.box18 ul li.rightSide {

	margin-right: 0px;

	margin-left: 12px;

	float: right;

}

.box18 .accses {

	padding-top: 10px;

}
li.fbBtnBox {
    overflow: hidden;
    width: 72px;
}
*:first-child+html li.fbBtnBox {
    overflow: hidden;
    width: 77px;
}

/* @end */



/* @group レイアウトBOX19 ドライブガイド テンプレート（施設情報） */



table.fa {

	width: 100%;

	}

table.fa th {

	background: #EDEBEB;

	font-weight: normal;

	white-space: nowrap;

	width: 8em;

}



/* @end */

.largeMap {
    background: url("/~/media/Images/customer/fun/ico_map_01.png") no-repeat scroll left 7px transparent;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 4px;
}
.largeMap img {
    padding-bottom: 3px;
}

/* @group レイアウトBOX19 ドライブガイド テンプレート（コメント一覧） */

.box19 div.boxCont {

	width: 692px;

	padding: 0px 0px;

	margin-top: 25px;

	margin-bottom: 10px;

}

.box19 h2 {

	font-size:133.3%;

	padding-bottom: 15px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box19 .comentBox {

	border-bottom: solid 1px #999;

	margin-bottom: 15px;

}

.box19 div.comentBox01 {

	padding-right: 15px;

	overflow: auto;

}

.box19 div.comentBox01 h3 {

	color: #009FB7;

	padding-right: 8px;

	margin-bottom: 1px;

}

.box19 div.comentBox01 p {

	margin-bottom: 15px;

}

.box19 div.comentBox02,

.box19 div.comentBox03 {

	float: right;

}

.box19 div.comentBox02 {

	width: 157px;

	height: 118px;

	margin-bottom: 15px;

	background: #dfdfdf;

	text-align: center;

	vertical-align: middle;

	display: table-cell;

}

.box19 div.comentBox03 {

	width: 74px;

	padding-left: 8px;

}

.box19 div.comentBox03 ul li {

	margin-bottom: 8px;

	width: 74px;

	height: 55px;

	text-align: center;

	background: #dfdfdf;

}

p.readMoreComment {

	text-align: right;

	padding-bottom: 5px;

}

p.readMoreComment a img {

	vertical-align: middle;

	margin-right: 5px;

}

/* @end */



/* @group レイアウトBOX20 */

.box20  {

	margin: 18px 18px 10px 20px;

}

.box20 h3 {

	font-size: 131%;

	font-weight: bold;

	background: url(/~/media/Images/customer/common/bg/bg_h3_03.gif) no-repeat 0 bottom;

	padding-bottom:10px;

	width: 330px;

}

.box20 div.relation {

	padding-bottom: 5px;

	float: left;

}

.box20 div.relation img {

	float: left;

}

.box20 div.relation p {

	float: left;

	line-height: 174%;

	width: 225px;

	padding: 0 17px;

}

.box20 div.relation p.last {

	float: left;

	line-height: 174%;

	width: 200px;

	padding: 0px 0px 0px 17px;

}

.box20 div.relation p span {

	color: #707070;

}

.box20 div.relation p a{

	font-weight: bold;

	font-size: 133.3%;

	padding-left: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

}

/* @end */



/* @group レイアウトBOX21 ドライブガイド コメントinput */

.box21 div.boxCont {
	/*width: 692px;*/
	padding: 0px 0px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.box21 h2 {

	font-size:133.3%;

	padding-bottom: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box21 p {

	margin-bottom: 10px;

}

.box21 div.boxCont p a {

	padding-left: 12px;

	background: transparent url("/~/media/Images/customer/common/ico/ico_link_arrow_06.png") no-repeat scroll left center;

}



.box21 div.inputArea {

	padding: 20px;

}

.box21 div.inputArea dl dt {

	padding-top: 2px;

	width: 90px;



	border: none;

	float: left;

}

.box21 div.inputArea dl dd {

	margin-left: 90px;

	margin-bottom: 10px;

}

.box21 div.inputArea textarea {

	width: 530px;

	resize: vertical;

}

.box21 div.inputArea dl dt.nonFloat {

	float: none;

	width: 600px;

	margin-bottom: 10px;

}

.box21 div.inputArea dd.inputMidArea input {

	margin-top: 8px;

}

.box21 div.inputArea dd.inputMidArea img {

	float: left;

	margin-right: 10px;

}

.box21 div.inputArea div.inputBotArea {

	padding-left: 90px;

}

.box21 div.inputArea div.inputBotArea div {

	padding-top: 20px;

}

.box21 div.inputArea p.botBtnArea {

	text-align: center;

	margin-top: 20px;

}

.box21 div.inputArea p.botBtnArea img {

	padding: 0px 10px;

}

.confTextBox {

	width: 530px;

}

.box21 p.commentAlert {

	margin-top: 3px;

	color: #f00;

}

/* @end */



/* @group レイアウトBOX22 News & Topics一覧で使用 */

.box22  {

	margin-top: 10px;

}

.box22 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-left: 20px;

	padding: 10px 0px;

}

.box22 div.boxCont {

	width: 692px;

	padding: 20px 0px 0px;

	margin-left: 20px;

}

.box22  ul li {

	clear: both;

}

.box22  ul li p {

	float: left;

}

.box22  ul li a {

	width: 620px;

	float: left;

	padding-left: 10px;

	padding-bottom: 15px;

}

/* @end */



/* @group レイアウトBOX23 */

.box23  {

	margin-top: 10px;

	margin-bottom: 30px;

}

.box23 h3 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_04.gif) no-repeat 0 bottom;

	margin-left: 20px;

padding: 10px 20px 10px 0px;

}

.box23 div.boxCont {

	width: 940px;

	padding: 0px 0px;

	margin: 0 20px;

}

.box23 div.boxCont p {

	margin-top:10px;

}

.box23 div.boxCont div p {

	margin-right: 30px;

	width: 690px;

	float: left;

}

.box23 div.boxCont div ul {

	margin-top:10px;

	width: 200px;

	float: left;

}

.box23 div.boxCont div ul li {

	margin-bottom: 10px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

	padding-left:15px;

}

.box23 div.boxCont p.text {

	float: left;

	width: 410px;

	margin-top:10px;

}

.box23 div.boxCont p.text span {

	color: #009FB7; 

}

.box23 div.boxCont p.button {

	float: right;

	margin:10px 10px 0px 0px;

}

.box23 div.boxCont p.photo {

	margin-top:10px;

	margin-bottom:15px;

	float: right;

}

.box23 div.boxCont p.pdfLink {

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_pdf.gif) no-repeat scroll left center transparent;

}

.box23 div.boxCont.printBtnArea {

	text-align: right;

	margin-bottom: -50px;

}

.box23 div.boxCont.printBtnArea a img {

	margin-right: 10px;

}

.box23 ul.tableText {

	width: 820px;

}

.box23 div.boxCont .image{

	padding: 20px 0;

	text-align:center;

} 



#ajaxContents div.box23 h4 {

    margin: 2em 0 0.4em 0;

}

.box23 div.boxCont ul.marathon li {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;

	margin: 10px 0px 0px 0px;

	padding-left:15px;

	width: 940px;	

}

/* @end */

/* @group レイアウトBOX24 */

.box24 div.boxCont {

	width: 692px;

	padding: 0px 0px;

	margin-bottom: 10px;

}

.box24 h2 {

	font-size:116.7%;

	padding-bottom: 10px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	color: #009FB7;

}

.box24 h2 .bk{

	color: #000000;

}

.box24 div.boxCont h2.big {

	font-size: 131%;

	background-color:#FFFFFF;

}

.box24 div.boxCont h2.big a {

	background: none;

	padding-left: 0;

}

.box24 div.boxCont h2.inquiry {

	font-size: 131%;

	background-color:#FFFFFF;

	margin-bottom: 12px;

}

.box24 div.boxCont h2.inquiry a {

	background: none;

	padding-left: 0;

}



/* @group box24 */



/* @group  ピックアップエリア */

.pickupAreaTopLower {

	padding: 20px 20px 10px;

	margin-bottom: 20px;

	background:#fff;

}

.pickupAreaTopLower div.pickups{

	background:#fff;	

	padding: 20px 20px 10px;

}

.pickupAreaLower {

	padding: 20px 20px 10px;

	margin-bottom: 20px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

	width: 688px;

}

.pickupAreaLower div.pickups{

	background:#fff;	

	padding: 20px 20px 10px

}

/* 1212 追加 */

.pickupAreaSubLower {

	padding-top: 10px;

	margin-bottom: 20px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_top.png) left top;

	width: 728px;

}

.pickupAreaSubLower p.text {

	margin: 3px;

	padding-left: 17px;

}

/* 0302 コメントアウト

.pickupAreaSubLower p.text a {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center ;

	padding-right: 15px;

}

*/

.pickupAreaSubLower div {

	height: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

}

/* @end */



/* @group 駐車場 */

div.carTitle {

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	padding-top: 18px;

	margin-bottom: 10px;

}

div.carTitle p {

	float: left;

	width: 229px;	

	padding-bottom:10px;

}

div.carBox {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #bebebe;

}

div.carBox p {

	float: left;

	width: 229px;	

}

div.carBox span {

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

	color: #009FB7;

}

/* @end */



/* @group PAエリア */

.paArea {

	padding: 10px 20px 10px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

	height: auto;

	width: 688px;

}

.paArea h2 {

    font-weight: bold;

	font-size:  161.6%;

	color:#fff;

	padding:10px 0 10px 20px;

	background:#00a0b8;

}

.paArea ul li {

	float: left;

	width: 324px;

}

.paContent {

	border-bottom: 1px dotted black;

	margin-bottom: 20px;

}

.paArea .pickupContent ul li {

	padding-right: 20px;

	padding-bottom: 20px;

}

.paArea ul li img {

	float: left;

	margin-right: 16px;

}

.paArea .pickupContent ul li a {

	font-weight: bold;

	display: block;

	padding-left: 115px;

	margin-bottom: 5px;

	float: right

}

.paArea .titleName {

	margin-bottom: 10px;

}

.paArea p.icon {

	float: left;

	margin: 0px 8px 0px 0px;

}

.paArea p.icon img {

	vertical-align: middle;

	margin-right: 4px;

}

.paArea .boxPA {

	margin: 10px 0px 5px 0px;

}

.paArea .textPA ul.detail {

    height: 242px;

	display: block;

}

.paArea .textPA ul.detail li {

	width: 670px;

	padding-left: 15px;

	margin-top: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_01.gif) no-repeat 0px 5px;

}

.paArea .textPA ul.detail li.first {

	margin-top: 5px;

}

/* 0302 コメントアウト

.paArea .textPA  div.detail ul li.info a{

	padding-right:10px;

	background: url(/~/media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat  right center ;

}

*/

.paArea .textPA ul.link  {

	margin-top: -1px;

	margin-left:2px;

}

.paArea .textPA ul.link li {

	margin: 2px 0px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px center;

	display: block;

}

/* 1222追加 *//* 0302 コメントアウト

.paArea .textPA ul.link li span.info {

	margin: 2px 0px;

	background: url(/~/media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat center right;

	padding-right: 10px;

}



.paArea .textPA span.icon a {

	color: #009FB7;

	padding-right:15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_window_02.gif) no-repeat  right center ;

}

*/

.textPickUp li {

	padding-bottom: 10px;

}

.textPickUp li p.icon01 {

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_01.gif) no-repeat left center;

}

.textPickUp li p.icon02 {

	padding-left: 20px;

	background: url(/~/media/Images/customer/common/ico/ico_text_02.gif) no-repeat left center;

}

/* 1227　追加 */

.parkingPA {

	margin: 5px 0px;

}

/* @end */



/* @group 首都高を知る・楽しむ　 */
.driveGuideTitle {
	width: 728px;
	background: url("/~/media/Images/customer/common/bg/bg_title_728_03.png") no-repeat scroll left top transparent;
	color: #fff;
	font-size: 200%;
	position: relative;
}
.driveGuideTitle h2 img {
	padding: 14px 10px 14px 20px;
}
div.driveGuideTitle span {
	margin-top: -0.4em;
	position: absolute;
	top: 50%;
	left: 85px;
	display: block;
	padding: 1px 0 3px;
}
div.driveGuideTitle div.slideBtn {
	position: absolute;
	top: 15px;
	right: 20px;
	color: #009FB7;
	cursor: pointer;
}

.recommnedAreaContent {
	width: 728px;
}

.recommnedArea {
	padding: 20px 0px 10px 30px;
	margin-bottom: 10px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
	width: 698px;
}
.recommnedArea_top {
	padding: 0px 0px 10px 30px;
	background: #ffffff;
	width: 698px;
	position: relative;
}
.recommnedArea_top p.driveTitle {
	float: left;
	width: 231px;
}
.recommnedArea_top div.slideBtn,
.recommnedArea_top div.slideBtnClose {
	position: absolute;
	top: -61px;
	right: 20px;
	color: #009FB7;
	cursor: pointer;
}
.selectItemArea {
	padding: 0px 0px 10px 30px;
	background: #ffffff;
}
.recommnedArea_bot {
	width: 728px;
	height: 15px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;
}
.driveGuideAcoBox {
	padding-bottom: 15px;
}
.driveGuideTitleBot {
	position: absolute;
	left: 0;
	bottom: 0;
}
.driveGuideArea {
	background: #ffffff;
	padding-top: 20px;
}
.driveGuideArea .recommnedArea {
	padding-top: 0px;
}
.selectItemArea .ratLineBox {
	border-top: solid 1px #00A0B8;
	padding-bottom: 4px;
}


/* @group ドライブガイド */

.driveGuideAreaTemp {
	padding: 15px 20px 10px;
	margin-bottom: 10px;
	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
	width: 688px;
}

.driveGuideBackBtn {
	text-align: center;
	padding: 15px 0px 18px;
}
.driveGuideAreaTemp p.dataText {
	text-align: right;
	margin-bottom: 10px;
}
.noResultArea {
	margin-bottom: 10px;
	padding-top: 80px;
	height: 130px;
	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
}
.noResultArea p {
	text-align:center;
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
}
h2.bg_w728_03 {
	background: url(/~/media/Images/customer/common/bg/bg_title_728_03.png) no-repeat left top;	
}
h2.h2title04.driveGuideTitle span {
	margin-top: -0.4em;
}
/* @end */

/* @end */

/* @end */


/* @group レイアウトBOX25 TOP「首都高を知る・楽しむ」「首都高の取り組み」「News & Topics」 */

.box25  {
	margin: 18px 18px 10px 20px;
}
.box25 div.relation {
	width: 312px;
	padding-bottom: 5px;
	float: left;
	line-height: 130%;
}
.box25 div.relation img {
	float: left;
}
/* 上段 */
.box25.upside div.relation p {
	float: left;
	line-height: 155%;
	width: 165px;
	padding: 0 0 0 15px;
}
.box25.upside div.relation p.last {
	float: left;
	line-height: 155%;
	width: 165px;
	padding: 0 0 0 15px;
}
.box25 div.relation p span {
	color: #707070;
}
.box25.upside div.relation p a {
	display: block;
	font-weight: bold;
	font-size: 133.3%;
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url(/~/media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left 6px;
}
/* 下段 */
.box25.downside div.relation {
	width: 235px;
	padding-bottom: 5px;
	float: left;
}
.box25.downside div.relation p {
	float: left;
	line-height: 155%;
	width: 125px;
	padding: 0 0 0 10px;
}
.box25.downside div.relation p.last {
	float: left;
	line-height: 155%;
	width: 125px;
	padding: 0 0 0 10px;
}
.box25.downside div.relation p a {
	display: block;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 5px;
	background: transparent url(/~/media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left 5px;
}
/* 下段リンク */
.linkBox {
	margin: 0 0 10px 20px;
	padding-bottom: 5px;
}
/* 20131118 del by SBT start */
/*
.linkBox div {
	float: left;
	width: 473px;
}
*/
/* 20131118 del by SBT end */

.linkBox div.relation p {
	float: left;
	line-height: 155%;
	width: 125px;
	padding: 0 0 0 10px;
}
.linkBox div.relation p.last {
	float: left;
	line-height: 155%;
	width: 125px;
	padding: 0 0 0 10px;
}
.linkBox div ul li a {
	padding-left: 15px;
	margin-bottom: 5px;
	background: transparent url(/~/media/Images/customer/common/ico/ico_link_arrow_14.png) no-repeat scroll left center;
}
.linkBox div ul li a img {
	margin-left: 5px;
	vertical-align: text-top;
}
.linkBox p {
	clear: both;
	text-align: right;
	padding-right: 18px;
}
.linkBox p a {
	padding-left: 14px;
	background: transparent url("/~/media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left center;
}


/* @end */

/* @group タブ NEws & Topics　 */
#tabBox {
	margin: 0 0 10px 20px;
	padding-bottom: 5px;
}
#tabBox p {
	clear: both;
	text-align: right;
	padding-right: 18px;
}
#tabBox p a {
	padding-left: 14px;
	background: transparent url("/~/media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left center;
}
/* TOPページ用 */
.newsBox ul.tab {
	height: 27px;
	width: 940px;
	padding: 0;
	background: url(/~/media/Images/customer/top/bg_tab_ul.png) repeat-x right bottom;
}
/* News一覧ページ用 */
.newsBox2 ul.tab {
	height: 37px;
	width: 690px;
	padding: 0;
	background: url(/~/media/Images/customer/top/bg_tab_ul.png) repeat-x right bottom;
}
#tabBox ul.tab li {
	float: left;
}
#tabBox ul.tab li a {
	outline: none;
	display: block;
	text-align: center;
}
/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131224修正↓↓↓ */
/*
.newsBox ul.tab li a span {
	display: block;
	width: 139px;
	height: 27px;
	text-indent: -9999px;
}
*/
.newsBox ul.tab li a span {
	display: block;
	width: 131px;
	height: 27px;
	text-indent: -9999px;
}
/* ↑↑↑20131224修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
.newsBox2 ul.tab li a span {
	display: block;
	width: 98px;
	height: 37px;
	text-indent: -9999px;
}
#tabBox ul.panel {
	clear: both;
	padding: 24px 0 14px 0;
}
#tabBox ul.panel li.panelBox ul {
	margin: 0px;
}
#tabBox ul.panel li.panelBox ul li a {
	/* ↓20140709 確認 マージ漏れ？↓ */
	margin-left: 15px;
	/*margin-left: 25px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
}

/* TAB背景 TOPページ用 */
/*
・btn_top_0→すべて見る
・btn_top_1→お知らせ
・btn_top_2→イベントキャンペーン
・btn_top_9→重要なおしらせ
*/
.newsBox ul.tab li a.selected span#tabNum0 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_0_on.png) no-repeat left top;
}
.newsBox ul.tab li a span#tabNum0 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_0_off.png) no-repeat left top;
}
.newsBox ul.tab li a.selected span#tabNum1 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_1_on.png) no-repeat left top;
}
.newsBox ul.tab li a span#tabNum1 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_1_off.png) no-repeat left top;
}
.newsBox ul.tab li a.selected span#tabNum2 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_2_on.png) no-repeat left top;
}
.newsBox ul.tab li a span#tabNum2 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_2_off.png) no-repeat left top;
}
.newsBox ul.tab li a.selected span#tabNum9 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_9_on.png) no-repeat left top;
}
.newsBox ul.tab li a span#tabNum9 {
	background: url(/~/media/Images/customer/top/newsTopics/btn_top_9_off.png) no-repeat left top;
}
/* TAB背景 News一覧ページ用 */
/*
・btn_tab_0→すべて見る
・btn_top_1→お知らせ
・btn_top_2→イベントキャンペーン
・btn_top_9→重要なお知らせ
*/
.newsBox2 ul.tab li a.selected span#tabNum0 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_0_on.png) no-repeat left top;
}
.newsBox2 ul.tab li a span#tabNum0 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_0_off.png) no-repeat left top;
}
.newsBox2 ul.tab li a.selected span#tabNum1 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_1_on.png) no-repeat left top;
}
.newsBox2 ul.tab li a span#tabNum1 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_1_off.png) no-repeat left top;
}
.newsBox2 ul.tab li a.selected span#tabNum2 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_2_on.png) no-repeat left top;
}
.newsBox2 ul.tab li a span#tabNum2 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_2_off.png) no-repeat left top;
}
.newsBox2 ul.tab li a.selected span#tabNum9 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_9_on.png) no-repeat left top;
}
.newsBox2 ul.tab li a span#tabNum9 {
	background: url(/~/media/Images/customer/news/newsTopicsList/btn_tab_9_off.png) no-repeat left top;
}

/* リストジャンルアイコン */
#tabBox ul.panel li.panelBox ul li {
	/* ↓20140709 確認 マージ漏れ？↓ */
	padding-left: 107px;
	/*padding-left: 117px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
}
/* News＆Topicsのカテゴリ画像 */
#tabBox ul.panel li.panelBox ul li.case1 {
	background: url(/~/media/Images/customer/top/newsTopics/ico_top_category_1.png) no-repeat left center;
}
#tabBox ul.panel li.panelBox ul li.case2 {
	background: url(/~/media/Images/customer/top/newsTopics/ico_top_category_2.png) no-repeat left center;
}
#tabBox ul.panel li.panelBox ul li.case9 {
	background: url(/~/media/Images/customer/top/newsTopics/ico_top_category_9.png) no-repeat left center;
}

/* @end */

/* @group レイアウトBOX26 TOP「おすすめコンテンツ」 */
.recommendedContent {
	margin-bottom: 20px;
	padding: 14px 0 12px 24px;
	clear: both;
	border: solid 1px #349E6D;
	background: #FFFEF7;
}
.recommendedContent #bannerBox {
	height: 108px;
	margin-bottom: 12px;
}
.recommendedContent #bannerBox a {
	float: left;
}
.recommendedContent #linkBox01 {
	margin-bottom: 19px;
}
.recommendedContent #linkBox01 .box25 {
	margin: 0;
}
.recommendedContent #bannerBox a {
	margin-right: 10px;
}
.recommendedContent #linkBox02 {
	margin-bottom: 19px;
}
.recommendedContent #linkBox02 a {
	margin-right: 6px;
}
.recommendedContent .linkBox {
	margin: 0;
}
.recommendedContent a {
	color: #349e6d;
	background: transparent url(/~/media/Images/customer/common/ico/ico_link_arrow_15.png) no-repeat scroll left 3px !important;
}
.recommendedContent .box25 div.relation a img.blWindow {
	float: none;
	vertical-align: text-top;
	margin-left: 5px;
}
/* @end */



/* @group お問合わせ　 */

.inquiryAreaContent {

	width: 728px;

}

/* @end */



/* @group  サイドメニュー*/
div.sideMenuLower {
	float: right;
	width: 230px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_230_bot.png) no-repeat 0 bottom;
	margin-bottom: 15px;
}
div.sideMenuLower h1 {
	padding: 0px;
}
div.sideMenuLower ul.sideContentsMenuTop {
	padding: 0 12px;
}
div.sideMenuLower ul.sideContentsMenuTop li {
	border-top: dotted 1px #00A0B8;
	padding: 15px 0px 15px 33px;
	background-image: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png);
	background-repeat: no-repeat;
	background-position: 8px 19px;
}
div.sideMenuLower ul.sideContentsMenuTop li.first {
	border-top:none;
}

/* 首都高を知る・楽しむ　枠線水色サイドメニュー */
div.sideMenuLowerFun {
	float: right;
	width: 230px;
	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_white_230_bot.png) no-repeat 0 bottom;
	/*border: 1px solid #a3f6fe;*/
	margin-bottom: 10px;
}
div.sideMenuLowerFun h1 {
	padding: 0px;
}
div.sideMenuLowerFun ul.accessLank {
	margin-top: 10px;
	height: auto;
}
div.sideMenuLowerFun ul.accessLank li  {
	margin:5px 20px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #00A0B8;
}
div.sideMenuLowerFun ul.accessLank li p.number {
	float: left;
	width:20px;
	margin-right:15px;	
}
div.sideMenuLowerFun ul.accessLank li p.text{
	float: left;
	width:150px;
}
div.sideMenuLowerFun ul.accessLank li.last{
	border: none;
}
div.sideMenuLowerFun ul.sideContentsMenuTop {
	padding: 0 12px;
}
div.sideMenuLowerFun ul.sideContentsMenuTop li {
	border-top: dotted 1px #00A0B8;
	padding: 15px 0px 15px 33px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 8px center;
}
div.sideMenuLowerFun ul.sideContentsMenuTop li a[href^="http:"] {
    background: url("/~/media/Images/customer/common/ico/ico_link_window_01.gif") no-repeat scroll right center transparent;
    margin-right: 5px;
    padding-right: 15px;
}
div.sideMenuLowerFun ul.sideContentsMenuTop li.first {
	border-top:none;
}
div.sideMenuLowerFun ul.sideContentsMenuTop li.next {
	border-top: dotted 1px #00A0B8;
}
div.sideMenuLowerFun rul.sideContentsMenuTop li.last {
	border-bottom: none;
}
/*
div.sideMenuLowerFun ul.sideContentsMenuTop li.windowIcon {
	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif)  no-repeat left center;
}
*/
div.sideMenuLowerFun ul.sideContentsMenu {
	padding: 5px 12px 0px 12px;
}
div.sideMenuLowerFun ul.sideContentsMenu li {
	padding: 10px 0px 10px 8px;
	margin-bottom:0px;	
}
div.sideMenuLowerFun ul.sideContentsMenu li.menuTitle{
	padding: 5px 0px 0px 8px;
	border-bottom: dotted 1px #00A0B8;
}
div.sideMenuLowerFun ul.sideContentsMenu li p {
	padding-left:25px;
	background: url(/~/media/Images/customer/common/ico/ico_sidemenu_01.gif) no-repeat 0px center;
}
div.sideMenuLowerFun ul.sideContentsMenu li.menuTitle p{
	background: none;
	padding-left:0px;
}
div.sideMenuLowerFun ul.sideContentsMenu li span {
	display: block;
	padding-top:5px;
	padding-left: 25px;
}
div.sideMenuLowerFun ul.sideContentsMenu li a {
	display: block;
	line-height: 140%;
}
div.sideMenuLowerFun ul.sideContentsMenu li.last{
	padding-bottom:0px;
}
div.sideMenuLowerFun .accessLank {
	height: 300px;
	width: 230px;
}

/* 枠線水色バナー欄  首都高を知る・楽しむ 0119追加 */
div.sideMenuBanner {
	float: right;
	/*height: 260px;*/
	width: 230px;
	margin-bottom: 10px;
	/*background: #e7fcad;*/
	/*border: 1px solid #a3f6fe;*/
}
div.sideMenuBanner .bannerArea ul li {
	margin-bottom:12px;
}
div.sideMenuBanner .bannerArea ul li.last {
	margin-bottom:12px;
}

#sidenaviBannerBox {
	margin-bottom: 20px;
}
/* @end */

/* @group 第二階層 サイドメニュー*/
/* メニュー背景水色 1209追加 */
div.sideMenuLower ul.sideContentsMenuOver {
	padding: 0 ;
}
div.sideMenuLower ul.sideContentsMenuOver li {
	padding: 15px 0 15px 25px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) #b8e8ef no-repeat 20px center;
}
div.sideMenuLower ul.sideContentsMenuOver p {
	padding-left: 20px;
}
/* @end */



/* @group 首都高ネットワーク案内 サイドメニュー */

div.sideMenuLower div.text{

	padding: 5px 20px 20px 20px;

}

div.sideMenuLower ul.sideContentsNetMenu {

	padding: 5px 12px 20px 12px;

}

div.sideMenuLower ul.sideContentsNetMenu li {

	padding: 3px 0px 3px 8px;

	margin-bottom:0px;

}

div.sideMenuLower ul.sideContentsNetMenu li.menuTitle{

	padding: 5px 0px 0px 8px;

	margin-bottom: 10px;

	border-bottom: dotted 1px #00A0B8;

}

div.sideMenuLower ul.sideContentsNetMenu li p {

	padding-left:25px;

	background: url(/~/media/Images/customer/common/ico/ico_pdf.gif) no-repeat 0px 0px;

}

div.sideMenuLower ul.sideContentsNetMenu li.menuTitle p{

	background: none;

	padding-left:0px;

}

div.sideMenuLower ul.sideContentsNetMenu span {

	display: block;

	padding: 10px 10px 0px 10px;

}



div.sideMenuLower ul.sideContentsNetMenu span a {

	text-decoration: underline;

}

	

div.sideMenuLower ul.sideContentsNetMenu li a {

	display: block;

	line-height: 140%;

}

/* @end */



/* @group 第四階層 サイドメニュー*/

div.sideMenufourth {

	float: right;

	width: 230px;

	background: #fff;

}

div.sideMenufourth h1 {

	padding: 0px;

}

/* 1207 追加　*/

ul.sideMenufourth {

	padding: 0 12px;

}

ul.sideMenufourth li {

	border-bottom: dotted 1px #00A0B8;

	padding: 15px 0 15px 30px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 8px center;

}

ul.sideMenufourth li.next {

	border-top: dotted 1px #00A0B8;

}

ul.sideMenufourth li.last {

	border-bottom: none;

}

/* 0302 コメントアウト

ul.sideMenufourth li.windowIcon {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat left center;

}*/

ul.sideMenufourthOver {

	padding: 0 ;

}

ul.sideMenufourthOver li {

	padding: 15px 0 15px 25px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) #b8e8ef no-repeat 20px center;

}

ul.sideMenufourthOver p {

	padding-left: 20px;

}

ul.fourthList {

	padding-bottom: 10px;

	 margin: 10px 12px 0px;

	 border-bottom: dotted 1px #00A0B8;

}

ul.fourthList li {

	padding: 2px 0 2px 40px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat 20px 6px;

	border-top: none;

	margin: 0;

}



ul.fourthList li.current {

	/*padding: 2px 0 2px 40px;

	margin: 0;*/

	margin: 0 -12px;

	padding: 2px 12px 0 52px;

	/*background: #B8E8EF url(/~/media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat 20px 6px;*/

	background: #B8E8EF url(/~/media/Images/customer/common/ico/ico_link_arrow_06.png) no-repeat 32px 6px;

	border-top: none;

}

/* 0302 コメントアウト

 ul.fourthList li.info p a {

	background: url(/~/media/Images/customer/common/ico/ico_link_window_01.gif) no-repeat right center;

	padding-right: 15px;

	*zoom:1;

} */

/* 0119 修正　↑*/

div.sideMenufourth ul.sideContentsMenu {

	padding: 5px 12px 0px 12px;

}

div.sideMenufourth ul.sideContentsMenu li {

	padding: 10px 0px 10px 8px;

	margin-bottom:0px;

}

div.sideMenufourth ul.sideContentsMenu li.menuTitle{

	padding: 5px 0px 0px 8px;

	border-bottom: dotted 1px #00A0B8;

}

div.sideMenufourth ul.sideContentsMenu li p {

	padding-left:25px;

	background: url(/~/media/Images/customer/common/ico/ico_sidemenu_01.gif) no-repeat 0px center;

}

div.sideMenufourth ul.sideContentsMenu li.menuTitle p{

	background: none;

	padding-left:0px;

}

div.sideMenufourth ul.sideContentsMenu li span {

	display: block;

	padding-top:5px;

	padding-left: 25px;

}

div.sideMenufourth ul.sideContentsMenu li a {

	display: block;

	line-height: 140%;

}

div.sideMenufourth ul.sideContentsMenu li.last{

	padding-bottom:0px;

}

/* @end */



/* @group  テーブルエリア */

/* @group  table.pa */

table.pa {

	text-align: center;

	border: 1px solid #666666;

	width: 690px;

}

table.pa th {

	background: #edebeb;

	text-align: center;

}

table.pa td.link {

	text-align: left;

}

/* @end */



/* @group  タイトルエリア */



/* @group  h2.h2title */

h2.h2title{

	font-weight: bold;

	font-size:116.7%;

	color:#fff;

	padding:5px 0 5px 15px;

	background:#71d2e0;

}

/* @end */



/* @group  h2.h2title02 */

h2.h2title02{	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 10px 20px;

	position:relative;

}

h2.h2title02 img{

	vertical-align: text-bottom;

}

h2.h2title02 .lcwhite a:hover {

	text-decoration: none;

}

h2.h2title02 .lcwhite a:visited {

	text-decoration: none;

}

h2.h2title02 img {

	margin-right:10px;

}

h2.h2title02 span{



}

h2.h2title02 a:hover{



	}

.bg_w239 {

	background: url(/~/media/Images/customer/common/bg/bg_title_239.gif) no-repeat left top;	

}

.bg_w360 {

	background: url(/~/media/Images/customer/common/bg/bg_title_360.gif) no-repeat left top;	

}

.bg_w728 {

	background: url(/~/media/Images/customer/common/bg/bg_title_728.gif) no-repeat left top;	

}

.bg_w728_02 {

	background: url(/~/media/Images/customer/common/bg/bg_title_728_02.gif) no-repeat left top;	

}

.bg_w980 {

	background: url(/~/media/Images/customer/common/bg/bg_title_980.gif) no-repeat left top;	

}

.bg_w980_02 {

	background: url(/~/media/Images/customer/common/bg/bg_title_980_02.gif) no-repeat left top;	

}

/* @end */



/* @group  h2.h2title02_net */

h2.h2title02_net{	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 12px 20px;

	position:relative;

}

h2.h2title02_net img{

	vertical-align: text-bottom;

}

h2.h2title02_net .lcwhite a:hover {

	text-decoration: none;

}

h2.h2title02_net .lcwhite a:visited {

	text-decoration: none;

}

h2.h2title02_net img {

	margin-right:10px;

}

/* @end */



/* @group  h2.h2title02_f1 */

h2.h2title02_f1 {	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 10px 20px;



}

h2.h2title02_f1 img{

	vertical-align: text-bottom;

}

h2.h2title02_f1 .lcwhite a:hover {

	text-decoration: none;

}

h2.h2title02_f1 .lcwhite a:visited {

	text-decoration: none;

}

h2.h2title02_f1 img {

	margin-right:10px;

}

h2.h2title02_f1 span{



}

h2.h2title02_f1 a:hover{



	}

/* @end */

/* @group  h2.h2title02_f2 */

h2.h2title02_f2 {	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 10px 20px;

}

h2.h2title02_f2 img{

	vertical-align: text-bottom;

}

h2.h2title02_f2 .lcwhite a:hover {



}

h2.h2title02_f2 .lcwhite a:visited {



}

h2.h2title02_f2 img {

	margin-right:10px;

}

h2.h2title02_f2 span{



}

h2.h2title02_f2 a:hover{



	}

/* @end */

	

/*  首都高を知る・楽しむ 1219変更  */

h2.h2title02_fun{

    font-weight: bold;

	font-size:  133.3%;

	color:#fff;

	position:relative;

	width: 728px;

}

h2.h2title02_fun img {

	padding: 14px 10px 14px 20px;

}

h2.h2title02_fun div.text {

	position: absolute;

	top: 50%;

	left: 55px;

	margin-top:-0.5em;

	/*line-height: 100%;*/

}

h2.h2title02_fun div.text a {

	color: #FFFFFF;

}

h2.h2title02_fun div.text img {

	padding: 2px 0px 0px 10px;

	position: absolute;

	top: 50%;

	margin-top:-0.5em;

	line-height: 100%;

	float: right;



}

/* @end */



/* @group  h2.h2title03 */

h2.h2title03{	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 10px 15px;

	background:#00a0b8;

}

/* @end */



/* @group  h2.h2title04 */

.trafficTitleArea {

	background: url(/~/media/Images/customer/common/bg/bg_title_980_bot.gif) no-repeat left bottom;

}

h2.h2title04{	

	font-size: 200%;

	color: #fff;

	position: relative;

}

h2.h2title04 img{

	padding: 14px 10px 14px 20px;

}

h2.h2title04 span {

	position: absolute;

	top: 50%;

	left: 85px;

	margin-top:-0.5em;

	width: 620px;

}

h2.h2title04 span a {

	color: #FFFFFF;

}

h2.h2title04 span.watch {

/*		padding-left:20px;

	margin-top: 5px;*/



	color: #ffffff;

	text-decoration: underline;

/*	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_09.gif) no-repeat 0px center; */

	position:absolute;

	top: 50%;

	margin-top:-0.5em;

	left:625px;

/*	width: 60px;*/

	line-height: 100%;

}

h2.h2title04 span.watch img {

	top: 50%;

	margin-top:-0.5em;

	line-height: 100%;

}

h2.h2title04 span.watch  a {

	color: #ffffff;	

}

h2.h2title04 span.watch  a:hover{

	color:#fff;

}

h2.h2title04 span.watch  a:visited  {

	color:#fff;

}

/* @end */



/* ↓1228追加 2010/3/6 kawaguchi修正 */

/* @group  h2.h2title05 */

h2.h2title05{	

	font-size: 200%;

	color: #fff;

	padding: 18px 20px;

	line-height: 1;

}

/* @end */

/* ↑1228追加 */



/* @group  h2.h2title06 */

h2.h2title06{	

	font-size:  200%;

	color:#fff;

	position: relative;

}

h2.h2title06 img{

	padding: 14px 10px 14px 20px;

}

h2.h2title06 span {

	position: absolute;



	top: 50%;

	left: 85px;

	margin-top:-0.5em;

	line-height: 100%;

}

h2.h2title06 span.watch {

	padding-left:20px;

	margin-top: 5px;

	font-size: 13px;

	color: #ffffff;

	text-decoration: underline;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_09.gif) no-repeat 0px center;

	position:absolute;

	top: 50%;

	margin-top:-0.5em;

	left:640px;

	width: 60px;

	line-height: 100%;

}

h2.h2title06 span.watch img {

	top: 50%;

	margin-top:-0.5em;

	line-height: 100%;

}

h2.h2title06 span.watch  a {

	color: #ffffff;	

}

h2.h2title06 span.watch  a:hover{

	color:#fff;

}

h2.h2title06 span.watch  a:visited  {

	color:#fff;

}

/* @end */



/* @group  h2.h2title07 -- おすすめドライブガイド/今年も始まる！お台場の〜で使用  */

h2.h2title07 {	

	font-size: 200%;

	color: #fff;

	position: relative;

}

h2.h2title07 img {

	padding: 14px 10px 14px 20px;

	/* 2012/3/27 kawaguchi修正*/

	float: left;

}

h2.h2title07 p {

	/* 2012/3/27 kawaguchi修正*/

	margin-top: 0em;

	line-height: 100%;

	margin-left: 65px;

	padding: 0.7em 0.5em 0.7em 0;

}

h2.h2title07 span a {

	color: #FFFFFF;

}

h2.h2title07 span.watch {

	font-size: 60%;

	color: #ffffff;

	position:absolute;

	top: 50%;

	margin-top:-0.5em;

	right: 15px;

	text-align: right;

}

/* @end */



/* @group  h2.h2titleFee */

h2.h2titleFee {	

    font-weight: bold;

	font-size:  131%;

	color:#fff;

	padding:10px 0 10px 10px;

	position:relative;

}

h2.h2titleFee img{

	vertical-align: text-bottom;

}



h2.h2titleFee .lcwhite a:hover {

}

h2.h2titleFee .lcwhite a:visited {

}

h2.h2titleFee img {

	margin-right:5px;

}

h2.h2titleFee span{



}

/* 1222追加 */

h2.h2titleFee span a {

	color: #FFFFFF;

}

/* @end */



/* @grou@ h2titleQa Q&A */

h2.h2titleQa {

	width: 672px;

	height: 40px;

	background: #68c9d8;

	font-size: 153.9%;

	padding: 0px 10px;

	position: relative;

	margin: 20px 0px 10px 0px;

}

h2.h2titleQa span {

	position:absolute;

	top: 11px;

	padding:1px;

	/*width: 60px;*/

	/*line-height: 100%;*/

}

/* 1226 追加 */

h2.h2titleQa span a {

	color: #FFFFFF;

}

/* @group  h2.h2titlePa パーキングエリア詳細 */

h2.h2titlePa{	

    font-weight: bold;

	font-size:  150%;

	color:#fff;

	padding:10px 0 10px 20px;

	width: 708px;

	background: #00a0b8 url(/~/media/Images/customer/common/bg/bg_title_728.gif) no-repeat left top;	

}

/* @end */



/* @group  h3.h3title */

h3.h3title{	

    font-weight: bold;

	font-size:  133.3%;

	padding: 10px 0px;

	color:#00a0b8;

	margin:0px 0px 0px 20px;

}

/* 1228追加 */

h3.h3title a {

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_10.gif) no-repeat right center;

	padding-right: 20px;

}

h3.h3title a.none {

	background: #fff;

}

/* 下線なし */

h3.h3title_no {	

    font-weight: bold;

	padding: 10px 0px;

	font-size: 116%;

	color:#00a0b8;

	margin: 0px 0px 0px 20px;

}

h3.h3title_no span {

	color:#00a0b8;

    font-weight: bold;

	font-size: 116%;

}
/* @end */

/* @grou@ h3.qa Q&A */
h3.qa {
	width: 320px;
	height: 30px;
	background: #68c9d8;
	color: #FFFFFF;
	font-size: 153.9%;
	padding-left: 10px;
	position: relative;
	margin: 15px 0px 10px 0px;
}
h3.qa span {
	position:absolute;
	top: 11px;
	width: 320px;
	padding:1px;
	/*line-height: 100%;*/
}
h3.qa span a {
	color: #FFFFFF;
}
.qaArea_detail {
	padding: 15px 20px 10px;
	margin-bottom: 10px;
	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;
	width: 688px;
}
.qaArea_detail .h2titleQa {
	color:#fff;
	margin-bottom:20px;
}
.qaArea_detail dl {
	/*background-color:#eff7f9;

	padding:10px;*/
	padding-bottom:10px;
}
.qaArea_detail dt {
	margin-bottom:10px;
	padding-left: 37px;
	text-indent:-1.8em;
	border-bottom:none;
	display:block;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0px 3px;
}
.qaArea_detail dd {
	margin-bottom:10px;
	padding-left:3em;
	text-indent:-1.8em;
}
.qaArea_detail dt.trigger {

}
.qaArea_detail dt.trigger a {
	display:block;
}
.qaArea_detail dt.trigger a:hover {

}
.qaArea_detail dt.active {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_12.png) no-repeat left 3px;
}
.toggle_container {
	width:648px;	
	overflow:hidden;
	clear:both;
}
.qaArea_detail dd.bg_color {
	background-color:#eff7f9;
	padding-top:15px;
	padding-bottom:15px;
}
.qaArea_detail dd.bg_color .photo {
	padding:10px 0 0 0;
	text-align:center;
}
.qa_ankerArea {
	padding:0 0 10px 0;
}
.qa_ankerArea li {
	margin-right:20px;
	padding-left:15px;
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_11.png) no-repeat left 3px;
	float:left;
}
.qa_ankerArea_02 {
	text-align:center;
	padding:0 0 15px 0;
	overflow:hidden;
}
.qa_ankerArea_02 span {
	border-right: 1px solid #000;
	margin-right:5px;
	padding-right:5px;
}
.qa_ankerArea_02 span.last {
	border-right:none;
	margin-right:0;
}
/* @end */

/* @group 地図 */
.Map  {
	text-align: center;
}
.Map h3 {
	font-size:116.7%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}

/* PA施設詳細用マップ */
.Map iframe.pa {
	width: 692px;
	height: 600px;
	background: #bebebe;
}

/* 首都高ネットワーク用マップ */
.Map iframe.network {
	width: 692px;
	height: 780px;
	margin-top: 15px;
	background: #bebebe;
}

/* リアルタイム道路交通情報用マップ */

.Map iframe.realtime {
	width: 978px;
	height: 660px;
}

/* 経路・主要時間案内 */
.trafficArea iframe.needtime {
	width: 978px;
	height: 890px;
	margin-bottom: 10px;
	margin-top: -3px;
}
.trafficAreaTabContent .notice{
	padding: 5px;
	background: #ededed;
}
.trafficAreaTabContent .notice ul{
	margin-left: 15px;
	padding-left: 15px;
}
.trafficAreaTabContent .notice ul li{
	list-style-type: disc;
}

/* @end */


/*

/* 2012/2/7: kawaguchi追加

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



/* @group リアルタイム道路交通情報ajax */

#ajaxContents{
	position: relative;
}

.fc{
	pointer-events: none;
	cursor: default;
}

#ajaxContents #loading{
    margin: 0;
    padding: 30px 0 0;
    width: 100%;
    height: 500px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1;
}

#ajaxContents #loading span{
    display: block;
    margin: auto;
    width: 10em;
    background: #666;
    border-radius: 1em;
    color: #fff;
    line-height: 200%;
    font-size: 150%;
	-moz-box-shadow: 0 0 5px #00a0b8;
	-o-box-shadow: 0 0 5px #00a0b8;
	-webkit-box-shadow: 0 0 5px #00a0b8;
	-ms-box-shadow: 0 0 5px #00a0b8;
	box-shadow: 0 0 5px #00a0b8;	
}

/* @end */



.box24 div.boxCont div#map_canvas {

	margin:0px;

	padding:0px;

}



/*

/* 2012/2/22: kawaguchi追加

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



/* @group 移行ページ用css */



.defaultPageArea {

	padding: 15px 20px 10px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat left bottom;

	width: 688px;

}

.defaultPageArea .right,

.defaultPageArea .toPageTop,

.defaultPageArea .pageTop {

	text-align:right;

}

.defaultPageArea #contents #article .textBold {

	font-weight: bold;

}

.defaultPageArea #contents #article .textColor1 {

	color: #F00;

}

.defaultPageArea dl.qaList dt{

	position: relative;

	margin-left: 0;

	padding: 3px 0px 3px 25px;

	background: url(/~/media/Images/customer/common/ico/icon_q.gif) left 0.2em no-repeat;

	border: 0;

}

.defaultPageArea dl.qaList dd{

	position: relative;

	display: block;

	margin: 0 0 10px;

	padding: 3px 0px 20px 25px;

	background: url(/~/media/Images/customer/common/ico/icon_a.gif) left 0.2em no-repeat;

	border-bottom: 1px solid #999;

}



.defaultPageArea ul.tab {

	margin: 30px 0 10px;

	zoom:1;

}

.defaultPageArea ul.tab:after{

	content:".";

	font-size: 0;

	line-height: 0;

	color: transparent;

	clear: both;

	

}

.defaultPageArea #article ul.tab:after {

	clear:both;

	color:transparent;

	content:",";

	display:block;

	font-size:0;

	height:0;

	line-height:0;

	visibility:hidden;

}

.defaultPageArea #article ul.tab li {

	background:none;

	margin:0;

	padding:6px 0 0 0!important;

	float: left;

	border-bottom:3px solid #00a0b8;

	vertical-align: bottom;

}

.defaultPageArea #article ul.tab li a {

	background:url(/~/media/Images/customer/common/bg/bg_tab.png) no-repeat 0 100%;

	color:#fff;

	display:block;

	font-size:1em;

	font-weight:400;

	padding:0 0 0 28px;

	line-height:27px;

}

.defaultPageArea #article ul.tab li a span {

	background:url(/~/media/Images/customer/common/bg/bg_tab2.png) no-repeat 100% 100%;

	display:block;

	line-height:27px;

	margin:0 0 0 -16px;

	padding:0 18px 0 9px;

}

.defaultPageArea #article ul.tab li.select a,

.defaultPageArea #article ul.tab li a:hover {

	margin-top: -6px;

	background:url(/~/media/Images/customer/common/bg/bg_tab_on.png) no-repeat 0 0;

	border:none;

}

.defaultPageArea #article ul.tab li.select a span,

.defaultPageArea #article ul.tab li a:hover span {

	background:url(/~/media/Images/customer/common/bg/bg_tab2_on.png) no-repeat 100% 100%;

	line-height:33px;

}



.defaultPageArea #article .posRight,

.defaultPageArea .posRight {

   padding-left: 20px;

   float: right;

}

.defaultPageArea #article .posLeft,

.defaultPageArea .posLeft {

   padding-right: 20px;

   float: left;

}

.defaultPageArea .etcBox{

	margin-bottom: 20px;

	width: auto !important;

}

.defaultPageArea .etcBox h3{

	font-size:116.7%;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-bottom: 10px;

	padding-bottom:10px;

	padding-left: 15px;

	text-indent: -15px;

	font-weight: bold;

}

.defaultPageArea .etcBox h3 a {

	font-size:116.7%;

	padding-left: 15px;

	margin-bottom: 15px;

	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat left 5px;



}

.defaultPageArea .etcBox .boxCont p{

	margin:0px 0px 25px 0px;

}

.contentList6{

   margin-bottom: 15px;

}

.contentList6 li{

   margin-bottom: 3px;

   margin-left: 15px;

   padding-left: 0;

   list-style-type: disc;

}

.number2 li{

   margin-bottom: 5px;

   margin-left: 15px;

   padding-left: 0;

   list-style-type: decimal;

}

.defaultPageArea span.arw{

	padding: 0.8em 0 0.6em 25px;

	background: url(/~/media/Images/corporate/share2011/common/images/listhead_tril.gif) 10px 1.0em no-repeat;

}



/* @group 首都高を使う */

/* -駐車場 */

#useParking .parkingMap {

	margin-bottom: 20px;

}





/* @group -便利な使い方 */

/* -標識や情報版の見方 */

#convenienceInfoboard .arrow {

	vertical-align: middle;

}

#convenienceInfoboard .image {

   float: left;

   margin-right: 15px;

}

#convenienceInfoboard .articleSection {

   overflow: hidden;

}

#convenienceInfoboard  div.articleSection table th{

	padding: 0.1em;

}

#convenienceInfoboard th.smooth{

	background-color: #000 !important;

}

#convenienceInfoboard th.rush{

	background-color: #f90 !important;

}

#convenienceInfoboard td.rush em{

	text-decoration: none;

	font-weight: bold;

	color: #f90 !important;

}

#convenienceInfoboard th.congestion{

	background-color: #f00 !important;

}

#convenienceInfoboard td.congestion em,

#convenienceInfoboard td.closed em,

#convenienceInfoboard td.accident em{

	text-decoration: none;

	font-weight: bold;

	color: #f00 !important;

}

#convenienceInfoboard table.information th.closed,

#convenienceInfoboard table.information th.accident{

	background-color: #000 !important;

	font-weight: bold;

	font-size: 150%;

	color: #f00 !important;

}

/* -複雑なルート案内 */

#convenienceRouteguide #space {

   margin-top: 20px;

}

/* @end */



/* @end */





/* @group 料金・ETC・割引情報 */



/* -距離別料金について */

#feeSearch {

	background:url(/~/media/Images/customer/fee/fee-info/fee_search-bg.png);

	padding:5px 0;

	margin-bottom:15px;

}

#feeSearch:after{

    content: ""; 

    display: block; 

    clear: both;

}

#contents #article #feeSearch p {

	margin-bottom:2px;

	text-align:center;

}

#feeSearch #feeSearchPc,

#feeSearch #feeSearchSp,

#feeSearch #feeSearchMobile {

	width:212px;

	float:left;

	margin-right:8px;

}

#feeSearch #feeSearchMobile {

	margin-right:0;

}

/* -割引制度 */

#feeDiscount .menubox200 {

	float: left;

	width: 200px;

	margin-left: 15px;

	height: auto;

}

#feeDiscount .menubox_p {

	margin: 0px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 0px;

	padding-left: 8px;

	border: 1px solid #335D97;

	height: 80px;

}

#feeDiscount .menubox_pp {

	margin: 0px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 0px;

	padding-left: 8px;

	border: 1px solid #335D97;

	height: 50px;

}

#feeDiscount .articleBody {

	overflow: hidden;

}

/* -ETCについて */

#feeEtc .box12 div.boxCont,

#feeEtc .box12 div.boxCont_r {

   width: 210px;

 }

#feeEtc .boxCont p,

#feeEtc .boxCont_r p{

   min-height: 5.5em;

}

#feeEtc .boxCont h3,

#feeEtc .boxCont_r h3{

   min-height: 2.5em;

}

/* -利用に必要なもの */

#feeEtc .text {

   overflow: hidden;

}

/* -首都高速道路のETC利用率 */

#feeEtc #contents #article .tdColor1 {

	background-color: #FFF0F5;

}

/* -ETC利用履歴発行プリンター */

#feeEtcreference .gmap {

	padding:5px 15px 5px 0;

	margin-right: 5px;

	background: url(/~/media/Images/customer/fee/etc_reference/maps.jpg) no-repeat right top;

}

/* -首都高速道路株式会社供用約款 */

#feeClause ul{

   margin-top: -10px;

}



#feeClause h4,

#feeClause h5{

   font-weight: bold

}

#feeClause h4{

   font-size: 116%;

}



/* @end */



/* @group 首都高を知る・楽しむ */

/* -首都高の歴史 */

#funHistory.defaultPageArea{

	padding: 0.1em 0 0 0;

	margin-bottom: 10px;

	width: 980px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;

}

#funHistory #contents{

	text-align: center;

}

#funHistory #contents #article{

	margin: 0 auto;

	width: 900px;

	text-aling: left;

}

#funHistory .fc{

	background: #e4f0f2;

}

#funHistory #navi {

	margin:15px 0;

	width:160px;

	float:right;

	overflow:auto;

	font-weight:bold;

	font-size:160%;

}

#funHistory #navi li {

	padding:0.2em 0;

	border-bottom:1px solid #ccc;

	text-align:center;

}

#funHistory #navi li a {

	display:block;

	width:55px;

	text-decoration:none;

	border-radius:5px;

}

#funHistory #naviLeft,

#funHistory #naviRight {

	margin-left: 10px;

	width:70px;

	float:left;

	border-top:1px solid #ccc;

}

#funHistory #map {

	margin:15px 0;

	width:710px;

	height:780px;

	float:left;

	background:url(/~/media/Images/customer/fun/history/map.jpg);

}

/* ▽▽▽ 20150722 知る・楽しむ 新デザイン ▽▽▽ */
#topSlideBox {
	margin-bottom: 20px;
}
#funTopNav {
	margin-bottom: 20px;
}
#funTopNav ul li {
	float: right;
	margin-left: 12px;
}
#funTopNav ul li:first-child {
	float: left;
	margin-left: 0px;
}

/* istope */

#contWrapper {
	width: 728px;
	overflow: hidden;
}
#container {
	width: 740px;
	margin-top: -5px;
	margin-left: -5px;
	/*
	width: 728px;*/
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */


/**** Isotope styles ****/
.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  color: #222;
}
.mapLinkBox {
	background: #fff;
}
.mapLinkBox a {
	position: relative;
	display: block;
	width: 358px;
	height: 466px;
}
.mapLinkBox a span {
	position: absolute;
	top: 4px;
	left: 370px;
	display: block;
	width: 346px;
	height: 454px;
	border: solid 2px #ED9E00;
}
.mapLinkBox a:hover {
	opacity: 0.8;
}
.mapLinkBox a:hover span {
	left: 4px;
}
.variable-sizes .element.width2 {
	width: 173px;
}
.variable-sizes .element.height2 {
	height: 228px;
}
.variable-sizes .element.txtBox {
	height: 227px;
	width: 173px;
	background: #ED9E00;
}
.variable-sizes .element.txtBox img {
	border: solid 2px #ED9E00;
}
.variable-sizes .element.txtBox:hover {
	background: #E5C264;
}
.variable-sizes .element.txtBox a:hover {
	opacity: 0.8;
}
.variable-sizes .element.txtBox span {
	display: block;
	color: #fff;
	padding: 0 8px;
	font-size: 12px;
}
.variable-sizes .element.txtBox span.txtBoxTtl {
	margin-bottom: 3px;
	padding-top: 4px;
	padding-left: 23px;
	font-weight: bold;
	background: url(/~/media/Images/customer/fun/topNew/parts/fun_ico_01.png) no-repeat 9px 7px;
}
.variable-sizes .element.txtBox a:link,
.variable-sizes .element.txtBox a:visited,
.variable-sizes .element.txtBox a:active {
	color: #999999;
	text-decoration: none;
}
.variable-sizes .element.txtBox a {
	position: relative;
	display: block;
}
.variable-sizes .element.txtBox .wakImg {
	position: absolute;
	top: 0px;
	left: 200px;
	display: block;
	height: 120px;
	width: 149px;
	border: solid 4px #E5C264;
}
.variable-sizes .element.txtBox:hover .wakImg {
	left: 0px;
}
.variable-sizes .element.txtBox a:hover {
	color: #fff;
	text-decoration: none;
}
.variable-sizes .element.imgBox {
	height: 228px;
	width: 173px;
	background: #fff;
}
.variable-sizes .element.imgBox a {
	position: relative;
	display: block;
	height: 228px;
	width: 173px;
}
.variable-sizes .element.imgBox a:hover {
	opacity: 0.8;
}
.variable-sizes .element.imgBox a span {
	position: absolute;
	top: 4px;
	left: 254px;
	display: block;
	width: 161px;
	height: 216px;
	border: solid 2px #529CE2;
}
.variable-sizes .element.orangeBox a span {
	border: solid 2px #ED9E00;
}
.variable-sizes .element.imgBox a:hover span {
	left: 4px;
}
.variable-sizes .element.width3 {
	width: 358px;
}
.variable-sizes .element.height3 {
	height: 466px;
}
.variable-sizes .element.feature {
	cursor: pointer;
}

#options .option-combo {
	margin-bottom: 20px;
	padding-top: 15px;
}
#options .option-combo li {
	float: right;
	margin-left: 12px;
}
#options .option-combo li:first-child {
	float: left;
	margin-left: 0;
}

.mapBox {
	margin: 15px 0;
	background: #f1f1f1;
}
.mapSelector {
	padding-bottom: 4px;
}
.mapSelector li {
	float: left;
	margin-left: 9px;
}
.mapSelector li:first-child {
	margin-left: 0;
}
/* △△△ 20150722 知る・楽しむ 新デザイン △△△ */




/* @end */



/* @group News&Topics */

.pressdetail .defaultPageArea h3 {
	margin-bottom: 10px;
	padding: 10px 0px;
	font-size: 116.7%;
	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
}
h3 span.ntTxt {
    font-size: 18px;
    line-height: 150%;
}
.pressdetail .defaultPageArea .date {
	text-align: right;
}
.linkBox .relativeLinkList li {
	background: url(/~/media/Images/customer/common/ico/ico_link_arrow_01.png) no-repeat 0 3px !important;
}

/* @end */



/* @group お問い合わせ*/

#inquiryCustomercenter .remarkParagraph.textLarge.textBold,

#inquiryCoupon .remarkParagraph.textLarge.textBold {

   padding: 10px 0;

   border: 1px solid #666;

   border-width: 1px 0;

   font-weight: bold;

}





/* @end */

/* @group キャンペーン・募集 */



.campaignList li{

	margin-bottom: 20px;

	padding: 0 0 20px;

	overflow: hidden;

	border-bottom: 1px dotted #999;

}



.campaignList li:last-child{

	border-bottom: none;

}



.campaignList li p{

	margin-bottom: 0;

}





/* @end */

/* @group メルマガ・モバイル */

/* -緊急情報メールサービス */

.emergencyAreaConten {

	width: 728px;

	clear: both;

}

.emergencyAreaConten .emergencyArea {

	padding: 17px 17px 34px;

	margin-bottom: 10px;

	background: #fff url(/~/media/Images/customer/common/bg/bg_radium_white_728_bot.png) no-repeat 0 bottom;

	clear: both;

}

.emergencyAreaConten .emergencyArea h3 {

	color:#00a0b8;

	font-size: 131%;

	font-weight: bold;

	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;

	margin-bottom:10px;

	padding-bottom:10px;

}

.emergencyAreaConten .emergencyArea p.atenTitle {

	color:#ff0000;

	font-weight:bold;

}



.emergencyAreaConten li.pdf a{

	padding: 0;

	background: none;

}



/* @end */

/* @group サイトマップ・プライバシーポリシー・このサイトについて・広告掲載について */

.asideAreaContent {

	width: 728px;

}

.asideArea {

	padding: 0.1em 0 0 0;

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;

}

.asideTitleArea .bg_w980 {

	background: url(/~/media/Images/customer/common/bg/bg_title_980_03.gif) no-repeat left top;

}

.asideTitleArea h2.h2title04.noicon span {

	left: 20px;

}

.asideTitleArea h2.h2title04.noicon img{

	visibility: hidden;

}

.trafficContent .trafficArea {

	margin-bottom: 10px;

	background: #ffffff url(/~/media/Images/customer/common/bg/bg_radium_980_bot.png) no-repeat left bottom;

}

.asideArea .box06 .boxCont{

	margin: 0 auto 40px;

	vertical-align: top;

	float: left;

}

.asideArea .box06 .boxCont ul.list li{

	float: none;

}

.asideArea .box06 .boxCont.btm ul.list li{

	margin-right: 30px;

	float: left;

}

.asideArea .box06 h3{

	width: 290px;

}

.asideArea .box06 .boxCont.btm h3{

	width: 960px;

	background: url(/~/media/Images/customer/common/bg/bg_h3_04.gif) no-repeat 0 bottom;

}

.asideArea .box23:after {

	content:'.';

	color: transparent;

	line-height: 0;

	font-size: 1px;

}

.asideArea .box23 .boxCont{

	margin-bottom: 20px;

}



.asideArea .contentList {

	margin: 10px 0;

	padding-left: 10px;

}

.asideArea .contentList li{

	list-style-type: disc;

	list-style-position: inside;

}

/* -首都高メルマガ */

.defaultPageArea .mailmenu {

	margin-top: 20px;

}



.defaultPageArea .mailmenu div.boxCont h3 {

	text-indent:-15px;

	padding-left: 15px;

}



.defaultPageArea .mailmenu div.boxCont,

.defaultPageArea .mailmenu div.boxCont_r {

   width: 205px;

 }



/* ドライブルート名の横幅指定 */

div.leftContentTop h2.h2titleRo span#routetitle{

	width:620px;

	display:block;

	}



/* @end */

/* @group 2013改修 首都高道路交通情報 */
div.trafficArea ul.trafficNaviVer3 {
    background: none repeat scroll 0 0 #DAF7FB;
    height: 40px;
}
div.trafficArea ul.trafficNaviVer3 li {
    float: left;
    margin-right: 0px;
}

#mapBox {
	display: inline-block;
	margin: 0 0 20px 120px;
}
.preColTxt {
	color: #00A0B8;
}

/* @group _日にち選択BOX（工事予定・交通規制情報） */
#dataBtnBox {
	padding-top: 15px;
	padding-left: 20px;
}
#dataBtnBox #tdData {
	float: left;
	min-height: 75px;
	width: 114px;
	padding: 5px 0 0 0;
	border: solid 1px #AAAAAA;
	text-align: center;
	cursor: pointer;
	background: url(/~/media/Images/customer/traffic/bg_data_btn.png) repeat-x left center;
}

#dataBtnBox #tdData div {
	min-height: 23px;
	width: 104px;
	padding-top: 5px;
	margin: 0 auto;
	background: #0eabc2;
	font-weight: bold;
	color: #fff;
}
#dataBtnBox #tdData.current {
	background: #0eabc2;
	color: #fff;
}
#dataBtnBox #tdData.current div {
	background: #fff;
	color: #0eabc2;
}

#dataBtnBox #tdData p {
	padding-top: 5px;
	text-align: center;
	line-height: 140%;
}
#dataBtnBox #tdData p span {
	display: block;
	font-weight: bold;
}

#dataBtnBox #selectBox {
	float: left;
	width: 576px;
}
#dataBtnBox #selectBox ul li {
	float: left;
	min-height: 26px;
	width: 109px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 12px 0 0;
	font-weight: bold;
	/* ↓20140709 確認 マージ漏れ？↓ */
	cursor: pointer;
	/*	cursor: pointer; */
	/* ↑20140709 確認 マージ漏れ？↑ */
	background: url(/~/media/Images/customer/traffic/bg_data_select_mini_btn.png) repeat-x left top;
}
#dataBtnBox #selectBox ul li p {
	min-height: 26px;
	width: 109px;
	font-weight: bold;
	text-align: center;
	background: url(/~/media/Images/customer/traffic/bg_data_select_mini_p_btn.png) repeat-x left bottom;
}
#dataBtnBox #selectBox ul li.nosel {
	color: #b4b4b4;
	background: url(/~/media/Images/customer/traffic/bg_data_select_mini_btn2.png) repeat-x left top;
}
#dataBtnBox #selectBox ul li.nosel p {
	background: url(/~/media/Images/customer/traffic/bg_data_select_mini_p_btn2.png) repeat-x left bottom;
}
#dataBtnBox #selectBox ul li.std {
	color: #0065a7;
}
#dataBtnBox #selectBox ul li.sud {
	color: #dd2421;
}
#linkBox {
	padding: 10px 0 15px 20px;
}
#linkBox li {
	padding-left: 0px;
	background: none;
}
#linkBox a {
	padding-left: 15px;
	background: url("/~/media/Images/customer/common/ico/ico_link_arrow_14.png") no-repeat scroll left 4px;
}

/* ↓↓↓20131030修正↓↓↓ */
#dataBtnBoxLarge {
	padding-top: 15px;
	padding-left: 20px;
}
/* ↑↑↑20131030修正↑↑↑ */
#dataBtnBoxLarge #tdData {
	float: left;
	min-height: 70px;
	width: 152px;
	padding: 0;
	text-align: center;
	/* ↓20140709 確認 マージ漏れ？↓ */
	cursor: pointer;
	/*	cursor: pointer; */
	/* ↑20140709 確認 マージ漏れ？↑ */
	background: url(/~/media/Images/customer/traffic/bg_tdata_03.png) repeat-x left top;
}
#dataBtnBoxLarge #tdData p {
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/traffic/bg_tdata_04.png) repeat-x left bottom;
	color: #000;
}
#dataBtnBox #tdData2 {
	float: left;
	min-height: 70px;
	width: 114px;
	padding: 12px 0 0;
	text-align: center;
	cursor: pointer;
	background: url(/~/media/Images/customer/traffic/bg_tdata_05.png) repeat-x left top;
	color: #fff;
	font-weight: bold;
}
#dataBtnBox #tdData2.gVer {
	background: url(/~/media/Images/customer/traffic/bg_tdata_07.png) no-repeat left top;
	cursor: default;
}
#dataBtnBox #tdData2.gVer2 {
	background: url(/~/media/Images/customer/traffic/bg_tdata_13.png) no-repeat left top;
	/* ↓20140709 確認 マージ漏れ？↓ */
	cursor: default;
	/*	cursor: pointer; */
	/* ↑20140709 確認 マージ漏れ？↑ */
}
#dataBtnBox #tdData2 div {
	margin-bottom: 9px;
}
#dataBtnBox #tdData2 p {
	padding: 0 4px 9px;
	background: url(/~/media/Images/customer/traffic/bg_tdata_06.png) repeat-x left bottom;
	color: #000;
	text-align: center;
}
#dataBtnBox #tdData2.gVer p {
	background: url(/~/media/Images/customer/traffic/bg_tdata_08.png) no-repeat left bottom;
	color: #B4B4B4;
}
#dataBtnBox #tdData2.gVer2 p {
	background: url(/~/media/Images/customer/traffic/bg_tdata_14.png) no-repeat left bottom;
	color: #333;
}
#dataBtnBox #tdData2 span {
	display: block;
	font-weight: bold;
}
#dataBtnBoxLarge #tdData div {
	min-height: 23px;
	padding-top: 12px;
	margin: 0 auto;
	font-weight: bold;
	color: #fff;
}
#dataBtnBoxLarge #tdData.current {
	background: url(/~/media/Images/customer/traffic/bg_tdata_01.png) repeat-x left top;
	color: #fff;
}
#dataBtnBoxLarge #tdData.current p {
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/traffic/bg_tdata_02.png) repeat-x left bottom;
	color: #fff;
}
#dataBtnBoxLarge #tdData.gVer {
	background: url(/~/media/Images/customer/traffic/bg_tdata_09.png) repeat-x left top;
	color: #fff;
	cursor: default;
}
#dataBtnBoxLarge #tdData.gVer p {
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/traffic/bg_tdata_10.png) repeat-x left bottom;
	color: #B4B4B4;
}
#dataBtnBoxLarge #tdData.gVer2 {
	background: url(/~/media/Images/customer/traffic/bg_tdata_11.png) repeat-x left top;
	color: #fff;
	/* ↓20140709 確認 マージ漏れ？↓ */
	cursor: default;
	/*	cursor: pointer; */
	/* ↑20140709 確認 マージ漏れ？↑ */
}
#dataBtnBoxLarge #tdData.gVer2 p {
	padding-bottom: 10px;
	background: url(/~/media/Images/customer/traffic/bg_tdata_12.png) repeat-x left bottom;
	color: #333;
}
#dataBtnBoxLarge #tdData.current div {
	color: #0eabc2;
}
#dataBtnBoxLarge #tdData p {
	padding-top: 5px;
	text-align: center;
	line-height: 140%;
}
#dataBtnBoxLarge #tdData p span {
	display: block;
	font-weight: bold;
}
#dataBtnBoxLarge #tdData2 {
	float: left;
	min-height: 75px;
	width: 140px;
	margin-left: 5px;
	padding: 5px 0 0 0;
	border: solid 1px #AAAAAA;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background: url(/~/media/Images/customer/traffic/bg_data_btn.png) repeat-x left center;
}
#dataBtnBoxLarge #tdData2 p {
	padding-top: 10px;
	text-align: center;
	line-height: 150%;
}
#dataBtnBoxLarge #selectBox {
	float: left;
	width: 792px;
}

#dataBtnBoxLarge #selectBox ul li {
	float: left;
	min-height: 26px;
	width: 150px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding: 10px 0 0;
	font-weight: bold;
	text-align: center;
	/* ↓20140709 確認 マージ漏れ？↓ */
	cursor: pointer;
/*	cursor:pointer; */
	/* ↑20140709 確認 マージ漏れ？↑ */
}
#dataBtnBoxLarge #selectBox ul li p {
	min-height: 26px;
	width: 150px;
	padding: 0;
	font-weight: bold;
	text-align: center;
}
#dataBtnBoxLarge #selectBox ul li {
	background: url(/~/media/Images/customer/traffic/bg_data_select_btn.png) repeat-x left top;
}
#dataBtnBoxLarge #selectBox ul li p {
	background: url(/~/media/Images/customer/traffic/bg_data_select_p_btn.png) repeat-x left bottom;
}
#dataBtnBoxLarge #selectBox ul li.cr {
	background: url(/~/media/Images/customer/traffic/bg_data_select_btn2.png) repeat-x left top;
}
#dataBtnBoxLarge #selectBox ul li.cr p {
	color: #fff;
	background: url(/~/media/Images/customer/traffic/bg_data_select_p_btn2.png) repeat-x left bottom;
}
#dataBtnBoxLarge #selectBox ul li.nosel {
	background: url(/~/media/Images/customer/traffic/bg_data_select_btn3.png) repeat-x left top;
}
#dataBtnBoxLarge #selectBox ul li.nosel p {
	color: #b4b4b4;
	background: url(/~/media/Images/customer/traffic/bg_data_select_p_btn3.png) repeat-x left bottom;
}

#dataBtnBoxLarge #selectBox ul li.lastBtn {
	padding-top: 6px;
	min-height: 30px;
	line-height: 120%;
}
#dataBtnBoxLarge #selectBox ul li.lastBtn p {
	min-height: 30px;
	line-height: 120%;
}
#dataBtnBoxLarge #selectBox ul li.lastBtn2 {
	padding-top: 6px;
	min-height: 30px;
	background: url(/~/media/Images/customer/traffic/bg_data_select_btn2.png) repeat-x left top;
	color: #fff;
}
#dataBtnBoxLarge #selectBox ul li.lastBtn2 p {
	min-height: 30px;
	line-height: 120%;
	background: url(/~/media/Images/customer/traffic/bg_data_select_p_btn2.png) repeat-x left bottom;
	color: #fff;
}
#dataBtnBoxLarge #selectBox ul li.std {
	color: #0065a7;
}
#dataBtnBoxLarge #selectBox ul li.sud {
	color: #dd2421;
}
.box05 #blgBtn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 15px;
	margin-left: 20px;
	padding: 10px 12px 8px;
	border: solid 1px #AAAAAA;
	text-align: center;
	cursor: pointer;
	background: url(/~/media/Images/customer/traffic/btn_traffic_data2.png) repeat-x left center;
}
.box05 #blgBtn2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 15px;
	margin-left: 0px;
	padding: 10px 12px 8px;
	border: solid 1px #AAAAAA;
	text-align: center;
	cursor: pointer;
	background: url(/~/media/Images/customer/traffic/btn_traffic_data2.png) repeat-x left center;
}
/* @end */

/* @group 工事予定・交通規制情報ページ用テーブル */
.trafficTableBox {
	padding-top: 15px;
	padding-left: 20px;
}
.trafficTableBox h3 {
	margin-bottom: 10px;
    font-size: 133.3%;
    font-weight: bold;
	color: #009FB7;
}
.trafficTableBox table {
	width: 932px;
	margin-bottom: 20px;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
}
.trafficTableBox table th {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	background: #f0f0f0;
	font-weight: bold;
	padding: 6px;
}
.trafficTableBox table td {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 6px;
}
.trafficTableBox table td.bgbl {
	background: #eefdff;
}
.trafficTableBox table ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.trafficTableBox table td a {
	text-decoration: underline;
	font-weight: bold;
}
/* @end */

/* @group 工事予定詳細 */
#ttbWrap {
	width: 638px;
	margin: 0 auto 20px;
}
.trafficTableBox2 {
	padding-top: 15px;
	padding-left: 20px;
}
.trafficTableBox2 h3 {
	margin-bottom: 10px;
    font-size: 133.3%;
    font-weight: bold;
	color: #009FB7;
}
.trafficTableBox2 table {
	margin-bottom: 10px;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
}
.trafficTableBox2 table th {
	font-size: 14px;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	font-weight: bold;
	padding: 10px 6px;
}
.trafficTableBox2 table td {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 6px;
}
.trafficTableBox2 table td.bgbl {
	background: #eefdff;
}
.trafficTableBox2 table .bgbl2 {
	background: #71D2E0;
}
.trafficTableBox2 table ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.trafficTableBox2 table td a {
	text-decoration: underline;
	font-weight: bold;
}
.trafficTableBox2 ul li {
	width: 212px;
	float: left;
}
.trafficTableBox2 ul li {
	width: 212px;
	padding-top: 12px;
	float: left;
}
.trafficTableBox2 ul li p {
	margin-bottom: 4px;
	font-size: 14px;
}
.trafficTableBox2 ul li div#tcqr1 {
	height: 56px;
	background: url(/~/media/Images/customer/traffic/btn_traffic_tcrq1.png) no-repeat 147px top;
}
.trafficTableBox2 ul li div#tcqr2 {
	height: 56px;
	background: url(/~/media/Images/customer/traffic/btn_traffic_tcrq2.png) no-repeat 147px top;
}
.trafficTableBox2 ul li div a {
	margin-bottom: 5px;
}
.trafficTableBox2 ul li div a span {
	font-size: 10px;
	color: #000;
}

.box28 {
    margin-top: 10px;
    padding-left: 20px;
}
.box28 div.boxCont ul {
	margin-bottom: 20px;
}
.box28 div.boxCont ul li {
    background: url("/~/media/Images/customer/common/ico/ico_link_arrow_01.png") no-repeat scroll left 5px transparent;
    margin: 10px 0 0;
    padding-left: 15px;
    width: 940px;
}
/* @end */

/* @group 工事予定・交通規制情報 絞込 */
#includedBox {
	width: 910px;
	margin-bottom: 20px;
	padding: 18px 12px;
	background: #ededed;
}
#includedBox div#regulationType {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #999;
}
#includedBox p {
	float: left;
	width: 148px;
}
#includedBox ul {
	float: left;
	width: 760px;
}
#includedBox ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	white-space: nowrap;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#includedBox ul li input {
	margin-right: 5px;
}
#includedBtn {
	padding: 8px 0 0;
	text-align: center;
}
/* @end */

/* @end */


/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131217修正↓↓↓ */
/* @group 首都高運転のコツ10 */
.boxContK10 {
	float: left;
	width: 180px;
}
.boxContK10_r {
	width: 680px;
}
.boxContK10_r p {
	margin-bottom: 1em;
}
.boxContK10_r p.k10LinkBox {
	padding-top: 20px;
	padding-left: 428px;
}
.boxContK10_r p.k10LinkBox a {
	display: block;
	height: 27px;
	width: 116px;
	padding: 11px 0 10px 132px;
    background: transparent url("/~/media/Images/customer/use/safety/driverstips/bg_btn_dlb.png") no-repeat scroll left top;
    color: #fff;
}
.boxContK10_r p.k10LinkBox a:hover {
	text-decoration: none;
}
/* @end */
/* ↑↑↑20131217修正↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
/* @group BOX27 */
.box27 {
	margin-top: 10px;
	padding-left: 20px;
}
.box27 .button {
	margin-bottom: 10px;
	padding-right: 20px;
	text-align: right;
}
.box27 .h3Box {
	width: 932px;
	padding: 10px 0;
    background: url("/~/media/Images/customer/common/bg/bg_h3_04.gif") no-repeat scroll 0 bottom transparent;
}
.box27 .h3Box h3 {
	display: inline-block;
	float: left;
    font-size: 133.3%;
    font-weight: bold;
}
.box27 .h3Box p.dataTxt {
	display: inline-block;
	float: right;
	color: #009FB7;
}
.box27 div.boxCont {
	padding: 10px 0 0;
    width: 940px;
}
.box27 div.boxCont a {
	padding-left: 15px;
	background: url("/~/media/Images/customer/common/ico/ico_link_arrow_14.png") no-repeat scroll left 3px transparent;
}
.box27 .bnrBox27 {
	padding: 20px 0;
}
/* ↓↓↓20131030修正↓↓↓ */
.box27.tfTop {
	/* ↓20140709 確認 マージ漏れ？↓ */
	margin-bottom: 40px;
	/*margin-bottom: 10px;*/
	/* ↑20140709 確認 マージ漏れ？↑ */
}
/* ↓20140709 確認 マージ漏れ？↓ */
.tfBot {
	margin-bottom: 50px;
}
/* ↑20140709 確認 マージ漏れ？↑ */
/* ↑↑↑20131030修正↑↑↑ */
/* @end */
/* ↓↓↓20131106 SBT追加↓↓↓ */
.csrPointer{
	cursor: pointer;
}
.csrDefault{
	cursor: auto;
}
/* ↑↑↑20131106 SBT追加↑↑↑ */

/* ↓20140709 確認 マージ漏れ？↓ */
/* ↓↓↓20131111追加↓↓↓ */
#tabBox ul.panel li.panelBox ul li.case1,
#tabBox ul.panel li.panelBox ul li.case2,
#tabBox ul.panel li.panelBox ul li.case3,
#tabBox ul.panel li.panelBox ul li.case4,
#tabBox ul.panel li.panelBox ul li.case5,
#tabBox ul.panel li.panelBox ul li.case6,
#tabBox ul.panel li.panelBox ul li.case7,
#tabBox ul.panel li.panelBox ul li.case8,
#tabBox ul.panel li.panelBox ul li.case9 {
	padding-right: 18px;
	background-position: left 0px;
}
#tabBox ul.panel li.panelBox ul li .newsListDate {
	display: block;
	border-bottom: none;
	clear: left;
	float: left;
	width: 6.8em;
	margin:0 0 6px 0;
}
#tabBox ul.panel li.panelBox ul li .newsListDate2 {
	display: block;
	border-bottom: none;
	clear: left;
	float: left;
	width: 6.8em;
	margin:0 0 6px 0;
}
#tabBox ul.panel li.panelBox ul li .newsListBody {
	display: block;
	padding-right: 18px;
	overflow:hidden;
	margin:0 0 6px 0;
	/margin-top: -1.5em;
}
#tabBox ul.panel li.panelBox ul li .newsListBody a {
	margin-left: 0;
}
/* ↑↑↑20131111追加↑↑↑ */
/* ↑20140709 確認 マージ漏れ？↑ */
/* ↓↓↓20140622追加↓↓↓ */
#regulationCnt {
	width:160px;
}
#regulationCnt span {
	float:right;
}
/* ↑↑↑20140622追加↑↑↑ */

/* ▼▼▼ 201607Q&A修正 ▼▼▼ */
.qa_searchform__wrapper {
	margin-bottom: 20px;
}
.qa_searchform__txt {
	color: #009eb8;
	font-size: 14px;
}
.qa_searchform__wrapper .qa_searchform__keywords {
	border: solid 1px #ccc;
	padding: 3px;
	width: 604px;
}
.qa_searchform__wrapper .qa_searchform__keywords:focus {
	border: solid 1px #4d90fe;
}
.qa_searchform__wrapper .qa_searchform__btn {
	background-color: #4d90fe;
	background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
	border: 1px solid #3079ed;
	border-radius: 2px;
	color: #fff;
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	min-width: 54px;
	padding: 0 8px;
}
.qa_searchform__wrapper .qa_searchform__btn {
    height: 13px;
    margin-top: 2px;
    min-width: 13px;
    padding: 6px 27px;
    width: 13px;
}

.qa_searchform__result {
	padding: 15px 20px 10px;
}
.qa__result__listBox {
	margin-bottom: 20px;
}
.qa__result__listBox dt {
	background-image: url("/~/media/Images/customer/common/ico/ico_link_arrow_01.png");
	background-position: 8px 9px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #009eb8;
	cursor: pointer;
	padding: 6px 0 6px 30px;
}
.qa__result__listBox dt.active {
	background-image: url("/~/media/Images/customer/common/ico/ico_link_arrow_12.png");
	background-position: 8px 9px;
	background-repeat: no-repeat;
}
.qa__result__listBox p {
	float: left;
}
.qa__result__listBox div {
	float: left;
	padding: 1px 0 0 5px;
	width: 630px;
}
.qa__result__listBox dd {
	display: none;
	padding: 10px 0 10px 33px;
}
.qa__result__listBox dd p {
	line-height: 1.8;
}
.qa__result__listBox .qa__result__listBox__noresult {
	font-size: 14px;
	padding: 10px 0 20px;
	text-align: center;
}
/* ▲▲▲ 201607Q&A修正 ▲▲▲ */

/* ▼▼▼ 201607改善事例修正 ▼▼▼ */
.box11 .largeBar {
	background: url(/~/media/Images/customer/common/bg/bg_h3_01.gif) no-repeat 0 bottom;
	color: #009fb7;
	font-size: 131%;
	width: 688px;
	padding-top: 20px;
}
/* ▼▼▼ 20160710改善事例修正 ▼▼▼ */
.mb15Case_text{
	padding-top: 5px;
	font-size: 15px;
}
.improvementCase_wrap {
	position: relative;
}
.improvementCase_wrap iframe {
	border: solid 1px #ccc;
}
.improvementCase_wrap .box11 {
	margin-bottom: 20px;
}
.improvementCase_wrap .toggle_container {
	display: none;
}
.improvementCase_wrap .box11 div.boxCont {
    float: none;
    margin-right: 0;
    width: 688px;
}
.improvementCase_ttl {
	color: #009fb7;
	font-size: 14px;
	margin-bottom: 15px;
}
.improvementCase_btn {
	text-align: center;
}
/* ▼▼▼ 201607改善事例修正 ▼▼▼ */
.mgt{
	margin-top: -10px;
}
.improvementCase_btn a {
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	margin: 10px 0;
	padding: 12px 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18b3cb+0,00a0b8+100 */
	background: #18b3cb; /* Old browsers */
	background: -moz-linear-gradient(top, #18b3cb 0%, #00a0b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #18b3cb 0%,#00a0b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #18b3cb 0%,#00a0b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b3cb', endColorstr='#00a0b8',GradientType=0 ); /* IE6-9 */
}
.improvementCase_checkBox-wrap {
	text-align: center;
	padding-bottom: 30px;
}

.improvementCase_checkBox-box {
	background: #daf7fb;
	display: inline-block;
	margin: 15px 6px 0;
	padding: 10px;
	width: 300px;
}
.improvementCase_checkBox-box .improvementCase_checkBox-ttl {
	color: #009fb7;
	font-size: 18px;
	margin-bottom: 5px;
	text-align: center;
}
.improvementCase_checkBox-list ul {
	float: left;
	margin: 0 10px;
	text-align: left;
}
.improvementCase_checkBox-list .improvementCase_checkBox-list-cat li {
	float: left;
	margin-right: 12px;
}
.improvementCase_checkBox-list .improvementCase_checkBox-list-txt {
	border-bottom: solid 1px #009fb7;
	color: #009fb7;
	margin: 5px 0 4px;
}
.improvementCase_wrap .print-btn__Box {
	margin-bottom: 15px;
	text-align: right;
}
.search_conditions {
	background: #daf7fb;
	color: #009fb7;
	line-height: 1;
	padding: 10px 0;
	text-align: center;
}
.search_conditions__box {
	background: #f0f0f0;
	margin-bottom: 40px;
	padding: 15px;
}
.search_conditions__box > div {
	display: inline-block;
	width: 48%;
	vertical-align:top;
}
.search_conditions__box > div:first-child {
	margin-right: 15px;
}
.search_conditions__box .search_conditions__name dt,
.search_conditions__box .search_conditions__cat dt {
	background: none;
	border-bottom: solid 1px #00a0b8;
	font-size: 16px;
	margin-bottom: 8px;
	padding: 0 0 8px 0;
	text-indent: 0;
}
.search_conditions__box .search_conditions__name dd,
.search_conditions__box .search_conditions__cat dd {
	margin-bottom: 5px;
	padding-left: 0;
	text-indent: 0;
}
.search_conditions__btnBox {
	padding: 14px 0 0;
	text-align: center;
}
.search_conditions__btnBox a {
	background: #fff;
	border-radius: 5px;
	border: solid 1px #009fb7;
	display: inline-block;
	line-height: 1;
	margin-bottom: 0;
	padding: 9px 15px;
}
.improvementCase__modalBox {
	background: #fff;
	border: solid 3px #009fb7;
	display: none;
	left: 30px;
	position: absolute;
	top: 15px;
	width: 660px;
	
	box-shadow: 1px 1px 3px #666;
}
.improvementCase__modalBox__wrap {
	position: relative;
}
.improvementCase__modalBox-ttl {
	color: #009fb7;
	font-size: 16px;
	padding: 15px 0 0;
	text-align: center;
}
.improvementCase__modalBox__closeBtn {
	cursor: pointer;
	position: absolute;
	right: -15px;
	top: -15px;
}
/* ▲▲▲ 201607改善事例修正 ▲▲▲ */