﻿@charset "utf-8";

/*	Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	http://developer.yahoo.com/yui/license.txt

	PX	%
	10 	77
	11 	85
	12 	93
	13 	100
	14 	108
	15 	116
	16 	123.1
	17 	131
	18 	138.5
	19 	146.5
	20 	153.9
	21 	161.6
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 */

body {font:16px/123.1 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ---------- Element ---------- */

* {
	margin : 0;
	padding : 0;
	border : 0; 
	line-height : 160%;
} 

address {
	font-style : normal;
}
body {
	background-image:url(/share/image/haikei.gif);
	background-position:center;
	background-repeat:repeat-y;
	font-size : 16px;
        font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
input {
	margin: 0.5em 1em 0.5em;
	border:  1px solid #CDCDCD;
}
/* ---------- Layout ---------- */

#container {
	margin : 0 auto;
	text-align : left;
	width : 920px;
}

#tw-wrapper {
	float : left;
	width : 100%;
}

#main {
	float : left; 
	width : 650px;
}

*html #main {
	float : left; 
	width : 643px;
}

#right {
	float : right;
	width : 270px;
	/*padding : 7px 0 0 0;*/
	padding: 7px 0 0px;
}

#right.toppage {
	float : right;
	width : 270px;
	padding : 7px 0 20px;
}

/* ----- Common ----- */

.clear {
	clear : both;
	font-size : 0;
	height : 0;
	visibility : hidden;
}

.head-bottom-margin {
	margin : 0 0 0.2em 0;
}

.bottom-margin {
	margin : 0 0 0.5em 0;
}

.leftbox {
	float : left;
}

.rightbox {
	float : right;
}

/* ----- 3(three) Column ----- */
/* ----- 2(two) Column ----- */

/* ---------- Original ID/Class ---------- */
/* ----- Common ----- */
/* ----- Header -----*/

#header {
	margin : 0;
	padding : 0;
	border : 0; 
	line-height : 160%;
} 
#navigation {
	border-right : 1px solid #CDCDCD;
	border-left : 1px solid #CDCDCD;
	height: 1%;
}

#global-navi {
	float : left;
	padding : 0 0 0 1em; 
	color : #CDCDCD;
	font-size : 90%;
	/*border-left: 1px solid #CDCDCD;*/
}

#global-navi li {
	padding : 0 0.5em 0 0;
	float : left;
	list-style : none;
}

#R-navi {
    padding : 0 0 0 3px;
    font-size : 90%;
    float : left;
}

#R-navi li {
    padding : 0;
    list-style : none;  
    display: inline-block; 
    float : left;
	
}

#R-navi li a{
    padding : 0;
    color : #000000;
    text-decoration : none;
    width : 115px; 
    line-height: 29px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image:url(/share/image/bg_button.gif);
    text-align:center; 
    float : left;
    display: block;
}
#R-navi li a:hover{
    background-image:url(/share/image/bg_button_over.gif);
}

#utility {
	float : right;
	padding : 0 1em 0 0;
}

#utility input {
	border : 1px solid #CDCDCD;
	line-height : 110%;
	margin: 0.5em 0.1em 0.5em;
}

#font-size {
	float : right;
	padding : 0 0 1em 0;
}

#head-font-size {
	font-size : 90%;
	float : right;
	padding : 0 0 0.1em 0;
}

#head-sub {
	font-size : 90%;
	float : right;
	padding : 0 0 5px 0;
}

#head-sub a{
	color : #FFFFFF;
}


.fontS {
	font-size : 90%;
}

/* ----- Main - Common ----- */
.more-menu {
	margin : 0 1em 0 0;
	text-align : right;
}

/* ----- Main - Top ----- */
div#topics li , div#new li , div#scene li , div#sightseeing li , div#about li , div#shortcut li ,div#important li ,div#institution li ,div#room li{
	padding-left : 1.5em;
    background: url(/share/image/icon_list.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}

div#topics , div#new ,div#important{
	width : 628px;
	border-right : 1px solid #CDCDCD;
	border-left : 1px solid #CDCDCD;
}

