@charset "UTF-8";
/* CSS Document */


/*
===== Header ===========================
*/
div#header h1 {
width:260px;
height:73px;
padding: 15px 0 5px 0;
background: url(/common/sp/menshealth/images/v1/head_ttl.gif) no-repeat 0 15px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
div#header #ttl {
width:260px;
height:73px;
padding: 15px 0 5px 0;
}
div#header #logo {
position: absolute;
right: 0;
top: 11px;
}
div#header .research {
position: absolute;
height: 27px;
width: 222px;
margin: 0;
right: 0;
top: 49px;
border: 1px solid #d7d7d7;
}
div#header .research .txt_area {
width: 183px;
height: 23px;
border: none;
}
div#header .research .btn {
position: absolute;
}
/*
===== Gnav ===========================
*/
div#gnav a {
display: block;
height: 51px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
float: left;
background: url(/common/sp/menshealth/images/v1/globalnav.gif) no-repeat 0 0;
}
div#gnav #home a{
width: 75px;
background-position: 0 0;
}
div#gnav #home a:hover {
background-position: 0 -51px;
}
div#gnav #metabo a {
width: 70px;
background-position: -75px 0;
}
div#gnav #metabo a:hover {
background-position: -75px -51px;
}
div#gnav #kanzo a {
width: 61px;
background-position: -145px 0;
}
div#gnav #kanzo a:hover {
background-position: -145px -51px;
}
div#gnav #me a {
width:41px;
background-position: -206px 0;
}
div#gnav #me a:hover {
background-position: -206px -51px;
}
div#gnav #mimi a {
width: 39px;
background-position: -247px 0;
}
div#gnav #mimi a:hover {
background-position: -247px -51px;
}
div#gnav #tooth a {
width: 39px;
background-position: -286px 0;
}
div#gnav #tooth a:hover {
background-position: -286px -51px;
}
div#gnav #koshi a {
width: 113px;
background-position: -325px 0;
}
div#gnav #koshi a:hover {
background-position: -325px -51px;
}
div#gnav #koketsu a {
width:73px;
background-position: -438px 0;
}
div#gnav #koketsu a:hover {
background-position: -438px -51px;
}
div#gnav #utsu a {
width: 124px;
background-position: -511px 0;
}
div#gnav #utsu a:hover {
background-position: -511px -51px;
}
div#gnav #nioi a {
width: 70px;
background-position: -635px 0;
}
div#gnav #nioi a:hover {
background-position: -635px -51px;
}
div#gnav #usuge a {
width: 60px;
background-position: -705px 0;
}
div#gnav #usuge a:hover {
background-position: -705px -51px;
}
div#gnav #rouka a {
width: 90px;
background-position: -765px 0;
}
div#gnav #rouka a:hover {
background-position: -765px -51px;
}
div#gnav #kinen a {
width: 60px;
background-position: -855px 0;
}
div#gnav #kinen a:hover {
background-position: -855px -51px;
}
div#gnav #otoko a {
width: 85px;
background-position: -915px 0;
}
div#gnav #otoko a:hover {
background-position: -915px -51px;
}
/*
===== Footer ===========================
*/
div#footer #f_map {
width: 100%;
background: #2563A5;
border-top: 7px solid #CAC9B4;
border-bottom: 1px solid #164B85;
margin: 0 auto;
padding: 10px 0 8px 0;
}
div#footer #f_map .f_inner, div#footer #f_navi .f_inner {
width: 1000px;
margin: 0 auto;
}
div#footer #f_map .f_inner ul li {
float: left;
}
div#footer #f_map .f_inner ul li a {
display: block;
color: #fff;
padding: 5px 50px 5px 0;
text-decoration: none;
}
div#footer #f_map .f_inner ul li a:hover{
	text-decoration:underline;}
