@charset "utf-8";

body {
	background-color:#D9EECC;
	background-image:url(../images/bg.gif);
	margin:0px;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
	color: #666666;
}
img {
	border:0px;
}
hr{
	display: none;
}
h1 {
	font-size:11.5px;
	font-weight:bold;
	color:#006600;
	margin:0px;
	height:18px;
	display: inline;
}

/* リンク設定　全般 */
a {
	color: #709A81;
	text-decoration: underline;
}
a:visited {
	color: #709A81;
	text-decoration: underline;
}
a:hover {
	color:#C1DEBC;
	text-decoration: none;
}
a:active {
	color: #C1DEBC;
	text-decoration: none;
}

/* レイアウト枠設定 */
#toptxt {
	background-color:#99CC99;
	margin: 0px auto;
	height:18px;
	padding:1px 5px 1px 5px;
	text-align:center;
}
#toptxt p{
	font-size:10px;
	font-weight: normal;
	color:#006600;
	margin:0px;
	text-align:right;
	display: inline;

}

#site {
	width:800px;
	background-color:#FFFFFF;
	margin: 0px auto;
	padding:5px;
}

#header_logo {
	width:800px;
	margin: 0px;
	color: #999999;
	clear: both;
}
#header_logo h2{
	font-size:11.5px;
	font-weight:bold;
	margin:0px;
	float: right;
	padding: 0px;
}
#header_logo img.doro {
	padding-left:70px;
}
/* TOPの画像 */
#topimg {
	float:left;
	width:500px;
	height:250px;
	padding:0px;
	margin:3px 0px 0px 10px;
}

/* トップメッセージ */
#topmsg {
	font-size:11px;
	color:#009966;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
}
#topmsg a:link {
	color:#009966;
	text-decoration:none;
}
#topmsg a:visited {
	color:#009966;
	text-decoration:none;
}
#topmsg a:active {
	color:#009966;
	text-decoration:none;
}
#topmsg a:hover {
	color:#009966;
	text-decoration:none;
}
#navi {
	clear:left;
	width:770;
	display:inline;
}
#menu_left {
	display:block;
	float:left;
	width:190px;
	margin:10px 0px 0px 5px;
	font-size:10px

}
#contents {
	float:right;
	width:545px;
	margin:10px 20px 5px 10px;
}
.toiawase {
	clear:both;
	width:760px;
	text-align:center;
	font-size:11px;
	margin-top:10px;
	padding-top:10px;
	border-top:#DFF7DF dotted 2px;
}
.pr {
	width:760px;
	text-align:center;
	font-size:10px;
	margin-top:5px;
	padding-top:5px;
}
.copyright {
	width:760px;
	padding:5px 0px 0px 0px;
	font-size:11px;
	text-align:center;
	line-height:120%;
}
#rakmenu {
	float:left;
	width:380px;
	margin-bottom:20px;
}
#rakbner {
	float:left;
	width:150px;
	margin-bottom:20px;
}

/* 体験レポート・お肌の勉強　バナーボタン */
.btn_report {
	display: block;
	width:185px;
	height:80px;
	background-image: url(../images/btn_report_s.gif);
	background-repeat: no-repeat;
	margin:12px 0px 0px 0px;
}
.btn_skincare {
	display: block;
	width:185px;
	height:85px;
	background-image: url(../images/btn_skincare_s.gif);
	background-repeat: no-repeat;
	margin:8px 0px 5px 0px;
}
/* 化粧品に関する書籍 */
#book_waku {
	display:block;
	background-image:url(../images/waku_s.gif);
	width:180px;
	height:252px;
	margin:15px 5px 5px 5px;
	padding:33px 0px 0px 0px;
}

/* コピーライト部分　リンク設定 */
.copyright a:link {
	color:#666666;
	text-decoration:none;
}
.copyright a:visited {
	color:#666666;
	text-decoration:none;
}
.copyright a:active {
	color:#666666;
	text-decoration:none;
}
.copyright a:hover {
	color:#666666;
	text-decoration:none;
}

/* TOPナビ設定New */
#navi_menu {
	clear:both;
	width:760;
}
#navi_menu a:link {
	background-image:url(../images/navi.gif);
	font-size:11.5px;
	color:#009966;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}
#navi_menu a:visited {
	background-image:url(../images/navi.gif);
	font-size:11.5px;
	color:#009966;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}
#navi_menu a:hover {
	background-image:url(../images/navi2.gif);
	font-size:11.5px;
	color:#e5f5e1;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}