div#scene li {
	width : 43%;
	float : left;
}

div#life-m li {
	list-style:none;
}

div#life-r li {
	margin : 0 1.9em 1em 0; 
	float : left;
	list-style : none; 
}
#life-l,#life-m {
	float:left; 
	margin:0.5em 1em 0 0.5em;
}
#life-r {
	width:60%;
	float:left; 
	margin:0.5em 0 10px 1.5em;
}


#entry-file, #entry-map, #entry-calender {
	margin : 2px 0 1em 0;
}
div#entry-body div#entry-file h3,
div#entry-body div#entry-map h3,
div#entry-body div#entry-calender h3 {
	margin : 2px 0 2px 0 ;
}

#gmaparea {
	border: 1px #B3B3B3 solid;
	width: 99%;
	height: 300px;
}

/* ----- Main - Entry-Detail -----*/
/* ----- Main - Entry-Detail - Entry-Body Reformat -----*/
div#entrybody table {
	border-collapse : collapse;	
	border: 1px #B3B3B3 solid;
}

div#entrybody  li {
	margin : 0 0 0 2em;
}

div#entrybody blockquote {
	margin : 2em;
	font-style : italic;
}

div#entrybody table, div#entrybody th, div#entrybody td { 
	border: 1px #B3B3B3 solid;
}

div#entrybody th, div#entry-body td {
	padding : 0.5em;
}

div#entrybody th {
	background-color : #F7F7F7;
}
.calendar table {
	width : 200px;
	margin : 0 10px 0 0;
	float : left;
/*	border: 5px solid #red ; */
}

.calendar th, .calendar td {
	text-align : center;
	border:  1px #B3B3B3 solid; 
}

.sun {
	color : #FF0000;
}

.sat {
	color : #0000FF;
}

.open {
	background-color : #009900;
	color : #FFFFFF;
}
caption {
	background-color:#CCCCCC;
	border: 1px #ccc solid;
}


/* ----- 3(three) Column Left -----*/
/* ----- 2(two) Column Right -----*/

div#room ,div#sightseeing , div#about , div#institution , div#shortcut {
	padding : 0 0.5em 0.5em 0.5em;
	background: url(/share/image/right_line.gif) repeat-y 0em 0em;
/*	border-right : 1px solid #CDCDCD;
	border-left : 1px solid #CDCDCD; */
	height: 1%;
}

#right h2 {
	margin:0em;
	padding:0em;
}

/* ----- 3(three) Column Right -----*/
/* ----- SiteMap ----- */
.Sitemap h4 {
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 15px 0.4em;
	background-color:#FAFAFA;
	font-size:108%;
}
.Sitemap-naiyou {
	padding : 5px 20px 10px;
}

.new-list h2 {
	background: url(/share/image/menu_detail.gif) no-repeat;
	height:40px;
	padding:0 0 0 0.5em; 
    margin-bottom: 0.5em;
}

.new-list h3 {
	border: 1px solid #CDCDCD;
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	width : 600px;
	padding: 0 0.7em ;
	color:#009966;
	background-color:#FAFAFA;
    margin-bottom: 0.5em;
}

.new-list ul,.new-list ol {
	margin:0 0 1em 0.5em;
}

.new-list li {
	padding-left : 2.3em;
    background: url(/share/image/icon_list.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}

/* ----- Footer ----- */
#footer {
	padding-left: 1em;
	border-right: 1px solid #CDCDCD;
	border-left : 1px solid #CDCDCD;
	height: 1%;
}
#footer2 {
}

div#ad li {
	float : left;
	padding : 1px 7px 1px 1px;
	list-style : none;
}

#pagetop {
	margin : 0.5em 0;
	text-align : right;
	border-bottom : 1px solid #CDCDCD;
}

div#note li {
	margin : 0 1em 0 0;
	float : left;
	list-style : none;
}