div#footer #f_navi {
background: #2563A5;
border-top: 1px solid #5388BF;
padding: 10px 0 8px 0;
text-align: center;
}
div#footer #f_navi h3 {
width: 76px;
height: 30px;
padding: 5px;
background: #fff;
float: left;
margin-right: 10px;
}
div#footer #f_navi p {
padding-top: 14px;
}
div#footer #f_copy {
padding: 8px 0 15px 0;
text-align: center;
font-size: 9px;
line-height: 200%;
color: #333;
}
div#footer a:link {
color: #fff;
text-decoration: none;
}
div#footer a:visited {
	color: #fff;
text-decoration: none;
}
div#footer a:hover {
color: #fff;
text-decoration: underline;
}
div#footer a:active {
	color: #fff;
text-decoration: underline;
}
#pageTop {
position: fixed;
bottom: 10px;
right: 10px;
}
/*
===== article ===========================
*/
#signage, #signage2 {
position: relative;
margin: 0;
background-color: #fff;
border: 1px solid #CACACA;
padding-top: 1px;
}
#signage2 {
/*
margin-top: 20px;
*/
}
#signage #breadcrumb {
margin: 0px 0px 5px 10px;
font-size: 13px;
}
#signage #kanban {
border: 0px;
text-align: center;
}
#signage #authors {
clear: both;
float: left;
width: 330px;
}
#title-parts {
padding: 10px 10px 0;
border-top: 3px solid #2965A7;
}
#title {
margin: 10px;
}
#title h1, #title h2{
margin: 0;
padding: 0;
font-size: 27px;
color: #2965A7;
line-height: 140%;
}
#title h2{
font-size:18px;
}

/* セレクションスキン用調整 */
#signage.selection h2 {
    color: #EFEFEF;
    background-color: #016DB1;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 10px 15px 0px;
    padding: 5px 10px;
    position: relative;
    top: 0px;
    left: 0px;
}
#signage.selection #title-parts{
	border:none;
}
#signage.selection img.signage-image{
	width:618px;
	margin-left:20px;
}

#article-content {
clear: both;
margin: 0px 10px 10px 10px;
padding: 5px;
font-size: 13px;
color: #333;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #ccc;
}
.selection #article-content {margin:10px 10px 10px 0px;}

#profdetail {
clear: none;
float: right;
margin: 0px 0px 0px 4px;
width: 250px;
font-size: 13px;
text-align: right;
padding-right: 7px;
}
#service-menu {
clear: both;
width: 100%;
margin: 0px;
padding: 3px 0px 0 0px;
font-size: 11px;
border-style: dotted;
border-color: #ccc;
border-width: 0px;
}
#tooltwitterarea {
width: 124px;
margin-top: 3px;
}
#toolfacebook {
width: 112px;
padding-right: 2px;
margin-top: 3px;
}
.fb-comment{
display:none;
}
#toolrssbtn {
width: 45px;
margin-left: 4px;
}
#toolprintbtn {
width: 50px;
margin-top:3px;
margin-left: 0px;
}
#toolresize {
margin-top: 1px;
width: 40px;
}
#signage #triggers {
clear: none;
width: 200px;
float: right;
cursor: pointer;
padding-top: 3px;
}
#toolresize ul li a.big-char {
display: block;
clear: none;
float: left;
margin: 3px 3px 0px 0px;
width: 15px;
height: 15px;
background-image: url(/common/sp/menshealth/images/v1/font-b.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -1000em;
overflow: hidden;
}
#toolresize ul li a.small-char {
display: block;
clear: none;
margin: 3px 3px 0px 0px;
float: left;
width: 15px;
height: 15px;
background-image: url(/common/sp/menshealth/images/v1/font-s.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -1000em;
overflow: hidden;
}
#service-menu {
clear: both;
width: 100%;
margin: 0px;
padding: 3px 0px 0 0px;
font-size: 11px;
border-style: dotted;
border-color: #ccc;
border-width: 0px;
}
.tools {
cursor: pointer;
float: left;
margin-top: 0px;
margin-left: 0px;
text-align: left;
_padding: 0;
}
#multipage-top {
margin: 20px auto;
padding: 3px;
text-align: center;
}
#multipage-top a {
text-decoration: none;
}
.current_p-top {
display: inline;
line-height: 100%;
padding: 5px;
color: #fff!important;
font-size: 13px;
font-weight: bold;
text-align: center!important;
background: #000;
border: solid 1px #7d7137;
}
.other_p-top a {
display: inline;
padding: 5px;
color: #000;
font-size: 13px;
line-height: 100%;
text-align: center !important;
border: solid 1px #ccc;
}
.other_p-top a:hover {
color: #fff;
background: #000;
}
.next_p-top a {
display: inline;
font-weight: bold;
}
.next_p-top a, .back_p-top a {
display: inline;
padding: 5px;
font-weight: bold;
}
.next_p-top a:hover, .back_p-top a:hover {
display: inline;
font-weight: bold;
text-decoration: underline !important;
color:#000;
}
/*
===== list ===========================
*/

