@charset "utf-8";

/*
Theme Name: Ouan4
Theme URI: http://www.ouan.jp/
Description: 桜庵4サイトのテーマ
Version: 1.0
Author: 桜庵
*/





/*----------------------------------------------
全体共通
-----------------------------------------------*/
body {
	background-color:#000;
	color:#ccc;
	font-family: Sans-Serif;
	}

* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	list-style:none;
	}

#abs {
	width:100%;
	position:absolute;
	}

#all {
	width:800px;
	padding:0;
	border-top:solid 1px #555;
	border-left:solid 1px #555;
	border-right:solid 1px #555;
	border-bottom:solid 1px #555;
	margin:0px auto 0 auto;
	}


.clear01 {
	clear:both;
	}


.clear02 {
	clear:left;
	}

.ctr {
	clear: both;
	font-size: 0.8em;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	color: #888;
	text-align: right;
	}



/*----------------------------------------------
基本リンク
-----------------------------------------------*/

a:link  {
	color:#aaa;
	font:13px sans-serif;
	text-decoration:none;
	}

a:active  {
	color:#aaa;
	font:13px sans-serif;
	text-decoration:none;
	}

a:visited {
	color:#aaa;
	font:13px sans-serif;
	text-decoration:none;
	}

a:hover  {
	color:#555;
	font:13px sans-serif;
	text-decoration:underline;
	}




/*-------------------------------------------------
トップページ
-------------------------------------------------*/
.left {
	float: left;
	width: 200px;
	margin-left: 30px;
	}

.right {
	float: right;
	width: 566px;
	}

.center_right {
	width: 200px;
	float: right;
	margin-right: 35px;
	margin-bottom: 30px;
	}

ul.top_topics {
	margin-top: 32px;
	font-size: 0.85em;
	margin-bottom: 30px;
	}

ul.top_topics li.topics_title {
	padding: 3px;
	text-align: center;
	font-size: 0.9em;
	background-color: #333;
	}


ul.top_topics li.top_li {
	padding: 2px 3px;
	padding-bottom: 2px;
	border-bottom:dotted 1px #666;
	}


div.news_true {
	display: inline;
	padding-top: 3px;	
	font-size: 0.8em;
	margin-left: 27px;
	color: #f00;
	}

div.news_true a {
	color: #f00;
	}


.head_img {
	vertical-align:bottom;	
	}
/*--------------------------------------------ナビゲーションメニュー*/
ul.head_navi {
	margin:0;
	font-size:12px;
	color:#bbb;
	text-align: center;
	}


ul.head_navi li {
	white-space: nowrap;
	height:20px;
	padding:2px 7px 0 7px;
	text-align:center;
	display: inline;
	}


h1.ouan {
	width:300px;
	margin:10px 0px 10px 0;
	}

h1.ouan img {
	vertical-align:bottom;
	}



@media print {
	#logo {width:180px; margin-left:310px;}
}


.menu {
	width:580px;
	height:27px;
	margin-left:110px;
	}

.menu li {
	width:116px;
	margin-right:-1px;
	float:left;
	}

.btn {
	vertical-align:bottom;
	}


/*---------------炎---------------*/
#center {
	width:300px;
	float: left;
	margin-left: 20px;
	margin-bottom:20px;
	}


	
/*---------------ナビメニュー------------*/
#navi {
	color:#aaa;
	width:180px;
	margin-left:0px;
	}

#navi li {
	padding:2px 0 2px 0px;
	text-align:left;
	}

.sub01 {
	margin-top:5px;
	}


.sub01 li {
	padding:2px 0 2px 0px;
	}



/*
-------------------------------------------------
サブページ
-------------------------------------------------
*/
#kiji {
	width:600px;
	float:right;
	}

#kiji img {
	border: none;
	}

.cate01 {
	font-size:13px;
	color:#888;
	}

h3.storytitle {
	width:590px;
	padding:6px 0 6px 6px;
	background-color:#333;
	border-top:solid 1px #666;
	border-bottom:solid 1px #444;
	border-left:solid 3px #666;
	border-right:solid 1px #444;
	}

ul.meta li {
	font-size:14px;
	padding:5px 10px 5px 0;
	margin-bottom:10px;
	color:#888;
	float:left;
	}


.post {
	font-size:0.9em;
	margin-bottom:50px;
	}


.storycontent {
	width:580px;
	clear:left;
	}

.storycontent p {
	line-height:1.5em;
	}



/*-----記事タイトル　リンク-----*/
.storytitle a:link  {
	display:block;
	color:#ccc;
	font:16px sans-serif;
	font-weight:bold;
	text-decoration:none;
	}

.storytitle a:active  {
	display:block;
	color:#ccc;
	font:16px sans-serif;
	font-weight:bold;
	text-decoration:none;
	}

.storytitle a:visited {
	display:block;
	color:#ccc;
	font:16px sans-serif;
	font-weight:bold;
	text-decoration:none;
	}

.storytitle a:hover  {
	display:block;
	color:#bbb;
	font:16px sans-serif;
	font-weight:bold;
	width:580px;
	background-color:#555;
	text-decoration:none;
	}

