@charset "utf-8";
body {
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #c9c9ca;
	font-size: 12px;
}

a {
	color: #c9c9ca;
	text-decoration: underline;
}
a:hover {
	color: #E6A000;
	text-decoration: none;
}




a img {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
a:hover img {
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}



.header{ 
background:url(../common/header.gif) top left no-repeat; 
}




#Header {
	margin: 0px;
	padding: 0px;
	height: 101px;
	width: 100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E6A000;
}
#Header div.wrapper {
	padding: 0px;
	height: 101px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#Header h1  {
	position: absolute;
	left: 2px;
	top: 36px;
	margin: 0px;
	padding: 0px;
}

#Header h1 a {
	width: 395px;
	height: 43px;
	background-position: -4px -4px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#Head_attention{
	width: 144px;
	height: 39px;
	background-position: -4px -51px;
	position: absolute;
	left: 408px;
	top: 38px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#Header ul#HeadMenu {
	margin: 0px;
	padding: 0px;
	width: auto;
	position: absolute;
	left: 435px;
	top: 8px;
}
#Header ul#HeadMenu li {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	text-indent: -9999px;
}
#Head_menu01{
	width: 102px;
	height: 17px;
	background-position: -226px -168px;
	display: block;
}
#Head_menu02{
	width: 145px;
	height: 17px;
	background-position: -77px -168px;
	display: block;
}
#Head_menu03{
	width: 69px;
	height: 17px;
	background-position: -4px -168px;
	display: block;
}
#Header ul#fontsize{
	width: 59px;
	height: 20px;
	background-position: -197px -131px;
	position: absolute;
	top: 0px;
	left: 807px;
	padding-left: 79px;
	padding-top: 9px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#Header ul#fontsize li {
	list-style-type: none;
	float: left;
}

#Header ul#fontsize li a {
	text-indent: -9999px;
	width: 15px;
	height: 15px;
	padding: 0px;
	display: block;
	zoom:1;
}

#font_l a {
	background-position: 20px 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}

#font_m a {
	background-position: 20px 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#font_s a {
	background-position: 20px 20px;
	margin: 0px;
}

#font_l a:hover,
#font_l a.current {
	background-position: -345px -51px;
}
#font_m a:hover,
#font_m a.current {
	background-position: -364px -51px;
}
#font_s a:hover,
#font_s a.current {
	background-position: -383px -51px;
}

div#Head_hakone {
	width: 189px;
	height: 33px;
	position: absolute;
	left: 759px;
	top: 55px;
}
div#Head_kyoto {
	width: 189px;
	height: 33px;
	position: absolute;
	left: 570px;
	top: 55px;
}
div#Head_kyoto a {
	width: 189px;
	height: 33px;
	background-position: -152px -51px;
	display: block;
	text-indent: -9999px;	
}
div#Head_hakone a {
	width: 189px;
	height: 33px;
	background-position: -197px -94px;
	display: block;
	text-indent: -9999px;	
}

#HeadTitle {
	background-color: #595656;
	height: 125px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6A000;
}
#HeadTitle h2 {
	padding: 0px;
	height: 125px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	text-indent: -9999px;
}
#HeadTitle h2.topics {
	background-image: url(../common/ttl_topics.jpg);
}
#HeadTitle h2.voice {
	background-image: url(../common/ttl_voice.jpg);
}
#HeadTitle h2.contact {
	background-image: url(../common/ttl_contact.jpg);
}








#Container {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#Main {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: auto;
	width: 100%;
	background-image: url(../common/bg.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}
#Contents {
	height: auto;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
}

#Contents #LeftContents {
	margin: 0px;
	float: left;
	height: auto;
	width: 710px;
	padding: 0px;
}
.bg_gray {
	margin: 0px;
	padding-top: 25px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
	background-image: url(../common/bg_gray.png);
	background-repeat: repeat;
}
#TabNavigation {
	background-image: url(../common/tabnavi_bg.png);
	background-position: left bottom;
	padding: 0px;
	height: 35px;
	width: auto;
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#TabNavigation ul {
	margin: 0px;
	height: 26px;
	width: auto;
	float: left;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 175px;
}
#TabNavigation ul li {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	list-style-type: none;
}
#TabNavigation ul li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 68px;
	text-indent: -9999px;
}
#TabNavigation ul li.all a {
	background-image: url(../common/tab_all.png);
}
#TabNavigation ul li.info a {
	background-image: url(../common/tab_info.png);
}
#TabNavigation ul li.kyoto a {
	background-image: url(../common/tab_kyoto.png);
}
#TabNavigation ul li.hakone a {
	background-image: url(../common/tab_hakone.png);
}

#TabNavigation ul li.all a:hover,
#TabNavigation ul li.all a.on {
	background-image: url(../common/tab_all_on.png);
}
#TabNavigation ul li.info a:hover,
#TabNavigation ul li.info a.on {
	background-image: url(../common/tab_info_on.png);
}
#TabNavigation ul li.kyoto a:hover,
#TabNavigation ul li.kyoto a.on {
	background-image: url(../common/tab_kyoto_on.png);
}
#TabNavigation ul li.hakone a:hover,
#TabNavigation ul li.hakone a.on {
	background-image: url(../common/tab_hakone_on.png);
}




