@charset "utf-8";

/* ------------------------ */
/* 鹿児島県道路公社base.css */
/* ------------------------ */

* {margin:0; padding:0;}

body {
	margin:0;
	padding:0;
	font-size:90%;
	text-align:center;
	background:url(../img/common/bg.gif);
}

/* a */
a:link {color:#003399;}
a:visited {color:#003399;}
a:active {color:#003399;}
a:hover {color:#FF3300;}

/* img */
img {border:0;}

img.img-left {
	float:left;
	margin:0 20px 10px 0;
}

/* address */
address {
	border:3px solid #FFCC00;
	padding:5px;
	font-style:normal;
	line-height:1.5em;
	margin:10px 5px;
}
address span {
	margin:5px;
	display:block;
}


/* clear */
.cl {clear:both;}

/* h1 h2 h3 */
h1 {
	width:320px;
	height:100px;
	text-indent:-9999px;
	background:url(../img/common/logo.jpg) top left no-repeat;
	float:left;
}
h2.h2-kisei {
	font-size:1em;
	background:url(../img/index/h2-kisei.jpg) left no-repeat;
	padding-left:30px;
	color:#FF3300;
	margin:0;
}
h2.h2-osirase {
	font-size:1em;
	background:url(../img/index/h2-osirase.jpg) left no-repeat;
	padding-left:30px;
	color:#0066FF;
	margin:0;
}
h3.h3-inter {
	margin:5px 20px;
	text-indent:-9999px;
	background:url(../img/index/h3_inter.jpg) left no-repeat;
	border-bottom:2px solid #FF3300;
}
h3.h3_img {
	margin:3px auto;
	text-align:center;
}

/* ul li ol */
ul.kisei {
	margin:5px 0 40px 30px;
	padding:0;
	line-height:1.5em;
}

ol.olpolicy{
	margin:10px 30px 10px 70px;
	}

li.lipolicy{
	line-height:1.5;
	margin-bottom:10px;
	}
	
/* container */
div#container {
	width:820px;
	margin:0 auto;
	background:#FFFFFF;
}

/* header */
div#header {
	width:800px;
	height:100px;
	text-align:left;
	background:url(../img/common/bg_header.jpg) right no-repeat;
	margin:0 auto;
}
div.navi {
	float:right;
	margin-top:85px;
	text-align:right;
}


/* header_menu */
div#headernavi {
	width:800px;
	height:40px;
	margin:0 auto;
	background:url(../img/common/bg_navi.jpg) no-repeat;
}
div#headernavi ul {
	font-size:11px;
	margin:0;
	padding:0;
}
div#headernavi li {
	float:left;
	background:url(../img/common/list_navi.jpg) left no-repeat;
	text-align:left;
	list-style-type:none;
}
div#headernavi li a {
	text-decoration:none;
	color:#000000;
	display:block;
	width:100px;
	height:25px;
	padding:15px 0 0 14px;
}
div#headernavi a:hover {
	text-decoration:none;
	color:#FF3300;
	background:url(../img/common/bg_navi_hover.jpg) no-repeat;
}

/* contents */
div#contents {
	width:800px;
	margin:10px auto;
	text-align:left;
}
p.p-bread {
	border-bottom:1px solid #eeeeee;
}

div#contents h2 {
	background:url(../img/common/h2_icon.jpg) left no-repeat;
	color:#006600;
	margin:10px auto;
	padding:5px 0 0 45px;
	height:35px;
}
div#contents h3 {
	background:url(../img/common/h3_icon.jpg) left no-repeat;
	margin:10px 0 5px 20px;
	padding-left:14px;
	color:#FF3300;
}

div#contents h3.h3_toll {
	border:solid 1px #FF3300;
	padding:10px;
	margin-right:450px;
}

div#contents h4 {
	color:#FF0000;
	margin:15px 0 5px 30px;
}
div#contents p {
	margin:3px 20px 15px 30px;
	line-height:1.4em;
}
.box001 {
	width:750px;
	margin:5px auto 20px auto;
}

/* wrapper */
div#wrapper {
	width:800px;
	margin:10px auto;
	text-align:left;
}

/* right left */
div#left {
	width:480px;
	float:left;
}
div.kisei {
	margin:5px auto;
}
div.kisei li {
	list-style-image:url(../img/common/li_kisei.jpg);
}
div.osirase {
	margin:0 auto;
}
div.osirase ul{
	margin:5px 0 40px 30px;
	padding:0;
	line-height:1.5em;
	}
	
div.osirase li {
	list-style-image:url(../img/common/li_002.jpg);
}

div#right {
	width:310px;
	float:right;
}

