@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body,html { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body{
	background-position: center top;
	background-color: #F4F1E2;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

#container a:link,#container a:visited{ color:#0090B7;}
#container a:hover{ color:#06C;}

/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

#container{ margin:0 auto; width:958px; position:relative;}

.slider-wrapper{ position: absolute; top: 191px; left: 0px; }

img{ vertical-align:bottom;}

hr.end{ clear:both; visibility:hidden; height:1px;}

.to_top{ text-align:right; font-size:10px; margin-bottom:15px;}
.to_top a{ padding:2px 3px; border:1px solid #CCC; text-decoration:none; color:#333 !important;}
.to_top a img{ vertical-align:middle; padding-left:3px;}
.to_top a:link,.to_top a:visited{}
.to_top a:hover{ background:#EFEFEF;}

.img_r{ float:right; padding:0 0 15px 15px;}
.img_l{ float:left; padding:0 15px 15px 0;}
.more{ text-align:right !important;}
.center{ text-align:center;}
.bold{ font-weight:bold;}

.f80	{ font-size:0.8em;}
.f120	{ font-size:1.2em;}
.bold	{ font-weight:bold !important;}
.red	{ color:#FF3166!important;}
.blue	{ color:#01C9EB;}
.orange	{ color:#F49900;}
.green	{ color:#3CC55D;}
.blink	{ text-decoration:blink;}
.cb		{ clear:both;}

.ancBox{ cursor:pointer;}
.ancBox:hover img{ opacity:0.8; filter: alpha(opacity=80);}
a:hover .ancImg{ opacity:0.8; filter: alpha(opacity=80);}

/*新着情報*/
#diaryPro .text img{ padding:4px; border:1px solid #CCC; background:#FFF;}
#diaryPro {}
#diaryPro form#diary_form select{ width:auto !important;}
textarea.ckeditor{ width:100% !important;}
#diaryPro label{ display:inline !important;}
#diaryPro input{ width:auto !important;}
.diary img {
    border: medium none !important;
}

/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/*
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =======================================

layouts CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Base Structure

	2.Header

	3.Globalnavi

	4.Footer

========================================== */


/* 1.Base Structure
========================================== */
#wrapper {
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=80 )";
}
p {
	line-height: 20px;
}
p a {
	color: #0066ff;
}
p a:hover{
	text-decoration: none;
}


/* 2.Header
========================================== */
#header {
	background-image: url(../images/bg_index_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 478px;
}
h1{
	font-size: 10px;
	line-height: 30px;
	color: #FFFFFF;
	margin-left: 10px;
}

/* 2-1.Header Navi
========================================== */
#header_navi {
	margin-right: 50px;
}
#header_navi li {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

/* 3.Globalnavi
========================================== */
#globalnavi {
	width:980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#globalnavi li {
	float: left;
}

/* 4.contents
========================================== */
#contents {
	background-image: url(../images/cont_body.jpg);
	background-repeat: repeat-y;
}
#contents_left {
	padding-left: 30px;
	width: 660px;
	float: left;
}
#contents_right {
	padding-right: 20px;
	width: 285px;
	float: right;
}
#index_text {
	background-image: url(../images/bg_index_text.jpg);
	background-repeat: no-repeat;
	height: 231px;
	width: 429px;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 200px;
	margin-bottom: 20px;
}
#contents h2 {
	margin-bottom: 20px;
	margin-top: 20px;
}
#contents h3 {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 50px;
	font-size: 24px;
	line-height: 34px;
	height: 34px;
	margin-bottom: 10px;
	margin-top: 30px;
}
.cont h3 {
	background-image: url(../images/h3line_contents.jpg);
}
.salon h3 {
	background-image: url(../images/h3line_salon.jpg);
}
#index_topics {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 20px;
}
#index_topics p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	padding-bottom: 10px;
}
#contents_right li {
	margin-bottom: 10px;
}
#index_topics h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images/h3line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 44px;
}
.circle {
	border-radius: 10px;
 -moz-border-radius: 10px ;
 -webkit-border-radius: 10px ;
	background-color: #FCE6E8;
	padding: 10px;
	margin: 10px;
}
.salon dt{
	background-image: url(../images/icon_topics.jpg);
	background-position: left center;
	padding-left: 25px;
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #4C2602;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.salon dd {
	font-size: 14px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F6DD76;
	padding-bottom: 10px;
}
.gallery td p {
	margin: 5px;
}
.cont h5 {
	font-size: 16px;
	line-height: 20px;
}

/* 5.footer
========================================== */
#footer {
	background-color: #5A2300;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
}#footmenu {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #5A2300;
}
#footmenu a{
	color: #5A2300;
	text-decoration: none;
}
#footmenu a:hover{
	color: #5A2300;
	text-decoration: underline;
}
.gallery_list {
	float:left;
	width: 210px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.gallery_list .ttl {
	background-image: url(../images/icon_gallery.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	font-size: 14px;
	line-height: 25px;
	padding-left: 30px;
	margin: 0px;
}






/* topics 170808
========================================== */
#top_topics a,#list a ,#detail a{
		text-decoration: none;
		color: #256AB4;
}
#top_topics #topics_date,#list #topics_date{
	display: block;
	text-decoration: none;
}
#top_topics #topics_title ,#list #topics_title {
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 10px;
	display: block;
	color: #256AB4;	
}

#list{
	margin-top: 20px;
}
#list #topics_paging{
	text-align: right;
}

#detail #topics_title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #cccccc;
}
#detail #topics_date{
	text-align: right;
    display: block;
}
.list_back_btn a{
	color: #256AB4;
	display: block;
	border-top: 1px dashed #cccccc;
	text-align: right;
	padding-top: 10px;
	margin-top: 20px;
}