/* =======================================

	Base CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Basic Structure
	
	2.Header
		2-1.Site Title
		2-2.Search And Translate Box
		2-3.Navi And Change Font Size Box
		2-4.SmartPhone Menu
	
	3.Global Navigation

	4.Side Navigation
		4-1.Banner Area
		4-2.Other Links
		4-3.Menu
	
	5.Localnavi
		5-1.Bousai Bouhan
		5-2.Mobile Site
	
	6.Right Ber
		6-1.Shoukai Box
		6-2.Jinkou Box
		6-3.Accident Box
	
	7.Center Box
	
	8.Footer Banner Area
	
	9.Footer
		9-1.Address
		9-2.Navigation
	
	10.Copyright
	
	11.SmartPhone ModeSwitch

========================================== */

/* 1.Basic Structure
========================================== */
body {
	background: #FFF url(../images/base/body_bg.png) no-repeat center top;
	color: #000;
}

#wrapper {
	margin: 15px auto 0;
	padding: 0;
	padding-top: 1px;
	width: 1100px;
	color: #000;
}

#header {
	overflow: hidden;
	margin: 10px auto;
	width: 1100px;
}

#contents {
	float: right;
	display: inline; /* for IE */
	width: 880px;
	margin: 0 0 20px;
}

#contents.wide {
	float: none;
	display: block;
	margin: 0 auto 20px;
	width: auto;
}

.home {
	width: 880px !important;
}

#localnavi {
	float: left;
	display: inline; /* for IE */
	width: 200px;
}

#footer {
	clear: both;
}

/* ページ編集画面 */
#wcv_sys_edit_pageeditarea {
	background: #FFF url(../images/base/body_bg.png) no-repeat center top;
}

/* 2.Header
========================================== */
#header {
}

	/* 2-1.Site Title
	---------------------------------------- */
	#header h1#header-logo {
		float: left;
		margin: 0 0 0 15px;
	}
	/* for IE 6 */
	#header h1#header-logo {
		_display: inline;
	}

	/* 2-2.Search And Translate Box
	---------------------------------------- */
	#header #header-top-belt {
		float: right;
		padding: 10px 20px 0 0;
		width: 500px;
	}

		/* 2-2-1.Translate Box
		---------------------------------------- */
		#header-translate {
			float: right;
			text-align: center;
			width: 200px;
			height: 30px;
		}

		/* 2-2-2.Search Box
		---------------------------------------- */
		#header-search {
			float: right;
			margin: 0 50px 0 0;
		}
		#header-search .search-box .search-text-box {
			float: left;
			margin: 0 10px 0 0;
		}
		#header-search .search-box .search-submit-box {
			float: left;
			margin: 2px 0 0;
		}
		#header-search .search-box .search-text {
			width: 150px;
			height: 19px;
		}

	/* 2-3.Navi And Change Font Size Box
	---------------------------------------- */
	#header #header-bottom-belt {
		float: right;
		padding: 17px 20px 0 0;
		width: 500px;
	}

		/* 2-3-1.Change Font Size
		---------------------------------------- */
		#header-fontsize {
			float: right;
			width: 198px;
		}
		#header-fontsize dt {
			float: left;
		}
		#header-fontsize dt img {
			margin-right: 10px;
		}
		#header-fontsize dd {
			float: left;
		}
		#header-fontsize dd a {
			display: block;
		}
		#header-fontsize dd a#fontsize-large {
			margin-right: 7px;
		}

		/* 2-3-2.Header Navigation
		---------------------------------------- */
		#header-navi {
			float: right;
			margin: 0 37px 0 0;
		}
		#header-navi li {
			float: left;
			margin: 1px 12px 0 0;
		}
		#header-navi li a {
			display: block;
		}
		/* for IE 6 */
		#header-navi li {
			_display: inline;
		}

	/* 2-4.SmartPhone Menu
	---------------------------------------- */
	#smp-menu {
		display: none;
	}

/* 3.Global Navigation
========================================== */
#globalnavi {
	clear: both;
	width: 1100px;
	margin: 0 auto;
}

#globalnavi ul {
	background: url( '../images/base/globalnavi/globalnavi_over.gif') no-repeat;
	overflow: hidden;
}

#globalnavi ul li {
	float: left;
}

#globalnavi ul li a {
	display: block;
	width: 220px;
	height: 50px;
}
/* When Mouse Over */
#globalnavi ul li a:hover img {
	visibility: hidden;
}

/* 4.Side Navigation
========================================== */
#wrapper .side-box {
	margin: 0 0 10px;
}
#wrapper .side-box h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#wrapper .side-box-content {
	border: 1px solid #AAA;
}

	/* 4-1.Banner Area
	---------------------------------------- */
	.side-banner-area p {
		text-align: center;
		padding: 0 0 10px 0;
	}

	/* 4-2.Other Links
	---------------------------------------- */
	.side-link-area {
		background-color: #F2F2F2;
		border: 1px solid #AAA;
		border-bottom: none;
		margin: 0 0 10px;
	}
	.side-link-area li a {
		background: url( '../images/base/top/side-other_li_bg.gif') no-repeat 12px 10px;
		color: #333;
		display: block;
		padding: 5px 5px 5px 25px;
		border-bottom: 1px solid #AAA;
	}
	.side-link-area li a:visited {
		color: #7D7D7D;
	}

	/* 4-3.Menu
	---------------------------------------- */
	ul.menu {
		margin: 0 0 10px;
		width: 200px;
	}
	ul.menu li {
		margin: 0 0 5px;
		border: 1px solid #AAA;
		border-top: none;
		border-left: none;
	}
	ul.menu a {
		background-color: #F0DCA2;
		color: #630;
		font-weight: bold;
		display: block;
		border: 1px solid #826549;
		padding: 10px;
		text-decoration: none;
	}
	ul.menu a:hover {
		background: #E0CBA3;
		text-decoration: none;
	}
	ul.menu a:visited {
		color: #630;
	}