#navi_menu a:active {
	background-image:url(../images/navi2.gif);
	font-size:11.5px;
	color:#e5f5e1;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}
.navitxt {
	float:left;
	display: block;
	width:148px;
	height:20px;
	background-repeat: no-repeat;
	margin:0px 1px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align:center;
}

/* 	メニュー部分設定 */
.menuoff {
	display:block;
	background-image:url(../images/menu_off2.gif);
	background-repeat:no-repeat;
	wiidth:172px;
	height:20px;
	padding-left:28px;
	padding-top:5px;
	margin: 2px 0px 7px 0px;
}
.menuoff a:link {
	font-size:12px;
	color:#895917;
	font-weight:bold;
	text-decoration:none;
}
.menuoff a:visited {
	font-size:12px;
	font-weight:bold;
	color:#895917;
	text-decoration:none;
}
.menuoff a:active {
	font-size:12px;
	font-weight:bold;
	color:#C19C7B;
	text-decoration:none;
}
.menuoff a:hover {
	font-size:12px;
	font-weight:bold;
	color:#C19C7B;
	text-decoration:none;
}
.menuoff {
	display:block;
	background-image:url(../images/menu_off2.gif);
	background-repeat:no-repeat;
	wiidth:172px;
	height:20px;
	padding-left:28px;
	padding-top:5px;
	margin: 2px 0px 7px 0px;
}
/* メニュー２ */
.menuoff2 {
	display:block;
	background-image:url(../images/menu_off3.gif);
	background-repeat:no-repeat;
	wiidth:172px;
	height:18px;
	padding-left:25px;
	padding-top:0px;
	margin: 0px;
}
.menuoff2 a:link {
	font-size:11.5px;
	color:#895917;
	text-decoration:none;
}
.menuoff2 a:visited {
	font-size:11.5px;
	color:#895917;
	text-decoration:none;
}
.menuoff2 a:active {
	font-size:11.5px;
	color:#C19C7B;
	text-decoration:none;
}
.menuoff2 a:hover {
	font-size:11.5px;
	color:#C19C7B;
	text-decoration:none;
}

