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{
	text-align: center;
	letter-spacing:1px;
	background-repeat:repeat-y;
	background-position:center;	
	}
#box{
	margin: 0 auto 0 auto;
	text-align: left;
	height: 100%;
	background-color:#FFF;
	font-size:14px;

}
#midashi{
	text-align: center;
	margin: 0 auto;
	height: 500px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
/* -------------------------
ヘッダー
------------------------- */
#header{
	width: 940px;
	margin:0 auto;
	height: 80px;
	padding:0 15px;
	background-color:#FFF;
	background-image:url(../pic/head-migi-bg.gif);
	background-repeat:no-repeat;
	background-position:right 13px;
}
h1{margin: 0;	padding: 0; float:left;}
.head-migi{
	width: 200px;
	float: right;
	height: 80px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right;
	text-indent: -9999px;
}
.head-migi a{display:none;}
/* -------------------------
ヘッダーメニュー
------------------------- */
.hmenu-obi{
	clear:left;
	height:50px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.hmenu{
	height:50px;
	margin: 0 auto ;
	padding:0;
	width:960px;
	background-color:#FFF;
	overflow:auto;
}

.hmenu li,.hmenu li a,.hmenu li a:visited{
	width:160px;
	height:50px;
	display:block;
	list-style:none;
	float:left;
	margin:0;
	color: #000;
	padding:  0;
	background-repeat: no-repeat;
	font-weight: bold;
	text-indent:-9999px;
	background-image:url(../pic/hmenu-sp.gif);}

.hmenu li a:hover{
	color: #fff;
	text-decoration:none;
}

.hmenu-02 a{background-position:0 -50px;}
.hmenu-03 a{background-position:0 -100px;}
.hmenu-04 a{background-position:0 -150px;}
.hmenu-05 a{background-position:0 -200px;}
.hmenu-06 a{background-position:0 -250px;}
/* ------------------------
フッター
------------------------- */
#footer{
	border-top: solid 1px #ccc;
	font-size: 14px;
	background-repeat: repeat-x;
	background-position: bottom;
}
#footmenu{  
    height:130px;
	width:960px;
	margin:0 auto;
	padding:15px 0;
}
#footmenu ul{margin-bottom:50px;} 
#footmenu li a { display:block;list-style:none;float:left;color:#000;line-height:100%;background-image:url(../pic/conte-l-li-bg.gif); background-repeat:no-repeat; background-position:0 -9px; text-indent:25px; text-decoration:none; padding:0 020px 0 0;}
#copyright{clear:both; text-align:right;}

/* ------------------------
コンテンツ大箱
------------------------- */
#conte{width: 960px;margin: 0 auto;padding:10px 0 30px 0;overflow:hidden;clear: left;background-color: #FFFFFF;}
/*\*/* html div.parent{overflow: visible;}/**/
#conte-l-box{width:260px;float:left;background-color: #FFF;}
#conte-l-top{width:260px;float:left;background-color: #FFF;}
#conte-r-box{width:700px;margin: 0;float:right;background-color: #FFF;}
#conte-wide-box{width:930px;margin: 0;background-color: #FFF;}
.conte-l{width:245px;margin: 0 ;text-align:left;}
.conte-l img{margin-bottom:5px;}
.conte-l h2{
	line-height:30px;
	text-indent:15px;
	font-size:14px;
	background-color:#7FC21B;
	color:#FFF;
}

