@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/* 
/* 汎用要素スタイル
/* ├ a
/* ├ table
/* ├ title
/* ├ p
/* └ div
/*  
/* 汎用classスタイル 
/* ├ image
/* ├ text,font
/* ├ gotop
/* └ banner
/*  
==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
}

/* 汎用要素スタイル
-------------------------------------------------------*/

/* ========================= a */
a {
	color: #ce3f6e;
}
a:hover,
a:active {
	color: #ce3f6e; text-decoration: none;
}

/* ========================= table */
/*隙間*/
/*#content table {
	width: 670px;
	background: #A38566;
}
#content th,
#content td {
	padding: 5px 10px;
	border: 1px #A38566 solid;
	text-align: left;
	vertical-align: top;
}*/
/*ボーダー*/
#content table {
	width: 670px;
	border-collapse: collapse;
	border-spacing: 0;
	background: #A38566;
}
#content th,
#content td {
	padding: 5px 10px;
	border: 1px #A38566 solid;
	border-spacing: 1px;
	text-align: left;
	vertical-align: top;
}
#content th {
	background: #BEA994;
	color: #FFFFFF;
}
#content td {
	background: #fff;
}

/* ========================= dotTable */
#content table.dotTable {
	border: none;
}
#content table.dotTable th,
#content table.dotTable td {
	border: none;
	background: url(../images/common/content_bg_line.jpg) repeat-x left bottom #fff;
	font-weight: normal;
}
#content table.dotTable th {
	color: #333333;
}
	

/* ========================= title */
#content h2 {
	margin: 40px 0 25px;
}
#content h3,
#content h4.cap {
	margin: 40px 0 15px;
}
#content h3.bg {
	padding: 13px 20px;
	background: url(../images/common/content_bg_sti.gif) no-repeat left top;
	color: #F06485;
	font-weight: bold;
}
#content .firstChild {
	margin-top: 0;
}

/* ========================= p */
#content p {
	margin: 0 0 1em;
}
#content p.last {
	margin-bottom: 0;
}

/* ========================= div */
.section {
	overflow: hidden;
	margin: 0 10px;
	_zoom: 1;
}
.sections {
	margin: 0 10px;
}
.over {
	overflow: hidden;
	_zoom: 1;
}

/* 汎用classスタイル
-------------------------------------------------------*/

/* ========================= image */
img {
	vertical-align: bottom;
}
#content .imgL {
	float: left;
	margin: 0 15px 0 0;
}
#content .imgLbtm {
	float: left;
	margin: 0 15px 15px 0;
}
#content .imgR {
	float: right;
	margin: 0 0 0 15px;
}
#content .imgRbtm {
	float: right;
	margin: 0 0 15px 15px;
}
#content .summaryImg {
	margin: 1em 0;
}


/* ========================= text,font */
.right {
	text-align: right;
}

.emphasis {
	color: #ce3f6e;
	font-weight: bold;
}

.red {
	color: #F06485;
}

.bold {
	font-weight: bold;
}

#content p span.defList,
#content p.defList,
#content .defList li,
#content .defList dt {
	padding-left: 15px;
	background: url(../images/common/content_icon.gif) no-repeat 0 8px;
}
#content .defList dd {
	padding-left: 15px;
}

#content p.attention,
#content .attention li,
#content .attention dt {
	padding-left: 15px;
	background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#content .attention dd {
	padding-left: 15px;
}


/* ========================= gotop */
p.gotop {
	clear: both;
	margin-left: 610px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 0;
}
#content p.gotop {
	margin-top: 20px;
	text-align: right;
}


/* ========================= banner */
#content .contentBnr {
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center;
}
#content ul.pickBnr li,
#content p.pickBnr {
	margin-top: 15px;
	margin-bottom: 0;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	overflow-y: scroll;
}

body {
  background: #FFF url(../images/common/body_bg.gif) center top repeat-x;
	color: #333;
	text-align: center;
}
#outer {
	width: 1161px;
	margin: 0 auto;
  background: #FFF url(../images/common/body_bg.gif) center top repeat-x;
}
#wrapper {
	width: 950px;
	_width: 952px;
	margin: 0 105px 0 104px;
	padding: 0 1px;
  background: url(../images/common/wrapper_bg.gif) left top repeat-y;
}
#main {
	width: 930px;
	margin: 10px 10px 0;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
	text-align: left;
}
#main #content .last {
	margin-bottom: 0;
}
#main .lastChild {
	margin-right: 0;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position: relative;
	width: 950px;
	height: 150px;
	text-align: left;
}

