@charset "Shift_JIS";

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

-----------------------*/
/*body*/
body {
	margin: 0px auto;
	padding: 0px auto;
	background-color: #ffffff;
	line-height:145%;
	color: #333;
	}
html>body {
	border-collapse:separate;
	}
body,html {
height:100%;
	}
table {
	empty-cells:show;
	border-collapse: collapse;
	}
/*その他*/
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.ind1 {
	text-indent: 1em;
	}
.bold {
	font-weight: bold;
	}
.red {
	color: red;
	}
/*文字サイズ*/
/*#outline,*/
#wall h2,
.shihyou,
.contents {
	font-size: 0.9em;
	}
/*----------------------------------------------
　
----------------------------------------------*/
#header {
	background-color: #ffffff;
	height: 90px;
	}
/*ロゴ*/
.header-in {
	width: 900px;
	margin:0 auto;
	}
.header-in h1 {
	width: 390px;
	height: 90px;
	background : url(../komatukaga/logo_top.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	}
.constrainer {
	width: 900px;
	margin:0 auto;
	clear: both;
	padding-top: 30px;
	}
.logospace {
	margin-top: 34px;
	float: left;
	}
/*----------------------------------------------
　メニュー
----------------------------------------------*/
.menuwall {
	background : url(../komatukaga/menubar_back.gif) repeat-x 0px 0px;
	height: 59px;
	}
.menubox {
/*	width: 900px;*/
	width: 925px;
	margin:0 auto;
	height: 41px;
	}
.menubox ul {
	list-style: none;
	}
.menubox li {
	float: left;
	list-style: none;
	}
.menubox li.home-toppage {
	display: block;
	width: 125px;/*幅*/
	height: 41px;
	text-indent:-9999px;
	overflow:hidden;
	background-image : url(../noto/mn_home-toppage.png);
	}
.menubox li a{
	display: block;
	width: 160px;
	height: 41px;
	text-indent:-9999px;
	overflow:hidden;
	}
.menubox a.home {
	background-image : url(../noto/mn_home.png);
	width: 125px;/*幅*/
	}
.menubox a.hakui {
	background-image : url(../noto/mn_hakui.png);
	}
.menubox a.noto {
	background-image : url(../noto/mn_noto.png);
	}
.menubox a.kaga {
	background-image : url(../noto/mn_kaga.png);
	}
.menubox a.komatukaga {
	background-image : url(../noto/mn_komatukaga.png);
	}
.menubox a.canyon {
	background-image : url(../noto/mn_canyon.png);
	}
.menubox a:hover.home,
.menubox a:hover.hakui,
.menubox a:hover.noto,
.menubox a:hover.kaga,
.menubox a:hover.komatukaga,
.menubox a:hover.canyon {
	background-position:0px -41px;
	}
.menubox a:active.home,
.menubox a:active.hakui,
.menubox a:active.noto,
.menubox a:active.kaga,
.menubox a:active.komatukaga,
.menubox a:active.canyon {
	background-position:0px -82px;
	}
/*----------------------------------------------
　詳細ページ
----------------------------------------------*/
#main {
	clear: both;
	}
#main h1 {
	height: 47px;
/*	margin-bottom: 5px;*/
	text-indent:-9999px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	width: 650px;
	float: left;
	}
#mapbox {
	clear: both;
	width: 900px;
	margin: 20px 0px 20px 0px;
/*	height: 650px;*/
	}
	#mapbox .rosen {
		float: left;
		width: 560px;
		border: 1px solid #666;
		}
	#mapbox .point {
		float: right;
		width: 320px;
		}
#attraction,
#mitinoekibox {
	clear: both;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	}