#title h1#list {
padding: 0px 28px;
font-size: 34px;
color: #000;
background: url(/common/sp/menshealth/images/v1/bg_listttl.gif) no-repeat 0 0;
}
#title-parts p {
margin: 0px 10px;
}
#title-parts ul#related-list {
background: #DEEEFF;
padding: 10px;
margin: 10px;
}
#title-parts ul#related-list h5{
line-height:1.4em;
font-weight:normal;
}
#title-parts ul.icon-list {
padding: 0px;
}
#title-parts ul {
clear: both;
/* float: left; */
margin: 0;
padding: 0;
}
#title-parts ul.icon-list li .article-category-icon {
float: left;
width: 72px;
margin-right: 10px;
}
#title-parts ul#related-list li .article-category-body {
width: 220px;
}
ul#related-list li .article-category-body p {
margin: 5px 0;
color: #0066A9;
font-weight: bold;
}
ul#related-list li .article-category-body p img {
margin-left: 2px;
vertical-align: middle;
}
#title-parts ul.icon-list li .article-category-body {
clear: none;
float: left;
width: 560px;
margin: 0px;
padding: 0px;
line-height:1.4em;
}
#title-parts ul#related-list li.odd {
margin-top: 10px;
float: left;
width: 50%;
}
#title-parts ul#related-list li.even {
margin-top: 10px;
float: right;
width: 50%;
}
#list-content h5 {
font-size: 13px;
}
#list-recent {
padding: 10px 10px 0;
border-top: 3px solid #BFBFBF;
}
#list-recent h3 {
font-size: 22px;
margin-bottom: 15px;
}
#list-recent h3 span {
font-size: 14px;
}
#list-recent ul li {
margin-bottom: 16px;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: #000;
padding-bottom:20px;
}
#list-recent ul li.icon-list h2 {
background: none;
width: 550px;
clear: none;
float: left;
margin: 0px;
padding: 0px;
line-height:1.4em;
}


#list-recent ul li.icon-list p {
clear: both;
margin-left: 0px;
}
#list-recent p {
/* font-size: 14px; */
font-size: 13px;
margin: 0px 0px 0 10px;
color: #333;
/* line-height: 19px; */
line-height:1.6em;
}
#list-recent h2 {
font-size: 16px;
}

#list-recent h2 span a {
font-weight: normal;
font-size: 12px;
color: #333;
}

#list-recent h2 a {
color:#266bba;
text-decoration:none;
}
#list-recent h2 a:hover,
#list-recent h2 a:active{
	text-decoration:underline;}


#list-recent ul li.icon-list img {
width:72px;
float: left;
margin: 0 10px 10px 0;
border: solid 1px #999;
}
/*
===== other ===========================
*/
.fl_left {
float: left;
}
.fl_right {
float: right;
}
.center {
text-align: center;
margin: 0 auto;
}
.p20 {
padding: 10px 0px;
}
.mb20 {
margin-bottom: 20px;
}
.mb10 {
margin-bottom: 10px;
}
.superbanner{
clear:both;
/*width:728px;*/
width:auto;
margin:20px auto 0px auto;
text-align:center;
}
.half-banner{
clear:both;
float:left;
width:100%;
margin:0px auto 20px auto;
}
.half-banner .first{
float:left;
}
.half-banner .second{
float:right;
]