@charset "UTF-8";


/*========================================================*/
/* タイトルエリア  */
#titleArea {
	background:url(../../img/pagetitle.jpg) no-repeat left top;
}

/* mainArea */
#mainArea {
}
#mainArea #summaryArea {
	width:780px;
	height:260px;
	background:#C1E8F9 url(../img/main-image.jpg) no-repeat left top;
	position:relative;
}
#summaryArea h3 {
	display:none;
}
#summaryArea p {
	display:none;
}






/* 記事インデックス */

#styleList {
	display:block;
	position:relative;
	padding:0 0 0 6px;
}
* html ul#styleList {width:792px;margin-left:-12px;}
li.listBox {
	display:block;
	width:354px;
	height:197px;
	float:left;
	margin-left:15px;
	padding-right:15px;
	margin-top:30px;
	position:relative;
}
li.listBox h4 {
	height:45px;
	width:200px;
	position:absolute;
	top:41px;
	text-indent:-9999px;
}


/* 背景 */
li#box-eat {background:url(../img/eat-bg.png) no-repeat left top;}
li#box-health {background:url(../img/health-bg.png) no-repeat left top;}
li#box-hobby {background:url(../img/hobby-bg.png) no-repeat left top;}
li#box-brain {background:url(../img/brain-bg.png) no-repeat left top;}
li#box-travel {background:url(../img/travel-bg.png) no-repeat left top;}
li#box-fashion {background:url(../img/fashion-bg.png) no-repeat left top;}

/* 背景　未公開のもの
 =>公開時はHTML上のIDから -off をトル 　*/
li#box-hobby-off {height:122px;margin-top:30px;background:url(../img/hobby-bg2.png) no-repeat left top;}
li#box-brain-off {height:122px;margin-top:30px;background:url(../img/brain-bg2.png) no-repeat left top;}
li#box-travel-off {height:122px;margin-top:30px;background:url(../img/travel-bg2.png) no-repeat left top;}
li#box-fashion-off {height:122px;margin-top:30px;background:url(../img/fashion-bg2.png) no-repeat left top;}


/* 名前 */
li#box-eat h4 {left:140px;background:url(../img/eat-name.gif) no-repeat left top;}
li#box-health h4 {left:145px;background:url(../img/health-name.gif) no-repeat left top;}
li#box-hobby h4 {left:145px;background:url(../img/hobby-name.gif) no-repeat left top;}
li#box-brain h4 {left:143px;background:url(../img/brain-name.gif) no-repeat left top;}
li#box-travel h4 {left:137px;background:url(../img/travel-name.gif) no-repeat left top;}
li#box-fashion h4 {left:145px;background:url(../img/fashion-name.gif) no-repeat left top;}



/* 記事リンク */
ul.linkList {
	display:block;
	position:absolute;
	top:108px;
	left:5px;
	width:347px;
	height:85px;
}
ul.linkList li {
	display:block;
	height:19px;
	padding:3px 1px 3px 0;
	margin-bottom:5px;
}
ul.linkList li a {
	display:block;
	text-indent:-9999px;
	height:19px;
	overflow:hidden;
}
ul.linkList li span {
	display:block;
	text-indent:-9999px;
	height:19px;
	margin-left:45px;
	overflow:hidden;
}
* html ul.linkList li {
	margin-bottom:5px;
	font-size:20px;
	line-height:20px;
}
*+html ul.linkList li {
	font-size:25px;
	line-height:25px;
}
ul.linkList li {background:url(../img/icon-up-off.gif) no-repeat 3px;}
ul.linkList li.up-on {background:url(../img/icon-up-on.gif) no-repeat left;}



/*記事アップ前 */
/* 記事　1回目 */
li#box-eat ul.linkList li.first span {background:url(../img/eat-1.gif) no-repeat left;}
li#box-health ul.linkList li.first span {background:url(../img/health-1.gif) no-repeat left;}
li#box-hobby ul.linkList li.first span {background:url(../img/hobby-1.gif) no-repeat left;}
li#box-brain ul.linkList li.first span {background:url(../img/brain-1.gif) no-repeat left;}
li#box-travel ul.linkList li.first span {background:url(../img/travel-1.png) no-repeat left;}
li#box-fashion ul.linkList li.first span {background:url(../img/fashion-1.png) no-repeat left;}

/* 記事　2回目 */
li#box-eat ul.linkList li.second span {background:url(../img/eat-2.gif) no-repeat left;}
li#box-health ul.linkList li.second span {background:url(../img/health-2.gif) no-repeat left;}
li#box-hobby ul.linkList li.second span {background:url(../img/hobby-2.gif) no-repeat left;}
li#box-brain ul.linkList li.second span {background:url(../img/brain-2.gif) no-repeat left;}
li#box-travel ul.linkList li.second span {background:url(../img/travel-2.gif) no-repeat left;}
li#box-fashion ul.linkList li.second span {background:url(../img/fashion-2.gif) no-repeat left;}