/*  ========================= general */
#header h1,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #headContact,
#header #headInfo,
#indexPage #header p.hd1 {
	position: absolute;
}

/*  ========================= h1 */
#header h1,
#indexPage #header p.hd1 {
	top: 10px;
	left: 16px;
	color: #999999;
	font-size: 120%;
}

/*  ========================= logo */
#header #logo {
	top: 44px;
	left: 0;
}

/*  ========================= guideNavi */
#header ul#guideNav {
	top: 88px;
	right:0px;
}
#header ul#guideNav li {
	display: inline;
	margin-right: 20px;
}

/*  ========================= globalNavi */
#header ul#globalNav {
	top: 111px;
	left: 0;
	width: 950px;
	height: 39px;
}
#header ul#globalNav li {
	float: left;
}

/*  ========================= headContact */
#header #headContact {
	top: 10px;
	left: 700px;
	font-size: 100%;
}

/*  ========================= headInfo */
#header #headInfo {
	top: 77px;
	left: 611px;
	font-size: 100%;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	width: 950px;
	padding: 15px 0;
	background: url(../images/common/footer_bg.gif) left top repeat-x;
}
#footer address {
	width: 900px;
	margin: 0 auto;
	color: #54473e;
	font-size: 100%;
	line-height: 1.2em;
	vertical-align: bottom;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: right;
	width: 230px;
	margin-bottom: 20px;
}
#nav .last {
	margin-bottom: 0;
}

/*  ========================= localnavi */
#localNav dl,
#localNav ul {
	margin-bottom: 10px;
}
#localNav ul {
	padding: 10px;
	background: url(../images/common/nav_bg_gray.gif) repeat-y left top;
}
#localNav ul li {
	margin-bottom: 10px;
}
#localNav dl#navInfo {
	padding: 12px 20px 8px;
	background: url(../images/common/nav_bg_info.jpg) repeat-y left top;
	border-top: 10px #F0F0F0 solid;
	border-bottom: 10px #F0F0F0 solid;
	text-align: center;
}
#localNav dl#navInfo dt {
	margin-bottom: 10px;
}
#localNav dl#navInfo dd {
	margin-bottom: 6px;
}
#localNav #navContact {
	margin-bottom: 28px;
	text-align: center;
}


/*  ========================= nav banner */
#nav dl#banner {
	overflow: hidden;
	width: 230px;
}
#nav dl#banner dt {
	width: 210px;
	margin: 0 10px;
}
#nav dl#banner dd {
	width: 171px;
	margin: 11px 29px 0 30px;
}
#nav dl#banner dd img {
	width: 171px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
#content {
	float: left;
	width: 692px;
	margin-bottom: 20px;
	font-size: 140%;
	text-align: left;
	line-height: 1.7;
}
#content .fleft {
	float: left;
}
#content .fright {
	float: right;
}
#content .last {
	margin-bottom: 0;
}

/* 01 index
------------------------------------------------------------------------*/
#indexPage #content p.hd2 {
	margin: 30px 0 15px;
}
#indexPage p.pickBnr {
	margin-bottom: 15px;
}
#indexPage p.pickBnr.last {
	margin-bottom: 0;
}
#indexPage #newsBox {
	overflow: auto;
	width: 630px;
	_width: 670px;
	height: 120px;
	_height: 140px;
	margin: 10px 10px 0;
	padding: 10px 20px;
	background: url(../images/index_bg_news.gif) repeat-y left top;
	border-top: 5px #F2F2F2 solid;
	border-bottom: 5px #F2F2F2 solid;
}
#indexPage #newsBox dl {
	overflow: hidden;
	width: 600px;
	margin-bottom: 15px;
}
#indexPage #newsBox dl dt.date {
	display: block;
	float: left;
	width: 6em;
	margin-right: 1em;
	padding-left: 15px;
	background: url(../images/common/content_icon.gif) no-repeat left 8px;
}
#indexPage #newsBox dl.new dd {
	display: block;
	float: left;
	width: 450px;
}
#indexPage #newsBox dl.new dd.new {
	padding-left: 35px;
	background: url(../images/index_icon_new.gif) no-repeat left 8px;
}
#indexPage ul.pickBnr {
	overflow: hidden;
	width: 690px;
}
#indexPage .over {
	margin-top: 10px;
}
#indexPage .over .leftCol {
	float: left;
	width: 451px;
}
#indexPage #coordinateList {
	overflow: hidden;
	width: 680px;
	margin-left: 10px;
}
#indexPage #coordinateList li {
	float: left;
	margin-right: 10px;
}

