@charset "UTF-8";

.big {
	margin: 5px 0 0 15px;
	padding: 0 0 0 6px;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
}
.small { font-size: 0.7em; text-align: left;}
.C { text-align: center; }
.R { text-align: right;}
.L { text-align: left;}
.S{
	text-align:left;
	font-size:0.7em;
	width: 100%;
	padding: 10px 0 5px 0;
}
.M { font-size: 0.8em;}

.blue{ color: #0068b7;}
.pink{ color: #a4005b;}

/********************************************************************************************
■見出し
********************************************************************************************/
/*  h2
-----------------------------------------------------------*/
.manual h2,
.beauty h2,
.original h2,
.life h2,
.guest h2,
.others h2 { 
	font-weight: bold;
	font-size: 1.3em;
	color: #696969; 
	margin: 0 0 20px 0;
	padding: 10px 0px 15px 20px;
	background: url('../images/bg_h2.gif') no-repeat left top;
	text-align: left;
}
#page { 
	font-weight: bold;
	font-size: 1.3em;
	color: #696969; 
	margin: 0;
	padding: 10px 0px 15px 20px;
	background: url('../images/bg_h2.gif') no-repeat left top;
	text-align: left;
}

/*  h3
-----------------------------------------------------------*/
.manual h3,
.beauty h3,
.original h3,
.life h3,
.guest h3,
.others h3 { 
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff; 
	margin: 10px 0 20px 0;
	padding: 7px 0 5px 30px;
	background: url('../images/bg_h3.gif') no-repeat left center;
	text-align: left;
}
/*  h4
-----------------------------------------------------------*/
h4 {
	margin: 5px 10px 0 20px;
	padding: 0 0 0 6px;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	border-left: 5px solid #696969;
}
/********************************************************************************************
■p
********************************************************************************************/
.manual p,
.beauty p,
.original p,
.life p,
.guest p,
.others p {
	line-height: 160%;
	margin: 5px 0 30px 0;
	padding: 0 10px 0 20px;
}
p.m5{
	line-height: 160%;
	margin: 5px 0 5px 0;
	padding: 0 10px 0 20px;
}
/********************************************************************************************
■箇条書き
********************************************************************************************/
ul.disc {
	margin: 5px 0 30px 20px;
	padding: 0 10px 0 20px;
	list-style-type: disc;
}
ul.none { 
	margin: 5px 0 30px 20px;
	padding: 0 10px 0 20px;
	list-style-type: none;
}
ol.number { 
	margin: 5px 0 30px 20px;
	padding: 0 10px 0 20px;
}
ul.disc_inner {
	margin: 5px 0 5px 20px;
	padding: 0 10px 0 20px;
	list-style-type: disc;
}
ul.disc li,
ul.none li,
ol.number li,
ul.disc_inner li{
	line-height: 160%;
}
ul.square_inner {
	margin: 5px 0 5px 5px;
	padding: 0;
	list-style-type: none;
}
ul.square_inner li{
	line-height: 200%;
}
ul.ul_bgm {
	margin: 5px 0 20px 0;
	padding: 0 10px 0 20px;
	list-style-type: none;
}
ul.ul_bgm li{
	float: left;
	margin: 3px 20px 0 0;
	padding: 3px 0 3px 15px;
	background: url(../images/cbutton.gif) no-repeat 0 6px;
	font-size: 0.8em;
	white-space:nowrap;
}
ul.ul_bgm a { color: #0077ee; }
ul.ul_bgm a:link    {color: #0077ee; text-decoration: none; }
ul.ul_bgm a:visited {color: #0077ee; text-decoration: none; }
ul.ul_bgm a:active  {color: #e80488; text-decoration: underline; }
ul.ul_bgm a:hover   {color: #e80488; text-decoration: underline; }
/********************************************************************************************
■table
********************************************************************************************/
.table_txt{
	text-align:left;
	margin: 5px 10px 30px 20px;
}
.table_txt td{
	text-align:left;
	vertical-align: top;
	line-height: 160%;
}
.table_boder,
.table_boder_left{
	margin: 5px 10px 30px 20px;
	padding: 0;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#cccccc;
	background:#FFFFFF;
}
.table_boder th{
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#cccccc;
	font-weight:bold;
	text-align:center;
	background:#f3f3F3;
	padding:5px 10px;
}
.table_boder_left th{
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#cccccc;
	font-weight:bold;
	text-align:left;
	background:#f3f3F3;
	padding:3px 3px;
}
.table_boder td,
.table_boder_left td{
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#cccccc;
	padding:10px;
}
/********************************************************************************************
■box
********************************************************************************************/
.box_pink{
	background: #fefcef;
	padding: 10px;
	margin: 5px 10px 30px 20px;
	border: 1px solid #e6d4b8;
}
.box_pink p {
	margin: 0 0 0 0;
	padding: 8px 8px 8px 8px;
	text-align: left;
}
.linkbox{
	margin: 5px 10px 30px 20px;
	border: 1px solid #d1d1d1;
	padding: 5px;
}
.linkboxT{
	background: url(../images/bg_link.gif) no-repeat left center;
	padding: 5px 5px 5px 28px;
	margin: 0 0 5px 0;
	color: #ffffff;
	font-weight: bold;
}
.linkboxT a { color: #ffffff; }
.linkboxT a:link    {color: #ffffff; text-decoration: none; }
.linkboxT a:visited {color: #ffffff; text-decoration: none; }
.linkboxT a:active  {color: #ffffff; text-decoration: underline; }
.linkboxT a:hover   {color: #ffffff; text-decoration: underline; }
.linkbox-text{ padding: 5px 5px 5px 5px;}
.music{
	width: 340px;
	margin: 0;
	padding: 10px;
}
.music .left{
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}
.music .left img{
	margin: 5px 0 0 0;
}
.music .right{
	width: 155px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: right;
}
.music .right p {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
}
.gbox{
	margin: 0 10px 20px 10px ;
	padding: 0 5px 5px 5px ;
	border: 1px solid #cccccc;
}
.gbox p {
	margin: 5px 0 0 0;
	padding: 5px;
	text-align: left;
}
.gbox-menu{
	margin: 5px 0 10px 0;
	padding: 5px 0 5px 25px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/bg_link.gif) no-repeat left center;
}
.box_recommend{
	width: 160px;
	margin: 0 5px 10px 10px;
	padding: 15px 5px;
	text-align: center;
	border: 1px solid #cccccc;
	float: left;
}
.box_recommend .name{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.8em;
	font-weight: bold;
}
.box_recommend .banner{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}
.box_recommend .point{
	margin: 0 5px 3px 5px;
	padding: 3px;
	background: #27b2b2;
	text-align: center;
	color: #ffffff;
	font-size: 0.8em;
}
.box_recommend p{
	margin: 0 0 0 0;
	padding: 0 5px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
}
.box_border{
	margin: 0 0 0 0;
	padding: 10px;
	border: 1px solid #cccccc;
	text-align: center;
}
.box_border p{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 0.9em;
}
.box_border .C{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 0.9em;
}
.bbox{
	margin: 5px 10px 10px 20px;
	padding: 5px 5px 5px 5px ;
	border-top: 1px solid #bedfff;
	border-bottom: 1px solid #bedfff;
	background: #f6f6ff;
}
.bbox table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.bbox table th{
	margin: 0 0 0 0;
	padding: 0 5px 0  0;
	text-align:left;
	vertical-align: top;
}
.bbox table td{
	text-align:left;
	vertical-align: top;
	padding: 0 0 0 0;
	background: #ffffff;
}
.bbox table td ul{
	list-style: none;
}
.bbox table td ul li{
	background: #ffffff;
	background-image: url(../images/button_note.gif);
	background-position : left center ; 
	background-repeat : no-repeat ;
	padding: 7px 0 7px 25px;
	text-align: left;
	border-bottom: 1px dotted #bedfff;
}
/********************************************************************************************
■リンク
********************************************************************************************/
.cbutton {
	margin: 3px 0 0 0;
	padding: 3px 0 3px 15px;
	background: url(../images/cbutton.gif) no-repeat 0 6px;
	display: block;
	line-height: 100%;
}
.cbutton_txt {
	margin: 0 0 0 0;
	padding: 0 0 3px 15px;
	display: block;
	font-size: 0.9em;
	line-height: 100%;
}
.cbutton a { color: #0077ee; }
.cbutton a:link    {color: #0077ee; text-decoration: none; }
.cbutton a:visited {color: #0077ee; text-decoration: none; }
.cbutton a:active  {color: #e80488; text-decoration: underline; }
.cbutton a:hover   {color: #e80488; text-decoration: underline; }

.cbuttonM {
	margin: 3px 0 0 0;
	padding: 3px 0 3px 15px;
	background: url(../images/cbutton.gif) no-repeat 0 3px;
	display: block;
	line-height: 100%;
}
.cbuttonM a { color: #0077ee; }
.cbuttonM a:link    {color: #0077ee; text-decoration: none; }
.cbuttonM a:visited {color: #0077ee; text-decoration: none; }
.cbuttonM a:active  {color: #e80488; text-decoration: underline; }
.cbuttonM a:hover   {color: #e80488; text-decoration: underline; }

/*  ページ遷移(上部)  */
#PageNavi { clear:both; }
#PageNavi ul,
#PageNavi li { display:inline; }
#PageNavi a{
	float:left;
	background-image:url(../images/bg_PageNavi.gif);
	background-repeat:no-repeat;
	height: 48px;
	padding: 12px 0 0 0px;
	margin: 0 0 20px 0;
	overflow:hidden;
	font-size:1em;
	font-weight:noraml;
	text-decoration:none;
	text-align: center;
	color:#ffffff;
}
#PageNavi .S {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 100%;
}
#PageNavi #page01 a{width:254px; background-position:0px 0;}
#PageNavi #page02 a{width:253px; background-position:-253px 0;}
#PageNavi #page03 a{width:253px; background-position:-507px 0;}

#PageNavi #page01 a:hover{background-position:0px -60px;}
#PageNavi #page02 a:hover{background-position:-253px -60px;}
#PageNavi #page03 a:hover{background-position:-507px -60px;}

#PageNavi #page01 a#PageNow{width:254px; background-position:0px -60px;}
#PageNavi #page02 a#PageNow{width:253px; background-position:-253px -60px;}
#PageNavi #page03 a#PageNow{width:253px; background-position:-507px -60px;}

#page_navi {
	width: 760px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: #ffebef;
}
#page_navi:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul#page_navi {
	margin: 0 0 20px 0;
	padding: 0 0 2px 0;
}
#page_navi li {
	font-size: 0.7em;
	float: left;
	list-style-type: none;
}
#navi li img {
	margin: 0px 0px 0px 0px;
}

/*  ページ遷移(下部)  */
#Pager{
	margin: 5px 0 30px 0;
	padding: 0 10px 0 20px;
}
#Pager div.before{
	float: left;
	width: 130px;
	text-align: left;
}
#Pager div.before a{
	display: inline-block;
	padding: 3px 5px 3px 15px;
	font-weight: bold;
	background: url(../images/cbutton2.gif) no-repeat left center;
}
#Pager div.next{
	float: right;
	width: 130px;
	text-align: right;
}
#Pager div.next a{
	display: inline-block;
	padding: 3px 20px 3px 5px;
	font-weight: bold;
	background: url(../images/cbutton.gif) no-repeat right center;
}
#Pager div.pager{
	padding: 2px 160px 0 70px;
	text-align: center;
}
#Pager div.pager a{
	display: inline-block;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid #e1e1e1;
	background: #f1f1f1;
	font-weight: bold;
}
#Pager div.pager a:hover{
	border: 1px solid #98b4e6;
	background: #adc3e1;
}
#Pager div.pager span{
	display: inline-block;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid #cadfeb;
	font-weight: bold;
	background: #dae9f4;
}
#Pager div.before a:link,
#Pager div.next a:link,
#Pager div.pager a:link    {color: #0077ee; text-decoration: none; }
#Pager div.before a:visited,
#Pager div.next a:visited,
#Pager div.pager a:visited {color: #0077ee; text-decoration: none; }

/********************************************************************************************
■一覧
********************************************************************************************/
.list,
.list_sitemap{
	margin: 0;
	padding: 0;
	text-align: left;
}
.list ul{
	margin: 0;
	padding: 0;
	text-align: left;
}
.list li{
	width: 350px;
	margin: 0;
	padding: 10px 10px 20px 20px;
	float:left;
	text-align: left;
	list-style-type: none;
	font-size: 0.7em;
	font-family: osaka,"ＭＳ ゴシック";
	line-height: 150%;
}
.list li h3{
	margin:0 0 0 0;
	padding: 0 0 8px 15px;
	font-size: 1.1em;
	font-weight: bold;
	background: none;
}
.list li .af{
	margin:0 0 0 0;
	padding: 0 0 8px 0px;
	font-size: 1.1em;
	font-weight: bold;
	background: none;
}
.list  a:link {color: #e45c90; text-decoration: underline; }
.list  a:visited {color: #e45c90; text-decoration: underline; }
.list  a:active,
.list  a:hover   {color: #e45c90; text-decoration: none; }

.list_sitemap ul{
	margin: 0 10px 30px 0px;
	padding: 0;
	text-align: left;
}
.list_sitemap li{
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	font-size: 0.9em;
	list-style-type: none;
	background: url('../images/icon_map.gif') no-repeat left center;
}
.list_sitemap li.child{
	margin: 0;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 0.9em;
	list-style-type: none;
	background: none;
}
.list_sitemap li.end{
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	list-style-type: none;
	background: url('../images/icon_map_end.gif') no-repeat left center;
}
.list_sitemap ul ul{
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
}
.list_sitemap ul ul li{
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	font-size: 0.9em;
	list-style-type: none;
	background: url('../images/icon_map.gif') no-repeat left center;
}
.list_sitemap ul ul li.end{
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	list-style-type: none;
	background: url('../images/icon_map_end.gif') no-repeat left center;
}

/********************************************************************************************
■グーグル
********************************************************************************************/
.google{ 
	margin: 35px 15px 20px 15px; 
	font-size: 0.8em;
}

/********************************************************************************************
■写真
********************************************************************************************/
.photo_right{
	float: right;
	margin: 0 0 0 20px;
	padding: 0px;
}
.photo_left{
	float: left;
	margin: 0 20px 0 0;
	padding: 0px;
}
/********************************************************************************************
■サイドメニュ
********************************************************************************************/
#sidemenu ul{
	list-style : none;
}
#sidemenu li{
	background-image: url(../images/cbutton_b.gif);
	background-position : left center ; 
	background-repeat : no-repeat ;
	padding: 7px 0 7px 15px;
	border-bottom: 1px solid #efefef;
	font-size: 0.9em;
	text-align: left;
}
#sidemenu h2{
	margin: 10px 0 0 0;
	text-align: left;
	font: bold 1em "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #696969;
}
#sidelink ul{
	list-style : none ;
}
#sidelink li{
	background: url(../images/cbutton_p.gif) no-repeat 0 3px;
	padding: 7px 0 7px 15px;
	border-bottom: 1px solid #efefef;
	font-size: 0.9em;
	text-align: left;
}
#sidelink li a:link    {color: #ff33cc; text-decoration: none; }
#sidelink li a:visited {color: #ff33cc; text-decoration: none; }
#sidelink li a:active  {color: #0077ee; text-decoration: underline; }
#sidelink li a:hover   {color: #0077ee; text-decoration: underline; }

#reccommend_book{
	text-align: center;
	font-size: 0.7em;
}
#sidebanner{
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
}
#sidebanner img{
	margin: 0 0 3px 0;
}

