@charset "Shift-JIS";
/* CSS Document */

/*共通設定
=========================================================================*/
 html, body{height:100%;}

p {
    line-height: 240%;
    margin: 0 0 1.5em;
    padding: 0;
}

/* ========================================
	リセット指定場所
======================================== */
body,div,h1,h2,h3,h4,p,img,ul,li,ol,dl,dt,dd,table,tr,td,span,form,table,input
{	margin:0;	padding:0; }

h1,h2,h3,p,input,textarea,select{	font-size:15px;	}


/* ========================================
	ulを使用していたら黒丸消去設定
======================================== */
ul{	list-style-type: none; line-height: normal;}
li{	list-style-type:none; line-height: normal;}
a{	color:#282828;	text-decoration:none;}
a:hover{	text-decoration:none;}


/* ==========================================================
スマホで見たときだけ、すべての<br />が消えり
============================================================= */
@media screen and (max-width: 480px) {
br { display : none ; }
}



/* ========================================
	ディセンダ消し
======================================== */
img{	border:0;	vertical-align:baseline;}

/* ========================================
	ボディ
======================================== */
body {	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo,Arial", "ＭＳ Ｐゴシック", "MS PGothic", "Century Gothic","sans-serif";}
	
body {
	background: #f5f5f5;
	color:#333;
	height: 100%;   /* #containerのmin-heightに対して必要なもの */}

/* コンテンナー設定
======================================== */
#container{
	height: 100%;
	/*width:,heigh:要素の幅と高さを強制する。*/}

/*================================================
	ヘッダー設定
==================================================*/
#header{	width:990px;	height: 221px; margin: 0 auto; 
	width:,height:/*要素の幅と高さを強制する。*/
}

h1#site_description{
	float:left;
	padding-top:20px; padding-left:20px;
	height:41px;}
	
h2#logo{
	float:left;
	width:990px;
	height:160px;
	background:url(../images/header-bell3.jpg) no-repeat scroll 0 0 transparent;
	text-indent:-9999px;}


/*================================================
	ヘッダーナビ設定
==================================================*/

ul#header_navi{
	float:left;
	height:40px;
	width:100%;
	border-bottom: 3px solid #708090;
	background-image: url(../images/navbtn_base.jpg);
	}

ul#header_navi li{
	display:inline;
	height:40px;
	}

ul#header_navi a{
	float:left;
	height:40px;
	/*margin-left:10px;
	margin-right:10px;*/}

ul#header_navi li#home a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_home.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#home a:hover {
    background: url(../images/navbtn_cl_home.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#health a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_health.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#health a:hover {
    background: url(../images/navbtn_cl_health.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#cosme a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_cosme.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#cosme a:hover {
    background: url(../images/navbtn_cl_cosme.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#sweets a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_sweets.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#sweets a:hover {
    background: url(../images/navbtn_cl_sweets.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#brog a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_brog.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#brog a:hover {
    background: url(../images/navbtn_cl_brog.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#ask a{
	disply:block;
	padding:0;
	margin:0;
	width:152px;
	height:40px;
    background:url(../images/navbtn_ask.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#fix a:hover {
    background: url(../images/navbtn_cl_ask.jpg) no-repeat scroll 0 0 transparent;}

ul#header_navi li#ask a{
	disply:block;
	padding:0;
	margin:0;
	width:165px;
	height:40px;
    background:url(../images/navbtn_ask.jpg) no-repeat scroll 0 0 transparent;
    text-indent:-9999px;}
ul#header_navi li#ask a:hover {background: url(../images/navbtn_cl_ask.jpg) no-repeat scroll 0 0 transparent;}




/*===========================================
                   page_body
================================================*/
#page_body{	width:990px;  margin: 0 auto; margin-top: 10px; }

/*================================================
		レフトナビ
==================================================*/
#leftnavi{
	float:left;
	width:300px;
	height:100%;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;}
	
#leftnavibox{
	background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 11px;
    margin: 0 0 15px;
    padding: 15px;
	}
		
.side_headline{
	background: #d3d3d3 none repeat scroll 0 0;
    color: #333;
    font-size: 14px;
	height:35px;    
    line-height: 36px;
    margin: -15px -15px 15px;
    padding: 0 18px;

	/*background:url(../images/leftnavi_pro.jpg);
	text-indent:-9999px:*/
	}

li#prof_go a{
	font-size: 15px;
	color: #5F9EA0;
    line-height: 200%;
	word-break: break-all;
	}
	
.font_b{font-weight:bold;}	


#leftnavi ul#leftnavi_search{
	/*display: inline;*/
	font-size: 15px;
    line-height: 200%;
	word-break: break-all;
	}

li#searching{	
	float:left;
	width:300px;
	height:35px;
	}
	

.widget_search label {
    display: none;
}	
	
#container #wrap #wrap-in #side #search #searchform {
    position: relative;
}

#s {
    background-color: #ffffff;
    border: 1px solid #adadad;
    border-radius: 0;
    color: #333;
    font-size: 14px;
    height: 22px;
    margin: 0 20px 0 0;
    padding: 4px 10px;
    width: 190px;
}

