body { margin: 0px; background: #FFF; text-align:center}
body#htmlpage { margin: 0px; background: #000; text-align:center}
body#whbg { margin: 0px; background-color: #FFF; background-image: none}
h1 { margin: 0 0 5px; font: 13px normal; line-height: 130%; color: #555}
/*-----------------------------------------------
レイアウト
-----------------------------------------------*/
#pagetop {
	width: 750px;
	background-color: #FFF;
	margin: 0 auto;
	text-align: right;
	}
#bodybg {
	background: url(img/share/bg.jpg) repeat-x #FFF center 60px;
	text-align: center;
	}
#bodybg2 {
	background: #FFF url(img/share/bg.jpg) repeat-x center 60px;
	text-align: center;
	}

#bodynobg {
	width: 620px;
	background: #FFF;
	}
#container {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border:#555 solid;
	border-width:0 0 1px 0;
	}
#contents {
	width: 800px;
	height: 620px;
	background-color: #FFF;
	margin: 0 auto;
	}
#contents_ipad {
	width: 800px;
	height: 550px;
	background-color: #FFF;
	margin: 0 auto;
	}
#contents2 {
	width: 800px;
	height: 620px;
	background-color: #FFF;
	margin: 0 auto;
	}
.footer {
	margin: 0px auto;
	padding: 5px 0;
	width: 740px;
	background-color: #FFF;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
#footer2 {
	margin: 0px auto;
	padding: 15px 30px;
	width: 740px;
	background-color: #F2F2F2;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
* html #footer2 {
	width: 800px;
	background-color: #F2F2F2;
	text-align: right;
	margin: 0px auto;
	padding: 10px 30px;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
#footer2 a:link { color: #333; text-decoration: none}
#footer2 a:visited { color: #333; text-decoration: none}
#footer2 a:hover { color: #333; text-decoration: underline}
#contents_htmlpage {
	width: 600px;
	background-color: #FFF;
	margin: 0 auto;
	}
#footer_htmlpage {
	margin: 0px auto;
	padding: 5px 30px;
	width: 540px;
	background-color: #FFF;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
* html #footer_htmlpage {
	width: 600px;
	background-color: #FFF;
	text-align: right;
	margin: 0px auto;
	padding: 5px 30px;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
#footer2_htmlpage {
	margin: 0px auto;
	padding: 15px 30px;
	width: 540px;
	background-color: #F2F2F2;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
* html #footer2_htmlpage {
	width: 600px;
	background-color: #F2F2F2;
	text-align: right;
	margin: 0px auto;
	padding: 10px 30px;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
#contents_htmlpage_iphone {
	width: 650px;
	background-color: #FFF;
	margin: 0 auto;
	}	

#footer_htmlpage_iphone {
	margin: 0px auto;
	padding: 5px 30px;
	width: 590px;
	background-color: #FFF;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
	
#footer2_htmlpage_iphone {
	margin: 0px auto;
	padding: 15px 30px;
	width: 590px;
	background-color: #F2F2F2;
	text-align: right;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}

* html #footer2_htmlpage_iphone {
	width: 650px;
	background-color: #F2F2F2;
	text-align: right;
	margin: 0px auto;
	padding: 10px 30px;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}



/*-----------------------------------------------
レイアウト
-----------------------------------------------*/
	
