/*******************************
 *　全体レイアウト
 *******************************/
div#contentbodyMap
{
	width:900px;
	margin:30px auto;
}

div#checkbox
{
	width:190px;
	float:left;
	font-size:0.9em;
}

div#listWrap
{
	float:left;
	position:relative;
	width:242px;
}

div#dataList
{
	width:240px;
	max-height:500px;
	height:500px;
	overflow:auto;
	border:solid 1px #28277F;
	background:#FFFFFF;
}

div#routemapwrap
{
	position:relative;
	width:650px;
	height:500px;
	float:left;
	margin-left:3px;
}

div#mapwrap
{
	position:relative;
	width:460px;
	height:500px;
	float:left;
	margin-left:3px;
}

div#map
{
	width:460px;
	height:500px;
}

div#routemap
{
	width:650px;
	height:500px;
}


div#header
{
	width:960px;
	overflow:hidden;
}

div#footer
{
	width:950px;
	height:63px;
	background:#D5DEF3 url(Common/Images/bg_foot.gif) no-repeat;
	text-align:center;
}

/*******************************/
/* 情報タイプの編集*/
/*******************************/

a.infoTypeSel
{
	display:block;
	padding:10px 10px 10px 5px;
	background:url(Common/Images/Kankou/menuYa.gif) no-repeat 165px center;
	background-color:#F3F3F3;
	text-decoration:none;
	margin:0 3px;
	color:#000000;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
	border-top:solid 1px #BCBCBC;
	font-size:90%;
}

a.infoTypeSel:hover,a.infoTypeSelOn
{
	display:block;
	padding:10px 10px 10px 5px;
	text-decoration:none;
	margin:0 3px;
	background:url(Common/Images/Kankou/menuYa.gif) no-repeat 165px center;
	background-color:#EFF8FF;
	color:#000000;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
	border-top:solid 1px #BCBCBC;
}

a.infoTypeSelOn{
	background-color:#CDE9FE;
	font-size:90%;
}

div#kankochiCheckbox
{
	padding:5px 3px;
	margin:0 3px;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
	background:#F7FCFF;
}
div#VolunteerBox
{
	padding:5px 3px;
	margin:0 3px;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
	background:#F7FCFF;
	display:none;
}
div#YadoBox
{
	padding:5px 3px;
	margin:0 3px;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
	background:#F7FCFF;
	display:none;
}

a#infoTypeSel4
{
	border-bottom:solid 1px #BCBCBC;
}

/*******************************/
/* ヘッダー部分*/
/*******************************/

div#header div#headerContent
{
	width:950px;
	height:118px;
	background:url(Common/Images/header.gif) no-repeat;
	position:relative;
}
div#header div#headerContent h1
{
	position:relative;
	left:-3000px;
}
div#header div#headerContent p
{
	position:relative;
	top:30px;
	left:353px;
	width:244px;
}

#headerContent h2
{
	color:#675A53;
	font-size:20px;
	font-weight:bolder;
	position:absolute;
	top:90px;
	left:20px;
}
/*******************************/
/* Web駅トップ　お問い合わせ部分*/
/*******************************/

#toiawase
{
	margin:10px auto;
	width:950px;
	font-size:0.8em;
	text-align:center;	
	font-size:small;
	border-top:dotted 1px #BCBCBC;
	padding-top:10px;
}

#toiawase ul
{
	margin:0;
	padding:0;
}

#toiawase li
{
	display:inline;
	margin:0 0 0 4px;
	padding-right:5px;
	border-right:solid 1px #CCCCCC;  
}

#toiawase li.right
{
	border-right:none;  
}


/*******************************
 *　フッター部分
 *******************************/

div#footer div.footer_enq{
	float:left;
	font-size:0.8em;
	padding-top:15px;
	text-align:center;
	width:300px;
}
div#footer div.footer_toi{
	float:right;
	font-size:0.8em;
	padding-top:15px;
	text-align:center;
	width:200px;
}

/*******************************
 *　フロアタイトル部分
 *******************************/

#floor_title {
	background-image:url(common/images/img_floor_title_back.gif);
	background-repeat:repeat-x;
	height:37px;
	margin:2px 0px 0px;
	overflow:hidden;
	padding:0px;
	width:950px;
}

#floor_title h2{
	color:#675A53;
	float:left;
	font-size:20px;
	font-weight:bolder;
	margin:10px 0pt 0pt 10px;
	width:480px;
}

#floor_title h3 {
	color:#675A53;
	float:right;
	font-size:18px;
	margin:10px 10px 0pt 0pt;
	text-align:right;
	width:280px;
}


