﻿/*   
Theme Name: 指宿フェニックスホテル
Theme URI: http://www.phoenixhotel.co.jp
Description: 指宿フェニックスホテルのテーマです。
Author: 指宿フェニックスホテル
Author URI: http://www.phoenixhotel.co.jp
.
コメント／指宿フェニックスホテルオリジナルのテンプレートです。無断で複製・使用しないでください。
.
*/


@charset "utf-8";

/* ------------------------------
 　　全体の設定　　
------------------------------ */

*{
	margin:0px;
	padding:0px;
}

body {
	color: #000000;
	text-align:center;
	background: #FFFFFF;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-xy ;
	line-height: 1.4;
	font-size: 90%;
	font-family: "Verdana" , Sans-serif; 
	}
/*	font-family: Georgia, "Times New Roman", Times, serif; */

hr {
	border: 0 none; 
	height: 1px; 
	color: #D5AE3C;
	background-color: #D5AE3C;
	margin:5px auto;
	width:95%;

}


/* -------　リンク　------ */

a {
	color:#603813;
}

a:hover {
	color:#42210B;
	text-decoration: none;
}

/* -------　見出し　------ */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 10px 0;
	line-height: 1.3;
	font-weight:normal;
}

h1 {
	font-size: 182%;
}

h2 {
	font-size: 153.9%;
}

h3 {
	font-size: 138.5%;
}

h4 {
	font-size: 113.1%;
}

h5 {
	font-size: 93%;
}

h6 {
	font-size: 85%;
}



/* -------　文章　------ */


.text_strong{
		font-weight:bold;
		color:#754C24;
}

.text_small{
		font-size:86%;
}

.text_icon{
	background: url(images/icon_gold.gif) left 4px no-repeat ;
	padding:0 5px 0 13px ;
	display:block;
	margin: 0 0 5px 0;
}

.icon_red {
	background: url(images/icon_red.gif) left top no-repeat ;
	padding:0 5px 0 15px ;
	margin:0 0 5px 0;
	display:block;
	font-size:70%;
}


/* -------　リスト　------ */

ul,ol{
	list-style:none;
}

li {
	list-style:none;
}

/* -------　ボックス　------ */

.pad_10{
		padding:10px;
}

.box_left{
		float:left;
		padding:10px;
}
.box_right{
		float:right;
		padding:10px;
}

.box_right img{
	margin:0 0 0 5px;
	padding: 0 0 17px 0;
	background: url(images/icon_kakudai.gif) left bottom no-repeat ;
	display:block;
	float:left;
}

.box_center{
		padding:10px;
		text-align:center;
		margin:0 auto;
}

.box_center img{
	margin:0 0 0 5px;
	padding: 0 0 17px 0;
	background: url(images/icon_kakudai.gif) left bottom no-repeat ;
}


blockquote {
	margin:10px;
	background:#FCFAF0;
	border:#FCFAF0 1px solid;
	padding:10px ;
}

/* -------　フォーム　------ */

label {
	display:block;
	line-height:0.8;
	margin:0 0 0 10px;
	padding:0;
}

input, textarea {
	margin:0 0 0 10px;
}


/* -------　画像　------ */

img {
	border:0px;
}

img a{
	border:0px;
}

img.wp-caption aligncenter{
	text-align:center;
	margin:0 auto;
}

p.wp-caption-text{
	font-size:86%;
	color:#cccccc;
}



/* -------　クリア　------ */

.clear {
	clear: both;
	height:0;
	line-height:0;
	font-size:0%;
}


/* ------------------------------
 全体のレイアウト
------------------------------ */

/* -------　ヘッダー　------ */

#bg {
	background:#FFFFFF;
	text-align:center;
}
#whole{
	margin:0 auto;
}

#header {
	background: url(images/bg_header.gif) center top repeat-x ;
	height: 20px;
}

#top_header {
	background: url(images/top_header.gif) center top no-repeat;
	height: 20px;
	margin:0 auto;
}

#header h2 {
	font-size: 70%; 
	margin:0 auto;
	padding:0 0 0 20px;
	line-height:1.2;
	text-align:left;
}

#header a{
	color:#FFEBDB;
	text-decoration: none;
}


#header_menu {
	background:#FFFFFF url(images/bg_header2.jpg) center top no-repeat;
	height: 90px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;	
}

#header_menu_box {
	width:960px;
	height:90px;
	margin:0 auto;
	display:block;
}

#header_rogo{
	float:left;
	width:275px;
	height:90px;	
}

#header_rogo a{
	float:left;
	width:275px;
	height:90px;
	display:block;
}

#header_menu_box a.home{
	float:left;
	width:85px;
	height:90px;
	margin: 0 5px 0 0 ;
	display:block;	
} 

#header_menu_box a.toiawase{
	float:left;
	width:85px;
	height:90px;
	display:block;	
}

