@charset "utf-8";

/* 全体
---------------------------*/
#ikemen {
width:980px;
background-color: #F4AEA6;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/bg.gif);
background-repeat:repeat;
margin:0 auto;
padding:0px 0 20px 0px;
color:#2D1F0A;
}

#ikemen .font-pink { color:#C52257;}
#ikemen .font-red { color:#ff0000;}
#ikemen .font-gold { color:#917332;}

#ikemen .font-small {font-size: 0.9em;}
#ikemen .font-medium {font-size: 1.2em;}
#ikemen .font-big {font-size: 1.5em;}
#ikemen .font-bold {font-weight: bold;}

#ikemen .margin-t5 { margin-top:5px;}
#ikemen .margin-t10 { margin-top:10px;}
#ikemen .margin-t15 { margin-top:15px;}
#ikemen .margin-t20 { margin-top:20px;}
#ikemen .margin-t30 { margin-top:30px;}

#ikemen .margin-b5 { margin-bottom:5px;}
#ikemen .margin-b10 { margin-bottom:10px;}
#ikemen .margin-b15 { margin-bottom:15px;}
#ikemen .margin-b20 { margin-bottom:20px;}
#ikemen .margin-b30 { margin-bottom:30px;}
#ikemen .margin-b40 { margin-bottom:40px;}

#ikemen .margin-r10 { margin-right:10px;}

#ikemen .txt-c {text-align:center;}

#ikemen .fl_l {float:left;}
#ikemen .fl_r {float:right;}
#ikemen .clear { clear:both;}
#ikemen .clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

#ikemen .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#ikemen ul,li{
list-style:none;
}
#ikemen a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}


/** TOP **/
#ikemen #top {
width:980px;
padding:0px;
margin:0px;
}
#ikemen #top .tit {
width:580px;
margin:0px;
float:left;
}
#ikemen #top .right {
width:400px;
margin:0px;
float:right;
}
#ikemen #top ul {
margin-left:0px;
margin-top:40px;
}
#ikemen #top li {
margin-bottom:5px;
}

#ikemen #top li.justice {
position:relative;
width: 370px;
height: 50px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_justice.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.justice a {
display:block;
width: 370px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_justice.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.justice a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_justice.gif);
background-position:0px -50px;
background-repeat:no-repeat;
}
#ikemen #top li.fresh {
position:relative;
width: 370px;
height: 50px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_fresh.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.fresh a {
display:block;
width: 370px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_fresh.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.fresh a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_fresh.gif);
background-position:0px -50px;
background-repeat:no-repeat;
}
#ikemen #top li.unique {
position:relative;
width: 370px;
height: 50px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_unique.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.unique a {
display:block;
width: 370px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_unique.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.unique a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_unique.gif);
background-position:0px -50px;
background-repeat:no-repeat;
}
#ikemen #top li.stage2 {
position:relative;
width: 370px;
height: 50px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_stage2.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.stage2 a {
display:block;
width: 370px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_stage2.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen #top li.stage2 a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/navi_stage2.gif);
background-position:0px -50px;
background-repeat:no-repeat;
}

/** イケメンファイル **/
#ikemen #justice , #ikemen #fresh , #ikemen #unique {
width:940px;
margin:30px 20px 20px 20px;
}
#ikemen #justice h2 , #ikemen #fresh h2 , #ikemen #unique h2 {
width:940px;
}
#ikemen #justice .contents , #ikemen #fresh .contents , #ikemen #unique .contents {
padding:20px 30px 20px 30px;
margin-top:-5px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/framebg.png);
background-position:0px 0px;
background-repeat:repeat;
}
#ikemen #justice .read , #ikemen #fresh .read , #ikemen #unique .read {
text-align:center;
font-size:1.2em;
}
#ikemen ul.files {
width:886px;
padding-top:20px;
}
#ikemen li.file {
width:240px;
padding:20px 20px 15px 20px;
margin-right:20px;
margin-bottom:20px;
float:left;
background-color:#E6DCB9;
border:1px solid #DECE8F;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/frame_top.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen li.filelast {
width:240px;
padding:20px 20px 15px 20px;
margin-right:0px;
margin-bottom:0px;
float:right;
background-color:#E6DCB9;
border:1px solid #DECE8F;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/frame_top.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen img.fileph {
float:left;
margin-right:0px;
border:1px solid #fff;
}
#ikemen .name {
width:240px;
height:32px;
padding-top:3px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/name_bg.gif);
background-position:0px 0px;
background-repeat:no-repeat;
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}
#ikemen .tx {
width:110px;
float:right;
}
#ikemen img.btn {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top:10px;
}

/** 舞台 **/
#ikemen #stage1 , #ikemen #stage2 {
width:940px;
margin:30px 20px 20px 20px;
}
#ikemen #stage1 h2 , #ikemen #stage2 h2 {
width:940px;
}
#ikemen ul.stages {
width:940px;
padding-top:20px;
}
#ikemen li.stage {
width:413px;
padding:20px;
margin-right:30px;
margin-bottom:20px;
float:left;
background-color:#fff;
border:1px solid #917332;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/frame_stage_top.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen li.stagelast {
width:413px;
padding:20px;
margin-right:0px;
margin-bottom:20px;
float:right;
background-color:#fff;
border:1px solid #917332;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/ikemen/frame_stage_top.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#ikemen img.stageph {
float:left;
margin-right:0px;
border:0px solid #fff;
}
#ikemen .stagetx {
width:214px;
float:right;
}
#ikemen .stagename {
font-size:18px;
font-weight:bold;
}
#ikemen .aeru {
width:194px;
padding:10px;
border:1px solid #FFB8B8;
background-color:#FFD6D6;
font-size:1.1em;;
font-weight:bold;
margin:10px 0 15px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


/** お気に入り **/
#ikemen #favorite {
width:830px;
padding:20px;
background-color:#fff;
margin:20px auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ikemen #favorite p {
width:660px;
float:left;
}
#ikemen #favorite a {
color:#C52257
}

/** topへ **/
#nav-dock {
position: fixed;
z-index: 999;
right: -2px;
/right: 0px;
top: 85%;
_width:100px;
_float:right;
background-color: #C52257;
border-top-left-radius: 10px;     /* 左上 */
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-bottom-left-radius: 10px;  /* 左下 */
-webkit-border-bottom-left-radius: 10px; 
-moz-border-radius-bottomleft: 10px;
}
#nav-dock a {
display: block;
text-align: center;
padding: 10px 20px;
margin: 0px 0;
background-color: #C52257;
color: #fff;
text-decoration: none ;
font-size: 14px ;
background-color: #C52257;
border-top-left-radius: 10px;     /* 左上 */
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-bottom-left-radius: 10px;  /* 左下 */
-webkit-border-bottom-left-radius: 10px; 
-moz-border-radius-bottomleft: 10px;
}	
#nav-dock a:hover{
background-color: #917332;
color: #fff;
}