/*******************************
 *　チェックボックス
 *******************************/

div#checkbox ul li 
{
	list-style:none;
	padding:3px 0;
	margin:0;
	font-size:0.9em;
}

img.checkIcon
{
	vertical-align:middle;
}


div#clickMsg
{
	position:absolute;
	left:20px;
	top:2px;
	font-size:0.8em;
	background:#FFFFFF;
	padding:2px;
	border:solid 1px #BCBCBC;
}
/*******************************
 *　loading
 *******************************/

div#loading
{
	background:#FFFFFF;
	position:absolute;
	top:200px;
	left:200px;
	width:100px;
	text-align:center;
	padding:10px;
	border:solid 1px #BCBCBC;
}

/*******************************
 *　検索結果
 *******************************/
#searchbox{
	border:1px solid #000000;
	width:238px;
	margin:0;
	padding:2px;
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	z-index:100;
	background-color:#ffffff;
	display:none;
	font-size:0.8em;
}
 div#searchbox div#handle{
	width:236px;
	margin:0px;
	padding:0px;
	background:#FFCCCC;
}

#searchbox div#handle p#h_r{
	display:inline;
	margin:3px;
	padding:0;
	float:left;
}

#searchList a{
	color:#666666;
	text-decoration: none;
}

#searchList a:visited  {
	color:#666666;
	text-decoration:none;
}

#searchList a:hover  {
	color: #FFFFFF;
	background:#0066CC;
	text-decoration:none;
}

.sbox li
{
	list-style:none;
}

#searchList p.pageInfo
{
	text-align:center;
}

/*******************************
 *　一覧用
 *******************************/
div.listBunrui
{
	width:105%;
	margin:5px auto 15px auto;
}
div.listBunrui p
{
	margin-right:15px;
	margin-bottom:5px;
	float:left;
	white-space:nowrap;
}
div.listBunrui p.NowBunrui
{
	font-weight:bold;
}