/*------------コメント----------*/
.commentlist {
	margin-bottom:20px;
	}

.commentlist li {
	padding:10px 0;
	}

.trans {
	width:590px;
	text-align: right;
	}




/*-------------------------------------------------
最新情報を月別で見る
-------------------------------------------------*/
.month_list {
	color:#bbb;
	margin-bottom:10px;
	}

.feedback {
	color:#ccc;
	font-size:0.8em;
	margin-top:10px;
	padding-top:5px;
	border-top: solid 1px #555;
	}


/*-------------------------------------------------
サイドバー
-------------------------------------------------*/
#sidebar {
	display:inline;
	font-size:0.8em;
	width:180px;
	padding-top:35px;
	float:left;
	}

div#sidebar ul.sidemenu {
	width:175px;
	margin:0 0 20px 0px;
	}

div#sidebar li,div#sidebar li,li {
	line-height:1.3em;
	}

ul.sidemenu ul li {
	margin-left:5px;
	margin-bottom:3px;
	/*border-left:solid 4px #555;*/
	padding:1px 0px 2px 5px;
	}

li.m_menu {
	margin-top:10px;
	}

.month01 {
	margin-top:10px;
	}


/*-------------------------------------------------
カレンダー
-------------------------------------------------*/
.calendar {
	width:155px;
	padding:3px 3px 3px 10px;
	margin-left:5px;
	margin-top:5px;
	background-color:#333;
	}

div.calendar #wp-calendar {
	width:150px;
	font-family:sans-serif;
	font-size:13px;
	}

div.calendar #wp-calendar tbody td {
	text-align: center;
	}




/*------カレンダーリンク----------*/
.calendar a:link  {
	color:#fff;
	font:13px sans-serif;
	background-color:#999;
	text-decoration:none;
	}

.calendar a:active  {
	color:#fff;
	font:13px sans-serif;
	background-color:#999;
	text-decoration:none;
	}

.calendar a:visited {
	color:#fff;
	font:13px sans-serif;
	background-color:#999;
	text-decoration:none;
	}

.calendar a:hover  {
	color:#fff;
	font:13px sans-serif;
	background-color:#333;
	text-decoration:none;
	}




/*-------------------------------------------------
記事の詳細ページ
-------------------------------------------------*/
.com_form {
	width:590px;
	font-size:0.9em;
	}

.respond {
	font-size:0.9em;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:solid 1px #999;
	}

.com_title {
	color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	background-color: #333;
	}


img.rss {
	margin: 10px 0 10px 0;
	vertical-align: middle;
	}



.metadata01 {
	font-size: 0.9em;
	}

.metadata02 {
	font-size: 0.9em;
	margin-right: 20px;
	}


.metadata01 dt.com_dt {
	float: left;
	}

.metadata01 dd.com_dd {
	floatt: left;
	margin-right: 20px;
	}


.metadata02 dt.com_dt {
	float: left;
	}

.metadata02 dd.com_dd {
	floatt: left;
	}

.com_edit {
	float: right;
	}

.note {
	color: #f00;
	font-size: 0.8em;
	}



#commentlist {
	margin-bottom: 20px;
	}

.commentcontent {
	background-color: #333;
	margin-bottom: 20px;
	padding: 10px;
	}

.com_meta {
	border-bottom: solid 1px #999;
	padding-bottom:5px;
	margin-bottom: 5px;
	}



*html .com_table {
	font-size: 100%;
	}

.com_table {
	width:580px;
	}

.com_td01 {
	width:150px;
	padding:2px 0 2px 5px;
	background-color: #333;
	}

.com_td02 {
	width:430px;
	padding:2px;
	}

.com_td03 {
	width:150px;
	padding:2px 0 2px 0;
	}






/*-------------------------------------------------
各記事について
-------------------------------------------------*/
/*---お品がき----*/

.menulist {
	width:578px;
	height:200px;
	margin-bottom:25px;
	overflow:auto;
	background: #2C2C2C url('http://www.ouan.jp/wp2/wp-content/uploads/2008/12/mnu_pht_wall.gif') top left;
	}

dl.menu_dl {
	font-size:0.9em;
	}

dl.menu_dl dt {
	float:left;
	width:270px;
	}

dl.menu_dl dd.dd_main {
	float:left;
	width:290px;
	text-align:center;
	margin-top:90px;
	}

dl.menu_dl dd.else_dd {
	float:left;
	width:290px;
	text-align:center;
	padding:10px 0 0 0;
	}

p.else01 {
	margin-bottom:5px;
	}

p.marker {
	width:250px;
	margin-bottom:5px;
	background-color: #555;
	}

/*---桜庵の紹介----*/
.about_ul {
	overflow:auto;
	width: 570px;
	margin-bottom:20px;
	}

.about_ul li.about_li01 {
	width:230px;
	float:left;
	}

.about_ul li.about_li02 {
	font-size:0.8em;
	width:310px;
	padding:0 0 0 10px;
	margin-left:10px;
	float:left;
	}

p.ind {
	text-indent: 1em;
	}

/*---アクセスマップ----*/
.about_acs {
	width: 570px;
	}