/*休憩所・路線状況*/
h2.condition {
	width: 900px;
	height: 40px;
	background : url(../komatukaga/bar_conditions.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
page-break-before: always;/*印刷設定*/
	}
.cdbox_l,
.cdbox_r {
	width: 250px;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 30px;
	}
.cdbox_l {
	float: left;
	padding-right: 44px;
	}
.cdbox_r {
	float: right;
	}
.cdbox_l img,
.cdbox_r img{
	border: 1px solid #666666;
	}
.naiyoubox {
	color: #333;
	padding: 40px 30px 30px 30px;
	background-color: #FFFEF2;	/* 背景色 */
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	}
/*みどころ*/
h2.yorimiti {
	width: 900px;
	height: 88px;
	background : url(../komatukaga/bar_yorimiti.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
page-break-before: always;/*印刷設定*/
	}
.attractionbox {
	color: #333;
	padding: 30px 15px 15px 15px;
	background-color: #FFFEF2;	/* 背景色 */
	border-bottom: 1px dotted #bbb;
	}
.at-imgbox {
	float: left;
	width: 202px;
	font-size: 0.8em;
	text-align: center;
	padding-right: 8px;
	}
img.at {
	width: 200px;
	height: 135px;
	border: 1px solid #666666;
	}
.at-mainbox {
	float: left;
	width: 415px;
	padding-right: 15px;
	}
.at-mainbox p {
	text-indent: 1em;
	font-size: 0.9em;
	}
.at-infobox {
	float: right;
	width: 210px;
	padding-left: 7px;
/*	background-color: #FFFFCC;*/
	background-color: #FDFDDC;
	}
.at-infobox li {
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 0.8em;
	line-height: 16px;
	margin: 7px 0;
	padding-left: 20px;
	}
/*おすすめポイント*/
.midokorobox-l,
.midokorobox-r {
	}
.midokorobox-l {
	float: left;
	width: 430px;
padding-right: 5px;
	border-right: 1px dotted #bbb;
	}
.midokorobox-r {
	float: right;
	width: 420px;
	}
.midokorobox-l h3,
.midokorobox-r h3 {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 8px;
	font-weight: bold;
	}
.midokorobox-l p,
.midokorobox-r p {
	font-size: 0.8em;
	}
p.setumei {
	text-indent: 1em;
	line-height: 1.3em;
	}
p.meyasu {
	line-height: 14px;
	margin-top: 6px;
	}
/*周辺イベント情報*/
.wrapbox {
	color: #333;
	padding: 30px 20px 20px 20px;
	background-color: #FFFEF2;	/* 背景色 */
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	}
h2.event {
	width: 900px;
	height: 40px;
	background : url(../komatukaga/bar_event.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	}
.evbox_l {
	float: left;
	}
.evbox_r {
	float: right;
	}
.evbox_l,
.evbox_r {
	width: 390px;
	}
.evbox_in {
	height: 80px;
	margin-bottom: 40px;
	}
.evbox_in h3,
.evbox_in h4 {
	color: #5e350f;
	font-weight: bold;
	}
.evbox_in h3 {
	font-size: 1.2em;
	padding-top: 4px;
	margin-bottom: 6px;
	border-bottom: 1px solid #996600;
	}
.evbox_in h4 {
	background : url(../komatukaga/title_event.gif) no-repeat 0px 0px;
	width: 58px;
	height: 80px;
	line-height: 57px;
	text-align: center;
	font-size: 0.9em;
/*	margin-right: 6px;*/
	float: left;
	}
.evbox_in p {
	line-height: 1.4em;
	font-size: 0.8em;
	}
p.hosoku {
	clear:both;
	text-align: right;
	font-size:0.8em;
	}
/*最寄の道の駅*/
#mitinoekibox h3 {
	background : url(../komatukaga/ico_mitinoeki.gif) no-repeat 0px 0px;
	font-size: 1.1em;
	line-height: 25px;
	padding-left: 32px;
	margin-bottom: 10px;
	font-weight: bold;
	}
/*道の駅*/
h2.mitinoeki {
	width: 900px;
	height: 88px;
	background : url(../komatukaga/bar_mitinoeki.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
page-break-before: always;/*印刷設定*/
	}
/*サイクリングターミナル*/
#ctbox {
	clear: both;
	color: #333;
	border: 5px solid #4a63fd;
	background-color: #FFF;	/* 背景色 */
	padding: 30px 15px 15px 15px;
	margin-bottom: 20px;
	}
#ctbox h3 {
	font-size: 1.1em;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: bold;
	}
h2.ct {
	width: 900px;
/*	height: 112px;
	background: url(../images/bar_yorimiti.gif) no-repeat 0 0;*/
	text-indent:-9999px;
	overflow:hidden;*/
	}
/*コンテンツメニュー*/
.contentsmenu {
	width: 900px;
	margin-top: 20px;
	list-style: none;
	}
.contentsmenu li {
	list-style: none;
	float: left;
	margin-right: 5px;
	}
.contentsmenu li a{
	display:block;
	width: 128px;
	height: 38px;
	text-indent:-9999px;
	overflow:hidden;
	}
.contentsmenu a.yorimiti {
	background-image: url(../images/bn_yorimiti.gif);
	}
.contentsmenu a.mitinoeki {
	background-image: url(../images/bn_mitinoeki.gif);
	}
.contentsmenu a.map {
	background-image: url(../images/bn_map.gif);
	}
.contentsmenu li a:hover.yorimiti,
.contentsmenu li a:hover.mitinoeki,
.contentsmenu li a:hover.map {
	background-position:0px -38px;
	}
.contentsmenu li a:active.yorimiti,
.contentsmenu li a:active.mitinoeki,
.contentsmenu li a:active.map {
	background-position:0px -76px;
	}
/*infoboxアイコン*/
.at-infobox li.basyo {
	background-image : url(../noto/ico_basyo.gif);
	}
.at-infobox li.jikan {
	background-image : url(../noto/ico_jikan.gif);
	}
.at-infobox li.parking {
	background-image : url(../noto/ico_parking.gif);
	}
.at-infobox li.cost {
	background-image: url(../images/ico_cost.gif);
	}
.at-infobox li.toi {
	background-image : url(../noto/ico_toi.gif);
	}
.at-infobox li.close {
	background-image : url(../noto/ico_close.gif);
	}
.at-infobox li.riyou {
	background-image : url(../noto/ico_riyou.gif);
	}
.at-infobox li.rosen {
	background-image : url(../noto/ico_rosen.gif);
	}
/*自転車道タイトル*/
.roadtitle {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin-bottom: 2em;
	}
.roadtitle img.dwl {
	float: right;
	margin-top: 9px;
	}
#hakuiroad .outline,
#notoroad .outline,
#kagaroad .outline,
#komatukagaroad .outline,
#canyonroad .outline {
	color: #444;
	height: 200px;
	}