.o-navi-img {
	text-align:center;
	width:280px;
	border:1px solid #006600;
	margin:5px auto 20px auto;
	font-size:0.7em;
	padding-bottom:5px;
}
.o-navi-img a {
	padding:2px 3px;
}

div.o-navi {
	width:310px;
	margin:0 auto;
	padding:0;
	background:url(../img/index/o_navi_bg.jpg) repeat-y;
}
div.o-navi ul {
	margin:0 20px 20px 45px;
	line-height:1.5em;
}
div.o-navi li {
	display:block;
	list-style-image:url(../img/common/li_001.jpg);
	margin:0;
	padding:0;
}
div.o-navi li a {
}
div.o-navi li a:hover {
}



/* footer */
div#footer {
	width:800px;
	margin:0 auto;
	background:#eeeeee;
	padding:20px 0;
}
div#footer p {
	font-size:0.8em;
	text-align:right;
	margin:5px 15px;
}
div#footer ul {
	margin:0 5px;
	padding:0;
}
div#footer li {
	float:left;
	padding:3px;
	list-style-type:none;
	font-size:0.8em;
}

/* 天気予報 */
.tab-weather {
	width:280px;
	margin:5px auto 10px auto;
	border-collapse:collapse;
}
td.td-w01 {
	border:1px solid #CCCCCC;
	text-align:center;
}

/* おでかけナビ */



/* map */
div.maparea{
	width:800px;
	}
	
div.mapleft{
	float:left;
	width:600px;
	}

div.maplist{
	float:right;
	width:180px;
	padding:10px;
	}

/* layout etc */
div.b001 {
	float:left;
	width:150px;
	margin-bottom:15px;
}
div.b002 {
	float:right;
	width:370px;
	margin-bottom:15px;
}


div.img_load{
	display:none;
	}
	
/* ICの案内 */
div#about-ic {
}
div#about-ic img {
	border:3px solid #999999;
}
div#about-ic ul {
	margin:10px 20px;
	display:block;
}
div#about-ic li {
	float:left;
	padding:3px 10px;
	margin:0 0 20px 0;
	list-style-type:none;
	border-right:1px solid #666666;
}
.ic {
	text-indent:-999px;
	height:30px;
	background:url(../img/ic/other_ic.jpg) no-repeat;
	margin:20px 0 5px 0;
}

div#spot_img{
	width:800px;
	text-align:center;

	}

div#spot_img img{
	margin:5px;
	}

/* table */
table.Tab-basic001 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}
table.Tab-basic001 caption {
	text-align:left;
}
table.Tab-basic002 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}
table.Tab-basic003 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}
table.Tab-basic004 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}

table.Tab-basic005 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}

table.Tab-basic006 {
	margin:3px auto 20px auto;
	border-collapse:collapse;
}

table.Tab-left {
	border-collapse:collapse;
	float:left;
}
table.Tab-right {
	border-collapse:collapse;
	float:right;
}



/* th */
table.Tab-basic001 th {
	border:1px solid #cccccc;
	text-align:center;
}
table.Tab-basic002 th {
	border:1px solid #cccccc;
	text-align:center;
}
table.Tab-basic003 th {
	border-bottom:1px solid #cccccc;
	text-align:left;
	padding:3px;
	font-size:0.8em;
}
table.Tab-basic004 th {
	border:1px solid #eeeeee;
	text-align:center;
	padding:3px;
}

table.Tab-basic006 th {
	background:#DA7F0F;
	color:#ffffff;
	text-align:right;
	padding:3px;
	border:1px solid #CCCCCC;
}


th.th-001 {
	background:#DA7F0F;
	color:#ffffff;
	padding:3px;
}
th.th-002 {
	background:#C61C3B;
	color:#ffffff;
	padding:3px;
}
th.th-003 {
	background:#096D2F;
	color:#ffffff;
	padding:3px;
}
th.th-004 {
	background:#0A49BA;
	color:#ffffff;
	padding:3px;
}
th.th-005 {
	background:#94AE18;
	color:#ffffff;
	padding:3px;
}

th.th-006 {
	background-color:#94AE18;
	color:#ffffff;
	overflow:auto;
	padding:3px;
}

th.th-007 {
	background-color:#FFFF99;
	color:#ffffff;
	overflow:auto;
	padding:3px;
}



/* td */
table.Tab-basic001 td {
	border:1px solid #cccccc;
	text-align:center;
	padding:3px;
}
table.Tab-basic002 td {
	border:1px solid #cccccc;
	padding:3px;
}
table.Tab-basic003 td {
	border-bottom:1px solid #cccccc;
	padding:3px;
	font-size:0.8em;
	line-height:1.4em;
}