/* ----- scene ----- */
div#scenetop li {
	padding: 0.9em 0 0 35px;
    background: url(/share/image/menu2_scene_bg.gif) no-repeat 0.3em 0.55em;
    list-style: none;
	height:38px;
	font-size:131%;	
	width : 275px;
	float : left;
}


div#right_life,div#right_scene,div#right_link {
/*	border-right : 1px solid #CDCDCD;
	border-left : 1px solid #CDCDCD; */
	padding : 0 0.5em 0em 0.5em;
	background: url(/share/image/right_line.gif) repeat-y 0em 0em;
}

div#right_quest {
	padding : 0 0.5em 0em 0.5em;
	background: url(/share/image/right_line.gif) repeat-y 0em 0em;
}

div#right_life li,div#right_scene li,div#right_link li {
	padding-left : 1.5em;
    background: url(/share/image/icon_list.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}

div#right_life ul, div#right_scene ul,div#right_link ul {
	padding-bottom : 1em;
}

div#right_life li {
	width : 90px; 
	float : left;
}

#QRCODE {
	font-size: 70%;
	margin: 0px 0px 10px;	
}
#breadcrumb {
	font-size: 90%;
	margin: 5px 0px 3px;	
}

/* ----- life ----- */
h2.life-box {
	background: url(/life/share/image/life1.gif) no-repeat 0.1em;
	padding: 0.75em 0 0 3.5em;
	height:40px;
	margin-top:0.5em;
}

h3.bunrui-midasi {
	background: url(/share/image/midasi.gif) no-repeat;
	padding: 0.3em 0 0 1em;
	margin:0.5em 0 0.5em;
	border-bottom: 1px solid #CDCDCD;
	height:30px;
	width:613px;
	font-size:131%;
}
h3.bunrui-midasi2 {
	border: 1px solid #CDCDCD;
        background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 0.7em 0.4em;
	color:#009966;
	background-color:#FAFAFA;
        margin: 0.5em;
}
#report2 li {
	background: url(/share/image/midasi.gif) no-repeat;
	padding: 0.3em 0 0 1em;
	margin:0.5em 0 0.5em;
	border-bottom: 1px solid #CDCDCD;
	height:30px;
	width:613px;
	font-size:131%;
}


#report li {
	padding-left : 1.5em;
    background: url(/share/image/icon_list.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}



/* ----- event ----- */
#event{
    padding: 0px 0px 5px 0px;
}
#event-kankou, #event-kyoiku, #event-hoken, #event-sonota{
    padding: 0px 5px 0px 60px;
    background-repeat: no-repeat;
    background-position: left top;
    border-bottom:1px dashed #000000;
}
#event-kankou{
    background-image:url(/share/image/bg_event_01.gif);
}
#event-kyoiku{
    background-image:url(/share/image/bg_event_02.gif);
}
#event-hoken{
    background-image:url(/share/image/bg_event_03.gif);
}
#event-sonota{
    background-image:url(/share/image/bg_event_04.gif);
}

/* ----- R-life ----- */

.life-p a{
	color : #000000;
        text-decoration : none;
}
.life-p a:hover{
	color : #FF6600;
}
.life-p {
	float:left; 
	margin:0.5em 2em 0.5em 0.5em;
        width:115px;

}
.life-o {
	margin:0.5em 0 10px 1.5em;
	height:40px;
}

#life-b {
        width:625px;
}

.line {
	border-bottom:1px dashed #000000;
        clear:both;
}


/* ----- kakuka ----- */

div#kakuka li{
    padding: 0px;
    background: none no-repeat 0em 0em;
    list-style: none;
    float : left;}

#kakuka{
    padding: 3px 10px 15px 5px;
}


/* ----- detail ----- */
h2.entryh2 {
	background: url(/share/image/menu_detail.gif) no-repeat;
/*	height:40px; */
        line-height:170%;
	padding:0 0 0 1em; 
        margin-top: 7px;
        margin-bottom: 0.5em;
}
img.entryh2 {
        margin-top: 7px;
}
/*
*:first-child+html h2.entryh2 {
	background: url(/share/image/menu_detail.gif) no-repeat;
	height:40px;
	padding:0 0 0 1em; 
}
*html h2.entryh2 {
	background: url(/share/image/menu_detail.gif) no-repeat;
	height:40px;
	padding:0 0 0 1em; 
}
*/
div#entrybody h3 {
	margin:0.5em 0;

}

