/* 基本設定 */

*{
	margin:0;
	padding:0;
}

img{
	border:none;
}

body{
	background-color:#FFFFFF;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	line-height:1.5;
	color:#484848;
}

/* ----------------------------------------
   COMMON LINK
-----------------------------------------*/
#footer a{color: #484848; text-decoration: none;}
#footer a:link{color: #484848;	text-decoration: none;}
#footer a:active{color: #484848; text-decoration: none;}
#footer a:visited{color: #484848; text-decoration: none;}
#footer a:hover{color: #484848; text-decoration:underline;}

#healthcare a{color: #484848; text-decoration: none;}
#healthcare a:link{color: #484848;	text-decoration: none;}
#healthcare a:active{color: #484848; text-decoration: none;}
#healthcare a:visited{color: #484848; text-decoration: none;}
#healthcare a:hover{color: #484848; text-decoration:underline;}

.pagetop{text-align:right; padding:20px 0 0 0;} 
.pagetop a{color: #484848; text-decoration: none;}
.pagetop a:link{color: #484848;	text-decoration: none;}
.pagetop a:active{color: #484848; text-decoration: none;}
.pagetop a:visited{color: #484848; text-decoration: none;}
.pagetop a:hover{color: #484848; text-decoration: underline;}

/* ----------------------------------------
   BLOCK ELEMENT
-----------------------------------------*/
div#wrapper{
	width:750px;
	margin:0 auto;
}

div#header{
	padding:15px 0 0 0;
	position:relative;
	height:90px
}

div#contents-top{
	background:#fffaeb;
	padding:0 0 20px 0;
}

/* ページ共通　読了点リンク */
.pb-bg {
	background:url(../img/pb_bg.gif) no-repeat left top;
	width:521px;
	margin:20px 0 0 0;
}
.pb-bg .text {
	padding:14px 0 0 58px;
}
.pb-bg .link-btn {
	padding:14px 0 15px 125px;
}

.btn-category{
	text-align:center;
}


/* ----------------------------------------
   HEADER
-----------------------------------------*/

h2.co-logo{
	position:absolute;
	top:15px;
	right:0;
}

div#font-switch{
	position:absolute;
	top:70px;
	right:0;
}

/* ----------------------------------------
   HEADER BOTTOM LINE
-----------------------------------------*/

.commmon{border-bottom:6px solid #008f49;}

.women{border-bottom:6px solid #de4b82;}

.men{border-bottom:6px solid #005aaa;}


/* ----------------------------------------
   FOOTER
-----------------------------------------*/

div#healthcare{
	border-top:1px solid #c0c0c0;
	margin:20px 0 0 0;
}

div#healthcare ul.healthcare-link{
	list-style-type:none;
	margin:10px 0 0 0;
}

div#healthcare ul.healthcare-link li{
	float:left;
	margin:0 5px 0 0;
}

div#healthcare ul.healthcare-link li.imgLink{
	padding:0 8px 0 0;
}

div#healthcare ul.healthcare-link li.txtLink{
	padding:8px 0 0 0;
}

div#footer{
	margin:0;
	padding:0;
	position:relative;
}

div#footer p{
	position:absolute;
	top:10px;
	left:0;
}

div#footer ul.footer-link{
	list-style-type:none;
	position:absolute;
	top:8px;
	right:0px;
	color: #888888;
}

div#footer ul.footer-link li{
	float:left;
	margin:0 5px 0 0;
}


/* ----------------------------------------
   SPACE CONTROL
-----------------------------------------*/
.mt20{
	margin-top:20px;
}

.mt40{
	margin-top:40px;
}

/* ----------------------------------------
   CSS HACK
-----------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}