@charset "utf-8";

/*________________________________________________

	name:			special.css
	author:			kumi morita
	mail:			morimori@elf.coara.or.jp
	create Date:	2007-11-22
	lastmodified:	****-**-**
________________________________________________*/

 
/* Contents=======================================
	#1	reset
	#2	clear
	#3	clearfix
	#4	link
	#5	body
================================================*/
 
/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* first */
.first {
	margin-left: 0!important;
}

/* ----- specialrightArea ----- */
#specialrightArea {
	width: 615px;
	height: auto;
	margin-left: 20px;
	margin-right: 0;
	padding-left: 0;
	padding-top: 0;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	line-height: 100%;
	text-align: left;
}
#specialrightArea a {
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #0066FF;
}
#specialrightArea h2 {
	width: 615px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 0;
	padding-top: 0;
	text-align: left;
}
#specialrightArea h3 {
	margin: 5px 0 0 0;
	padding: 12px 0 10px 50px;
	text-align: left;
	height: 18px;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
#specialrightArea h3.subtitle1 {
	background-image: url(../img/sp_subtitle_back1.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#specialrightArea h3.subtitle2 {
	background-image: url(../img/sp_subtitle_back2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#specialrightArea h3.subtitle3 {
	background-image: url(../img/sp_subtitle_back3.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#specialrightArea p.toptext {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;
	border: 1px solid #663300;
	background-color: #FEFDE7;
	color: #663300;
	line-height: 120%;
}
div.toptext { /* taketa area */
	margin: 0;
	padding: 10px;
	width: 593px!important;
	text-align: left;
	border: 1px solid #663300;
	background-color: #FEFDE7;
	color: #663300;
	line-height: 120%;
}
#specialrightArea hr {
	border-color: #AB9778;
	margin-left: 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
#Specialbreadcrumbs {
	line-height: 150%;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 0;
	color: #AB9778;
	text-align: right;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#Specialbreadcrumbs a {
	color: #0066CC;
	font-style: normal;
	font-weight: bolder;
	text-decoration: underline;
}
#specialspot {
	line-height: 150%;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 0;
	color: #AB9778;
	text-align: left;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
#specialspot a {
	color: #0066CC;
	font-style: normal;
	font-weight: bolder;
	text-decoration: underline;
}

/*--------------------------------------------------------------
.route  ogi area
--------------------------------------------------------------*/
div.ogitext { /* taketa area */
	margin: 0 0 10px 0;
	padding: 10px;
	width: 593px!important;
	text-align: left;
	border: 1px solid #663300;
	background: #FEFDE7;
	color: #663300;
	font-size: 80%;
	line-height: 120%;
}
.route {
	display: block;
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
	text-align: left;
}
.route a {
	font-weight: bold!important;
	text-decoration: underline;
}
.route ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
	list-style-type: none;
}
.route li {
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 5px 45px 5px;
	height: auto;
	text-align: left;
	background: #ECF5FF url(../img/icon_routeyajirush.gif) center bottom no-repeat;
}
.route li.time {
	margin: 0;
	padding: 5px 5px 0 5px;
	height: auto;
	text-align: left;
	background-color: #ECF5FF;
	clear: both;
}
.route li.noimage {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 5px;
	height: auto;
	text-align: left;
	background-color: #ECF5FF;
	background-image: none;
	clear: both;
}
.route li img {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.route p.routeleft {
	float: left;
	width: 295px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.route p.routeright {
	float: right;
	width: 295px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.route p.routeboth {
	display: block;
	clear: both;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
}
.pagetop {
	display: block;
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: right;
}
.route span.redtext {
	color: #FF0000;
	font-weight: bold;
}
h3.subtitle1 a, h3.subtitle2 a {
	display: block;
	float: right;
	margin-right: 10px;
	padding: 2px 0 2px 20px;
	background: url(../../../img/common/icon_pdf_small.gif) left center no-repeat;
	color: #ffffff!important;
	text-decoration: underline!important;
	font-size: 70%!important;
	font-weight: normal!important;
}

/*--------------------------------------------------------------
.printpage  印刷用ページ
--------------------------------------------------------------*/
.printpage {
	display: block;
	clear: both;
	width: 273px; /* 295px */
	height: auto;
	margin: 10px auto;
	padding: 10px;
	border: 1px #cccccc solid;
	font-size: 80%;
}
.printpage h4 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
}
.printpage li {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 0 2px 20px;
	background: url(../../../img/common/icon_pdf_small.gif) left center no-repeat;
}


/*--------------------------------------------------------------
taketa area 竹田エリア
--------------------------------------------------------------*/
.nittei {
	margin: 5px 0 0 0;
	padding: 3px;
	background-color: #000000;
	text-align: center;
	color: #ffffff;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#tikuraku_contents {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
	background-image: url(../taketa/img/tikuraku_contents_back.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}
#tikuraku_contents ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}
#tikuraku_contents li {
	margin: 0 0 0 5px;
	padding: 0 320px 5px 15px;
	background-image: url(../img/icon_yajirushi_blue.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
}
#tikuraku_contents li a {
	font-weight: bold;
}
/* ちょいと話 */
#tyoito {
	display: block;
	clear: both;
	margin: auto;
	height: auto;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #fefde7;
	border: 1px solid #663300;
	color: #663300;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
#tyoito h3 {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
	background: #663300 none;
	text-align: left;
	color: #ffffff;
	line-height: 100%;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
#tyoito div.tyoito_innner {
	width: 593px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	font-size: 100%;
	text-align: left;
	color: #663300;
	line-height: 140%;
}
.tyoito_innner img {
	float: right;
	margin: 0 0 0 10px;
}
/* 竹楽説明 */
#tikuraku {
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
	color: #333333;
	line-height: 120%;
}
#tikuraku ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	display: block;
	list-style-type: none;
}
#tikuraku li {
	margin: 0 0 0 0;
	padding: 10px 0 10px 15px;
	background-image: url(../../../img/icon_yajirushi_gray.gif);
	background-position: left 13px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	display: block;
	list-style-type: none;
}
#tikuraku li a {
	font-weight: normal;
	padding-left: 10px;
}
#tikuraku h3 {
	margin: 10px 0 5px 0;
	padding: 12px 0 10px 50px;
	text-align: left;
	height: 18px;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-image: url(../img/sp_subtitle_back3.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#tikuraku p {
	margin: 0;
	padding: 0;
	text-align: left;
}
.tikuraku_spot {
	margin: 5px 10px 5px 10px;
	padding: 0 0 0 0;
	height: 100%;
	text-align: left;
	border: 1px #999999 solid;
	background-image: url(../taketa/img/back_tikuraku_yajirushi.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
em {
	font-style: oblique;
}
.tikuraku_spot h4 {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-image: url(../../../img/icon_whatnew.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	background-color: #e8e8e8;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	clear: both;
}
.tikuraku_spot h4 a {
	font-weight: bold;
}
.tikuraku_spot p {
	margin: 5px!important;
	padding: 0;
	text-align: left;
	clear: left;
}
.tikuraku_spot p a {
	text-align: right!important;
	margin-top: 5px;
}
.tikuraku_spot_left {
	margin: 0 5px 5px 0;
	float: left;
}
.tikuraku_spot_right {
	margin: 0 0 0 5px;
	float: right;
}
#tikuraku_down {
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: small;
	line-height: 120%;
	text-align: right;
}
#tikuraku_down p {
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: right;
}
.redtext { /* 竹楽赤文字 */
	color: #FF0000;
}
#tikuraku_contents ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}
#tikuraku_contents li {
	margin: 0 0 0 10px;
	padding: 0 320px 20px 15px;
	background-image: url(../img/icon_yajirushi_blue.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
}
#tikuraku_gourme {
	margin: 10px 0 0 10px;
	padding: 0;
	text-align: left;
}
#tikuraku_gourme ul {
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	list-style-type: none;
}
#tikuraku_gourme li {
	margin: 0 0 0 0;
	padding: 10px 0 10px 15px;
	background-image: url(../../../img/icon_yajirushi_gray.gif)!important;
	background-position: left 13px!important;
	background-repeat: no-repeat!important;
	font-weight: bold!important;
	font-size: 14px;
	line-height: 150%;
	display: block;
	list-style-type: none;
}
#tikuraku_gourme li a {
	font-weight: normal;
	padding-left: 10px;
}