#TabNavigation img {
	margin-left: 5px;
	float: left;
}



#Contents #BannerSpace img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#Contents #BannerSpace {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 175px;
}
#BannerSpaceTop {
	margin: 0px;
	float: left;
	height: auto;
	width: 190px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#BannerSpaceTop img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#TopicsTop {
	margin: 0px;
	padding: 0px;
	float: left;
	min-height: 230px;
	width: 495px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #727171;
}

#TopicsTop ul {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
#TopicsTop ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	list-style-type: none;
	height: 16px;
	width: auto;
	clear: both;
}
#TopicsTop ul li a {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	height: auto;
/*	width: 360px;*/
	width: 350px;
}

#TopicsTop ul li span.date {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#TopicsTop ul li span.hakone {
	background-image: url(../common/span_hakone.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
#TopicsTop ul li span.kyoto {
	background-image: url(../common/span_kyoto.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
#TopicsTop ul li span.info {
	background-image: url(../common/span_info.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}

#TopicsList {
	margin: 10px;
	padding: 0px;
	height: auto;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #686666;
	border-right-color: #686666;
	border-left-color: #686666;
}

#TopicsList ul {
	margin: 0px;
	padding: 0px;
}
#TopicsList ul li {
	list-style-type: none;
	height: 18px;
	width: auto;
	clear: both;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686666;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#TopicsList ul li a {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	height: auto;
	width: 360px;
}

#TopicsList ul li span.date {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #686666;
}
#TopicsList ul li span.hakone {
	background-image: url(../common/span_hakone.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
#TopicsList ul li span.kyoto {
	background-image: url(../common/span_kyoto.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
#TopicsList ul li span.info {
	background-image: url(../common/span_info.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	float: left;
}
div.wp-pagenavi {
	text-align: center;
}
div.wp-pagenavi a, div.wp-pagenavi span {
	height: 16px;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	text-decoration: none;
}
div.wp-pagenavi a.first,
div.wp-pagenavi a.previouspostslink,
div.wp-pagenavi a.last,
div.wp-pagenavi a.nextpostslink
 {/*
	background-image: url(../common/pagenavi.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	display: inline-block;
	*/
}

div.wp-pagenavi a.previouspostslink
 {
	background-position: -19px top;
}
div.wp-pagenavi a.nextpostslink
 {
	background-position: -38px top;
}
div.wp-pagenavi a.last
{
	background-position: right top;
}
div.wp-pagenavi span.current
{
	color:#E6A000;
}

div.entry {
	margin: 10px;
	padding: 0px;
	height: auto;
	width: auto;
	border: 1px solid #686666;
}

div.entry h3 {
	width: auto;
	clear: both;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686666;
	line-height: 100%;
	font-size: 15px;
	height: 17px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #E6A000;
	position: relative;
}

div.entry h3 span.date {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #686666;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #c9c9ca;
	height: 17px;
}
div.entry h3 span.kyoto {
	background-image: url(../common/span_kyoto.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	display: block;
	padding: 0px;
	position: absolute;
	top: 12px;
	right: 10px;
}
div.entry h3 span.hakone {
	background-image: url(../common/span_hakone.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	display: block;
	padding: 0px;
	position: absolute;
	top: 12px;
	right: 10px;
}
div.entry h3 span.info {
	background-image: url(../common/span_info.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	height: 16px;
	width: 48px;
	display: block;
	padding: 0px;
	position: absolute;
	top: 12px;
	right: 10px;
}
div.entry div.entry-content {
	margin: 0px;
	padding: 20px;
}
div.entry div.entry-content p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.8em;
	margin-left: 0px;
}




#BackToTop  {
	text-align: right;
	margin: 0px;
	float: right;
	height: auto;
	width: 150px;
	padding-top: 110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Footer {
	height: auto;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../common/rogo_tomo.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 45px;
	padding-left: 0px;
}
#Footer a {
	text-decoration: none;
}
#FooterInfo {
	background-color: #eeefef;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 2px solid #c9c9ca;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../common/footerinfo_bg.gif);
	background-repeat: no-repeat;
	background-position: 218px center;
}
#Footer ul {
	margin: 0px;
	float: left;
	height: auto;
	width: 250px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c9c9ca;
}
#Footer ul li {
	float: left;
	width: 49.9%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	list-style-type: none;
	padding: 0px;
}
#Footer ul li.title {
	clear: both;
	float: none;
	width: 99%;
}

#Footer ul li.title a,
#Footer ul.sogou li a {
	color: #E6A000;
}
#Footer ul li.title a:hover,
#Footer ul.sogou li a:hover {
	color: #c9c9ca;
}



#Footer ul.sogou li {
	float: none;
	width: 99%;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}