div.listChiiki
{
	width:100%;
	margin:5px auto 15px auto;
	text-align:left;
}
div.listChiiki p
{
	margin-right:20px;
	margin-bottom:5px;
	white-space:nowrap;
	float:left;
    border:solid 1px #FFFFFF;/*ずれるので、ダミー*/
}
div.listChiiki p.area{
    display:inline;
    border:solid 1px #866F8C;
    vertical-align:middle;
    text-align:center;
    color:#765D7C;
    padding:0 5px;
    margin:0 10px 5px 5px;
}
div.listChiiki a{
    background-image:url(Common/Images/preYaPurple.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:10px;

}
div.listChiiki p.NowChiiki
{
    background-image:url(Common/Images/preYaPurple.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:10px;
	font-weight:bold;
}

img.listIcon
{
	vertical-align:middle;
	margin-right:3px;
}

div.listHead
{
	width:220px;
	font-size:0.8em;
	margin:10px 0;
	text-align:center;
}

div.listHead p.page
{
	text-align:right;
}

div.listItem1
{
	clear:both;
	width:220px;
	background:#FFFFFF;
	padding:5px 0;
	margin:0 auto;
}

div.listItem2
{
	clear:both;
	width:220px;
	background:#FFF3FD;
	padding:5px 0;
	margin:0 auto;
}

div.itemThum
{
	width:100px;
	height:90px;
	overflow:hidden;
	float:left;
}
div.itemThum img
{
	margin:5px auto;
	border:0px;
	width : 100px;
	height : 75px;
}

div.itemInfo
{
	float:left;
	width:115px;
	margin-left:3px;
	font-size:0.8em;
}
div.itemInfoVol
{
	float:left;
	width:215px;
	margin-left:3px;
	font-size:0.8em;
}

p.bosyu
{
	color:#FF0000;
	margin:3px;
	font-size:0.9em;
}
p.syoukai
{
	color:#008800;
	margin:3px;
	font-size:0.9em;
}
div.itemInfo p.address
{
	margin:3px;
	font-size:0.8em;
}

p.nodata
{
	text-align:center;
	font-size:small;
	font-weight:bold;
}

table.pageKirikae
{
	width:100%;
}
table.pageKirikae td.prevPage
{
	width:10%;
	text-align:left;
}
table.pageKirikae td.directPage
{
	width:50%;
	text-align:center;
}
table.pageKirikae td.nextPage
{
	width:10%;
	text-align:right;
}
table.pageKirikae a
{
	margin:5px;
}

table.pageKirikae span.nowPage
{
	font-weight:bold;
	font-size:large;
}

div#dataList h3
{
	font-size:small;
}

/*******************************
 *　吹き出し（観光資源）
 *******************************/

div.hukudashi
{
	width:280px;
}

div.hukudashi div.itemInfo
{
	width:170px;
}

/*******************************
 *　吹き出し（ボランティア情報）
 *******************************/

div.hukudashiVol
{
	width:280px;
}

div.hukudashiVol div.itemInfo
{
	width:250px;
}

/*******************************
 *　吹き出し（連携データ）
 *******************************/

div.hukudashiRenkei
{
	width:280px;
	font-size:0.8em;
}

div.hukudashiRenkei div.itemInfo
{
	width:170px;
}

div.hukudashiRenkei div.itemThum
{
	width:125px;
	overflow:hidden;
	float:left;
}

div.hukudashiRenkei div.itemInfo
{
	float:left;
	width:120px;
	margin-left:3px;
}

div.hukudashiRenkei div.itemInfo h3
{
	font-size:small;
	float:left;
	width:120px;
	margin-left:3px;
}

/*******************************
 *　（宝島マップ）１要素
 *******************************/
div#dataList div.takarajimaMap
{
	padding:3px;
	float:right;
	width:110px;
}
div.hukudashi div.takarajimaMap
{
	padding:3px;
	float:left;
	width:170px;	
}

div.takarajimaMap p.catchcp
{
	font-size:0.8em;
	color:#228F00;
}
div.takarajimaMap p.machi
{
	margin:0 3px;
	font-size:0.8em;
	color:#6F6F6F;
}

div.takarajimaMap h3
{
	margin:5px 0 2px 5px;
	font-size:1.0em;
}
div.takarajimaMap p.yomi
{
	margin:0 2px;
	font-size:0.8em;
}

p.pdflink
{
	font-size:0.9em;
	display:block;
	background:url(Common/Images/icon/pdf.gif) no-repeat left center;
	padding:5px 0 2px 20px;
}

p.pdfHosoku
{
	font-size:0.9em;
}

/*******************************
 *　詳細
 *******************************/
div.bunruiName
{
	color:#555555;
	font-size:0.7em;
	font-weight:normal;
	padding:2px 7px 3px 3px;
	background-color:#F0F5FF;
	position:relative;
	top:-2px;
	left:10px;
	display:inline;
}
.bunruiName img.icon
{
	vertical-align:middle;
	padding-right:5px;
}

div#mainLeft
{
	width:420px;
	float:left;
	margin:0 3px;
}

div#mainLeft p.honbun
{
	margin:5px 0;
	padding:5px;
	line-height:150%;
	border-bottom:dotted 1px #555555;
}

div#mainLeft p.kuchikomi
{
	text-align:right;
	margin:15px 0 7px 0;
}

div#mainLeft div.info
{
	border:solid 1px #2B9DC0;
	margin:10px 0 20px 0;
	padding:0;
}

div#mainLeft div.info span.midashi
{
	font-weight:bold;
	color:#006699;
	margin-right:7px;
}

div#mainLeft ul
{
	margin:10px 0 10px 10px;
}

div#mainLeft ul li
{
	list-style:none;
}

div#mainLeft dl
{
	margin-left:10px;
}

div#mainLeft dl dt
{
	font-weight:bold;
	border-left:5px solid #2B9DC0;
	padding-left:5px;
}

div#mainLeft dl dd
{
	margin-top:3px;
	margin-left:20px;
	margin-bottom:7px;
}

h2#title
{
	font-weight:bold;
	font-size:140%;
	padding-left:10px;
	padding-bottom:5px;
	border-left:solid 5px #FF0033;
	border-bottom:dotted 1px #EEAADD;
	margin:20px auto 20px auto;
}
p.access
{
	margin:20px 0 20px 10px;
	line-height:1.2em;
}


div#mainRight
{
	width:360px;
	float:right;
	margin:0 3px;
	background:#FFFFFF;
	overflow:hidden;
}

div#mainRight div.mainImg
{
	margin-top:10px;
}

div.mainImg p.mainImgItem
{
	text-align:center;
	margin:3px;
}

div.mainImg p.mainImgItemCom
{
	text-align:center;
	margin:3px;
}

div#oshirase
{
	border:solid 1px #BCBCBC;
	margin:10px 0;
	background:#FFFFFF;
}

div#oshirase .titleImg
{
	height:30px;
	background-color:#CAE1FF;
}

div#calendar
{
	border:solid 1px #BCBCBC;
	margin:10px 0;
	background:#FFFFFF;
}

div#calendar .titleImg
{
	height:30px;
	background-color:#FEDFB3;
}

div#photo
{
	border:solid 1px #BCBCBC;
	margin:10px 0;
	background:#FFFFFF;
}

div#photo h2
{
	background:url(Common/Images/h2back3.gif) repeat-x;
	height:31px;
	color:#695753;
	font-weight:bold;
	padding:7px 0 0 20px;
}

div#photo div.photoItem
{
	width:120px;
	float:left;
	font-size:0.9em;
	margin-left:20px;
	text-align:center;
}
div#photo div.photoItem span.myHp a
{
	margin:0;
}

div.renkeiContainer
{
	padding:10px;
	background-color:#FFFFFF;
}

div.renkeiContainer p.kaiPage
{
	text-align:center;
	margin:10px 0;
}

div.renkeiContainer li
{
	list-style-type:none;
	margin:3px 0;
	padding-left:10px;
}

div.renkeiContainer li a.title
{
	background:transparent url(Common/Images/yajirusi.gif) no-repeat scroll left center;
	padding-left:8px;
	position:relative;
	left:-10px;
}

div.renkeiContainer li span.koshinDay
{
	font-size:0.9em;
	color:#555555;
	margin-left:7px;
}

div.renkeiContainer span.myHp a
{
	font-size:0.9em;
	color:#1a80e6;
	text-decoration:none;
}
div.renkeiContainer p.allListLink
{
	font-size:0.9em;
	text-align:right;
}


div#oshiraseList
{
	margin:10px 0;
	background:#FFFFFF;
}
div#oshiraseList div.renkeiContainer li
{
	border-bottom:dotted 1px #BCBCBC;
	padding-top:5px;
	padding-bottom:5px;
}

div#calendarList
{
	margin:10px 0;
	background:#FFFFFF;
}

div#calendarList div.renkeiContainer li
{
	border-bottom:dotted 1px #BCBCBC;
	padding-top:5px;
	padding-bottom:5px;
}


/*******************************
 *　一覧画面用
 *******************************/
div#listMain
{
	width:100%;
	margin:0 auto;
}

div#listMain div.listHead
{
	text-align:center;
	width:100%;
	font-size:medium;
}

div#listMain div.listItem
{
	margin-top:10px;
	margin-right:30px;
	width:370px;
	height:90px;
	float:left;
	/*border-left:solid 3px #0281BF;*/
	padding-left:5px;
	border-bottom:dashed 1px #BCBCBC;
}

div#listMain div.listItem div.itemInfo
{
	font-size:medium;
	width:240px;
}

div#listMain div.listFoot
{
	clear:both;
	margin:10px 0;
	width:100%;
}

div.listFoot table.kaiPage
{
	width:90%;
	margin:10px auto;
}
div.listFoot td.left
{
	width:50%;
	font-size:small;
	text-align:left;
}
div.listFoot td.right
{
	width:50%;
	font-size:small;
	text-align:right;
}

/*******************************
 *　一覧画面用(テーブル)
 *******************************/
table.tablelist
{
	width:100%;
	margin:10px auto 10px auto;
	font-size:95%;
}

table.tablelist tr.bgcell1
{
	background-color:#FFFFFF;
}

table.tablelist tr.bgcell2
{
	background-color:#fafaff;
}

table.tablelist th
{
	padding:4px;
	border:solid 1px #999999;
	border-collapse:collapse;
	background-color:#cccccc;
	text-align:center;
	font-weight:bold;
}

table.tablelist td
{
	padding:5px;
	border:solid 1px #999999;
	border-collapse:collapse;
}

#searcharea
{
	margin:10px 0 10px auto;
	float:right;
	font-size:90%;
}


/*******************************
 *　汎用
 *******************************/

div.topicpath
{
	font-size:0.9em;
	margin-top:10px;
	margin-left:30px;
}

p.midashi1
{
	background:transparent url(Common/Images/midashi_pochi1.gif) no-repeat left 50%;
	padding-left:10px;
	font-size:small;
}
p.allChk
{
	font-size:0.9em;
}

p.koshinDay
{
	font-size:small;
	text-align:right;
	color:#444444;
}

p.hpTitle a
{
	text-decoration:none;
	font-size:small;
	color:#228F00;
}

p.hpTitle a img
{
	vertical-align:middle;
	margin-left:3px;
}

p.ichiranLink
{
	margin:5px 5px 5px 3px;
	font-size:small;
	text-align:right;
}
p.ichiranLink img
{
	margin-right:7px;
}

img.menuIcon
{
	margin:0px 5px 0px 2px;
}