.conte-l ul{
	margin:0 0 30px 0;
	padding:0;
}
.conte-l li{
	list-style-type: none;
	margin:0;
	text-indent:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:14px;
	background-image:url(../pic/conte-l-li-bg.gif); background-repeat:no-repeat; background-position:center left; 
}
.conte-l li a{display:block;text-decoration:none; width:245px; color:#000;	padding:6px 0;}
.conte-r{
	width: 690px;
	margin: 0 auto;
	text-align: left;
	float: right;
	overflow: hidden;
}
.conte-wide{width:930px;margin: 0 auto;background-color: #FFF; text-align:left;}
/* ------------------------
大箱内小物一括指定 右
------------------------- */
.conte-r p{
	margin:18px 0 18px 18px;
	font-size: 14px;
	line-height:150%;
}
.conte-r h2{
	text-align: left;
	margin: 10px 0;
	padding: 5px 0;
	clear: left;
	background-image: url(../pic/h2-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	line-height: 50px;
	text-indent: 50px;
	font-size: 120%;
	font-weight: bold;
}

.conte-r h3{
	clear: both;
	margin: 30px 0 10px 18px;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight: bold;
	font-size: 120%;
}

.h3-mini{
	margin:15px 0 5px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color: #CC0033;
}

.conte-r table{clear:left;}

/* ------------------------
画像の間隔設定
------------------------- */
.topicon img{margin:3px 0 3px 2px;}



/* ------------------------
小物
------------------------- */
.conte-r em{color:#FF0000; font-weight:bold;}
.migi-aling{text-align:right;}
.aka{ color:#FF0000; font-weight:bold;}
.mannaka{
	margin:3px auto;
	text-align:center;
	clear: left;
}
.mannaka2{
	margin:0 auto;
	text-align:center;
	height: 30px;
	clear: left;
	padding: 30px 0;
}
.mannaka3{margin:5px 0 5px 15px;
}

.medatu{
	color: #0000FF;
	font-weight: bold;
}
.migi{
	float: right; padding:0 0 15px 15px;
}
.big{
	color: #FF3399;
	font-weight: bold;
}
.midori{color: #006633;font-size:80%; line-height:110%;}
.namae{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	color:#CC0033;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
}
.alink{float: right; margin-right:12px;}
/* ------------------------
リスト
------------------------- */
ol{	padding-left: 20px;list-style-type: upper-alpha;}
.tyuui{
	margin: 20px;
	border: 0;
	list-style-type: circle;
	font-size: 10px;
}
.hissu{padding:3px; background-color:#F36; color:#fff; margin-right:3px;}

/* ------------------------
リンク集の表
------------------------- */
.link-td{
	width: 140px;
	height: 60px;
}


/* ------------------------
テーブル余白
------------------------- */
table{margin:0 0 10px 1px;}


/* -------------------------
リンク
------------------------- */
.link-0{ clear:0;}
.link-1,.link-1 a,.link-1 a:visited{
	display:block;
	margin: 0;
	padding: 0;
	border-left: solid 3px #FFCC00;
	text-indent: 4px;
	font-weight: bold;
	color: #0033CC;
}
.link-2{
	display:block;
	padding: 0;
	margin-bottom: 10px;
	padding-left: 15px;
}
.osewa{
	display:block;
	margin:0 0 5px 0;
	background-image: url(../pic/link-list.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 8px;
	float: left;
	width: 240px;
}


/* -------------------------
大きい表
------------------------- */

.largeh2{
	margin:0 0 20px 0;
	padding:5px 15px;
	background-color:#069;
	color:#FFFFFF;
	font-size:24px;
}
.midasi-1{
	background-color:#669999;
	color: #FFF;
	text-align: center;
}
.midasi-2{
	background-color:#006633;
	color:#FFFFFF;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
	width:57px;
}
.shamei-hyou{
	margin: 0;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	width: 60px;
}
.hyou-suuji-normal{
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
	line-height: 120%;
}

.red{
	background-color: #F33;
	color: #FFF;
}
.syouken-l1{
	background-color: #669999;
	text-align: center;
	padding: 3px 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 110px;
}


/* -------------------------
大きい数字
------------------------- */
.hyou-suuji-dekai{
	font-size:16px;
	margin:0;
	padding:0;
	text-align:center;
	line-height: 120%;
	font-weight: bold;
}

/* ------------------------
トップページ特徴
------------------------- */
.tokucho span{ font-weight:bold; float:left; font-size:16px; line-height:150%;	padding:3px; margin:0 0 15px 0;}
.sono{background-color:#69C;color:#FFF; }
.tokucho p{margin:15px 0; clear:both;}

/* -------------------------
メールフォームへのリンク
------------------------- */

.otoi-link{
	background-image:url(../pic/mlink.jpg);
	background-repeat:no-repeat;
	height:100px;
	margin:30px auto 10px auto;
	padding-top:1px;
	clear: both;
}

.otoi-link a{
	display:block;
	background-repeat:no-repeat;
	height:73px;
	width:241px;
	margin:15px 0 0 380px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../pic/mlink-bottan.jpg);
}
.otoi-link a:hover{background-position:0 -73px;}

/* -------------------------
プルダウンメニュー消し
------------------------- */
.dl-trigger{display:none;}



/* ------------------------
フォーム
------------------------- */
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:#09C; color:#FFF; border-radius:6px;}
.sousin:hover{background:#069;}

.price-p{padding:5px 0;}
input[type="radio"],input[type="checkbox"]{ position: relative; top: 4px;}
/* ------------------------
業務一覧表
------------------------- */
.ichiran{ font-size:14px;}
.ichiran table{margin:25px!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:25px!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;}

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

.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:20px 3px 3px 3px; border:3px dotted #F9C; padding:5px 15px; overflow:auto; clear:both;}
#rikon p{width:54%; float:left;}
#rikon img{width:40%; float:right; padding-top:15px;}


/* -------------------------
円のリンク
------------------------- */
.circle-link{margin:30px 0; 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;}

/* -------------------------
トップメニューリスト
------------------------- */
#topmenulist ul{margin-bottom:15px; overflow:auto;}
#topmenulist li{ display:block;  margin:5px 0; height:90px; clear:both; margin-bottom:30px;}
.lpic{ width:200px; float:left;}
.rtext{width:420px; float:right;  font-size:90%; padding:0 10px 0 0; line-height:120%;}
#topmenulist h5{margin:5px 0;}

/* -------------------------
ギャラリー
------------------------- */
.gallery{padding-bottom:20px;overflow:auto;}
.gallery h4{margin:20px 0 10px 0;overflow:auto;}
.gallery div{width:210px;float:left;height:220px;margin:0;padding:0;text-align:center;line-height:110%; font-size:12px;}
.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:12px;}


/* -------------------------
申請書類
------------------------- */
.sinsei th{background-color:#eee; text-align:center!important; width:50px!important;}

/* -------------------------
番号リスト
------------------------- */
.conte-r ol li{list-style-type:decimal; line-height:150%;}


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

.conte-l h3{margin:5px 0 5px 0; font-size:14px; background-image:url(../pic/conte-l-h3-bg.gif); background-repeat:no-repeat; background-position:center left; text-indent:25px;}

/* -------------------------
サポートサービスリンクパネル
------------------------- */
.rikon-menu{ margin:0 0 0 30px;}

/* -------------------------
コンテンツ部分リスト（li-bgは画像不使用）
------------------------- */
.conte-r ul{
	margin: 15px 0 20px 40px;
}
.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: 0.4em;
	left: -1.2em;
	width: 15px;
	height: 15px;
	background-color: #FF9999;
	border-radius: 100%;
}
.conte-r li::before {z-index: 4;top: 0.7em;left: -0.95em;width: 5px;height: 5px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	
	
/* -------------------------
もくじ
------------------------- */
.mokuji h2{ margin:20px 0 0 0;}
.mokuji h3{background:none; font-size:16px; margin:0; font-weight:normal;}
.mokuji ul{margin:0 0 0 80px;}

/* -------------------------
サポートサービス
------------------------- */
#ss h3{background:none; font-size:18px; border-left: solid 5px #F9C; margin:0 0 0 40px; padding: 0 0 0 10px;}
#ss h4{ margin:20px 0 0 50px; }
#ss p{margin-left:50px;}
#ss ul{margin-left:70px;}

.kome{ border: 3px dotted #FC0; margin:0 0 0 50px;}
.kome p{margin:20px 20px 20px 20px!important;}
#ss table{margin:10px 0 10px 50px;}
.rikon-menu{ margin:0 0 0 30px;}

/* -------------------------
お問い合わせフォームコメント
------------------------- */
.otoikome{ border: 3px dotted #FC0; margin:0 0 0 40px!important;}
.otoikome li{margin:10px 10px 5px 30px!important;}
/* -------------------------
googleマップ
------------------------- */
.mapbox{margin:20px;}

/* ------------------------
新着情報RSSをFEED受信
------------------------- */

#news{
	width:640px;
	margin-bottom:15px;
	border-bottom:1px dashed #b5b87e; 
	overflow:auto;
	padding:0 0 10px 0!important;
	}

#news:last-child{border:none;}

#feed img{float:left; }
.text{
	width:420px;
	float:right;
	}
#news p{font-size:80%!important; margin:10px 0 0 0!important; padding:0!important;}

#news h4{
	font-size:14px;
	width:420px; float:right; margin:0!important; padding:0!important;	border:none;

	}
/* -------------------------
スマホ用ボタンリンク
------------------------- */
.botanlink{display:none;}

/* -------------------------
トップページ画像メニュー
------------------------ */
.menu4 {float:left; margin:0 0 10px 0;}
img.menu4  {width:49.5%; height:auto; float:left; margin:0 0 6px 0;}
img.menu4 :nth-child(even){ float: right;}

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

/* -------------------------
料金表
------------------------- */


/* -------------------------
会社概要テーブル
------------------------- */
.kaisha{padding:15px 0 0 0}
.kaisha table{
	margin:0 20px;
}
.kaisha th{
	font-size: 14px;
	padding: 10px;
	white-space: nowrap;
	border: solid 1px #ccc;
	background-color: #C8E2FD;
}
.kaisha td{
	font-size: 14px;
	padding: 10px;
	border: solid 1px #ccc;
}


/* -------------------------
玉造美容院スイーツ表記対策
------------------------- */
.sweets{ display:none;}

/* -------------------------
トップページ画像SP
------------------------- */
.topsp img{margin-bottom:10px;}

/* -------------------------
取り扱い店舗
  ------------------------- */
.shoplist h3{margin-top:50px;}
.shoplist td,.shoplist th{padding:0;}

/* -------------------------
商品ラインナップ
------------------------- */
.shouhin{margin:10px 20px 20px 20px; width:40%; float:left;}
.shouhin h3{margin:20px 0 10px 0!important; font-size:16px; text-align: center; }
.shouhin-text {font-size:80%;min-height:100px;}
.shouhin-pic {margin:0 auto; text-align: center;}

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

/* -------------------------
新着情報
------------------------- */
.news{border-bottom: dotted 2px #ccc; margin:12px auto 0 auto; overflow:auto; width:640px; font-size:14px; }
.news:nth-child(1){margin:90px auto 0 auto;}
.news span{
	color: #360;
	width: 130px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}
.news p{margin:0 0 10px 0;padding:0;width:500px;float:right;display:block;font-size:14px;}
