@charset "shift_jis";

@import "content.css";

/*全体レイアウト*/
body {background-color: #FFFFFF; margin: 20px 5px 5px 5px; padding: 0px;}
#wrapper{ width:950px; height:auto; margin:0 auto; padding: 0 20px;}
#header{ width:950px;}
#gn{ width:950px; height:33px;}
#menu{width:210px; height:100%; float:left;}
#main{width:731px; height:auto; float:right; background-image:url(../images/main-bg.gif); background-repeat:repeat-y; font-size:80%; line-height:160%; color:#333333; padding-bottom:10px;}
#main-w{width:950px; height:auto; font-size:80%; line-height:160%; color:#333333;}
#content{margin: 0px 20px 0px 1px; width:708px; height:auto;}
#content-w{margin: 0px 50px 0px 50px; width:850px; padding:25px 0px 25px 0px; overflow:auto;}

#copyright{ width:945px; margin:5px 0px 0px 0px; font-size:70%; color:#666666; line-height:125%; float:left;}

/*共通設定*/
body  a{text-decoration:underline;}
body  a:hover{text-decoration:underline; color:#339933;}
p {margin:0; padding:0;}
sup {font-size:70%; vertical-align:top;}
.dead {color:#888888;}
.cap{font-size:90%; line-height:125%;}


/*ヘッダ、サイトタイトル*/
#header .site_title{text-align:left; text-indent:-9999px; font-size:xx-small; float:left;}
#header .skip a{ width:10px; height:10px; float:left; display:block; text-indent:-9999px; text-decoration:none;}

/*検索と問い合わせ部分*/
#header #function{ width:345px; height:31px; float:right; vertical-align:middle;}
#header #function form{ clear:both; margin:0px; padding:0px; width:220px; height:auto; float:left;}
#header #function input{ margin-top:4px; padding:0px;}
#header #function .inq a{ width:110px; height:31px; float:right; display:block; text-indent:-9999px; text-decoration:none;}

/*パンくず*/
.breadcrumbs{
padding:0 10px 10px 10px;
font-size:75%;
}

/*コンテンツ部分背景制御*/
/*FAQ用*/
#cont-tokaido { width:950px; background:url(../images/mnu_bg.gif) repeat-y; background-position:left; float:left;}

/*メインパート*/
#main h3{font-size:110%; font-weight:bold; color:#333333; margin:3px 0px 10px 0px; line-height:100%;}
#main h4{font-size:100%; font-weight:bold; color:#333333; margin:15px 0px 10px 0px; line-height:100%;}
/*観光、イベント、特集共通*/
#main #btm-ss{height:43px; background:url(../ss_inf/images/main-bottom.gif) no-repeat;}
/*ライブカメラ、道路*/
#main #btm-lc{height:43px; background:url(../livecam/images/main-bottom.gif) no-repeat;}
/*防災安全*/
#main-w #btm-sf{height:43px; background:url(../safety_inf/images/main-bottom.gif) no-repeat; float:left;}
/*事業案内、FAQ、リンク*/
#main #btm-faq{height:43px; background:url(../images/main-bottom.gif) no-repeat;}
/*特集*/
#cont-sp #btm-sp{height:39px; width:891px; background:url(../special/images/bottom.gif) no-repeat;}
#cont-sp #btm-block{height:43px; width:891px; background:#FFFFFF;}

/*ページトップへ戻る*/
.pgtop{	float: right; margin: 22px 25px 0px 0px;}/*トップへ戻る*/

/*メニューパート*/
#list-box { width:199px; margin:0px 0px 0px 9px; border: 1px solid #999999; background-color:#FFFFFF;}
.mnu_bnr{ margin:10px 0px 10px 9px;}/*バナー*/
/*FAQ用*/
#list-box ul.f{ margin:0; padding:0; font-size:80%; list-style-type: none;}
#list-box ul.f li{ background-image:url(../images/arr.gif); background-repeat: no-repeat; background-position:5px 11px; border-bottom:dotted #CCCCCC 1px; margin:0; padding:7px 0px 7px 18px;}
#list-box ul.f li.nb{ color:#ff0000;}
#head-faq {background-image:url(../images/mnu_hd.gif); background-repeat:no-repeat; height:7px; width:199px; margin:0; padding:0; overflow:hidden;}

/*201203追加*/
/*tokaido_bgwr1*/
.tokaido_bgwr1{
	background: url(../images/h1_bg.gif) repeat-x 0 0;
	height:69px;
	padding-left:20px;
	margin-bottom:10px;
	_margin-bottom:0px;
}
.tokaido_bgwr1 h1.tokaido_title{
	background: url(../images/h1_title.gif) 0 50% no-repeat;
	width:205px;
	height:69px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.toptitlewr{
	padding:50px 0 60px 0;
	text-align:center;
}
.pb160{ padding-bottom:160px;}

.pageTopwr{
	padding-top:10px;
	margin:0 30px 0 15px;
}
.pageTop a{
	min-height:10px;
	_height:10px;
	clear: both;
	text-align: right;
	float: right;
	padding-left: 14px;
	background: url(../../common/img/pagetop_ic.gif) 0 50% no-repeat;
	font-size:93%;
}

#footer{
	border-top: 5px solid #0C419A;
	text-align: left;
	padding: 12px 15px 10px 15px;
}
#footer #address{
	font-weight: normal;
	font-style: normal;
}
#footer .infoArea{
	width: 360px;
	float: left;
}
#footer .infoArea p.jimusho {
	font-weight: bold;
	font-size:100%;
	margin-bottom:4px;
}
#footer .infoArea p.address {
	font-size:83%;
	line-height:1.1em;
}
#footer .infoArea p.tel {
	font-size:83%;
	line-height:1.1em;
}
#footer ul {
	margin:0;
	padding:0;
	width: 560px;
	float: right; 	
}
#footer ul li {
	list-style: none;
	float: right; 
	text-align: right;
	font-size:77%;
	white-space:nowrap;
	margin-left:8px;
}
#footer ul li a {
	padding-left:8px;
	background: url(../../common/img/list_ic4.gif) 0 2px no-repeat;
}
/*---------------------------------------------
          clearfix
---------------------------------------------*/
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* link */
#list-box a:link {color:#0C419A;}
#list-box a:visited {color:#0C419A;}
#list-box a:active {color:#0C419A;}
#list-box a:hover {color:#C66;}

.pageTopwr a:link {color:#0C419A;}
.pageTopwr a:visited {color:#0C419A;}
.pageTopwr a:active {color:#0C419A;}
.pageTopwr a:hover {color:#C66;}

#footer a:link {color:#0C419A;}
#footer a:visited {color:#0C419A;}
#footer a:active {color:#0C419A;}
#footer a:hover {color:#C66;}