@charset "utf-8";

@import "common.css";
@import "http://www.kekkon-j.com/esthetics/dental/css/map.css";


/* 
		interview - インタビュー
 -------------------------------------------------- */

/* 枠 */
#content .interview {
	margin: 15px 0px 0px 0px;
}

/* タイトル */
#content .interview dl.ttl {
	margin: 0px 0px 0px 15px;
	line-height: 28px;
}

/* テキスト(1行用)
#content .interview dl.ttl dt {
	float: left;
	margin: 0px 15px 0px 0px;
}

#content .interview dl.ttl dd.text {
	margin: 0px 15px 0px 0px;
}

/* テキスト(2行用) */
#content .interview dl.ttl dd.text {
	float: left;
}

/* バックナンバーを読む */
#content .interview dl.ttl dd.bn {
	float: right;
	margin: 0px 15px 0px 0px;
	display: inline;
}

#content .interview dl.ttl dd.bn a {
	background: url(/img/common/link-back.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
}

/* グレー枠 */
#content .interview .inner {
	width: 730px;
	margin: 10px 15px 0px;
	padding: 15px 0px;
	background-color: #eae9e9;
}

/* 1枠の場合 */
/* 小枠 */
#content .interview .inner dl {
	margin: 0px 0px 0px 10px;
}

/* 画像 */
#content .interview .inner dl dt.pic {
	float: left;
	margin: 0px 7px 0px 0px;
}

#content .interview .inner dl dt a img { border: 1px #e3e3e3 solid; }
#content .interview .inner dl dt a:hover img { border: 1px #f9396f solid; }


/* 見出し */
#content .interview .inner dl dt.ttl {
	padding: 0px 0px 0px 10px;
	margin: 0px 15px 0px 370px;
	font-weight: bold;
	font-size: 12px;
	background: url(/img/common/link-back.gif) no-repeat 0px 7px ;
}

/* 説明テキスト */
#content .interview .inner dl dd {
	margin: 15px 15px 0px 380px;
}

/* リンクボタン */
#content .interview .inner dl dd.link {
	float: right;
}


/* 3枠の場合
/* 小枠
#content .interview .inner dl {
	float: left;
	display: inline;
	width: 230px;
	margin: 0px 0px 0px 10px;
}

/* 画像
#content .interview .inner dl dt {
	float: left;
	margin: 0px 7px 0px 0px;
}

#content .interview .inner dl dt a img { border: 1px #e3e3e3 solid; }
#content .interview .inner dl dt a:hover img { border: 1px #f9396f solid; }


/* 見出し
#content .interview .inner dl dt.ttl {
	float: none;
	padding: 0px 7px 5px 145px;
	font-weight: bold;
	font-size: 12px;
	background: url(/img/common/link-back.gif) 137px 5px no-repeat;
}

/* 説明テキスト
#content .interview .inner dl dd {
	margin: 5px 0px 0px 0px;
	font-size: 10px;
}
*/



/* 
		conts - 結婚間近はデンタルエステ
 -------------------------------------------------- */

/* 枠 */
#content .conts {
	margin: 20px 0px 0px 0px;
}

/* タイトル */
#content .conts dl.ttl {
	margin: 0px 0px 0px 15px;
	line-height: 22px;
}

/* テキスト(1行用)
#content .conts dl.ttl dt {
	float: left;
	margin: 0px 15px 0px 0px;
}

#content .conts dl.ttl dd.text {
	margin: 0px 15px 0px 0px;
}
*/

/* テキスト(2行用) */
#content .conts dl.ttl dd.text {
	float: left;
}

/* バックナンバーを読む */
#content .conts dl.ttl dd.bn {
	float: right;
	margin: 3px 20px 0px 0px;
	display: inline;
}

#content .conts dl.ttl dd.bn a {
	background: url(/img/common/link-back.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 10px;
}

/* 小枠 */
#content .conts dl.box {
	width: 230px;
	float: left;
	margin: 10px 5px 0px 15px;
	display: inline;
}

/* 画像 */
#content .conts dl.box dt {
	float: left;
	margin: 0px 20px 0px 0px;
}

#content .conts dl.box dt a img { border: 1px #e3e3e3 solid; }
#content .conts dl.box dt a:hover img { border: 1px #f9396f solid; }

/* 見出し */
#content .conts dl.box dt.ttl {
	float: none;
	font-weight: bold;
	font-size: 12px;
	background: url(/img/common/link-back.gif) no-repeat 112px 5px ;
}

