/* -----------------------------------------------
   1. リンクテキストの設定
--------------------------------------------------- */
a {
	text-decoration: none;
	color: #481ccf;
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: underline;
	color: #bd0085;
}

/* -----------------------------------------------
   2. タグの基本設定
--------------------------------------------------- */
body, div, p, th, td{
	color: #363a39;
	font: 14px /1.6 "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

body, div {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #fadba3;
/*	background: #68bb61 url('./image/bg_body.jpg') repeat-x left bottom;*/
}

p {
	margin: 0 0 18px;
	padding: 0;
}

.abc {
	font-family: "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", Chicago, Verdana, sans-serif;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
}

/* -----------------------------------------------
   3. #allcont
--------------------------------------------------- */
#allcont {
	margin: 0 auto;
	width: 800px;
	background: url('./image/bg_content.gif') repeat-y #fcfff0;
}

#wrapper {
	margin: 0 20px;
	width: 760px;
	height: auto;
}
/* -----------------------------------------------
   4. #header
--------------------------------------------------- */
#header {
	width: 760px;
	height: 160px;
	background: url('./image/logo.jpg') no-repeat;
}

#header #descript {
}

#header #descript p {
	font-size: 10px;
	margin: 0;
	padding: 0 0 0 1em;
	color: #307002;
}

#header h1 {
	display: none;
}

/* -----------------------------------------------
   5. #menu
--------------------------------------------------- */
#menu {
	width: 760px;
	height: 50px;
	background: url('./image/menu_bg.jpg') repeat-x;
	margin: 0 0 20px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li {
	display: inline;
	float: left;
	height: 50px;
}

#menu ul li.t {
	width: 25px;
	background: url('./image/menu_top.jpg') no-repeat;
}

#menu ul li.l a,
#menu ul li.s a  {
	display: block;
	width: 110px;
	height: 32px; /* 50px-18px */
	padding: 18px 0 0;
	text-align: center;
	font: bold 12px /1.2 "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration: none;
}

#menu ul li.l a {
	background: url('./image/menu_out.jpg') no-repeat;
	color: #879e69;
}

#menu ul li.s a {
	background: url('./image/menu_select.jpg') no-repeat;
	color: #2b461a;
}

#menu ul li.l a:hover,
#menu ul li.s a:hover {
	background: url('./image/menu_over.jpg') no-repeat;
	color: #363e09;
}

/* -----------------------------------------------
   6. #content
--------------------------------------------------- */
#content {
	clear: both;
}
/* -----------------------------------------------
   カラムの設定
--------------------------------------------------- */
/* 2カラム トップページ用 */
.two-column-top {
	width: 760px;
} 

.two-column-top .main {
	display: block;
	float: left;
	width: 500px;
}

.two-column-top .side {
	float: right;
	width: 260px;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* -----------------------------------------------
   7. トップページの設定
--------------------------------------------------- */
#topimg {
	width: 500px;
	margin-bottom: 20px;
}

#news {
	width: auto;
}

#news dl {
	margin: 0;
}

#news dl dt {
	font: bold 14px /1.6 "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

#news dl dd {
	margin: 0 0 0.5em;
	padding: 0 0 0 1em;
	width: auto;
	border-bottom: 1px dashed #9a9fa0;
}

#news h2 {
	margin: 0 0 10px;
	padding: 0;
}

#news h2 span {
	display: none;
}

#top-message {
}

#banner {
}

#banner img {
	margin: 0 0 15px;
}

.side h3 {
	margin:	10px 0px 9px 10px;
}

.blog-link {
	display: block;
	margin: 10px 0px 15px 10px;
	padding: 10px;
	background-color: #caeb63;
}

.blog-link:hover {
	background-color: #ecec63;
}

/* -----------------------------------------------
   8. カラムなし（トップページ以外）の設定
--------------------------------------------------- */
.no-column {
}

.no-column h2 {
	margin: 0 0 10px;
	padding: 0;
}

.no-column h2 span {
	display: none;
}

.no-column h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

.no-column table.list-tbl {
	margin: 0 0 20px 20px;
	border-collapse: collapse;
	border-top: 1px solid #9a9fa0;
}

.no-column table.list-tbl th,
.no-column table.list-tbl td {
	padding: 5px 8px;
	border-bottom: 1px solid #9a9fa0;
}

.no-column table.list-tbl th {
	font-weight: bold;
	white-space: nowrap;
	background: #aedf9d; /*#ecff9d;*/
	color: #2b461a;
	/*border-right: 1px solid #9a9fa0;*/
}

.no-column table.list-tbl td {
	background: #ffffff;
}

/* -----------------------------------------------
   9. #footer
--------------------------------------------------- */
#footer {
	clear: both;
	width: 760px;
	height: 200px;
}

#footer #address {
	border-top: 1px solid #9a9fa0;
}

#footer #address p {
	margin: 1em;
}

#footer #address strong {
	font-size: 16px;
}

#footer #copyright {
	border-top: 1px solid #9a9fa0;
}

#footer #copyright p {
	font-size: 10px;
	line-height: 1.4;
	text-align: right;
}

/* -----------------------------------------------
   10. 各ページ共通の設定
--------------------------------------------------- */
.pagetop {
	clear: both;
	margin: 0 0 10px;
	font-size: 12px;
	text-align: right;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

.red {
	color: #c32905;
}

.blue {
	color: #0529c3;
}

.center {
	text-align: center;
}
/* -----------------------------------------------
   11. 地図ページ用の設定
--------------------------------------------------- */
.map-img {
	margin: 0 0 10px;
	border: 1px solid #333333;
	background: #ffffff;
}

.map-img h3 {
	margin: 0;
	padding: 0.2em 1em;
	border-bottom: 1px solid #333333;
	font-size: 16px;
	font-weight: bold;
}

.map-img p {
	text-align: center;
}

.map-img p.map-text {
	padding: 20px 20px 30px;
	text-align: left;
	line-height: 1.6;
}

/* -----------------------------------------------
   12. 問い合わせフォームの設定
--------------------------------------------------- */
.form-tbl {
/*	border-bottom: 1px dashed #9a9fa0;*/
	width: 760px;
}

.form-tbl td {
	border-top: 1px dashed #9a9fa0;
	padding: 10px 5px 10px 10px;
}

.form-tbl td.hissu {
	color: #ff0000;
	font-size: 10px;
}

.form-tbl td input {
	margin: 0 5px 0 0; 
}

/* -----------------------------------------------
   13. 施術について
--------------------------------------------------- */
.sejutu-flow,
.sejutu-note {
}

.sejutu-note {
	list-style-type: square;
}

.sejutu-flow li,
.sejutu-note li {
	padding-bottom: 18px;
}

.sejutu-flow li img,
.sejutu-note li img {
	padding: 10px 0;
}

/* -----------------------------------------------
   14. よくある質問
--------------------------------------------------- */
dl.faq-qa {
	margin: 18px 20px 20px;
}

.faq-qa dt {
	font-weight: bold;
	font-size: larger;
	padding-bottom: 18px;
}

.faq-qa dd {
	margin: 0;
	padding: 0;
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