.side_list ul{
	margin: 0;
	padding: 0;
}
.side_list ul li{
	margin: 0;
	padding: 5px 0 10px 0;
	list-style-type: none;
	font-size: 0.7em;
	line-height: 130%;
	border-bottom: 1px solid #dddddd;
}
.side_list h3{
	margin: 10px 0 0 0;
	padding: 0 0 10px 15px;
	font-weight: normal;
	font-size: 1.2em;
}
.side_list h3 a:link    {color: #0077ee; text-decoration: underline; }
.side_list h3 a:visited {color: #0077ee; text-decoration: underline; }
.side_list h3 a:active  {color: #e80488; text-decoration: none; }
.side_list h3 a:hover   {color: #e80488; text-decoration: none; }

/********************************************************************************************
■スケジュール
********************************************************************************************/
.schedule_title {
	text-align:left;
	font-size:1em;
	margin: 15px 0 5px 0;
	line-height: 130%;
}
.schedule_M {
	text-align:left;
	font-size:0.8em;
	margin: 5px 0 5px 0;
	line-height: 130%;
}
.schedule_target{
	width: 190px;
	margin: 0 0 0 0;
	padding: 0;
	background: #FDACC7;
	font-weight: bold;
	font-size: 0.9em;
	color: #ffffff;
	text-align: center;
}
.schedule_subheading{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
}
.schedule_p{
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	line-height: 130%;
	font-size: 0.9em;
}
/********************************************************************************************
■invitation用
********************************************************************************************/
.boxL { width: 320px;overflow:auto;float: left;text-align: center;margin: 10px 0 0 0;padding: 10px; border: 1px solid #cccccc;}
.boxR { width: 320px;overflow:auto;float: right;text-align: center;margin: 10px 0 0 0;padding: 10px; border: 1px solid #cccccc;}

p.left  { margin: 15px 0 0 10px;padding: 0;text-align: left;line-height: 100%;}
p.left2 { margin: 10px 0 0 10px;padding: 0;text-align: left;line-height: 100%;}
p.left3 { margin: 10px 0 0 10px;padding: 0;text-align: left;font: 90% "ＭＳ Ｐゴシック",Osaka,sans-serif;line-height: 100%; }

p.center  { margin: 30px 0 0 10px;padding: 0;text-align: center;line-height: 100%;}
p.center2 { margin: 10px 0 0 10px;padding: 0;text-align: center;line-height: 100%;}
p.center3 { margin: 10px 0 0 10px;padding: 0;text-align: center;font: 90% "ＭＳ Ｐゴシック",Osaka,sans-serif;line-height: 100%;}

p.right  { margin: 15px 10px 0 0;padding: 0;text-align: right; }
p.right2 { margin: 5px 10px 0 0;padding: 0;text-align: right;line-height: 100%; }
p.right3 { margin: 5px 10px 0 0;padding: 0;text-align: right;font: 110% "ＭＳ Ｐゴシック",Osaka,sans-serif;line-height: 100%;}

/********************************************************************************************
■index
********************************************************************************************/
.massage {
	margin: 0 0 10px 0;
	padding: 120px 20px 50px 20px;
	line-height: 140%;
	background: url('../images/photo/index_image.jpg') no-repeat left top;
}
.topics{
	margin: 0 0 10px 0;
	border-left: 1px solid #dddddd;
	border-right : 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.topics ul {
	margin: 5px 0 10px 10px;
	padding: 0 10px 0 0px;
	list-style-type: none;
}
.topics ul li {
	margin: 3px 0 0 0;
	padding: 5px 0 5px 15px;
	background: url(../images/cbutton.gif) no-repeat left center;
	line-height: 100%;
	font-size: 0.9em;
}
.mono{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-left: 1px solid #dddddd;
	border-right : 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
#index_right .mono h2{
	margin: 10px 0 5px 10px;
	padding: 0 0 0 14px;
	font-weight: bold;
	font-size: 0.9em;
	background: url(../images/cbutton_dp.gif) no-repeat left center;
}
#index_right .mono h2 a:link,
#index_right .mono h2 a:visited {color: #e45c90; text-decoration: none; }
#index_right .mono h2 a:active,
#index_right .mono h2 a:hover   {color: #e45c90; text-decoration: underline; }
.mono ul{
	margin: 0;
	padding: 0 10px 0 10px;
}
.mono ul li{
	margin: 0;
	padding: 5px 0 10px 0;
	list-style-type: none;
	font-size: 0.7em;
	line-height: 150%;
	border-bottom: 1px solid #dddddd;
}
.mono h3{
	margin: 0 0 0 0;
	padding: 0 0 5px 15px;
	font-weight: normal;
	font-size: 1.2em;
	background-image: none;
}
.mono h3 a:link    {color: #0077ee; text-decoration: underline; }
.mono h3 a:visited {color: #0077ee; text-decoration: underline; }
.mono h3 a:active,
.mono h3 a:hover   {color: #e80488; text-decoration: none; }