#searchsubmit {
    background: url(../images/search.jpg)  no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: right;
    margin-bottom: -3px;
    text-indent: -9999px;
    width:35px;
    height:32px;
}
	
ul#leftnavi_category{
	font-size: 15px;
    line-height: 200%;
	word-break: break-all;	;
	}
	
li#leftnavi_helth{
	margin-bottom:10px;
	}

li#leftnavi_cosme{
	margin-bottom:10px;
	}
	
li#leftnavi_sweets{
	margin-bottom:10px;
	}


/*==================================================
			カテゴリー全体
====================================================*/

.archive_headline {
    font-size: 13px;
    line-height: 100%;
    margin: 15px;
}

#post_list {
    margin: 15px 15px 0;
}

#post_list li{
    border: 1px solid #ccc;
    margin: 0 0 15px;
}

.link{color:#5F9EA0;}

/*==================================================
			main_col
====================================================*/	
	
#main_col {
	/*display: inline;*/
	float:right;
	width:670px;
	margin: 16px 0 0;
	padding: 0;
	border-color: #C0C0C0;
	border-style:solid;
	border-width: 6px 1px 1px;
	background:#fff;
	list-style: none;
	/*background: #f5f5dc;*/
	}
	
.archive_headline {
    font-size: 13px;
    line-height: 100%;
    margin: 15px;
}



/*HOMEトップページ*/
ul#post_homelist{
	float:left;	
}

ul#post_homelist .homeimage{
	width:180px;
	height:230px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    margin: 0 0 15px 15px;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color:#333;
}


/*HOMEトップページ*/
	

#post_list .image {
    background: #ebebeb none repeat scroll 0 0;
    display: inline-block;
    float: left;
    margin: 0 0 15px 15px;
    padding: 10px;
}


#post_list .title {
    font-size: 18px;
    line-height: 150%;
    margin: 15px;
}


#post_list .title a {
    color: #333;
    display: block;
    text-decoration: none;
}
a {
    color: #3f7985;
}
a, a:visited {
    outline: medium none;
}


#post_list .info {
    float: right;
    margin: 0 15px 15px 0;
    width: 250px;
}

#post_list .indexinfo {
    float: right;
    margin: 0 15px 15px 0;
    width: 380px;
}

#post_list .date {
    line-height: 100%;
    margin: 0 0 10px 15px;
}

.date {
    color: #7b68ee;
    font-size: 12px;
    font-weight: bold;
}

#post_list .excerpt p {
    font-size: 13px;
    line-height: 210%;
    margin: 0 10px 10px 15px;
    word-break: break-all;
}


#post_list .link {
    background: #3f7985/*rgba(0, 0, 0, 0) url("img/common/arrow.jpg")*/ no-repeat scroll left 4px;
    color:#fff;
    font-size: 13px;
    margin:0 0 0 15px;
    padding: 6px 6px 6px 12px;
}
a {
    color: #3f7985;
}
a, a:visited {
    outline: medium none;
}


.circle {
	font-size: 20px;
	font-style: oblique;
	color: #4682b4;
	border: 1.5px solid;
	padding:5px 30px;
	}

.back a{
	color: #5F9EA0;
	font-size: 12px;
}


/*==================================================
	問い合わせフォーム
====================================================*/
#toiawaseform {padding-left:30px;}
#toiawase {font-size:21px;}


/*==================================================
	ページ
====================================================*/

.pagination {
    clear: both;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 20px;
    padding: 20px 0;
    position: relative;
}


.pagination span, .pagination a {
    background: #555 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px;
    text-decoration: none;
    width: auto;
}


/*==================================================
	カレンダー
====================================================*/
#worktime {float: left;padding:15px;}



/*==================================================
	
====================================================*/
	

/*=================================
	フッター
===================================*/
#footer_bottom_area_wrap {
	background: #ccc none repeat scroll 0 0;
    clear: both;
    min-width: 992px;
    width: 100%;
    }
    
#footer_bottom_area{  
	color: #fff;
    font-size: 11px;
    height: 85px;
    margin: 0 auto;
    position: relative;
    width: 992px;
    }               /* フッターが下に来るようにする */


.footer_menu ul {
    margin: 0;
    position: absolute;
    right: 0;
    top: 35px;
}


.footer_menu li {
    display: inline;
    font-size: 12px;
    margin: 0;
}


.footer_menu li.first a {
    border: medium none;
    margin: 0;
    padding: 0;
}


.footer_menu a {
    border-left: 1px solid #666;
    color: #333;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    text-decoration: none;
}


/*=================================
	コピーライト
===================================*/
#copyright {
    background: #000 none repeat scroll 0 0;
    clear: both;
    color: #ccc;
    font-size: 11px;
    height: 38px;
    line-height: 39px;
    margin: 0;
    min-width: 994px;
    text-align: center;
    width: 100%;
}

#copyright a {
    color: #ccc;
    text-decoration: none;
}	

/*=================================
	クリアフィックス
===================================*/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}