/* 記事　3回目 */
li#box-eat ul.linkList li.third span {background:url(../img/eat-3.gif) no-repeat left;}
li#box-health ul.linkList li.third span {background:url(../img/health-3.gif) no-repeat left;}
li#box-hobby ul.linkList li.third span {background:url(../img/hobby-3.gif) no-repeat left;}
li#box-brain ul.linkList li.third span {background:url(../img/brain-3.gif) no-repeat left;}
li#box-travel ul.linkList li.third span {background:url(../img/travel-3.gif) no-repeat left;}
li#box-fashion ul.linkList li.third span {background:url(../img/fashion-3.gif) no-repeat left;}




/*記事アップ後 */
/* 記事　1回目 */
li#box-eat ul.linkList li.first a {background:url(../img/eat-1.gif) no-repeat left 0;}
li#box-eat ul.linkList li.first a:hover {background:url(../img/eat-1.gif) no-repeat left -19px;}
 
li#box-health ul.linkList li.first a {background:url(../img/health-1.gif) no-repeat left 0;}
li#box-health ul.linkList li.first a:hover {background:url(../img/health-1.gif) no-repeat left -19px;}

li#box-hobby ul.linkList li.first a {background:url(../img/hobby-1.gif) no-repeat left 0;}
li#box-hobby ul.linkList li.first a:hover {background:url(../img/hobby-1.gif) no-repeat left -19px;}

li#box-brain ul.linkList li.first a {background:url(../img/brain-1.gif) no-repeat left 0;}
li#box-brain ul.linkList li.first a:hover {background:url(../img/brain-1.gif) no-repeat left -19px;}

li#box-travel ul.linkList li.first a {background:url(../img/travel-1.gif) no-repeat left 0;}
li#box-travel ul.linkList li.first a:hover {background:url(../img/travel-1.gif) no-repeat left -19px;}

li#box-fashion ul.linkList li.first a {background:url(../img/fashion-1.gif) no-repeat left 0;}
li#box-fashion ul.linkList li.first a:hover {background:url(../img/fashion-1.gif) no-repeat left -19px;}

 
/* 記事　2回目 */
li#box-eat ul.linkList li.second a {background:url(../img/eat-2.gif) no-repeat left 0;}
li#box-eat ul.linkList li.second a:hover {background:url(../img/eat-2.gif) no-repeat left -19px;}

li#box-health ul.linkList li.second a {background:url(../img/health-2.gif) no-repeat left 0;}
li#box-health ul.linkList li.second a:hover {background:url(../img/health-2.gif) no-repeat left -19px;}

li#box-hobby ul.linkList li.second a {background:url(../img/hobby-2.gif) no-repeat left 0;}
li#box-hobby ul.linkList li.second a:hover {background:url(../img/hobby-2.gif) no-repeat left -19px;}

li#box-brain ul.linkList li.second a {background:url(../img/brain-2.gif) no-repeat left 0;}
li#box-brain ul.linkList li.second a:hover {background:url(../img/brain-2.gif) no-repeat left -19px;}
 
li#box-travel ul.linkList li.second a {background:url(../img/travel-2.gif) no-repeat left 0;}
li#box-travel ul.linkList li.second a:hover {background:url(../img/travel-2.gif) no-repeat left -19px;}

li#box-fashion ul.linkList li.second a {background:url(../img/fashion-2.gif) no-repeat left 0;}
li#box-fashion ul.linkList li.second a:hover {background:url(../img/fashion-2.gif) no-repeat left -19px;}

 
/* 記事　3回目*/
li#box-eat ul.linkList li.third a {background:url(../img/eat-3.gif) no-repeat left 0;}
li#box-eat ul.linkList li.third a:hover {background:url(../img/eat-3.gif) no-repeat left -19px;}

li#box-health ul.linkList li.third a {background:url(../img/health-3.gif) no-repeat left 0;}
li#box-health ul.linkList li.third a:hover {background:url(../img/health-3.gif) no-repeat left -19px;}

li#box-hobby ul.linkList li.third a {background:url(../img/hobby-3.gif) no-repeat left 0;}
li#box-hobby ul.linkList li.third a:hover {background:url(../img/hobby-3.gif) no-repeat left -19px;}

li#box-brain ul.linkList li.third a {background:url(../img/brain-3.gif) no-repeat left 0;}
li#box-brain ul.linkList li.third a:hover {background:url(../img/brain-3.gif) no-repeat left -19px;}

li#box-travel ul.linkList li.third a {background:url(../img/travel-3.gif) no-repeat left 0;}
li#box-travel ul.linkList li.third a:hover {background:url(../img/travel-3.gif) no-repeat left -19px;}

li#box-fashion ul.linkList li.third a {background:url(../img/fashion-3.gif) no-repeat left 0;}
li#box-fashion ul.linkList li.third a:hover {background:url(../img/fashion-3.gif) no-repeat left -19px;}