@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
/* -------------------------
全体
------------------------- */

body {color: #000000;line-height: 150%;font-size: 14px;	font-weight:normal;margin:0 auto 0 auto;background-color: #fff; padding:0 0 100px 0;	border-top: solid 5px #90C8FB;
}
a {color: #09F;}
p {	margin: 1em 10px;}
.migi-aling{text-align:right;}
.red{background-color: #F33;color:#FFF;}
#conte-l-box{display:none;}
.conte-r em{color:#FF0000; font-weight:bold;}
.midori{color: #006633;font-size:80%; line-height:110%;}
.aka,.big{color:#F06;}
.hissu{padding:3px; background-color:#F36; color:#fff; margin-right:3px;}
/* -------------------------
ヘッダー
------------------------- */
#header {text-align:center;}
#header h1 img{ width:80%; height:auto;}
.migibun{display:none;}

/* -------------------------
ヘッダーメニュー
------------------------- */
.hmenu-obi{
	clear:left;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	background-color:#90C8FB;
	overflow:auto;
}
.hmenu ul{ margin:0 auto; padding:10px 0 10px 20px; display:block; overflow:auto; }
.hmenu li a {  margin:0; padding:5px;list-style:none;float:left;  text-align:center; text-decoration:none; color:#fff;border-right:dotted 1px #ccc; line-height:100%;font-size:9px;}
.hmenu li:last-child a { border:none;}


/* -------------------------
トップ見出し画像
------------------------- */
#midashi{height: px}
#midashi img{width:100%; height:auto } 
/* -------------------------
左ボックス
------------------------- */
.conte-l{ background-color:#FC9;}
.conte-l img{ width:50%; height:auto; float:left;}

/* -------------------------
h2,h3,h4
------------------------- */

.conte-r h2{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin: 15px 10px;
	padding:15px 0 0 0;
	clear: left;
	border-bottom:solid 1px #000;
}

.conte-r h3{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin: 35px 10px 5px 10px;
	padding:0;
	clear: left;
}



.conte-r img,.topsp img{display:block; margin:0 auto 15px auto;width:100%; height:auto;}
.conte-r iframe{display:block; margin:0 auto 15px auto;}

/* -------------------------
個別メニュー
------------------------- */
.conte-l li{clear:left;	background-repeat:no-repeat;background-position:right;list-style:none;margin:0;overflow:hidden;background-image:url(../pic/main-menu-li-bg.gif); padding:10px 0;}
.conte-l li a{display:block;color:#000;padding:10px 20px 10px 10px;overflow:hidden;text-decoration: none;}
.conte-l li:nth-child(even){ background-color:#eee;}
.conte-l li:nth-child(odd){ background-color:#fff;}

/* ------------------------
フォーム
------------------------- */
input {margin: 0px;padding: 2px 0 0 0;height: 18px;}
.sousin {display:block;width:50%;height:50px;border:0;margin: 10px auto; padding:0; background-color:#ccc; color:#FFF; border-radius:6px;}

.price-p{padding:5px 0;}
.conte-r tr{margin:5px 5px;}
/* ------------------------
業務一覧表
------------------------- */
.ichiran{ font-size:14px;}
.ichiran table{margin:10px!important;}
.ichiran th{text-align:center!important; padding:10px!important; background-color:#69F; color:#FFF;white-space:nowrap;}
.ichiran td{border:0!important; line-height:120%; border:#eee solid 1px!important; padding:10px;}
.ichiran tr:nth-child(odd){background-color:#dee!important;}

/* ------------------------
左見出しの表
------------------------- */
.normal-hyo{ font-size:14px;}
.normal-hyo table{margin:10px!important;}
.normal-hyo th{text-align:center!important; padding:10px!important; background-color:#ECF4FD; color:#000;white-space:nowrap;border:#ccc solid 1px!important}
.normal-hyo td{border:0!important; line-height:150%; border:#ccc solid 1px!important; padding:10px;}
/* ------------------------
トップページ特徴
------------------------- */
.tokucho span{ font-weight:bold; font-size:16px; margin-bottom: 20px;}
.sono{background-color:#69C;color:#FFF; float:left; display:block; width:60px; text-align:center; margin-right:5px; line-height:50px;}
.tokucho p{margin:15px 0; clear:both;}

.tokucho{
	border:solid 10px;
	padding:10px;
	border-color: #696;
}

/* -------------------------
リンクボタン
------------------------- */
.otoi-link a{
	margin:20px auto 20px auto;
	width:80%;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	color:#FFF;
	display:block;
	border-radius:8px;
	background-color: #6C6;
	clear:both;
} 

/* -------------------------
プライバシーポリシー・免責
------------------------- */
.menseki{
	padding-left:20px;
	background-image:url(../pic/menseki-bg.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	margin: 10px 0 30px 5px;
}

.menseki ul{margin:20px 0 0 20px;}
.menseki li{ font-wight:normal; color:#333; list-style:outside; list-style-type:disc; margin:10px 0 10px 0}

/* -------------------------
離婚サイトへのリンク部分
------------------------- */
#rikon{margin:10px; border:3px dotted #F9C; padding:5px 15px; overflow:auto;}

/* -------------------------
円のリンク
------------------------- */
.circle-link{margin:30px 0 0 5px;overflow:hidden;}

.circle-link li{ width:100px; line-height:100px; vertical-align:center; text-align:center;border-radius:50%; margin:0 0 5px 5px; float:left;}
.circle-link li a{display:block;text-decoration:none; color:#FFF;}

.circle-link li:nth-child(1){background-color:#FF6699;}
.circle-link li:nth-child(2){background-color:#669999;}
.circle-link li:nth-child(3){background-color:#FF6600;}
.circle-link li:nth-child(4){background-color:#CC6699;}
.circle-link li:nth-child(5){background-color:#009966;}
.circle-link li:nth-child(6){background-color:#0099FF;}

/* -------------------------
角丸のリンク
------------------------- */
.kadomaru-link{margin:30px 0; overflow:hidden;}

.kadomaru-link li{ width:200px; line-height:60px; vertical-align:center; text-align:center;border-radius:5px; margin:0 0 5px 5px; float:left;}
.kadomaru-link li a{display:block;text-decoration:none; color:#FFF;}

.kadomaru-link li:nth-child(1){background-color:#FF6600;}
.kadomaru-link li:nth-child(2){background-color:#CC6699;}
.kadomaru-link li:nth-child(3){background-color:#009966;}
.kadomaru-link li:nth-child(4){background-color:#0099FF;}

/* -------------------------
トップメニューリスト
------------------------- */
#topmenulis{margin-bottom:15px;}
#topmenulist li{ display:block;  margin:0px 10px; float:left;}
.lpic{ width:20%; float:left;}
.rtext{width:75%; float:right;  font-size:80%; padding:0 10px 0 0; line-height:110%;}
#topmenulist h5{margin:0;}


/* -------------------------
地図埋め込み
------------------------- */
.map{
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
margin:10px;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* -------------------------
ギャラリー
------------------------- */
.gallery div{margin:10px;padding:0;text-align:center;line-height:110%;}
.gallery div img{width:90%; margin-bottom:5px;}
.gallery p{text-align:left; margin:8px 12px 0 12px; padding:0;line-height:110%; font-size:14px;}

/* -------------------------
画像タイトル
------------------------- */
.pictitle{margin:0!important; background:none!important; text-indent:0!important; padding:0!important; border:0!important;}
.pictitle2{margin:10px 10px 0 10px!important; background:none!important; text-indent:0!important; padding:0!important; border:0!important;}

/* -------------------------
サポートサービスリンクパネル
------------------------- */
.rikon-menu{width:95%; margin:10px auto;}
.rikon-menu img{ width:48%; display: inline!important;}

/* -------------------------
コンテンツ部分リスト（li-bgは画像不使用）
------------------------- */
.conte-r ul{margin:15px 0 0 30px;}
.conte-r li{ list-style-position:inside; font-size:14px; line-height:200%;position: relative; text-indent:3px;}
.conte-r li::after,
.conte-r li::before {display: block;content: '';position: absolute;}
.conte-r li::after {
	top: .35em;left: -1.2em;width: 14px;height: 14px;background-color: #FF9999;border-radius: 100%;}
.conte-r li::before {z-index: 2;top: .625em;left: -.975em;width: 4px;height: 4px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* -------------------------
固定フッター
------------------------- */
#footer{  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
background-color: #90C8FB;
    color: #fff;
} 
#footmenu ul{ margin:0; padding:0;width:100%;border-bottom:solid 1px #fff; display:block; overflow:auto; }
#footmenu li a { display:block; margin:0; padding:13px 0;list-style:none;float:left;  width:24.5%; text-align:center; text-decoration:none; color:#fff;border-right:solid 1px #fff; line-height:100%;font-size:10px;vertical-align:}
#footmenu li:last-child a { border:none;}
#copyright{clear:both; font-size:10px; line-height:20px; text-align:center;}

/* -------------------------
右寄せ画像
------------------------- */
img.migi{width:80%!}

/* -------------------------
もくじ
------------------------- */
.mokuji ul{margin:0 0 0 0;}
.mokuji li{margin:5px 0 15px 10px;}
.mokuji h3{margin:15px 10px 5px 10px;}

	

/* -------------------------
料金表
------------------------- */
.conte-r dt{
	margin: 0 15px;
	clear: left;
}

.conte-r dd{
	margin: 0 10px 15px 15px;
	padding-bottom: 20px;
	line-height:150%;
	font-size:14px;
}

.pricesp02{	margin: 0 10px 15px 15px;
	padding-bottom: 20px;
	line-height:150%;
	font-size:14px;

}
/* -------------------------
地図埋め込み
------------------------- */

.mapbox {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
margin:10px;
}
 
.mapbox iframe,
.mapbox object,
.mapbox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* -------------------------
スマホ用ボタンリンク
------------------------- */
.botanlink{
	display: block;
	text-align:center;
	padding:25px;
	border: 0;
	margin: 10px auto;
	background-color: #3CF;
	color: #FFF;
	border-radius: 6px;
	text-decoration:none;
}

/* -------------------------
トップページ画像メニュー
------------------------ */
.menu4 {float:left; }
.menu4 img{width:47%; height:auto; float:left; padding:4px;}


/* -------------------------
トップページ画像メニュー
------------------------ */
.top8pic{margin-bottom:10px;}


/* -------------------------
料金表テーブル
------------------------- */
.price table{
	margin: 0 20px 20px 20px;
	width: 90%;
}
.price th{
	width: 80%;
	font-size: 14px;
	border-bottom: dotted 3px #ddd;
	padding: 10px 0 5px 0;
}
.price td{width:20%;font-size:14px;border-bottom:dotted 3px #ddd; padding:10px 0 5px 0;text-align:right;white-space: nowrap}

.price2 table{
	margin: 0 10px 20px 15px;
	width: 90%;
}

.price2 th{
	width: 80%;
	font-size: 14px;
	border-bottom: dotted 3px #ddd;
	padding: 10px 0 5px 0;
	clear: both;
	margin: 20px 0 10px 18px;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight: bold;
	font-size: 120%;
	
}
.price2 td{width:20%;font-size:14px;border-bottom:dotted 3px #ddd; padding:10px 0 5px 0;text-align:right;white-space: nowrap}

/* -------------------------
玉造美容院スイーツ表記対策
------------------------- */
.sweets{ display:none;}
/* -------------------------
トップページ画像SP
------------------------- */
.topsp img{margin:0; }

/* -------------------------
トップページ画像SP
------------------------- */
#conte-l-top{display:none;}

/* -------------------------
会社概要テーブル
------------------------- */
.kaisha{padding:15px 0 0 0}
.kaisha table{
	margin: 0 20px 20px 20px;
}
.kaisha th{
	width: 25%;
	font-size: 14px;
	border-bottom: dotted 3px #ddd;
	padding: 10px 0 5px 0;
	white-space: nowrap;
}
.kaisha td{width:80%;font-size:14px;border-bottom:dotted 3px #ddd; padding:10px 0 5px 0;}

/* -------------------------
商品ラインナップ
------------------------- */
.shouhin{margin:10px; padding:10px;}
.shouhin h3{ margin:10px 0;}
.shouhin-text {margin:10px 0;}
.shouhin-pic {margin:0 auto; text-align: center;}

/* ------------------------
Twitter
------------------------- */
.twitter{margin:5px 10px 15px 10px; font-size:10px!important;}


/* -------------------------
新着情報
------------------------- */
.news{border-bottom: dotted 2px #ccc; margin:12px 10px 0 10px; overflow:auto; }
.news:nth-child(1){margin:90px auto 0 auto;}
.news span{color: #360;margin:0 0 10px 0; padding:3px 0 0 0;}
.news p{margin:0 0 10px 0;padding:0; overflow:auto;}
 
 
 /* -------------------------
施工実績
------------------------- */
.sekou img{display: inline; margin:0;width:32%; height:auto;}
input[type="radio"],input[type="checkbox"]{ position: relative; top: 4px;}