@charset "utf-8";

/* ********************************************************************************************

FileName: road_info.css

Author: fujimic

UpdatedBy: 20120612-15:00
********************************************************************************************


/* 年度のリスト 
******************************************************************************************** */
ul.link_icon_x li{ 
	display:inline-block;
}



/********************************************************************************************* */

.header ul.globalnavi li.globalnavi_road_info {
	background-color: #104e04;
}

.header ul.globalnavi li.globalnavi_road_info a {
	color:#fff;
	cursor:pointer;
}


/*
******************************************************************************************** */

dl.dl_customercenter dt {

	clear: left;

	float: left;

	white-space: nowrap;

}



dl.dl_customercenter dd {

	padding: 0 0 0 22em;

}



dl.dl_etcparsonalcard dt {

	clear: left;

	float: left;

	padding: 0 0 5px 0;

	white-space: nowrap;

}



dl.dl_etcparsonalcard dd {

	padding: 0 0 5px 15em;

}



dl.dl_contact dt {

	clear: left;

	float: left;

	padding: 0 0 0 0;

	white-space: nowrap;

}

dl.dl_contact dd {
	padding: 0 0 0 10em;
}

.txt_center {
	text-align:center;
}



dl.dl_campaign dt {
	clear: left;
	float: left;
	padding: 0 0 5px 0;
	white-space: nowrap;
}



dl.dl_campaign dd {
	padding: 0 0 5px 9em;
}



.box0_green_roadinfo {
	border: solid #3a811c 1px;
	clear: both;
	padding: 5px 10px;
	margin: 0;
	text-align: center;
}

/* ********************************************************************************************

009: 

******************************************************************************************** */

#global_menu li#gmenu_roadinfo a{background-position:bottom left;}

/* ********************************************************************************************

010: 

******************************************************************************************** */

.bnrLeft{
	float:left;
	padding:0 20px 0 0;
	width:355px;
}

.bnrRight{
	float:left;
	padding:0;
	width:355px;
}

.bnrLeft01{
	float:left;
}

.m200l{
	margin-left:200px;
}
	

/* --- TOPのコンテンツメニュー ---
-------------------------------------- */
#draplaWrap {
	border: solid 2px #88b176;
	padding-bottom:10px;
}

#draplaAreainfo {
	margin:10px 10px 0 10px;
	display:table;
	min-height:90px;
	height:auto !important;
}
#draplaAreainfo .td {
	display:table-cell;
	vertical-align:middle !important;
}
#draplaAreainfo .tr {
	display:inline;
}
#draplaAreainfo .japanmap{
	margin-right:10px;
}
#draplaAreainfo #draplaAreainfoText{
	font-size: 90%;
	line-height: 130%;
	width: 240px;
	margin-right:10px;
}

#draplaAreainfo #draplaAreainfoText img{
	margin-bottom:5px;
}



	
/* --- 地域情報リスト --- */
#draplaAreainfo ul{
	/*position:absolute;
	top:30px;
	left:340px;*/
	display:table;
}

#draplaAreainfo ul li{
	display:table-cell;
	vertical-align:middle !important;
}
#draplaAreainfo ul li a {
	display:block;
	margin-right:3px;
	text-align:center;
}

/* --- コンテンツメニュー --- */
.tableBox {
	display:table;
	border-spacing:10px;
}

.draplaBox {
	width:300px;
	display:table-cell;
	vertical-align:top;
}

.draplaBoxBg {
	margin:0 0 10px 0;

}

.draplaBoxTitle {
	padding:15px 14px 5px 14px;
}

.draplaBoxText {
	padding:0 10px 5px 64px;
}

/*ul.emptyBtn li{
	background: url(/road_info/images/btn_empty_bg_s.gif) top left no-repeat;	
	display:block;
	margin:0 14px 10px 14px;
	width:208px;
}

ul.emptyBtn li a{
	background: url(/road_info/images/btn_empty_bg_s_btm.gif) bottom left no-repeat;	
	display:block;
	width:198px;
	padding:18px 0 18px 10px;

}*/

li.etcuser{
	margin-bottom:5px;
}

li.etcuser a{
	position:relative;
	overflow:hidden;
	display:block;
	margin-left:10px;
}


/*--- メニューの影ありBOX ---*/
.boxShadow{
	box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 6px 3px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
}