table.Tab-basic004 td {
	border:1px solid #eeeeee;
	padding:3px;
	line-height:1.4em;
}

table.Tab-basic006 td {
	background:#F1ECBA;
	padding:10px;
	text-align:left;
	border:1px solid #CCCCCC;
	}
	
table.Tab-left td, table.Tab-right td {
	border:1px solid #e1e1e1;
	text-align:center;
}

td.td-001 {background:#F1ECBA; padding:3px;}
td.td-002 {background:#E9C7DA; padding:3px;}
td.td-003 {background:#C3D8F0; padding:3px;}
td.td-004 {background:#C5D5B7; padding:3px;}
td.td-005 {background:#D1BCD6; padding:3px;}
td.td-006 {background:#e1e1e1; padding:3px;}
td.td-007 {
	text-align:left;
	font-size:0.8em;
	vertical-align:top;
	padding:3px;
}

td.td-008 {
	text-align:left;
	font-size:0.9em;
	vertical-align:top;
	padding:3px;
	border:1px solid #CCCCCC;
}

td.td-009 {
	text-align:left;
	font-size:0.85em;
	vertical-align:top;
	padding:3px;
	border:1px solid #CCCCCC;
}


/* p */
p.p-001{
	margin:40px 30px 10px 70px;
	line-height:1.3;
	}

/* text 関連 */
.txt-right {
	text-align:right;
}
.txt-center {
	text-align:center;
}


/* faq */
div#faq {
	width:730px;
	margin:20px auto;
}
div#faq dl {
	line-height:1.4em;
}
div#faq dt {
	border:1px solid #FF3300;
	width:300px;
	margin:0;
	padding:3px;
	background:#FFFFCC;
}
div#faq dd {
	border-left:1px solid #FF3300;
	margin:0 0 30px 40px;
	padding:3px 3px 3px 40px;
}
div#faq ol {
	margin:5px 0 0 40px;
}


/* googlemap */

td.map_list{
	font-size:90%;
	}

.map_link a{
	display:block;
	}

.name1{
		background-image:url(../img/map/h2.gif);
		width:320px;
		height:10px;
		padding:10px;
		margin-bottom:10px;
		font-size:120%;
		font-weight:bold;
		}

div#marker_data_list{
		font-size:small;
		width: 250px;
		}

div#marker_data_list li{
		padding:0px 5px 10px 5px;
		list-style-image:url(../img/map/list_mark01.gif);
		font-size:110%;
		height:15px;
		}
		
v\:* {
	    behavior:url(#default#VML);
		}

th.title{
	    background-color: #333399;
        color: #fff;
	    border:2px outset gray;
		}

th.title h1{
	   margin:0px;
		}

div#map{
		}

div.marker_data_html {
		width:350px;
	    margin-top:8px;
		}

	
div.subject{
	text-align:left;
	font-size:120%;
	height:330px;
	padding:4px;
	font-family:sans-serif;
	margin-bottom:8px;
	}

div.description{
	border-top: 1px dashed black;
	margin-top:8px;
	padding:4px;
	}

/* index.php */

div.text-big{
	font-size:120%;
	font-weight:bold;
	}


/* considering.html */
div#considering{
	width:770px;
	margin:5px 15px;
	}
	
#considering table{
	text-align:center;
	border-collapse:collapse;
	width:290px;
	font-size:80%;
	}

#considering td{
	background-color:#FFFFCC;
	padding:5px;
	border:1px solid #000000;
	}
	
#considering th{
	padding:5px;
	border:1px solid #000000;
	}

div#considering img{
	margin:20px 0px;
	}
		
div#considering_left{
	padding:10px;
	float:left;
	margin:5px;
	text-align:center;
	width:350px;
	}
	
div.considering_box_left{
	border:4px double #0000CC;
	text-align:left;
	padding:5px;
	}

div.considering_box_left p{
	border:1px solid #0000CC;
	padding:5px;
	}

div#considering_right{
	padding:10px;
	float:right;
	margin:5px;
	text-align:center;
	width:350px;
	}

div.considering_box_right{
	border:4px double #FF0000;
	text-align:left;
	padding:5px;
	}

div.considering_box_right p{
	border:1px solid #FF0000;
	padding:5px;
	}
	
div.considering_box_right img{
	margin-bottom:15px;
	}

	
/* sitemap */
div#sitemap{
	width:800px;
	}
div#sitemap ul{
	margin:10px 20px 30px 100px;
	list-style-type:disc;
	}

div#sitemap li{
	margin-bottom:10px;
	}
/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FC951C; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: Verdana, Helvetica, sans-serif; background-color: #FC951C; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size:18px; padding:5px;}
#imageData #numberDisplay{ display: none; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }