@charset 'UTF-8';

/*  ----------------------------------------
多可町観光交流協会
CSS "takacho.css"
LastUpdate 2009-02-08
------------------------------------------ */

/* Color Scheme ----------------------------------------
------------------------------------------ */

/* TOC ----------------------------------------
・タグごとの基本設定
・包括部分
・ヘッダ
・メインコンテンツ
・トップメニュー
・サイドメニュー
・フッタ
------------------------------------------ */


/*
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * 共通 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 */


/* タグごとの基本設定 ■■■■■■■■■■■■■■■■■■■■ */

* {
	padding: 0px;
	margin: 0px;
	border: none;
	line-height: 1;
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
}

a {
}
a:hover {
	color: #6666ff;
}
a:visited {
	color: #993399;
}
a:active {
	color: #cc33cc;
}
ul {
	list-style-type: none;
}
em {
}
img {
	vertical-align: bottom;
}

/* 包括部分 ■■■■■■■■■■■■■■■■■■■■ */

body {
	background: url('../img/bg.jpg') no-repeat fixed center top #f9e699;
}

div#whole {
	position: relative;
	margin: 15px auto;
	width: 760px;
	border: 1px solid #333333;
	background: url('../img/bg_whole.jpg') no-repeat center bottom #ffffff;
}

div#main {
	padding: 10px;
}


/* ヘッダ ■■■■■■■■■■■■■■■■■■■■ */

h1 {
	margin-bottom: 55px;
	overflow: hidden;
	background-repeat: no-repeat;
}
h1 img {
	behavior: url('config/iepngfix.htc');
}
h1#autumn_zuikoji {
	background-image: url('../img/bg_head_autumn_zuikoji.jpg');
}
h1#autumn_iwaza {
	background-image: url('../img/bg_head_autumn_iwaza.jpg');
}
h1#autumn_kabuki {
	background-image: url('../img/bg_head_autumn_kabuki.jpg');
}
h1#winter_goraiko {
	background-image: url('../img/bg_head_winter_goraiko.jpg');
}
h1#winter_kasagata {
	background-image: url('../img/bg_head_winter_kasagata.jpg');
}
h1#winter_sugihara {
	background-image: url('../img/bg_head_winter_sugihara.jpg');
}
h1#spring_freuden {
	background-image: url('../img/bg_head_spring_freuden.jpg');
}
h1#spring_lavendar {
	background-image: url('../img/bg_head_spring_lavendar.jpg');
}
h1#spring_konpira {
	background-image: url('../img/bg_head_spring_konpira.jpg');
}
h1#summer_taketani {
	background-image: url('../img/bg_head_summer_taketani.jpg');
}
h1#summer_junsai {
	background-image: url('../img/bg_head_summer_junsai.jpg');
}
h1#summer_tanada {
	background-image: url('../img/bg_head_summer_tanada.jpg');
}
h1 a {
	display: block;
}

/* ヘッドメニュー ■■■■■■■■■■■■■■■■■■■■ */

ul#headmenu {
	position: absolute;
	left: 0px;
	padding-left: 10px;
	width: 750px;
	height: 48px;
	border-top: 2px solid #5a3d1c;
	border-bottom: 5px solid #5a3d1c;
	background: url('../img/bg_menu.png') repeat-x top;
}
ul#headmenu li {
	display: inline;
	height: 48px;
}

/* フッタ ■■■■■■■■■■■■■■■■■■■■ */

p#return_head {
	clear: both;
	padding-top: 5px;
	text-align: right;
	font-size: 75%;
}

div#footmenu {
	clear: both;
	margin: 0px 10px 10px;
	padding: 6px 0px 3px;
	border-top: 1px solid #5a3d1c;
	border-bottom: 1px solid #5a3d1c;
}
div#footmenu ul {
	margin: 5px 0px;
	text-align: center;
	font-size: 80%;
}
div#footmenu li {
	padding: 0 0.3em;
	display: inline;
}
div#footmenu a {
	color: #333333;
	text-decoration: none;
}
div#footmenu a:hover {
	color: #996633;
	text-decoration: underline;
}

div#companydata {
}
div#companydata h2 {
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
	font-weight: bold;
}
div#companydata p {
	text-align: center;
	font-size: 80%;
	line-height: 1.3;
}

address {
	clear: both;
	margin-top: 5px;
	height: 25px;
	background: url('../img/bg_foot.png') repeat-x bottom #99dd99;
	border-top: 5px solid #5a3d1c;
	text-align: center;
	color: #222222;
	font-size: 70%;
	line-height: 25px;
}

/*
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * INDEXのみ ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 */

/* ヘッダ ■■■■■■■■■■■■■■■■■■■■ */

#index h1 {
	height: 170px;
	background-position: right bottom;
}
#index h1 a {
	height: 170px;
}

/* ヘッドメニュー ■■■■■■■■■■■■■■■■■■■■ */

#index ul#headmenu {
	top: 170px;
}

/* サイド・ウェルカム ■■■■■■■■■■■■■■■■■■■■ */

div#welcome {
	float: left;
	width: 267px;
}
div#welcome h2 {
	height: 39px;
}
#welcome_photos {
	padding-top: 5px;
	background: url('../img/bg_welcome.png') no-repeat left top;
	text-align: center;
}
p#welcome_p {
	padding: 10px;
	margin-bottom: 10px;
	background: url('../img/bg_welcome.png') no-repeat left bottom;
	font-size: 80%;
	line-height: 1.3;
}

p#banner_blog {
	margin-top: 10px;
}

div#link {
	margin-top: 10px;
}
div#link ul {
	margin: 10px 0px 0px 10px;
	font-size: 80%;
}
div#link li {
	padding-bottom: 5px;
}

/* 右：トピックス ■■■■■■■■■■■■■■■■■■■■ */

div#topics_now,
div#from_blog,
div#whatsnew {
	margin: 0px 0px 5px 275px;
	width: 462px;
}
div#whatsnew {
	margin-top: 15px;
}
div#topics_now h2,
div#whatsnew h2 {
	margin-bottom: 10px;
}

div#topics_now div {
	position: relative;
	width: 352px;
	margin: 10px 0px 0px 0px;
	padding-left: 110px;
}
div#topics_now h3 {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.2;
}
div#topics_now p.topics_date {
	margin-bottom: 5px;
	font-size: 80%;
}
div#topics_now p.topics_p {
	font-size: 85%;
	line-height: 1.4;
}
div#topics_now p.topics_img {
	position: absolute;
	top: 0px;
	left: 15px;
}

div#from_blog div {
	padding: 10px;
}
div#from_blog h3 {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.2;
	font-size: 80%;
}
div#from_blog p {
	font-size: 75%;
	line-height: 1.2;
}
div#from_blog p.pubdate {
	text-align: right;
}
div#from_blog dl {
	margin: 0px 15px;
}
div#from_blog dt {
	margin-top: 10px;
	font-size: 75%;
}
div#from_blog dd {
	margin: 5px 0px 0px 20px;
	line-height: 1.3;
	font-size: 80%;
}

div#whatsnew dl {
	margin: 0px 15px;
	font-size: 75%;
}
div#whatsnew dt {
	margin-top: 10px;
}
div#whatsnew dd {
	margin: 5px 0px 0px 20px;
	line-height: 1.3;
}

div#links {
	margin: 15px 0px 5px 275px;
	width: 462px;
}
div#links ul {
	float: left;
	padding: 0px 0px 10px 50px;
	font-size: 75%;
}
div#links ul#links1 {
	width: 120px;
}
div#links ul#links2 {
	width: 240px;
}
div#links li {
	margin-top: 6px;
	line-height: 1.2;
}

/* バナー部分 ■■■■■■■■■■■■■■■■■■■■ */

ul#banners {
	padding-top: 15px;
	clear: both;
}
ul#banners li {
	padding: 0px 2px;
	display: inline;
}

/*
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * サブページのみ ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 */

/* ヘッダ ■■■■■■■■■■■■■■■■■■■■ */

h1 {
	height: 102px;
	background-position: right center;
}
h1 a {
	height: 102px;
}

/* 全体 ■■■■■■■■■■■■■■■■■■■■ */

#food div#main {
	background: url('../img/bg_food.png') no-repeat left -1px #ffffff;
}
#rest div#main {
	background: url('../img/bg_rest.png') no-repeat left -1px #ffffff;
}
#history div#main {
	background: url('../img/bg_history.png') no-repeat left -1px #ffffff;
}
#nature div#main {
	background: url('../img/bg_nature.png') no-repeat left -1px #ffffff;
}
#learning div#main {
	background: url('../img/bg_learning.png') no-repeat left -1px #ffffff;
}
#food div.subtopics {
	background: url('../img/bg_sub_food.png') no-repeat left top;
}
#rest div.subtopics {
	background: url('../img/bg_sub_rest.png') no-repeat left top;
}
#history div.subtopics {
	background: url('../img/bg_sub_history.png') no-repeat left top;
}
#nature div.subtopics {
	background: url('../img/bg_sub_nature.png') no-repeat left top;
}
#learning div.subtopics {
	background: url('../img/bg_sub_learning.png') no-repeat left top;
}

/* ヘッドメニュー ■■■■■■■■■■■■■■■■■■■■ */

ul#headmenu {
	top: 102px;
}

/* それぞれ ■■■■■■■■■■■■■■■■■■■■ */

div#sub_explains {
	float: left;
	padding: 155px 0px 0px 5px;
	width: 175px;
}
div#sub_explains p {
	padding: 5px 0px;
	border-top: 2px dotted #ff6600;
	border-bottom: 2px dotted #ff6600;
	width: 171px;
	font-size: 75%;
	line-height: 1.4;
}
div#sub_explains ul.anchor {
	margin: 10px 0px;
}
div#sub_explains ul.anchor li {
	display: block;
	margin-bottom: 3px;
	width: 170px;
}
div#sub_explains ul.anchor li a {
	display: block;
	padding: 3px;
	width: 164px;
	border: 1px solid #666666;
	background: #eeeeee;
	text-decoration: none;
	font-size: 90%;
}

div#sub_explains p#to_map {
	margin-top: 10px;
	border: none;
}

div.subtopics {
	overflow: auto;
	margin: 0px 0px 10px 185px;
	padding: 15px 10px 10px 10px;
	width: 530px;
	color: #442200;
}
div.subtopics h2 {
	margin-left: 180px;
	height: 25px;
	font-size: 120%;
	line-height: 25px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
}
div.subtopics p.subtopics_p {
	margin-left: 170px;
	padding: 5px 10px;
	font-size: 85%;
	line-height: 1.4;
}
div.subtopics p.subtopics_img {
	float: left;
	margin-top: -25px;
	padding: 0px 10px 0px 0px;
}

div.subtopics dl.subtopics_data {
	margin: 0px 10px;
	padding-top: 3px;
	border-top: 1px dotted #995500;
}
div.subtopics dl.subtopics_data dt,
div.subtopics dl.subtopics_data dd {
	display: inline;
	font-size: 75%;
	line-height: 1.3;
}
div.subtopics dl.subtopics_data dt {
	border-left: 1em solid #339933;
	padding: 0px 0em 0px 0.2em;
}
div.subtopics dl.subtopics_data dd {
	padding: 0px 0.8em 0px 0;
}

div.subtopics_general {
	margin-left: 185px;
	width: 525px;
	border: 1px solid #666666;
	background: #f6f6f6;
	padding: 10px;
}
div.subtopics_general h2 {
	height: 25px;
	border-bottom: 1px dotted #333333;
	font-size: 120%;
	line-height: 25px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
}
div.subtopics_general dl {
	margin-left: 2em;
}
div.subtopics_general dt {
	font-size: 110%;
	margin-top: 1em;
}
div.subtopics_general dd {
	font-size: 85%;
	margin: 0.5em 0 0 2em;
}

div#sub_foods {
	margin-left: 185px;
}
div#sub_foods div {
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	width: 170px;
	background: #fff3e3;
}
div#sub_foods h2 {
	margin-bottom: 4px;
	border-bottom: 1px dotted #993333;
	font-size: 100%;
	line-height: 1.4;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
	color: #661100;
}
div#sub_foods li {
	font-size: 80%;
	line-height: 1.3;
}
div#sub_foods p.sub_food_img {
	padding-bottom: 3px;
	text-align: center;
}

/*
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * 観光交流協会とは ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 */

div#sub_aboutmenu {
	float: left;
	width: 200px;
}
div#sub_aboutmenu h2 {
	padding: 5px 0px;
	border-top: 2px solid #ff9900;
	border-bottom: 2px solid #ff9900;
	text-align: center;
}
div#sub_aboutmenu ul {
	padding: 10px 30px;
	width: 140px;
}
div#sub_aboutmenu li {
	display: block;
	width: 140px;
	margin-bottom: 5px;
	background: #f3f3f3;
	font-size: 90%;
}
div#sub_aboutmenu li.now {
	padding: 6px 10px 5px 12px;
	width: 118px;
	font-weight: bold;
	background: #ff6600;
	color: #ffffff;
}
div#sub_aboutmenu li a {
	display: block;
	width: 118px;
	padding: 5px 10px 4px 12px;
	color: #333333;
	text-decoration: none;
}

div.sub_aboutconts {
	margin: 0px 0px 10px 220px;
	width: 500px;
}
div.sub_aboutconts h2 {
	margin-bottom: 10px;
	padding: 6px 10px;
	background: #339933;
	font-size: 120%;
	color: #ffffff;
}

div#president_greetings h2 {
	margin-bottom: 15px;
}
div#president_greetings p {
	margin: 10px 20px 0px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
	font-size: 85%;
	line-height: 1.7;
	text-indent: 1em;
}
div#president_greetings p#president_sign,
div#president_greetings p#president_img {
	margin-top: 15px;
	text-align: right;
}

div.sub_aboutconts h3 {
	border-left: 10px solid #cc9933;
	padding: 3px 0px 3px 5px;
}
div.sub_aboutconts div {
	margin: 15px;
}
div.sub_aboutconts p {
	margin: 10px 5px 5px 20px;
	font-size: 85%;
	line-height: 1.4;
}
p#sub_about_welcome {
	margin: 10px;
	padding: 6px 0px;
	border: 1px solid #993300;
	background: #ffeecc;
	font-size: 115%;
	line-height: 1.5;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
	text-align: center;
	color: #993300;
}
div#sub_about_contact p {
	font-size: 90%;
	font-weight: bold;
	color: #002266;
}
div.sub_aboutconts ul#sub_about_list {
	margin: 10px 5px 10px 20px;
	padding: 5px 10px;
	background: #fff6dd;
	font-size: 90%;
}
div.sub_aboutconts ul#sub_about_list li {
	line-height: 1.8;
}

/*
 * レンタサイクル
 */
#cycle div#sub_aboutmenu a {
	font-size: 90%;
}
#cycle div.sub_aboutconts p img {
	float: right;
	padding: 0px 0px 5px 10px;
}
table.cycle_detail {
	margin: 10px auto;
	width: 480px;
	border-collapse: collapse;
}
table.cycle_detail th,
table.cycle_detail td {
	padding: 3px 5px;
	border: 1px solid #669966;
	font-size: 85%;
	line-height: 1.3;
}
table.cycle_detail th {
	background: #bbddbb;
	color: #224422;
	white-space: nowrap;
}
table.cycle_detail ul {
	list-style-type: disc;
	padding-left: 1.5em;
}
table.cycle_detail li {
	margin-top: 0.4em;
	line-height: 1.3;
}