/* 5.Localnavi
========================================== */
#localnavi {
	margin: 2px 0 0 0;
}

	/* 5-1.Bousai Bouhan
	---------------------------------------- */
	#bousai-box .side-box-content {
		background-color: #FCF5F2;
	}
	#bousai-box ul li a {
		background: url( '../images/base/top/side-bousai_li_bg.gif') no-repeat 12px 10px;
		color: #333;
		display: block;
		padding: 6px 5px 6px 32px;
	}
	#bousai-box ul li a:visited {
		color: #7D7D7D;
	}

	/* 5-2.Mobile Site
	---------------------------------------- */
	#mobile-box .side-box-content {
		padding: 10px;
	}
	#mobile-box #qr-code {
		text-align: center;
		margin: 5px auto;
	}



/* 6.Right Ber
========================================== */
#right-bar {
	float: right;
	display: inline; /* for IE */
	width: 200px;
}

	/* 6-1.Shoukai Box
	---------------------------------------- */
	#wrapper #shoukai-box {
		margin: 0 0 10px;
		position: relative;
	}
	#wrapper #shoukai-box h2 {
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	#shoukai-box p {
		position: absolute;
		bottom: 6px;
		right: 8px;
	}
	#shoukai-box p a {
		display: block;
	}

	/* 6-2.Jinkou Box
	---------------------------------------- */
	#jinkou-box .side-box-content {
		padding: 5px 0;
	}
	#contents #jinkou-box table {
		margin: 0 auto;
	}
	#contents #jinkou-box th,
	#contents #jinkou-box td {
		background: none;
		border: none;
		padding: 1px;
		vertical-align: baseline;
	}
	#contents #jinkou-box th {
		text-align: right;
	}

	/* 6-3.Accident Box
	---------------------------------------- */
	#accident-box .side-box-content {
		text-align: center;
		padding: 10px;
	}
	#accident-box p {
		line-height: 1.4;
		padding: 4px 0;
	}
	#accident-box #accident-goal {
		background: url( '../images/base/top/side-accident_reaf.gif') no-repeat 5px 0;
		padding: 2px 2px 2px 20px;
	}
	#accident-box #accident-comment {
		text-align: left;
		line-height: 14pt;
	}


/* 7.Center Box
========================================== */
#center-box {
	float: left;
	display: inline; /* for IE */
	margin-top: 4px;
	margin-right: 20px;
	width: 660px;
}


/* 8.Footer Banner Area
========================================== */
#banner-area {
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
	border: 1px solid #AAA;
	padding: 10px 0 0;
	width: 1100px;
}
#banner-area p {
	width: 20%;
	float: left;
	padding: 0 0 10px;
	text-align: center;
	min-height: 85px;
	height: auto!important;
	height: 85px;
}
#banner-area p a {
	display: block;
}
/* ページ編集画面 */
#wcv_sys_edit_pageeditarea #banner-area p {
	width: auto;
}
#wcv_sys_edit_pageeditarea #banner-area .wcv_system_form {
	float: left;
}


/* 9.Footer
========================================== */
#footer {
	height: 100%; /* for IE */
	border-top: 3px solid #826549;
	padding: 10px 0;
	overflow: hidden;
}

	/* 9-1.Address
	---------------------------------------- */
	#footer #footer-inner {
		float: left;
	}

	/* 9-2.Navigation
	---------------------------------------- */
	#footer #footer-navi {
		float: right;
	}
	#footer #footer-navi li {
		float: left;
		border-right: 1px solid #000;
		padding: 0 7px;
		margin: 0 -1px 0 0;
	}

	#footer p.navi {
		padding: 3px;
		background: url(../cmn_images/bg_footer_navi.gif) repeat-y;
		color: #FFF;
		font-size: 100%;
		line-height: 131%;
		text-align: center;
	}
	
	#footer p.navi a {
		color: #FFF;
		text-decoration: underline;
	}
	
	#footer p.navi a:hover {
		text-decoration: none;
	}


/* 10.Copyright
========================================== */
p.copyright {
	background-color: #826549;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	width: 1100px;
}

/* 11.SmartPhone ModeSwitch
========================================== */
#mode_switch {
	width: 100%;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid #826549;
	padding: 10px 0;
}
#mode_switch dt,
#mode_switch dd {
	display: inline;
}
#mode_switch dt {
	padding-right: 4px;
}
#mode_switch dd:nth-of-type(1) {
	border-right: 1px solid #000;
	padding-right: 7px;
}
#mode_switch dd:nth-of-type(2) {
	padding-left: 6px;
}
#mode_switch a.current,
#mode_switch a.current:hover,
#mode_switch a.current:visited,
#mode_switch a.current:active {
	color: #000;
	text-decoration: none;
}