#indexPage .main_img{
	position:relative;
	background:url(../images/main_img.jpg);
	height:550px;
	width:690px;
	margin:0 0 10px 0;
}
#indexPage .main_img .ban_taiken{
	width:210px;
	height:160px;
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}

/* 02 selfnail/
------------------------------------------------------------------------*/
#Page #content {
}


/* 03 selfnail/enjoy
------------------------------------------------------------------------*/
#enjoyPage #content .over {
	margin-bottom: 15px;
	font-size: 85%;
}
#enjoyPage #content .over .comment {
	overflow: hidden;
}
#enjoyPage #content .over .comment dt {
	margin-bottom: 10px;
}
#enjoyPage #content .dotTable {
	width: 430px;
}
#enjoyPage #content .dotTable th {
	width: 80px;
}


/* 04 search/
------------------------------------------------------------------------*/
#searchPage #content a {
	color: #ce3f6e;
}
#searchPage #mapArea {
	overflow: hidden;
	width: 660px;
	_width: 690px;
	padding: 15px;
	background: url(../images/search_bg_map.gif) repeat-y left top;
	border-top: 5px #F2F2F2 solid;
	border-bottom: 5px #F2F2F2 solid;
}
#searchPage #mapArea #rightCol {
	float: right;

}
#searchPage #mapArea dl {
	overflow: hidden;
	width: 211px;
	font-size: 85%;
}
#searchPage #mapArea dl dt {
	padding: 4px 0 3px 20px;
	font-weight: bold;
}
#searchPage #content dl dd {
	display: block;
	float: left;
	margin-top: 5px;
	padding-left: 7px;
	margin-right: 5px;
	background: url(../images/search_bg_area.gif) no-repeat left 3px;
}
#searchPage #content dl dd.ajust {
	margin-right: 1em;
}
#searchPage #content dl dd.firstChild {
	padding-left: 0;
	background: none;
}
#searchPage #content dl#area01 dt {
	background: url(../images/search_bg_area01.gif) no-repeat left bottom;
}
#searchPage #content dl#area02 dt {
	background: url(../images/search_bg_area02.gif) no-repeat left bottom;
}
#searchPage #content dl#area03 dt {
	background: url(../images/search_bg_area03.gif) no-repeat left bottom;
}
#searchPage #content dl#area04 dt {
	background: url(../images/search_bg_area04.gif) no-repeat left bottom;
}
#searchPage #content dl#area05 dt {
	background: url(../images/search_bg_area05.gif) no-repeat left bottom;
}
#searchPage #content dl#area06 dt {
	background: url(../images/search_bg_area06.gif) no-repeat left bottom;
}
#searchPage #content dl#area07 dt {
	background: url(../images/search_bg_area07.gif) no-repeat left bottom;
}
#searchPage #content dl#area08 dt {
	background: url(../images/search_bg_area08.gif) no-repeat left bottom;
}
#searchPage #content h4 {
	margin: 20px 0 5px;
	color: #ce3f6e;
	font-weight: bold;
}
#searchPage #content h4.firstChild {
	margin-top: 0;
}
#searchPage #content table {
	width: 600px;
	margin-left: 20px;
}
#searchPage #content table th,
#searchPage #content table td {
	padding: 10px 10px 5px;
	border: none;
	border-bottom: 1px #999999 solid;
	vertical-align: bottom;
}
#searchPage #content table th {
	width: 150px;
	background-color: #fff;
	color: #333333;
	font-weight: normal;
}
#searchPage #content table td a {
	color: #ce3f6e;
}
#searchPage #content .pickBnr li {
	margin-top: 40px;
}

.tabNav	{
	width: 100%;
	
}
.tabNav li	{
	float: left;
	margin: 0 5px -1px;
	font-weight: bold;
	text-align: center;
}
.tabNav a	{
	display: block;
	width: 80px;
	padding: 5px 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	color: #333;
}
.tabNav a.active	{
	border-bottom: 1px solid #FFF;
}
.tabContents	{
	clear: both;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 30px;W
}
.tabContents dl	{
	margin-bottom: 15px;
}
.tabContents dt	{
	background: url(../image/q.gif) no-repeat 5px 8px;
	padding: 8px 5px 8px 30px;
	font-weight: bold;
}
.tabContents dd	{
	background: url(../image/a.gif) no-repeat 5px 8px;
	padding: 8px 5px 8px 30px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}