#hakuiroad .outline p,
#notoroad .outline p,
#kagaroad .outline p,
#komatukagaroad .outline p,
#canyonroad .outline p {
	text-indent: 1em;
	width: 560px;
	}
.outline ul {
	margin-top: 2em;
	font-size: 0.9em;
	}
.outline li {
	height: 28px;
	line-height: 28px;
	padding-left: 85px;
	vertical-align-middle;
	}
.outline li.kouji {
	background : url(../komatukaga/ico_kouji.png) no-repeat left top;
	}
.outline li.winter {
	background : url(../komatukaga/ico_winter.png) no-repeat left top;
	}
/*----------------------------------------------
　01.羽咋健民自転車道
----------------------------------------------*/
#hakuiroad {}
#hakuiroad h1 {
	background-image : url(../noto/img_h11.gif);
	}
#hakuiroad .outline {
	background : url(../komatukaga/outline.jpg) no-repeat right top;
	}
/*----------------------------------------------
　02.能登海浜自転車道
----------------------------------------------*/
#notoroad {}
#notoroad h1 {
	background-image : url(../noto/img_h1.gif);
	}
#notoroad .outline {
	background : url(../komatukaga/outline.jpg) no-repeat right top;
	}
/*----------------------------------------------
　03.加賀海浜自転車道
----------------------------------------------*/
#kagaroad {}
#kagaroad h1 {
	background-image : url(../noto/img_h111.gif);
	}
#kagaroad .outline {
	background : url(../komatukaga/outline.jpg) no-repeat right top;
	}
/*----------------------------------------------
　04.小松加賀健民自転車道
----------------------------------------------*/
#komatukagaroad {}
#komatukagaroad h1 {
	background-image : url(../noto/img_h111.gif);
	}
#komatukagaroad .outline {
	background : url(../komatukaga/images/outline.jpg) no-repeat right top;
	}
/*----------------------------------------------
　05.手取キャニオンロード
----------------------------------------------*/
#canyonroad {}
#canyonroad h1 {
	background-image : url(../noto/img_h1.gif);
	}
#canyonroad .outline {
	background : url(../komatukaga/outline.jpg) no-repeat right top;
	}
/*パンくずリスト*/
#topic-path {
	font-size: 0.75em;
	margin-left: 20px;
	}
/*
ページの先頭へ
div.pageup {
	clear: both;
	text-align: right;
	padding-top: 25px;
	padding-right: 0px;
	margin-bottom: 30px;
	}
*/
/*-----------------------
ページ内リンク
-----------------------*/
.pagenavi {
	width: 900px;
	margin:0 auto;
	height: 20px;
	}
.pagenavi ul {
	list-style: none;
	}
.pagenavi li {
	float: left;
	list-style: none;
	}
.pagenavi li.last {
	float: right;
	}
.pagenavi li a{
	display: block;
	width: 110px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	}
.pagenavi a.backtop {
	background-image : url(../noto/back_top.png);
	}
.pagenavi a.pageup {
	background-image : url(../noto/pageup.png);
	}
/*-----------------------
フッター
-----------------------*/
#aboutus {
	float: right;
	width: 208px;
	padding-bottom: 20px;
	background-color: #fff;
	}
#aboutus address {
	font-size: 0.8em;
	padding-top: 10px;
	line-height: 1.3em;
	}
#footBar {
	clear: both;
	background-color: #ededed;
	color: #555;
	margin-top: 50px;
	height: 100px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
	}
.footBar-in {
	width: 900px;
	margin:0 auto;
	padding-top: 30px;
	}
#footBar ul {
	text-align: center;
	}
#footBar li {
	float: left;
	border-left: 1px solid #666;
	padding: 0 0.5em;
	display: block;
	white-space:nowrap;
	line-height: 1em;
	}
#footBar li.last{
	border-right: 1px solid #666;
	}
#footBar p.copyright {
	padding-top: 30px;
	text-align: right;
	padding-right: 2em;
	}
/*-----------------------
その他
-----------------------*/
/*CLEAR FIX*/
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac */
	*html.clearfix{
		height: 1%;
	}
.clearfix {
	display: block;
	}
/*float解除のためのclearfix*/
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	zoom: 1;
	}
/* 画面表示用 */


/* 印刷用 */
@media print {
	body {
/*	zoom: 80%;*/
	margin: 0 auto;
	}
	#tit_line,
	#tit_check {
		page-break-before: always;
		}
	.pageup {
		display: none;
		}
	ul.houshin {
		padding-top: 0;
		padding-bottom: 10px;
		}
	ul.houshin li {
		margin-bottom: 0;
		}
	img.zm80 {width:600;height:524;}
	}