@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

 File name:      sukusuku.css
 Update:         20109.01.06
 Style Info:     マルホのーとすくすく皮膚日記CSS設定ファイル
----------------------------------------------------------- */

/* マルホのーとヘッドイメージ
----------------------------------------------------------- */
#sukusuku {
 width: 900px;
 margin: 20px auto 0;
 text-align: left;
}
#sukusuku-main {
 width: 900px;
 margin: 20px auto 0;
 height:130px;
 background:url(../../img/header_img.gif) left top no-repeat;
}

#sukusuku-main div{
 color:#1E488C;
 font-size:75%;
 width:320px;
 padding:40px 130px 0px 450px;
 text-align:left;
 line-height:160%;

}

#sukusuku-main div h2{
 font-size:120%;
 color:#F17078;
 font-weight:bold;
}


/* マルホノート　新着／特集一覧
----------------------------------------------------------- */
#sukusuku .news-left-note {
 float: left;
 width: 300px;
 margin-right: 15px;
 margin-left: 10px;
}


/* マルホのーと新着情報*/
#sukusuku #note-newslist{
 background:url(../../img/new_bg_01.gif) no-repeat left 36px;
 padding-bottom:5px;
}
#sukusuku #note-newslist ul {
 padding-left: 45px;
 line-height:140%;
}
#sukusuku #note-newslist ul li {
 padding-left: 15px;
 background: url(../../img/arrow_01.gif) no-repeat left 4px;
 font-size: 75%;
}
#sukusuku #note-newslist ul li span.vol {
 padding-right: 8px;
}

#sukusuku #note-newslist .seal{
 position:relative;
 width:300px;
 margin:0;
 font-size:0px;
 line-height:0;
}
#sukusuku #note-newslist .seal img{
 position:absolute;
 top:-5px;
 left:-5px;
}


/* マルホのーと特集一覧*/
#sukusuku .speciallist-right-note {
 float: left;
 /*width: 560px;*/
 width: 676px;
 margin-top: 10px;
}

#sukusuku #note-speciallist{
 background:url(../../img/header_navi_bg.gif) no-repeat left top;
 padding-bottom: 8px;
 height:70px;
}
#sukusuku #note-speciallist h3{
 font-size:14px;
 color:#1E488C;
 padding-left:25px;
 padding-top:10px;
 float:left;
 margin-right:30px;
 }

#sukusuku #note-speciallist div{
 float:right;
 width:170px;
 padding-top:10px;
 }
 
#sukusuku #note-speciallist div a{
 font-size:11px;
 text-decoration:none;
 color:#ef858c;
 }
#sukusuku #note-speciallist div a:hover{
 font-size:11px;
 text-decoration:underline;
 color:#484848;
 }
 

 
#sukusuku #note-speciallist div img{
vertical-align:middle;
padding-bottom:3px;
margin-right:3px;
 }

/*
#sukusuku #note-speciallist #list-navi{
 margin:2px auto;  
 padding:0;
 width:543px;  
 height:31px;  
 overflow:hidden;  
 background:url(../../img/header_navi_off.gif) no-repeat left; 
}  
#sukusuku #note-speciallist #list-navi li .navi-list1{
 list-style:none; 
 width:94px; 
 float:left;
 font-size:11px;
}
#sukusuku #note-speciallist #list-navi li a{
 font-size:11px;
 display:block;  
 line-height:30px;  
 text-align:left; 
 text-decoration: none;
}
#sukusuku #note-speciallist #list-navi li a:hover .navi-list1{ 
 background:url(../../img/header_navi_on.gif) no-repeat left ;
 text-decoration: underline;
 display:block;  
 line-height:30px;  
 text-align:left; 
}
*/

#sukusuku #note-speciallist #list-navi{
 margin:2px auto;  
 clear:both;
 /*width:543px;*/
 width: 659px;
 height:31px;
 background:url(../../img/header_navi_off.gif) no-repeat left; 
}
	
#sukusuku #note-speciallist #list-navi ul{padding:0 0 0 120px;}

#sukusuku #note-speciallist #list-navi li{
 float:left;
 font-size:11px;
	}

#sukusuku #note-speciallist #list-navi li a{
 display:block;
 line-height:30px;  
 text-align:center; 
 text-decoration: underline;
 
}
#sukusuku #note-speciallist #list-navi li a:hover{
 text-decoration: none;
 }


#sukusuku #note-speciallist #list-navi li.navi-list1 a{width:94px;background: url(../../img/header_navi_off.gif) no-repeat 0px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list1 a:hover{background: url(../../img/header_navi_on.gif) no-repeat 0px 0;}

#sukusuku #note-speciallist #list-navi li.navi-list2 a{width:96px;background: url(../../img/header_navi_off.gif) no-repeat -94px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list2 a:hover{background: url(../../img/header_navi_on.gif) no-repeat -94px 0;}

#sukusuku #note-speciallist #list-navi li.navi-list3 a{width:136px;background: url(../../img/header_navi_off.gif) no-repeat -190px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list3 a:hover{background: url(../../img/header_navi_on.gif) no-repeat -190px 0;}

#sukusuku #note-speciallist #list-navi li.navi-list4 a{width:109px;background: url(../../img/header_navi_off.gif) no-repeat -326px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list4 a:hover{background: url(../../img/header_navi_on.gif) no-repeat -326px 0;}

#sukusuku #note-speciallist #list-navi li.navi-list5 a{width:108px;background: url(../../img/header_navi_off.gif) no-repeat -435px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list5 a:hover{background: url(../../img/header_navi_on.gif) no-repeat -435px 0;}

#sukusuku #note-speciallist #list-navi li.navi-list6 a{width:116px;background: url(../../img/header_navi_off.gif) no-repeat -543px 0;}
#sukusuku #note-speciallist #list-navi li.navi-list6 a:hover{background: url(../../img/header_navi_on.gif) no-repeat -543px 0;}

/* マルホのーとリスト*/
#sukusuku #note-list {
 width: 900px;
}
#sukusuku #note-list ol {
 width: 900px;
}
#sukusuku #note-list ol li {
 width:290px;
 /*background:url(../../img/btn_menu_bg.gif) no-repeat left;*/
 background:url(../../img/btn_menu_bg.gif) no-repeat 5px 5px;
 /*height:59px;*/
 height:64px;
 float:left;
 /*margin:5px;*/
 padding:5px;
 display:block;
 overflow: hidden;
}
#sukusuku #note-list ol li span{
 display: block;
 width:200px;
 color:#ef858c;
 font-size:10px;
 /*padding: 15px 0px 5px 30px;*/
 padding: 13px 0 0 30px;
 float:left;
 line-height: 1.3;
}
#sukusuku #note-list ol li img{
 float:left;
 width: 58px;
 height: 58px;
}

.next_issu{
 color:#ccc;
 font-size:10px;
 }

#sukusuku #note-list ol li span a {
 width: 290px;
 text-decoration: none;
 font-size:12px;
}
#sukusuku #note-list ol li span a:hover {
 text-decoration: underline;
}
#sukusuku #note-list ol li img .note-icon {
 width:58px;
 float:right;
 text-align:right;
 margin:0;
 }