/*--- タイトル上のライン ---*/
.draplaBox #menuSearch{
	background:url(../road_info/images/pink_line.gif) repeat-x top;
	z-index:999;
	position:relative;
}

.draplaBox #menuSapa{
	background:url(../road_info/images/purple_line.gif) repeat-x top;
}

.draplaBox #menuCard{
	background:url(../road_info/images/grey_line.gif) repeat-x top;
}

.draplaBox #menuHigh{
	background:url(../road_info/images/violet_line.gif) repeat-x top;
}

.draplaBox #menuEtc{
	background:url(../road_info/images/blue_line.gif) repeat-x top;
}

.draplaBox #menuRoadinfo{
	background:url(../road_info/images/yellow_line.gif) repeat-x top;
}

.draplaBox #menuEng{
	background:url(../road_info/images/green_line.gif) repeat-x top;
}

ul.menu .green_arrow{
	padding:0.2em 3px 0 0;
}

ul.menu .whiteBtn{
	padding:15px 40px;
}

.etcBtn{
	margin:0 10px;
}

.draplaBoxBg .menu_arrow{
	padding-top:0.2em;
}


/* --- リストの区切り点線 --- */
hr{
	border:none;
	border-top:dotted 1px #CCCCCC;
	height:1px;
	color:#FFFFFF;
}

hr.Eng{
	border:none;
	border-top:dotted 1px #CCCCCC;
	height:1px;
	color:#FFFFFF;
	margin:3px 0;
}

.second_contentBnr{
	padding:0 20px;
	margin:40px 40px 0 40px;
}




table.TB_center{
	margin:0 auto;
}

.w65{
	width:65%;
}



/*点線の○の調整*/
img.brokenline{
	padding:5px 2px 5px 5px;
}




@media only screen and (max-width:640px)
{

/*インデント調整*/
table td  p.indent2em{
	text-indent:-2em;
	margin-left:2em;
}

table td  p.indent3em{
	text-indent:-3.5em;
	margin-left:3.5em;
}

table td  p.indent4em{
	text-indent:-4.5em;
	margin-left:4.5em;
}

/*テーブルを1列表示*/
.box00 td{
	display:block;
}



dl.dl_default dd.m0l{
	padding:0 0 15px 30px;
}



/*要素を上下逆にする*/
.wrap,
.w65{
	width:100%;
	position:relative;
}

.boxdown{
	padding-top:130px;
}

.boxup{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}


.m100l{
	margin-left:0;
}


/*点線の○の調整*/
img.brokenline{
	height:27px;
	padding:8px 2px 5px 5px;
}

/*画像80%表示*/
.size80 img{
	width:80%;
}



/*===トップのメニューレイアウト===
============================================*/

/*地域情報*/
#draplaAreainfo{
	display:block;
}
#draplaAreainfo .tr {
	display:table;
	width:100%;
}
#draplaAreainfo #draplaAreainfoText{
	width:auto;
}

#draplaAreainfo #draplaAreainfoText img{
	width:20%;
}

#draplaAreainfoText p{
	margin-top:-8px;
}

/*地域リスト*/
#draplaAreainfo ul{
	position:static;
	display:table;
	width:100%;
}

#draplaAreainfo ul li{
	padding:10px 0;
	display:table-cell;
	width:25%;
	text-align:center;
}

ul.menu .whiteBtn{
	padding:0;
	width:90%;
	display:inline-block;
	text-align:center;
}



ul.menu .green_arrow{
	padding:0.5em 3px 0 0;
}



/*コンテンツ一覧*/
#draplaBoxWrapLeft{
	float:none;
	margin:0 auto;
	width:100%;

}
.tableBox {
	display:block;
	border-spacing:0;
}
.draplaBox {
	display:block;
	background:url(/road_info/images/drapla_box_bg_btm.gif) bottom left no-repeat;
	width:100%;
	height:auto;
}


.draplaBoxText {
	padding:0 10px 5px 103px;
}



.draplaBoxBg .menu_arrow{
	padding-top:0.5em;
}

.w15,
#draplaAreainfo .japanmap{
	margin-top:10px;
}

.boxShadow{
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	border:none;
}





/*ドラぷらバナー*/
.bnr{
	max-width:600px;
	margin:0 auto;
}

.bnrLeft,
.bnrRight{
	width:auto;
	padding:0;
}

.bnrLeft img,
.bnrRight img{
	width:100%;
	height:auto;
	vertical-align:baseline;
}





}