/* nagayutest */
#nagayutest {
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	color: #663300;
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
}
#nagayutest h3 {
	background-image: url(../naoiri/img/nagayu_title_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #663300;
	margin: 0 0 0 0;
	padding: 7px 5px 5px 5px;
	height: 18px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
}
/* nagayuonsen */
#nagayuonsen {
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	color: #663300;
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
}
#nagayuonsen h3 {
	background-image: url(../naoiri/img/nagayu_title_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #663300;
	margin: 0 0 0 0;
	padding: 7px 5px 5px 5px;
	height: 18px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
}
.foodspotwaku {
	background-color: #fefde7;
	border: 1px #663300 solid;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #663300;
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
}
.foodspotwaku p {
	margin: 0 0 0 0;
	padding: 0;
}
p.foodmenu {
	background-color: #ffffff;
	border: 1px #663300 dashed;
	margin: 10px 0 10px 0;
	padding: 10px;
	color: #663300;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 150%;
}
.foodmenutitle {
	background-color: #663300;
	margin: 5px 10px 5px 0;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
	float: left;
}
.onsenfirst {
	margin: 5px 5px 5px 0;
	float: left;
}
.onsenleft {
	margin: 5px;
	float: left;
}
.onsenright {
	margin: 5px 0 5px 5px;
	float: right;
}
.onsenend {
	margin: 5px 0 5px 0;
	float: right;
}
.spotwaku {
	background-color: #ffffff;
	border: 1px #663300 dashed;
	margin: 10px 0 0 0;
	padding: 10px 15px 10px 15px;
	color: #663300;
	text-align: left;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 150%;
	clear: both;
}
.spotwaku h4 {
	background-color: #669966;
	margin: 0 -5px 5px -5px;
	padding: 5px;
	color: #ffffff;
	text-align: left;
	font-size: larger;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height: 100%;
}
.spotwaku h4 a {
	color: #ffffff!important;
	font-weight: bold!important;
	font-style: normal;
	text-decoration: none!important;
}
/*.spotwaku h4 a: alink {
	color: #ffffff!important;
	font-weight: bold!important;
	font-style: normal;
	text-decoration: none!important;
}
.spotwaku h4 a: hover {
	color: #ffffff!important;
	font-weight: bold!important;
	font-style: normal;
	text-decoration: underline!important;
}
.spotwaku h4 a: visited {
	color: #ffffff!important;
	font-weight: bold!important;
	font-style: normal;
	text-decoration: none!important;
}*/
.spotwaku p {
	margin: 0 0 5px 0;
	padding: 0;
}

/* kuju */
#kuju {
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	color: #663300;
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
}
#kuju h2 {
	background-image: none;
	margin: 0 0 5px 0;
	padding: 0;
	width: 615px;
	height: auto;
}
#kuju h3 {
	background-image: url(../kuju/img/kuju_title_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #663300;
	margin: 0 0 0 0;
	padding: 7px 5px 5px 5px;
	height: 18px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
}
.kujufirst {
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}
.kujuleft {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 8px;
	float: left;
}
.kujuright {
	margin-left: 8px;
	margin-bottom: 8px;
	float: right;
}
.kujuend {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 8px;
	float: right;
}
.kujutext {
	background-color: #fefde7;
	border: 1px #663300 solid;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #663300;
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
}
.kujutext  p {
	margin: 0;
	padding: 0;
}


.left_float {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #AB9778;
	line-height: 150%;
}
.right_float {
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 5px;
	text-align: right;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #AB9778;
	line-height: 150%;
}
p.spot_area {
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	float: right;
	font-size: small;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	line-height: 150%;
	color: #523918;
	background-color: #ECF5FF;
	border: 1px #AB9778 solid;
}
.spot_bold {
	font-size: small;
	font-style: normal;
	line-height: 150%;
	text-decoration: none;
	font-weight: bold;
	color: #523918;
}

/*--------------------------------------------------------------
.langmenu　多言語ボタン
--------------------------------------------------------------*/
.langmenu {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0;
	padding: 0;
	text-align: right;
}
.langmenu ul {
	display: inline;
	float: right;
	width: auto;
	height: auto;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}
.langmenu li {
	display: inline;
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: right;
}


/* ie6 */
* html .route li {
	height: 1%;
}
* html #tikuraku_spot {
	height: 1%;
	margin: 5px 0 5px 0;
}
* html #tikuraku_spot h4 {
	height: 1%;
}
* html #tikuraku_spot p {
	height: 1%;
}
* html #tikuraku_gourme {
	height: 1%;
}
* html #tikuraku_gourme ul {
	height: 1%;
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	list-style-type: none;
}
* html #tikuraku_gourme li {
	height: 1%;
	margin: 0 0 0 0;
	padding: 10px 0 10px 15px;
	background-image: url(../../../img/icon_yajirushi_gray.gif);
	background-position: left ;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	display: block;
	list-style-type: none;
}