#searchPage ul#contact li{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}
#searchPage ul#contact li.last{
	margin-right:0;
}

/* 05 trial
------------------------------------------------------------------------*/
#trialPage #content h4.cap {
	margin: 30px 0 15px;
	padding: 10px;
	background: #A38566;
	color: #FFFFFF;
	font-weight: bold;
}
#trialPage #content h4.cap.firstChild {
	margin-top: 0;
}
#trialPage #content .rightCol {
	float: right;
	width: 312px;
	margin-left: 15px;
}
#trialPage #content .rightCol table {
	width: 312px;
}
#trialPage #content .rightCol table th,
#trialPage #content .rightCol table td {
	text-align: center;
}
#trialPage #content ul.photoList {
	overflow: hidden;
	width: 630px;
	margin-left: 10px;
}
#trialPage #content ul.photoList li {
	float: left;
	margin: 0 10px 10px 0;
}
#trialPage #content ul.photoList li.last {
	margin-bottom: 0;
}


/* 06 course
------------------------------------------------------------------------*/
#coursePage #content .dotTable {
	width: 670px;
}
#coursePage #content .dotTable th {
	width: 200px;
}
#coursePage #content table.price th,
#coursePage #content table.price td {
	text-align: center;
	vertical-align: middle;
}
#coursePage #content #txtBox {
	width: 640px;
	_width: 670px;
	margin-top: 5px;
	padding: 15px;
	border-top: 1px #A38566 solid;
	border-bottom: 1px #A38566 solid;
	background: url(../images/course_bg_txt.gif) repeat-y left top;
}


/* 07 faq/nail 08 faq/class
------------------------------------------------------------------------*/
#nailPage #content dl.faqBox {
	width: 670px;
	margin-bottom: 20px;
	border-top: 2px #CCCCCC solid;
	border-bottom: 2px #CCCCCC solid;
	background: url(../images/faq_bg_faq.gif) repeat-y left top;
}
#nailPage #content dl.faqBox dt {
	padding: 10px 20px 10px 40px;
	margin: 1px 3px 10px;
	background: #F2F2F2 url(../images/faq_icon_question.jpg) no-repeat 8px 10px;
	font-weight: bold;
}
#nailPage #content dl.faqBox dd {
	padding: 0 20px 10px 43px;
	background: url(../images/faq_icon_answer.jpg) no-repeat 11px top;
}
#nailPage #content dl.faqBox dd p {
	margin-top: 20px;
	margin-bottom: 0;
}


/* 09 outline
------------------------------------------------------------------------*/
#outlinePage #content ul.defList#hopeList {
	margin-bottom: 30px;
}
#outlinePage #content ul.defList#hopeList li {
	padding-left: 20px;
	background: url(../images/outline_icon.gif) no-repeat left 8px;
}
#outlinePage #content p.center {
	margin: 50px 0;
}
#outlinePage #content .dataBox {
	overflow: hidden;
	margin-bottom: 20px;
}
#outlinePage #content .dataBox dl.defList {
	overflow: hidden;
	float: right;
	width: 485px;
}
#outlinePage #content .dataBox dl.defList dt {
	background: url(../images/common/content_icon.gif) no-repeat 3px 10px;
}
#outlinePage #content .dataBox dl.defList dd {
	padding-left: 0;
}
#outlinePage div#map {
	margin-top: 5px;
	padding: 2px;
	width: 500px;
	height: 400px;
	border: 1px solid #ccc;
}


/* 10 coordinate/
------------------------------------------------------------------------*/
#Page #content {
}


/* 11 coordinate/detail
------------------------------------------------------------------------*/
#Page #content {
}


/* 12 gallery
------------------------------------------------------------------------*/
#galleryPage #content .galleryBox {
	width: 302px;
	margin-top: 30px;
}
#galleryPage #content .galleryBox dt {
	margin-bottom: 10px;
}


/* 13 serch/osaka
------------------------------------------------------------------------*/
#osakaPage #content .defTable {
	width: 400px;
}


/* 14 news
------------------------------------------------------------------------*/
#newsPage #content .section {
	margin-bottom: 20px;
}
#newsPage #content h4.bg {
	margin-bottom: 10px;
	padding: 13px 20px;
	background: url(../images/common/content_bg_sti.gif) no-repeat left top;
	color: #F06485;
	font-weight: bold;
}
#newsPage #content h4.bg p {
	margin-bottom: 0;
}