#header_menu_box a.yoyaku{
	float:right;
	width:145px;
	height:90px;
	display:block;	
} 

#header_menu_box a.poricy{
	float:right;
	width:145px;
	height:90px;
	margin: 0 0 0 10px ;
	display:block;	
}

/* -------　メインイメージ(フラッシュ)　------ */

#box_flash {
	text-align:center;
	background:#FFFFFF url(images/top.jpg) center top no-repeat;
}



/* -------　メインメニュー　------ */

#main_menu {
	height:75px;
}

#box_main_menu {
	width:896px;
	height:75px;
	margin: 0 auto;
	display:block;
	background:#FFFFFF url(images/menu.gif) left top repeat-x ;	
}

#box_main_menu ul{
	display:inline;
	text-indent:-9999px;
}

#box_main_menu li{
	display:block;
	width:128px;
	height:75px;
	float:left;
}
#box_main_menu li a{
	display:block;
	width:128px;
	height:75px;
}

#box_main_menu li.menu1 a:hover{
	background: url(images/menu.gif) left -76px no-repeat ;	
}
#box_main_menu li.menu2 a:hover{
	background: url(images/menu.gif) -128px -76px no-repeat ;	
}
#box_main_menu li.menu3 a:hover{
	background: url(images/menu.gif) -256px -76px no-repeat ;	
}
#box_main_menu li.menu4 a:hover{
	background: url(images/menu.gif) -384px -76px no-repeat ;	
}
#box_main_menu li.menu5 a:hover{
	background: url(images/menu.gif) -512px -76px no-repeat ;	
}
#box_main_menu li.menu6 a:hover{
	background: url(images/menu.gif) -640px -76px no-repeat ;	
}
#box_main_menu li.menu7 a:hover{
	background: url(images/menu.gif) -768px -76px no-repeat ;	
}
/* -------　コンテンツ　------ */

#content{
}

#box_content{
	width:900px;
	margin: 0 auto;
	text-align:left;
	padding:15px 0 0 0;
	background: #ffffff;
}
#box_main {
	margin:10px 20px ;
}

/* - top - */
#top_main {
	float: left;
	width: 550px;
}

#top_side {
	float: right;
	margin: 0 0 0 0;
	width: 350px;
}

/* - blog - */

#blog_main {
	float: left;
	width: 650px;
	margin:10px 10px ;
}

#blog_side {
	float: right;
	width: 200px;
}


#pagetop {
	float:right;
	width:40px;
	height:35px;
	text-indent:-9999px;
	}
#pagetop a{
	width:40px;
	height:35px;
	background: url(images/butt_top.gif) left bottom no-repeat ;
	display:block;
	}

#footer {
	margin:0 auto;
}

#box_footer {
	width:900px;
	margin: 0 auto 15px auto;
	text-align:left;
}

#footer_tel {
	float:left;
	padding:25px 0 0 10px;
}

#footer_bunner {
	float:right;
	padding:5px 0 0 0;
}

.footer_menu{
	padding:5px;
	color:#603813;
}

.footer_menu a{
	border-left:#603813 1px solid;
	padding:0 5px ;
	line-height:2.2;
	font-size:85%;
	white-space:nowrap;
}

.footer_menu .submenu a{
	border-left:none;
	padding:0 0 0 3px;
}

#description {
	font-size:90%;
	margin:5px 0 ;
}
#description h1, #description h3{
	text-decoration:none;
	padding:0 8px 3px 8px ;
	font-size:90%;
}
#description_footer {
	background: url(images/desc_footer.gif) left bottom no-repeat ;
	height:13px;
}

#language{
	text-align:center;
	color:#603813;
}
#language a{
	border-left:#603813 1px solid;
	padding:0 5px ;
	line-height:2.2;
	font-size:85%;
	white-space:nowrap;
}
#language a.link_end{
	border-right:#603813 1px solid;
}

/* ------------------------------
 各ページの設定
------------------------------ */

/* -------　トップページ　------ */

#osusume {
	width:535px;
	background: url(images/osusume_body.gif) left top repeat-y ;
}

#osusume_top {
	height:50px;
	background:#ffffff url(images/osusume_top.gif) left bottom no-repeat ;
}

#osusume_body {
	padding:0px 20px;
}

#osusume_body .plan{
	float:left;
	width:150px;
	display:block;
	margin: 0 10px 0 0 ;
}
#osusume_body .plan h3{
	font-size:90%;
}
#osusume_body .plan img{
	background:#FFFFFF ;
	padding:5px;
	width:140px;
	height:140px;
}
#osusume_body .plan p{
	font-size:75%;
}

#osusume_bottom {
	height:50px;
	background:#ffffff url(images/osusume_bottom.gif) left top no-repeat ;
}

#osusume_bottom a{
	width:535px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#top_language{
	text-align:center;
	color:#603813;
	margin:5px auto;
}
#top_language a{
	border-left:#603813 1px solid;
	padding:0 5px ;
	line-height:2.2;
	font-size:85%;
	white-space:nowrap;
}