#entryphoto img{
	float:left;
	margin:1em 10px 1em 0;
}

#entrybody h3 {
	border: 1px solid #CDCDCD;
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 0.7em 0.4em;
	color:#009966;
	background-color:#FAFAFA;
}

div#entrybody h4 {
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 0.7em 0.4em;
	background-color:#FAFAFA;
	font-size:108%;
}

div#entrybody h5 {
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 0.7em 0.4em;
	background-color:#FAFAFA;
	font-size:100%;
}

div#entrybody h6 {
    background:   url(/share/image/detail_bar.gif) no-repeat 0.2em 0.2em;
	padding: 0.3em 0.7em 0.4em;
	font-size:100%;
}

#entrybody {
	width:633px;
	margin-bottom:0.1em;
}

#entrybody ul,#entrybody ol {
	margin:0 0 1em 1em;
}

#entrybody ul li {
    background: url(/share/image/icon_list.gif) no-repeat 0em 0.55em;
    list-style: none;
    margin-left : 0.3em;
    padding-left : 1.2em;
}

#entrybody ol li {
    padding-left : 0;
    margin-left : 1.5em;
    /*list-style: none;*/
}

#soumu {
    border-left:1px solid #CDCDCD;
    border-right:1px solid #CDCDCD;
    padding-left:1em;
    width:612px;
}

/* ----- sightseeing ----- */
#sightseeing-photo img {
	float:left;
	margin:1.5em 0 0.5em 0;
}

div#sightseeing {
	padding:  0 0.5em 0.1em 0.5em;
    background: url(/share/image/sight-line.gif) repeat-y scroll 0 0;
	height:1%;
}

div#sightseeing-icon img{
	float:left;
	padding: 0.1em 0em 0.1em 0.5em;
}



.center {
	padding: 0.45em;
}
.center2 {
	padding: 0.45em;
        text-align:center
}
#img-caption_s {
	float:left;
	font-size:123.1%;
	line-height:110%;
	text-align:left;
	margin-right:8px;
}

/* ----- ichioshiinfo ----- */

div#ichioshi {
        padding:  0 0.8em 0.1em 0.8em;
        background: url(/share/image/ichi-line.gif) repeat-y scroll 0 0;
        height:1%;
}
div#ichioshi img {
        padding:  0 0 5px 0;
}
div#ichioshi ul {
        padding:  0 0 0  15px;
}

/* ----- daijishininfo ----- */

div#daijishin {
        padding:  0 0.8em 0.1em 0.8em;
        background: url(/share/image/dai-line.gif) repeat-y scroll 0 0;
        height:1%;
}
div#daijishin img {
        padding:  0 0 5px 0;
}
div#daijishin ul {
        padding:  0 0 0  15px;
}

/* ----- sectioninfo ----- */
#section {
	width:630px;
}

#sectiontd {
	width:150px;
	padding-left:1em;
	font-size:131%;
}
div#section td{
	padding:0.5em;
	border-top: 1px solid #CDCDCD;
}
div#section td.section2 {
        border : none;
	margin: 0;
}

.tel {
	color: #FF0000;
	font-weight:bold;
}

div#section table {
	margin-top:1em;
}

/* ----- publicguide ----- */
h3.sisetu-midasi {
	background:   url(/share/image/midasi.gif) no-repeat;
	padding: 0.1em 0 0.2em 1em;
	margin:0.5em 0 0.5em;
	border-bottom: 1px solid #CDCDCD;
	height:30px;
	width:613px;
	font-size:146.5%;
}

#publicguide-photo img{
	float:left;
	margin:1em 0 0.5em 0;
}

#img-caption_p {
	float:left;
	line-height:110%;
	text-align:left;
	margin-right:12px; 
}