/* スキンケアメニュー */
.skinmenu_t {
	display:block;
	background-color:#0099CC;
	wiidth:172px;
	height:20x;
	font-size:11.5px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.skinmenu {
	display:block;
	background-image:url(../images/menu_skincare.gif);
	background-repeat:no-repeat;
	wiidth:172px;
	height:20px;
	padding-left:25px;
	padding-top:0px;
	margin: 0px;
}
.skinmenu a:link {
	font-size:11.5px;
	color:#006699;
	text-decoration:none;
}
.skinmenu a:visited {
	font-size:11.5px;
	color:#006699;
	text-decoration:none;
}
.skinmenu a:active {
	font-size:11.5px;
	color:#99CCFF;
	text-decoration:none;
}
.skinmenu a:hover {
	font-size:11.5px;
	color:#99CCFF;
	text-decoration:none;
}

/* 化粧品に関する書籍 */
.bookphoto {
	border:1px solid #999999;
	margin:5px 0px 3px 12px;
}
.bookphoto2 {
	border:1px solid #999999;
	margin:2px;
}
.eachbook {
	display:block;
	width:525px;
	height:157px;
	margin:10px 3px 0px 5px;
	padding:5px;
	border:1px solid #C5E8B9;
}
.bookpict {
	position:relative;
	float:left;
	width:82px;
	height:147px;
	margin-right:5px;
	border-right:1px solid #C5E8B9;
	font-size:10px;
}
.bookinfo {
	position:relative;
	float:left;
	width:437px;
}
.booktitle {
	font-size:13px;
	border-bottom:1px solid #3ba648;
	margin:2px 0px 2px 0px;
}
.gaiyo {
	display:block;
	background-color:#F7FCF3;
	margin:2px;
	padding:3px;
}

/* 化粧品に関するニュース */
.eachnews {
	display:block;
	width:525px;
	margin:10px 3px 0px 5px;
	padding:5px;
	border:1px solid #C5E8B9;
}
.newstitle {
	font-size:13px;
	border-bottom:1px solid #3ba648;
	margin:2px 0px 2px 0px;
}
.newspict {
	float:left;
	margin:3px 10px 3px 3px;
}
.newsgaiyo {
	margin:2px;
	padding:0px 0px 0px 3px;
	vertical-align:top;
}

/* 内部リンク・リンクサイン */
.linksign {
	background-image:url(../images/icn_linksign.gif);
	background-repeat:no-repeat;
	padding:0px 0px 4px 18px;
	margin:1px;
}
/* dt　花マーク */
.flower {
	background-image:url(../images/icn_flower_s.gif);
	background-repeat:no-repeat;
	padding:0px 0px 4px 18px;
	margin:1px;
}
/* 非表示設定 */
.txtclear {
	display:none;
	margin:0px;
}
/* 文字S */
.mojis {
	font-size:11px;
	line-height:120%;
}
/* 真ん中寄せ */
.center5top {
	text-align:center;
	margin-top:5px;
}
/* 右寄せ */
.right {
	text-align:right;
}
/* 中寄せ */
.center {
	text-align:center;
}
/* マージン0 */
.nomargin {
	margin:0px;
}
/* 右マージン10 */
.r10margin {
	margin-right:10px;
}
/* 上マージン20px */
.top20margin {
	margin-top:20px;
	margin-bottom:0px;
}
/* 上マージン15px */
.top15margin {
	margin-top:10px;
}
/* 下マージン15px */
.btm15margin {
	margin-bottom:10px;
}
/* 文字色 */
.red {
	color:#FF0000;
}
.green {
	color:#009966;
}
/* 太文字 */
.bld {
	font-weight:bold;
}
/* 文字サイズ12px */
.moji12px {
	font-size:12px;
}
/* P後の余白 */
.yohaku_btm {
	margin-bottom:40px;
}
/* HRライン */
.dot_gren {
	border:2px dotted #009966;
}
.dot_gren_btm {
	border-bottom:2px dotted #E6F5E1;
}

/* スキンケアのイメージ */
#skincare {
	background-image:url(../images/img_skincare.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:80px;
}
/* Q&Aの回答 */
.answer {
	border-left:2px dotted #009966;
	margin:0px 0px 30px 10px;
	padding-left:8px;
}
/* トップへ　アイコン */
.topicn {
	float:right;
	background-image:url(../images/icn_top.gif);
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	margin:20px 0px 0px 0px;
}
/* スキンケアのページ　Nextアイコン */
.nextlink {
	float:right;
	margin:23px 5px 0px 0px;
}
.nexticn {
	float:right;
	background-image:url(../images/icn_next.gif);
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	margin:20px 0px 0px 0px;
}
.backlink {
	float:left;
	margin:23px 5px 0px 0px;
}
.backicn {
	float:left;
	background-image:url(../images/icn_back.gif);
	background-repeat:no-repeat;
	height:25px;
	width:25px;
	margin:20px 0px 0px 0px;
}
/* サブタイトル */
.leafmark_l {
	background-image:url(../images/icn_leaf_l.gif);
	border-bottom:3px dotted #E6F5E1;
	height:35px;
	background-repeat:no-repeat;
	padding:5px 0px 0px 25px;
	font-size:16px;
	color:#895917;
	margin-top:15px;
}
.leafmark {
	background-image:url(../images/icn_leaf.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	height:23px;
	font-size:13px;
	color:#009966;
}
.flowermark {
	background-image:url(../images/icn_flower.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	margin:0px 0px 5px 0px;
	height:23px;
	font-size:13px;
	color:#794B23;
}
.notemark {
	background-image:url(../images/icn_note.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	font-size:13px;
	color:#009966;
	margin:0px 0px 0px 0px;
}
/* Quotation */
.quot {
	margin:3px;
	background-color:#F7FCF3;
	border:2px dotted #3ba648;
	padding:5px;
}
.quot2 {
	margin:3px 10px 3px 10px;
	border:2px dotted #3ba648;
	padding:8px;
}
.quot3 {
	margin:3px;
	padding:5px;
}
.quot4 {
	margin:3px;
	background-image:url(../images/t_kanrinin.gif);
	background-repeat:no-repeat;
	background-color:#F7FCF3;
	border:2px dotted #3ba648;
	padding:23px 5px 5px 5px;
	background-position: 5px 5px;
}

/* 別ウィンドウ　リンクサイン */
.newwin {
	background-image:url(../images/icn_linksign2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:5px;
}
/* ハンドマーク付きリンク */
.handlink {
	background-image:url(../images/icn_hand.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:5px;
	font-weight:bold;
}
.handlink2 {
	background-image:url(../images/icn_hand2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:5px;
	font-weight:bold;
}
/* プロフィール */
.profil {
	background-image:url(../images/profile.jpg);
	background-repeat:no-repeat;
	background-position: 430px 0px;
}

/* 画像　マージン3px　ボーダー */
.pict{
	margin:3px;
	border:1px solid #cccccc;
}

/* 辞典枠 */
#kensaku {
	width:450px;
	padding:10px;
	margin:5px 5px 5px 20px;
	border:dotted #99CC99 2px;
}
/* 辞典リスト */
.seibunlist {
	background-image:url(../images/icn_sq.gif);
	background-repeat:no-repeat;
	padding:1px 0px 0px 60px;
	margin:1px;
	background-position: 45px 3px;
}

/* 辞典リストEACH */
.eachlist {
	background-image:url(../images/icn_sq2.gif);
	background-repeat:no-repeat;
	padding:1px 0px 0px 13px;
	background-position: 0px 3px;
	font-size:12px;
	font-weight:bold;
	color:#009966;
}

/* 辞典テーブル */
#tbl04 {
	border:none;
	margin:5px;
}
#tbl04 td {
	border:none;
	padding:3px;
}

/* 検索ヒント */
#hint_srch {
	width:450px;
	margin:0px 25px 0px 25px;
	background-color:#FAFDF7;
	border:1px #99CC99 solid;
	padding:5px;
	font-size:11.5px;
	color:#009966;
	font-weight:bold;
}
#hint_srch p {
	margin:0px;
	padding:5px;
	font-size:11.5px;
	color:#666666;
	font-weight:normal;
}


/* ライン */
.dot {
	border:dotted #E3F2E4 1px;
	margin:20px 5px 0px 5px;
}
.dotgry {
	border:#CCCCCC dotted 2px;
	padding:3px;
}


/* FLOAT設定 */
.fltleft {
	float:left;
}
.fltright {
	float:right;
}

/* 成分辞典参考 */
#bkwaku {
	margin:10px 0px 0px 25px;
}
#bkwaku p {
	font-size:11px;
	margin:0px 0px 2px 0px;
}
.bkphoto {
	border:#999999 1px solid;
	margin:3px;
}