/* 説明テキスト */
#content .conts dl.box dd {
	margin: 5px 0px 0px 0px;
	font-size: 10px;
}



/* 
		qa - 教えて！ デンタルエステ
 -------------------------------------------------- */

/* 枠 */
#content .qa {
	margin: 50px 0px 0px 0px;
}

/* タイトル */
#content .qa dl.qa-ttl {
	margin: 20px 0px 0px 15px;
}

/* タイトル画像 */
#content .qa dl.qa-ttl dt {
	float: left;
	clear: both;
}

/* ロゴ */
#content .qa dl.qa-ttl dd.logo {
	margin: 0px 15px 0px 0px;
}

/* リード画像 */
#content .qa dl.qa-ttl dd.lead {
	float: left;
	clear: both;
	margin: 10px 0px 0px 0px;
}

/* リンク */
#content .qa dl.qa-ttl dd a {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 20px 25px 0px 0px;
	display: inline;
	font-weight: bold;
	font-size: 12px;
	background: url(/img/common/link-back.gif) no-repeat 0px 5px ;
}

/* ＱＡ枠 */
#content .qa dl.q-a {
	width: 320px;
	float: left;
	margin: 25px 30px 15px 30px;
	display: inline;
}

/* Ｑ */
#content .qa dl.q-a dt {
	height: 38px;
	float: left;
	padding: 0px 0px 0px 45px;
	font-size: 12px;
	font-weight: bold;
	background: url(../img/q-ttl.gif) no-repeat 0px 0px;
}

#content .qa dl.q-a dd{
	width: 100%;
}

/* Ａ */
#content .qa dl.q-a dd a {
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 45px;
	background: url(../img/a-ttl.gif) no-repeat 0px 0px;
}

/* その他Q＆Aはこちら */
#content .qa p a {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 40px 0px 0px;
	background: url(/img/common/link-back.gif) no-repeat 0px 5px ;
}


/* 今週のPICK UP */
#content .qa dl.pickup {
	padding: 0px 0px 0px 95px;
	margin: 20px 0px 10px 30px;
	background: url(/esthetics/dental/img/pickup-ttl.gif) no-repeat 0px 0px;
}

/* 質問 */
#content .qa dl.pickup dt {
	font-weight: bold;
}

/* 回答 */
#content .qa dl.pickup dd {
	float: left;
}

/* 回答テキスト */
#content .qa dl.pickup dd.q {
	margin: 0px 20px 0px 0px;
}

/* リンク指定 */
#content .qa dl.pickup dd a {
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) no-repeat 0px 5px ;
}


/* 
		search - 詳しく相談したい方は～
 -------------------------------------------------- */

/* 枠 */
#content .search {
	height: 204px;
	margin: 30px 0px 0px 0px;
	background: url(../img/search-bg.jpg) no-repeat 0px 0px;
}

/* 中枠 */
#content .search dl {
	padding: 40px 0px 0px 0px;
}

/* リンク画像 */
#content .search dt {
	margin: 0px 0px 0px 30px;
}

/* テキスト */
#content .search dd {
	width: 400px;
	margin: 20px 0px 0px 65px;
}



/* 
		area - 地域から探す
 -------------------------------------------------- */

/* 枠 */
#content .area {
	margin: 30px 30px 0px 0px;
	border: 15px solid #E3E3E3;
}

/* タイトル画像 */
#content .area img.area-ttl {
	margin: 10px 0px 0px 10px;
}

/* 中枠 */
#content .area dl {
	margin: 15px 15px 0px 30px;
	padding: 0px 0px 20px 0px;
}

/* 地域 */
#content .area dl dt {
	clear: left;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
}

/* クリニック */
#content .area dl dd {
	float: left;
	display: inline;
	width: 200px;
	height: 20px;
	margin: 5px 3px 0px;
	overflow: hidden;
}

/* リンク指定 */
#content .area dl dd a {
	padding: 0px 0px 0px 10px;
	background: url(/img/common/link-back.gif) no-repeat 0px 5px ;
}

#content .area dl dd.more{
	width: 600px;
	height: 20px;
	margin-bottom: 12px;
}

#content .area dl dd.more a{
	font-weight: bold;
}


/* 
		info - インフォメーション
 -------------------------------------------------- */

/* 枠 */
#content .info {
	margin: 30px 0px 0px 0px;
}

/* ロゴ */
#content .info dt {
	float: right;
	margin: 0px 30px 0px 0px;
	display: inline;
}