@charset "utf-8";

/*
 共通CSS
*/

/*-------------------------------
	全体共通項目
-------------------------------*/

/*	タグ	*/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	font-size: 12px;
	line-height: 1.3em;
	font-family: "ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック", Osaka;
	width: 100%;
	background-color: #fef6f3;
	color: #3c4f65;
}
p {
	line-height: 1.5em;
	padding: 0 0 1em 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
}
ol, ul {
	list-style: none;
}
img {
	border: none;
}
a {
	color: #3c4f65;
	text-decoration: none;
}
a:hover {
	color: #3c4f65;
	text-decoration: underline;
}
blockquote {
	padding: 1em 2em;
}

/*	クラス	*/
.cboth {
	clear: both;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.bold {
	font-weight: bold;
}
.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}
.small {
	font-size:small;
}
.entrybody-box {
	overflow: hidden;
}

/*	タグ + クラス	*/
.conttitlebox h4 {
	width: 590px;
	padding: 30px 5px 10px 5px;
	color: #a18561;
	background: url(../images/common/contents-hr.gif) bottom no-repeat;
}
.conttitlebox h4 a {
	color: #a18561;
}
.category-box {
	padding: 0 10px 0 5px;
	overflow: hidden;
}

/*	ID	*/
#wrapper {
	margin: 0 auto;
	text-align: center;
}

/*-------------------------------
	ヘッダー
-------------------------------*/

#header {
	height: auto;
}
#header-top {
	margin: 0 auto;
	width: 970px;
	height: 53px;
}

/*	タイトル	*/
#title-box {
	float: left;
	height: 53px;
	width: 500px;
}
h1#title a{
	display: block;
	padding: 0 0 0 80px;
	height: 53px;
	line-height: 53px;
	font-size:14px;
	font-weight: normal;
	color: #3c4f65;
	background:  url(../images/common/header-title.gif) 0 0 no-repeat;	
}

/*	フォントサイズ変更	*/
#font-switch ul {
	margin: 23px 10px 0 0;
	width: 167px;
	height: 20px;
	background:  url(../images/common/font-size_l.gif) 0 0 no-repeat;	
}
#font-switch li {
	display: inline;
	float: right;
}
#font-switch li a {
	display:block;
	width: 32px;
	height: 20px;
	text-indent: -9999px;
}

/*	グローバルナビ	*/
#global-navi {
	margin: 0 auto;
	width: 970px;
	height: 61px;
	text-align: left;
	background:  url(../images/common/menu.gif) 0 0 no-repeat;
}
#global-navi-box {
	padding: 0 0 0 5px;
}
#global-navi-box li {
	display: inline;
	float: left;
	line-height: 61px;
	list-style-type: none;
}
#global-navi-box a {
	display: block;
	width: 160px;	
	height: 61px;
	text-indent: -9999px;
	background:  url(../images/common/menu.gif) 0 0 no-repeat;
}
#menu_1 a{background-position: -5px 0;}
#menu_2 a{background-position: -165px 0;}
#menu_3 a{background-position: -325px 0;}
#menu_4 a{background-position: -485px 0;}
#menu_5 a{background-position: -645px 0;}
#menu_6 a{background-position: -805px 0;}
#menu_1 a:hover{background-position: -5px -61px}
#menu_2 a:hover{background-position: -165px -61px}
#menu_3 a:hover{background-position: -325px -61px}
#menu_4 a:hover{background-position: -485px -61px}
#menu_5 a:hover{background-position: -645px -61px}
#menu_6 a:hover{background-position: -805px -61px}

/*-------------------------------
	パンくず
-------------------------------*/
#navi {
	margin: 0 auto;
	width: 970px;
	height: 36px;
	text-align: left;
	background:  url(../images/common/navi-bg.gif) 0 0 no-repeat;
}
#navi .navi-text {
	padding: 0 0 0 10px;
	line-height: 36px;
	height: 36px;
	float: left;
}
#navi .navi-text-end {
	padding: 0 0 0 10px;
	line-height: 36px;
	height: 36px;
	float: left;
	background:  url(../images/common/navi-text-end.gif) 0 0 repeat-x;
}
#navi .navi-next_1, #navi .navi-next_2, #navi .navi-next_3 {
	float: left;
	width: 12px;
	height: 36px;
	text-indent: -9999px;
}
#navi .navi-next_1 {
	background: url(../images/common/navi-next_1.gif) 0 0 no-repeat;
}
#navi .navi-next_2 {
	background: url(../images/common/navi-next_2.gif) 0 0 no-repeat;
}
#navi .navi-next_3 {
	background: url(../images/common/navi-next_3.gif) 0 0 no-repeat;
}

/*-------------------------------
	サイドバー
-------------------------------*/

#sidebar {
	width: 330px;
	float: right;
	text-align: left;
	margin: 0 0 15px 0;
}
.side-contents {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	width: 320px;
}
.side-contents-inner {
	width: 320px;
	background: url(../images/common/side-contents-bottom.gif) bottom no-repeat;
}
.side-contents h2 {
	height: 40px;
	width: 320px;
	text-indent: -9999px;
	position: relative;
}
h2#side-contents_1 {
	background: url(../images/common/side-title-top_1.gif) 0 0 no-repeat;
}
h2#side-contents_2 {
	background: url(../images/common/side-title-top_2.gif) 0 0 no-repeat;
}
h2#side-contents_3 {
	background: url(../images/common/side-title-top_3.gif) 0 0 no-repeat;
}
h2#side-contents_4 {
	background: url(../images/common/side-title-top_4.gif) 0 0 no-repeat;
}
.side-contents h2 a {
	display: block;
	width: 72px;
	height: 25px;
	position: absolute;
	top: 8px;
	left: 235px;
}
.side-contents-list {
	padding: 20px 0 20px 20px;
}
.side-contents li {
	padding: 0 5px 0 20px;
	line-height: 2em;
	background: url(../images/common/side-li-mark.gif) 0 7px no-repeat;
}