/* 15 glossary
------------------------------------------------------------------------*/
#glossaryPage #content ul.defList	li {
	display: inline;
	margin-right: 20px;
}
#glossaryPage #content h4 {
	margin: 30px 0 10px 5px;
}
#glossaryPage #content .defTable {
	width: 670px;
	margin-bottom: 10px;
}
#glossaryPage #content .defTable th {
	width: 150px;
	vertical-align: middle;
}


/* 16 blog
------------------------------------------------------------------------*/
#Page #content {
}


/* 17 owner
------------------------------------------------------------------------*/
#Page #content {
}


/* 18 contact/contact.html
------------------------------------------------------------------------*/
#contactPage #content .txtcopy {
	margin-top: 30px;
}
#contactPage #content table.defTable {
	width: 400px;
	margin: 0 135px;
}


/* 19 sitemap
------------------------------------------------------------------------*/
#sitemapPage #content ul.defList,
#sitemapPage #content dl.areaList {
	margin-bottom: 20px;
	padding: 0 0 20px 30px;
	border-bottom: 1px #999999 solid;
}
#sitemapPage #content ul.defList li {
	margin-bottom: 15px;
}
#sitemapPage #content ul.defList li.last {
	margin-bottom: 0;
}
#sitemapPage #content ul.defList#toppage {
	padding-left: 0;
}
#sitemapPage #content ul.defList.noBtm {
	padding-bottom: 0;
	border-bottom: none;
}
#sitemapPage #content dl.areaList dt {
	padding-left: 20px;
}
#sitemapPage #content dl.areaList dd {
	margin-left: 25px;
	padding-left: 15px;
	background: url(../images/common/content_icon.gif) no-repeat 0 8px;
}


/* contact
------------------------------------------------------------------------*/
#contactPage span.rink {
	margin-left: 30px;
}

/*  ========================= table style */
#contactPage #content table.mailform {
	width: 670px;
	margin-top: 10px;
	padding: 0;
	border-top: solid 1px #A38566;
	border-left: solid 1px #A38566;
}
#contactPage #content table.mailform tr th,
#contactPage #content table.mailform tr td {
	padding: 5px 10px;
	border-right: solid 1px #A38566;
	border-bottom: solid 1px #A38566;
	text-align: left;
	vertical-align: middle;
}
#contactPage #content table.mailform tr th {
	width: 28%;
	background: #BEA994;
	font-weight: bold;
}
#contactPage #content table.mailform thead th {
	width: 100%;
	text-align: center;
}
#contactPage #content table.comInfo th {
	width: 100px;
}
#contactPage #content .contactInfo {
	padding: 13px;
	border: solid 3px #ce3f6e;
	background: #fff;
}

/*  ========================= input style */
#contactPage #content table.mailform input {
	margin-right: 3px;
	vertical-align: middle;
}
#contactPage #content table.mailform select {
	margin-right: 3px;
}
#contactPage #content table.mailform textarea {
	width: 350px;
}

/*  ========================= label style */
#contactPage #content table.mailform label.fmail_label_enabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}
#contactPage #content table.mailform label.fmail_label_disabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
}


/*  ========================= list style */
#contactPage ol.fmail_radio_list li,
#contactPage ol.fmail_checkbox_list li {
	list-style: none;
	float: left;
	padding: 5px 10px 5px 0;
	white-space: nowrap;
}

/*  ========================= button style */
#contactPage #content .button {
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}
#contactPage #content .button input {
	width: 160px;
	padding: 10px 5px;
	border: none;
	background: #A38566;
	color: #fff;
	font-weight: bold;
}
#contactPage #content .site_top {
	text-align: center;
}
#contactPage #content .site_top a{
	display:block;
	width:160px;
	height: auto;
	margin: 1em auto;
	padding: 10px 0;
	border: none;
	background-image: none;
	background: #A38566;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
}
#contactPage #content .button input:hover,
#contactPage #content .site_top a:hover{
	background: #BEA994;
}


/*  ========================= text style */
#contactPage #content #mailform .right {
	text-align: right;
}
#contactPage #content .caution {
	color: #FF0000;
	font-size: 83.5%;
}
#contactPage #content th em {
	margin-left: 3px;
	color: #c00;
	font-size: 83.5%;
}
#contactPage #content td .info {
	color: #999;
	font-size: 83.5%;
}