.about_acs h2 {
	font-size:0.9em;
	margin-bottom:20px;
	padding:0 0 5px 0;
	border-bottom: solid 1px #999;
	}

.acs_com {
	font-size:0.9em;
	margin-bottom:40px;
	}

.about_acsmap {
	margin-left:50px;
	}

.googlemap {
	margin: 10px 0 0 30px;
	}



/*---味へのこだわり----*/
.kodawari {
	font-size:1em;
	line-height:1.5em;
	padding:0 0 0 10px;
	width: 570px;
	margin-bottom:40px;
	background:#000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_img_unagi.jpg") no-repeat top right;
	}

.kono {
	padding:0 0 0 10px;
	width: 570px;
	margin-bottom:20px;
	}

.kono_com01 {
	margin-bottom:20px;
	}

.nutri {
	margin-bottom:10px;
	}

.nutri_table {
	font-size:0.9em;
	border-left: solid 1px #111;
	border-top: solid 1px #111;
	width: 570px;
	}

.nutri_th {
	text-align:left;
	padding:5px;
	border-right: solid 1px #111;
	border-bottom: solid 1px #111;
	}

.nutri_td01 {
	text-align:center;
	padding:5px;
	white-space: nowrap;
	border-right: solid 1px #111;
	border-bottom: solid 1px #111;
	background-color:#333;
	}

.nutri_td02 {
	padding:5px;
	border-right: solid 1px #111;
	border-bottom: solid 1px #111;
	}



/*---周辺の観光----*/
.sights {
	width:570px;
	font-size:0.9em;
	background-color:#333;
	padding:5px;
	margin-bottom:20px;
	}

.sight_p01 {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: solid 1px #999;
	}

.sight {
	width:580px;
	color:#bbb;
	font-size:0.9em;
	padding:0 0 0 10px;
	margin-bottom:40px;
	}

.sight02 {
	width:580px;
	color:#bbb;
	font-size:0.9em;
	padding:0 0 0 10px;
	margin-bottom:20px;
	}


div.sight ul {
	width: 320px;
	margin-bottom: 10px;
	}

p.sight_com {
	padding-bottom: 5px;
	line-height: 1.5em;
	border-bottom: solid 1px #999;
	width: 320px;
	}

#eiho {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_eihoji.jpg") no-repeat top right;
	}

#abbey {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_abbey.jpg") no-repeat top right;
	}

#oribe {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_sozokan.jpg") no-repeat top right;
	}

#sakazuki {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_sakazuki.jpg") no-repeat top right;
	}

#musium {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_musium.jpg") no-repeat top right;
	}

#ceramic {
	background: #000 url("http://www.ouan.jp/wp2/wp-content/uploads/2008/12/oun_pht_ceramic.jpg") no-repeat top right;
	}

.kyori {
	font-size:0.8em;
	color:#f00;
	}


/*-----------お問合わせ-------------*/
.form_com01 {
	width:570px;
	font-size:0.9em;
	background-color:#333;
	padding:5px;
	margin-bottom:20px;
	}

fieldset {	
	border: none;
	}

fieldset p {
	font-size:0.9em;
	padding:7px 0 2px 0;
	}

#contactform p em {
	margin-bottom:20px;
	color:#f00;
	font-size:1.2em;
	}

.successmsg {
	font-size:1.2em;
	margin-bottom:10px;
	}

input.text {
	display: block;
	}

span.wpcf7-form-control-wrap your-email {
	margin: 0;
	padding: 0;
	}


/*----------FC2IDフォーム--------*/
#fc2form {
	width: 550px;
	}

.message {
	margin-bottom: 20px;
	border:solid 1px #000;
	line-height: 1.3em;
	}

.comment {
	margin-bottom: 10px;
	}

b#coution2 {
	color: #fff;
	}

div.title {
	margin: 0;
	padding: 0;
	}

#form01 a {
	color: #000;
	text-decoration: none;
	font-size: 0.1em;
	margin-bottom: 100px;
	text-align: right;
	}

/*-------------------------------------------------
お問い合わせ（contact formバージョン）
-------------------------------------------------*/
.form_all p {
	margin-bottom: 10px;
	}

span.wpcf7-not-valid-tip-no-ajax {
	margin-left: 5px;
	color: #f00;
	font-size: 0.8em;
	}

p.spam_com {
	padding-top: 10px;
	border-top: solid 1px #fff;
	width: 560px;
	font-size: 0.8em;
	}

img.wpcf7-captcha-captcha-1 {
	vertical-align: middle;
	}

span.captcha-1 input {
	width: 150px;
	}

span.your-message textarea {
	width: 550px;
	}

span.your-message span {
	margin-top: 5px;
	display: block;
	}

.wpcf7-validation-errors	{
	color: #f00;
	font-size: 0.8em;
	}

/*-------------------------------------------------
フッター
-------------------------------------------------*/
#footer {
	width:800px;
	height:35px;
	background: url('http://www.ouan.jp/img3/oun_footer.gif') no-repeat top;
	clear:both;
	}


.copy {
	color:#AD9A9A;
	font:11px Sans-Serif;
	text-align:center;
	padding-top:15px;
	}