/* CSS Document */

/*=====================================================================

THE LITTLE LIFE KUMAN
ザ・リトル・ライフ くーまん
(C) DORA コミュニケーションズ

<<NAVI COMMON>>

MADE :J.IKETANI

LAST UP DATE: 070529 
=====================================================================*/

/*=====================START=====================*/



#naviArea {
 width:100%;
 height:34px;
 background-color:#B12C15;
}



/*--------/ MAIN navi /--------*/

#g_navi {
	height:24px;
	margin:0px 0 0 10px;
	width:790px;
	background-color: #B12C15;
	
}
	
	
#g_navi ul {
	padding:10px 0 0 0px;
}

#g_navi li {
	display:inline;
	list-style-type:none;
}

#g_navi li a {
height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:
	url("../images/navi_what_rollover.jpg") no-repeat 0px 0px;
	width:207px;
	margin-right:6px;
}

#g_navi li.g_navi02 a {
    background:url("../images/navi_more_rollover.jpg") no-repeat 0px 0px;
	width:162px;
	margin-right:6px;
}

#g_navi li.g_navi03 a {
	background:url("../images/navi_gallery_rollover.jpg") no-repeat 0px 0px;
	width:192px;
	margin-right:6px;
}

#g_navi li.g_navi04 a {
	background:url("../images/navi_dl_rollover.jpg") no-repeat 0px 0px;
	width:200px;
	
}

/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:
	url("../images/navi_what_rollover.jpg") no-repeat 0px -48px;
}

#g_navi li.g_navi02 a:hover {
background:url("../images/navi_more_rollover.jpg") no-repeat 0px -48px;
}

#g_navi li.g_navi03 a:hover {
	background:
	url("../images/navi_gallery_rollover.jpg")  no-repeat 0px -48px;
}
#g_navi li.g_navi04 a:hover {
	background:
	url("../images/navi_dl_rollover.jpg")  no-repeat 0px -48px;
}


/*------on*/
#g_navi li.g_navi01on a {background:
	url("../images/navi_what_rollover.jpg") no-repeat 0px -24px;
	width:207px;
	margin-right:6px;
}

#g_navi li.g_navi02on a {
	background:
	url("../images/navi_more_rollover.jpg")  no-repeat 0px -24px;
	width:162px;
	margin-right:6px;
}

#g_navi li.g_navi03on a {
	background:
	url("../images/navi_gallery_rollover.jpg")  no-repeat 0px -24px;
	width:192px;
	margin-right:6px;
}

#g_navi li.g_navi04on a {
	background:
	url("../images/navi_dl_rollover.jpg")  no-repeat 0px -24px;
	width:200px;
}

/*--------/ MAIN navi /--------*/


/*--------/ pazzle navi /--------*/

	
	
#btnpazzle ul {
	padding:30px 0 0 150px;
}

#btnpazzle li {
	display:inline;
	list-style-type:none;
}

#btnpazzle li a {
height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}



/*------off*/

#btnpazzle li.pazzleBt a {
background:url("../images/gl_hint.jpg")  no-repeat 0px 0px;
	width:154px;
	
}

/*------hover*/

#btnpazzle li.pazzleBt a:hover {
	background:
	url("../images/gl_hint.jpg")  no-repeat 0px -24px;
	width:154px;
	
}	

/*------on*/

#btnpazzle li.pazzleBton a {
	background:
	url("../images/gl_hint.jpg")  no-repeat 0px -24px;
	width:154px;
}


/*--------/ pazzle navi /--------*/


/*--------/ DL navi ROLL OVER /--------*/

div.dlcontentsInBtn{
width:161px ;
height:24px ;
margin:0 0 0 13px;
}

/* IE 7 only */
*:first-child+html div.dlcontentsInBtn { margin-left: -13px; }
/* IE 6 and below */
* html div.dlcontentsInBtn { margin-left: -6px; }
	
div.dlcontentsInBtn ul {
	margin:0px 0 0 0px;
}

div.dlcontentsInBtn li {
	display:inline;
	list-style-type:none;
}

div.dlcontentsInBtn li a {
height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}



/*------off*/

div.dlcontentsInBtn li.pazzleBt a {
background:url("../images/btn_moresee.jpg")  no-repeat 0px 0px;
	width:161px;
	
}

/*------hover*/

div.dlcontentsInBtn li.pazzleBt a:hover {
	background:
	url("../images/btn_moresee.jpg")  no-repeat 0px -24px;
	width:161px;
	
}	

/*------on*/

div.dlcontentsInBtn li.pazzleBton a {
	background:
	url("../images/btn_moresee.jpg")  no-repeat 0px -24px;
	width:161px;
}


/*--------/ DL navi ROLL OVER /--------*/

/*--------/ 070810 ROLL OVER GAME GO ↓/--------*/

/*------off*/

div.dlcontentsInBtn li.gOO a {
background:url("../images/btn_go.jpg")  no-repeat 0px 0px;
	width:161px;
	
}

/*------hover*/

div.dlcontentsInBtn li.gOO a:hover {
	background:
	url("../images/btn_go.jpg")  no-repeat 0px -24px;
	width:161px;
	
}	


/*--------/ 070810 ROLL OVER GAME GO ↑/--------*/




/*--------/ list before news /--------*/


#newsbefore ul{
list-style: none;
margin:0;
padding:0;
}


#newsbefore li.what {
width: 151px;
height: 10px;
line-height:12px;
}

#newsbefore li.what a{
width: 151px;
display:block;
background:url("../images/btn_news.jpg") left top no-repeat;
text-indent: -9999px;
}

#newsbefore li a:hover{
background-position: 0 -14px;

}



/*--------// list before news //--------*/




/*--------/ list left there /--------*/
#areaBtnArea{

width:192px;
height: 24px;

}


#areaBtnArea ul{

list-style: none;
margin:0;
padding:0;
}

#areaBtnArea ul li.there{
line-height:24px;
width: 187px;
height: 24px;
}

#areaBtnArea ul li.there a{

display: block;
width: 187px;
height: 24px;

}

#areaBtnArea ul li.there a{
background:url("../images/btn_more_roll.jpg") left top no-repeat;
text-indent: -9999px;
width: 187px;
}

#areaBtnArea ul li a:hover{

background-position: 0 -24px;

}

/*--------// list left there //--------*/