/*	FAQ	*/
#side-qa li {
	padding: 0 10px 15px 45px;
	background: url(../images/common/qa-mark.gif) 0 0 no-repeat;
}

/*	RSS	*/
ul#subscribeFeed {
	margin: 0 0 0 5px;
}
#subscribeFeed li {
	display: inline;
	float: left;
	padding: 0;
	line-height: 17px;
	background: none;
}
#subscribeFeed li.add_rss {
	margin: 0 0 0 15px;
}

/*	サイト内検索	*/
#side-search {
	width: 320px;
	height: 113px;
	position: relative;
	background: url(../images/common/side-search.gif) 0 0 no-repeat;
}
#side-search table {
	position: absolute;
	top: 44px;
	left: 20px;
}
#side-search input.search-box {
	height: 16px;
	width: 210px;
	padding: 2px;
	border: 1px solid #3c4f65;
}
#side-search input.search-button {
	margin: 0 0 2px 0;
	vertical-align: bottom;
}
#side-search td#search-radio-button {
	height: 28px;
}
#side-search input.radio-button {
	vertical-align: bottom;
}

/*-------------------------------
	メイン
-------------------------------*/

#main-box {
	width: 970px;
	margin: 0 auto;
	padding-top: 15px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	text-align: left;
}
#contents {
	padding: 0 0 20px 0;
	width: 640px;
	float: left;
	line-height: 1.7em;
	text-align: left;
}
#contents-inner {
	padding: 10px 15px 0 15px;
	background: url(../images/common/contents-bg.gif) 0 0 repeat-y;
	overflow: hidden;
}
.contents-box {
	padding: 0 0 40px 0;
	background: url(../images/common/contents-bottom.gif) bottom no-repeat;
}

/*	中カテゴリー/小カテゴリータイトル	*/
.kansobinkan h2, .season-care h2, .element-display h2, .skincare h2, .kanbin-antiuv h2, .anti-hayfever-1 h2, .faq h2, .glossary h2, .columns h2, .beauty-women h2 {
	height: 40px;
	position: relative;
	text-indent: -9999px;
}
.kansobinkan h2 {
	background: url(../images/common/title-top_1_sub.gif) 0 0 no-repeat;
}
.season-care h2 {
	background: url(../images/common/title-top_2_sub.gif) 0 0 no-repeat;
}
.element-display h2 {
	background: url(../images/common/title-top_3_sub.gif) 0 0 no-repeat;
}
.skincare h2 {
	background: url(../images/common/title-top_4_sub.gif) 0 0 no-repeat;
}
.kanbin-antiuv h2 {
	background: url(../images/common/title-top_5_sub.gif) 0 0 no-repeat;
}
.anti-hayfever-1 h2 {
	background: url(../images/common/title-top_6_sub.gif) 0 0 no-repeat;
}
.faq h2 {
	background: url(../images/common/title-top_7_sub.gif) 0 0 no-repeat;
}
.glossary h2 {
	background: url(../images/common/title-top_8_sub.gif) 0 0 no-repeat;
}
.columns h2 {
	background: url(../images/common/title-top_9_sub.gif) 0 0 no-repeat;
}
.beauty-women h2 {
	background: url(../images/common/title-top_10_sub.gif) 0 0 no-repeat;
}
#contents h3 {
	padding: 0 20px;
	line-height: 45px;
	background: url(../images/common/h3-bg.gif) 0 0 repeat-y;
}
#contents-inner img {
	margin: 10px;
}

/*	前後のカテゴリー/記事	*/
#category-menu, #entry-menu {
	margin: 20px 0;
	text-align: center;
}
.faq #category-menu, .columns #category-menu, .beauty-women #category-menu {
	display: none;
} 

/*	ページトップへ	*/
#to-top {
	margin: 5px auto;
}
#to-top a {
	margin: 0 5px 0 0;
	float: right;
	display: block;
	width: 79px;
	height: 15px;
	background: url(../images/common/to-top.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

/*-------------------------
	フッター
-------------------------*/

#footer {
	font-size:12px;
	margin: 0 auto;
	width: 970px;
	height: 57px;	
	background: url(../images/common/footer-bg.gif) 0 0 no-repeat;
}
#footer-box {
	height: 17px;
	margin: 0 20px 0 0;
	padding: 12px 0 0 20px;
	background: url(../images/common/footer-title.gif) right no-repeat;
}
#footer ul {
	list-style-type: none;
	text-align: center;
}
#footer li {
	float: left;
	padding: 0 8px;
	border-left: solid 1px #3c4f65;
}
#footer li.list-top {
	border-left: none;
}
#footer p {
	text-align: right;
	margin: 0 20px 0 0;
}

/*-------------------------------
	輝いている女性
-------------------------------*/
p.sub-title {
	margin: 5px 0;
	width: 580px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/common/sub-title.gif) 0 0 no-repeat;
	text-indent: 10px;
}
.title-beauty-women {
	margin: 5px 10px;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #666;
}
.beauty-women .profile {
	margin: 5px 10px;
	padding: 5px;
	width: 320px;
	border: 1px solid #e74e5a;	
}
.beauty-women .reporter {
	margin: 5px 10px;
	padding: 5px;
	background-color: #c9c9c9;
}
.beauty-women .profile p, .beauty-women .reporter p {
	padding: 0 0 1em 0;
}
.title-beauty-women p {
	padding: 0;
}
.beauty-women h3 {
	display: none;
}
.beauty-women p {
	padding: 0 30px 1em 0;
}