/* 無添加コスメ★ランキング */
div#rankingTop{
	display:block;
	width:180px;
	border:#99CC99 1px solid;
	margin:8px 0;
	padding:2px;
}
div#rankingTop h3{
	display:block;
	background:url(../images/rankingTop_h3img.gif) no-repeat;
	width:179px;
	height:27px;
	text-indent:-9999px;
	margin:0 0 5px 0;
}
div#rankingTop div.RankingEach{
	display:block;
	border-bottom:#99CC99 2px dotted;
	margin-bottom:5px;
	padding-bottom:5px;
}
div#rankingTop div.RankingEach div.txt{
	display:block;
	width:120px;
	float:right;
}
div#rankingTop div.RankingEach div.txt p{
	margin:0;
	font-size:10px;
	line-height:1.3;
}
div#rankingTop div.RankingEach p.image{
	display:block;
	width:60px;
	float:left;
	margin:0;
}
div#rankingTop div.RankingEach h4.one{
	display:block;
	background:url(../images/rankingTop_one.gif) no-repeat;
	width:90px;
	font-size:12px;
	padding:0 0 0 30px;
	margin:0;
	line-height:1.3;
}
div#rankingTop div.RankingEach h4.two{
	display:block;
	background:url(../images/rankingTop_two.gif) no-repeat;
	width:90px;
	font-size:12px;
	padding:0 0 0 30px;
	margin:0;
	line-height:1.3;
}
div#rankingTop div.RankingEach h4.three{
	display:block;
	background:url(../images/rankingTop_three.gif) no-repeat;
	width:90px;
	font-size:12px;
	padding:0 0 0 30px;
	margin:0;
	line-height:1.3;
}
div#rankingTop div.RankingEach p.btn_detail{
	clear:both;
	display:block;
	background:url(../images/rankingTop_btn.gif) no-repeat;
	width:55px;
	height:15px;
	margin:-10px 0 0 120px;
	text-indent:-9999px;
	padding:0;
}
div#rankingTop div.RankingEach p.btn_detail a{
	clear:both;
	display:block;
	background:url(../images/rankingTop_btn.gif) no-repeat;
	width:55px;
	height:15px;
}
div#rankingTop p.link{
	display:block;
	background:url(../images/rankingTop_btnList.gif) no-repeat;
	width:170px;
	height:20px;
	margin:5px 0 3px 5px;
}
div#rankingTop p.link a{
	display:block;
	background:url(../images/rankingTop_btnList.gif) no-repeat;
	width:170px;
	height:20px;
	text-indent:-9999px;
}