#top_language a.link_end{
	border-right:#603813 1px solid;
}


#news {
	width:535px;
	background: url(images/title_blog.gif) left top no-repeat ;
	margin:10px 0 10px 10px ;
}


#news .entrylist a{
	width:535px;
	height:25px;
	display:block;
	text-indent:-9999px;
}

#news dl{
	margin: 0 0 0 5px;
}
#news dt.entrydate{
	display:block;
	background: url(images/icon_gold.gif) left 4px no-repeat ;
	padding: 0 0 0 14px;
	margin: 10px 0 0 0;
	float:left;
	font-size:90%;
	width:70px;
}
#news dd a{
	line-height:1.1;
	margin: 10px 0 0 30px;
	float:left;
	width:350px;
}

/* -------　セカンドページ共通　------ */

#content_path{
	background: url(images/icon_flower.gif) left center no-repeat ;
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	font-size:85%;
}

#category{
	margin:5px 0 15px 0;
	width:900px;
	border: #42210B 1px solid ;
	background: #FFFCF9;
}
#category dl{
	width:900px;	
	display:inline;
}
#category dt{
	background:#42210B;	
	color:#FFFCF9;
	float:left;
	display:block;
	padding: 3px 10px;
}
#category dd{
	background: url(images/bg_cat.gif) left center no-repeat ;	
	display:block;
	float:left;
	padding: 3px 10px;
}

#category li{
	display:block;
	float:left;
}

#category dd a{
	padding:0 10px;
	border-right:#42210B 1px solid;
	text-decoration:none;
}

#footer_category {
	font-size:85%;
	float:left;	
	display:block;
}

#footer_category a{
	padding:0 10px;
	border-right:#42210B 1px solid;
}

#category_name{
	background: url(images/bg_pagetitle.gif) left center no-repeat ;
	padding: 5px 0 5px 15px;
	font-size:120%;
	line-height:1.2;
	font-weight:bold;
	margin: 0 0 10px 0;
}

h2.entrytitle{
	border-left:3px solid #D5AE3C;
	border-bottom:1px solid #D5AE3C;
	padding:5px 10px 5px 15px;
	margin:0;
	font-size:110%;
	line-height:1.2;
}

h2.entrytitle a{
	text-decoration:none;
}

.date{
	text-align:right;
	font-size:90%;
	color:#C69C6D;
	margin: 0 0 5px 0;
}

.entrytext{
	padding:10px 0 30px 0;
}


.pagetop2{
	float:right;
	width:75px;
	height:20px;
	background: url(images/butt_top2.gif) left top no-repeat ;
	text-indent:-9999px;
	margin:10px 0 0 0 ;
}
.pagetop2 a{
	width:75px;
	height:20px;
	display:block;
}

.more-link {
	margin:5px;
	width:180px;
	height:35px;
	background: url(images/butt_syousai.gif) left top no-repeat ;
	display:block;
	float:left;
	text-indent:-9999px;
}

.pagenavi{
	display:block;
	margin:0 auto 10px auto ;
	text-indent:-9999px;
}
.prevlink {
	float:left;
	display:block;
	text-indent:-9999px;
	background: url(images/bg_prev.gif) left center no-repeat ;
	width:82px;
	height:22px;
	display:block;
}

.nextlink {
	float:right;
	display:block;
	text-indent:-9999px;
	background: url(images/bg_next.gif) left center no-repeat ;
	width:82px;
	height:22px;
	display:block;
}

.prevlink a{
	background: url(images/butt_prev.gif) left center no-repeat ;
	width:82px;
	height:22px;
	display:block;
}
.nextlink a{
	background: url(images/butt_next.gif) left center no-repeat ;
	width:82px;
	height:22px;
	display:block;
}

/* -------　ブログページサイドバー　------ */
.side_box {
	float: right;
	margin: 0 0 15px 0;
	width: 200px;
	background: url(images/blogside_body.gif) left top no-repeat ;
}
.side_box_top {
	width: 200px;
	height:10px;
	background:#ffffff url(images/blogside_top.gif) left bottom no-repeat ;
}

.side_box_bottom {
	width: 200px;
	height:15px;
	background:#ffffff url(images/blogside_bottom.gif) left top no-repeat ;
}

#blog_side ul{
	margin:0 10px;
	font-size:90%;
	line-height:1.2;
}
#blog_side li{
	padding:0 0 5px 0 ;
}

#blog_side h2{
	font-size:90%;
	line-height:1.2;
	margin:0 10px;
	color:#C69C6D;
}
#blog_side a{
	background: url(images/icon_gold.gif) left 4px no-repeat ;
	padding:0 5px 3px 13px ;
	display:block;
}

#blog_side .widget_tag_cloud a{
	background: none ;
}