.ji_140 { font-size: 140%; line-height: 140%; color: #333}
.ji_120 { font-size: 120%; line-height: 140%; color: #333} 
.ji_110 { font-size: 110%; line-height: 140%; color: #333}
.ji_100 { font-size: 100%; line-height: 140%; color: #333}
.ji_90 { font-size: 90%; line-height: 140%; color: #333}
.ji_80 { font-size: 80%; line-height: 140%; color: #333}
.ji_75 { font-size: 75%; line-height: 140%; color: #333}
.ji_70 { font-size: 70%; line-height: 140%; color: #333}
.ji_idt50 { padding: 3px 0 3 50px; font-size: 80%; color: #333; line-height: 140%}
.ji_idt20 { padding: 5px 5 5 20px; font-size: 80%; color: #333; line-height: 140%}
.ji_idt15 { padding: 5px 0 5 15px; font-size: 80%; color: #333; line-height: 140%}
.ji_idt10 { padding: 3px 3 3px 10px; font-size: 80%; color: #333; line-height: 140%}
.linehgt_180 {  line-height: 180%}
.col_wh { color: #FFFFFF}
.col_orange { color: #FF6600}
.col_blue { color: #2C3876}
.col_brown { color: #9E6210}
.col_green { color: #28763D}
.col_sky { color: #4C95D9}
.col_red { color: #8E0027}
a:link { color: #555; text-decoration: underline}
a:visited { color: #777; text-decoration: underline}
a:hover { color: #555; text-decoration: none}
a.link1:link { color: #31B162; text-decoration: none}
a.link1:visited { color: #008A46; text-decoration: none}
a.link1:hover { color: #31B162; text-decoration: underline}
a.link2:link { color: #333; text-decoration: underline}
a.link2:visited { color: #555; text-decoration: underline}
a.link2:hover { color: #333; text-decoration: none}
a.link3:link { color: #EEE; text-decoration: none}
a.link3:visited { color: #CCC; text-decoration: none}
a.link3:hover { color: #EEE; text-decoration: underline}
a.link4:link { color: #333; text-decoration: none}
a.link4:visited { color: #555; text-decoration: none}
a.link4:hover { color: #333; text-decoration: underline}
.sptop_05 { padding: 5px 0px 0px}
.sptop_06 { padding: 5px 0px 0px }
.sptop_10 { padding: 10px 0px 0px}
.sptop_20 { padding: 20px 0px 0px}
.spbtm_05 { padding: 0 0 5px}
.spbtm_06 { padding: 0 0 6px}
.spbtm_10 { padding: 0 0 10px}
.sphgt_05 { padding: 5px 0px}
.sphgt_10 { padding: 10px 0px}
.sphgt_15 { padding: 15px 0px}
.sphgt_20 { padding: 20px 0px}
.spwid_05 { padding: 0px 5px }
.spwid_10 { padding: 0px 10px}
.spwid_15 { padding: 0px 15px}
.spwid_20 { padding: 0px 20px}
.mgtop_10 { margin: 10px 0px 0px}
.mgbtm_05 { margin: 0px 0px 5px}
.mgbtm_10 { margin: 0px 0px 10px}
.mghgt_10 { margin: 10px 0px}
.mgwid_05 { margin: 0px 5px}
.mgwid_10 { margin: 0px 10px}
.mgwid_25 { margin: 0px 25px}
.mg_10 { margin: 10px}
.bg_line { border: #999999 solid; border-width: 0 0 1px}
.bg_line2 { border: #999999 dotted; border-width: 0 0 1px}
.nopt {	padding: 0; margin: 0px 15px; list-style-type: none}
.nopt li{ margin: 12px 0px}

.title_htmlpage { padding: 5px 5 5 20px; font-size: 80%; color: #FFFFFF; line-height: 140% ; background-color: #999999}
.bgsitemap {  background-image: url(img/sitemap/bg_06.jpg); background-repeat: no-repeat; background-position: right bottom; background-color: #000000}
.bgtopfla {
	background: url(img/top/bg_fla.jpg) no-repeat left top;
	}
.back_daimonji {  background-image: url(plan/daimonji/img/back.gif); background-repeat: no-repeat; background-position: left bottom}
.back_daimonji_osinagaki { background-image: url(plan/daimonji/img/osina_back.gif); background-repeat: no-repeat; background-position: left bottom}

.img_left {
     float: left;
     margin: 0 0px 12px 0px;}

#footer_bana {
        width: 500px;
        float: left;
	}

.img_left02 {
     float: left;
     margin-bottom: 4px;
     }

.img_left02 img {
     margin-right: 5px;
     }

.img_fair {
     float: left;
     padding-bottom: 5px;
          }

#footer_endmenu {
     float: right;
     width: 150px;
     padding-top: 10px;
	 text-align: right;
                }

/*-----------------------------------------------
サイトマップ
-----------------------------------------------*/
.sitemap_lang {	padding:0 20px 0 0px}.color_red2 {  font-weight: bold; color: #FF0000; font-size: 90%}




/*-----------------------------------------------
トップリンク追加
-----------------------------------------------*/

#footer_kyotolink:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
#footer_kyotolink {
        margin: 0 auto 20px;
	padding: 15px 0 10px;
	width: 800px;
	font-size: 80%;
	line-height: 140%;
	color: #333;
        text-align: left;
	display:inline-block;
        clear: both;
	}
/*MacIE \*/
* html #footer_kyotolink {height: 1em;}
#footer_kyotolink {display: block;}
/* */


#footer_kyotolink a:link { color: #333; text-decoration: none}
#footer_kyotolink a:visited { color: #333; text-decoration: none}
#footer_kyotolink a:hover { color: #333; text-decoration: underline}

#footer_kyotolink h3 {
        border-bottom: 1px solid #333;
        padding-bottom: 5px;
        margin-top: 0;
	}


#footer_kyotolink .ryokan_box {
        width: 700px;
        clear: both;
	}
#footer_kyotolink .ryokan_box p {
	margin: 0;
	}
.ryokan_box .ryokan_place {
	margin: 0;
        float: left;
        color: #543900;
        width: 45px;
	}

.ryokan_box .ryokan_name {
	padding: 0 15px 0 20px;
        float: left;
        background: url(img/share/pt.gif) no-repeat left 5px;
        }
.ryokan_box .ryokan_name p {
	margin: 0;
        }

.ryokan_box .ryokan_place02 {
	float: left;
        margin: 0;
        color: #543900;
        width: 80px;
	}
.ryokan_box .ryokan_place04 {
	margin: 0;
        float: left;
        color: #543900;
        width: 65px;
	}

.ryokan_box .ryokan_name03 {
	padding-left: 20px;
        float: left;
        background: url(img/share/pt.gif) no-repeat left 5px;
        }
.ryokan_box .ryokan_name03 p {
	margin: 0;
        }



/* with TrivAdvisor banner 
------------------------------------------------------*/
#TA_wrapper {
	width: 800px;
	margin: 0 auto;
	}
#TA_banner {
	float: left;
	width: 230px;
	padding: 15px 10px 0 0;
	}

#footer_wrapper {
	width: 550px;
	float: right;
	}
.footer_TA {
	margin: 0px auto;
	padding: 5px 0;
	width: 550px;
	background-color: #FFF;
	text-align: left;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	}
.footer_TA #footer_bana_TA {
        width: 300px;
        float: left;
		text-align: left;
		padding-top: 10px;
	}
#footer_kyotolink2:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
#footer_kyotolink2 {
	margin: 0 auto;
	padding: 15px 0;
	width: 550px;
	font-size: 80%;
	line-height: 150%;
	text-align: left;
	display:inline-block;
	clear: both;
	}
/*MacIE \*/
* html #footer_kyotolink2 {height: 1em;}
#footer_kyotolink2 {display: block;}
/* */


#footer_kyotolink2 a:link { color: #333; text-decoration: none}
#footer_kyotolink2 a:visited { color: #333; text-decoration: none}
#footer_kyotolink2 a:hover { color: #333; text-decoration: underline}

#footer_kyotolink2 h3 {
        border-bottom: 1px solid #333;
        padding-bottom: 5px;
        margin: 0 0 8px 0;
	}

#footer_kyotolink2 .ryokan_box {
        width: 550px;
        clear: both;
	}
#footer_kyotolink2 a {
	background: url(img/share/pt.gif) no-repeat left 5px;
	padding: 3px 10px 3px 16px;
	}

#footer_kyotolink2 dl {
	clear: both;
	margin: 0;
	padding: 4px 0;
	}
#footer_kyotolink2 dt {
	color: #543900;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	}
#footer_kyotolink2 dd {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	}

#footer3 {
	margin: 0px auto;
	padding: 15px;
	width: 520px;
	background-color: #F2F2F2;
	text-align: left;
	font-size: 70%;
	line-height: 140%;
	color: #333;
	_zoom: 1;
	overflow: hidden;
	}
* html #footer3 {
	width: 550px;
	padding: 10px 15px;
	}

#footer3 #ft_bn {
	float: right;
	}
#footer3 a:link { color: #333; text-decoration: none}
#footer3 a:visited { color: #333; text-decoration: none}
#footer3 a:hover { color: #333; text-decoration: underline}

#mailad_topbox{
	font-size:70%;
	padding-left:8px;
	}
#mailad_topbox a{
	text-decoration:none;
	}
/**/

body#htmlpage_iphone {
	margin: 0px;
	background: #fff;
	text-align:center;
}