/* 問い合わせ */
table#formlist {
	margin: 10px auto;
	border-collapse: collapse;
	font-size: 80%;
}
table#formlist th,
table#formlist td {
	padding: 4px;
	border: 1px solid #666666;
}
table#formlist th {
	background: #f9f0e6;
}
span.must {
	margin-left: 0.4em;
	font-size: 90%;
	color: #cc3333;
}
table#formlist input,
table#formlist textarea {
	padding: 0px 4px;
	border: 1px solid #999999;
	line-height: 1.3;
}
p#btn_submit {
	text-align: center;
}
input#btn_submit {
	border: 1px solid #333333;
}

/* サイトマップ */
div.sitemap_list dl {
	margin: 10px 10px 10px 30px;
}
div.sitemap_list dd {
	margin-left: 30px;
	font-size: 85%;
}
div.sitemap_list dd {
	margin: 5px 0px 8px 30px;
	font-size: 80%;
	line-height: 1.4;
}




form#takacho_news {
	margin: 20px;
}
form#takacho_news label {
	padding: 5px;
	display: block;
}
form#takacho_news input,
form#takacho_news textarea {
	border: 1px solid #666666;
}
p#deleter {
	margin-bottom: 5px;
	width: 500px;
	text-align: right;
}

/* 日記更新 ■■■■■■■■■■■■■■■■■■■■ */

p#diary_menu {
	padding-bottom: 10px;
	text-align: right;
}
div#diary {
	margin: 20px;
	font-size: 90%;
}
div#diary h1 {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 150%;
}
div#diary li {
	line-height: 1.6;
}
div#diary table {
	margin-bottom: 5px;
	border-collapse: collapse;
}
div#diary a {
	color: #000000;
}
div#diary a:visited {
	color: #444444;
}
div#diary th,
div#diary td {
	padding: 3px 5px;
	border: 1px solid #999999;
}
div#diary th {
	background: #eeffee;
}
div#diary table img {
	vertical-align: middle;
}

/* キャラクター */
#ban_character {
	margin-bottom: 10px;
}
#character {
}
	#character #main {
		background: url('../img/bg_character.png') no-repeat left top;
	}
	#character h2 {
		margin: 5px 0 10px;
		text-align: center;
		font-size: 120%;
		color: white;
	}
	#character div {
		clear: both;
	}
	#character h3 {
		margin: 15px 0;
		padding: 7px 0 5px 15px;
		background: #ff9900;
		font-size: 115%;
		color: white;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
#character_profile_list {
	margin: 10px 0 15px 20px;
	font-size: 90%;
}
	#character_profile_list .sub {
		padding-left: 0.3em;
		font-size: 90%;
		color: #666666;
	}
	#character_profile_list th,
	#character_profile_list td {
		padding: 3px 5px;
	}
	#character_profile_list th {
		background: #ddeef9;
	}
	#character_profile_list td {
		background: white;
	}

.character_profiles {
	margin: 5px 0 5px 20px;
	padding: 10px;
	width: 380px;
	background: #ffffdd;
	font-size: 80%;
	line-height: 1.4;
	text-indent: 1em;
}
.character_main_image {
	float: right;
	padding: 0 0 0 10px;
	width: 300px;
}
.character_sub_image {
	float: left;
	padding: 0 15px 0 0;
	width: 300px;
}
#character_story {
}
	#character_story p {
		margin: 5px 20px;
		font-size: 80%;
		line-height: 1.4;
		text-indent: 1em;
	}
#character_photos {
}
	#character_photos p {
		margin: 5px 20px;
		font-size: 85%;
		line-height: 1.4;
	}
	#character_photos ul {
		margin: 10px 0;
		text-align: center;
	}
	#character_photos li {
		display: inline;
	}