/* CSS Document */

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

EN /THE LITTLE LIFE KUMAN
(C) DORA Communications

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

<<TOP>>

MADE :J.IKETANI

LAST UP DATE: 070709
=====================================================================*/

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



/*--------/ LEFT contents /--------*/

.contentsLeft {width:207px;
padding:0px 10px 0px 10px;
float:left;
}

.contentsLeftBoxAll {width:207px;
padding:15px 0px 0px 0px;
}

.contentsLeftBoxAll a img {
    border-style:none;
}

.contentsLeftBoxAtit {width:207px;
height:44px;
background-image:url(../images/tit_a.jpg);
background-repeat:no-repeat;
}

.contentsLeftBoxAfoot {width:207px;
height:14px;
background-image:url(../images/con_foot_a.jpg);
background-repeat:no-repeat;
}

.contentsLeftBoxA {width:197px;
height:auto;
padding:0px 5px 0px 5px;
background-color:#FFFFFF;
}

.areaBtnA{width:192px;
height:auto;
padding:10px 0px 5px 5px;
}

.contentsLeftBoxBtit {width:207px;
height:64px;
background-image:url(../images/tit_b.jpg);
background-repeat:no-repeat;
}

.contentsLeftBoxCtit {width:207px;
height:30px;
background-image:url(../images/tit_c.jpg);
background-repeat:no-repeat;
}


/*--------/ LEFT adobe Area /--------*/

.adobeflash{width:207px;
height:auto;
}

.adobeflashtex{font-size:10px;
line-height:12px;
color:#523B26;
width:116px;
float:left;

}

.adobeflashImg{width:88px;
float:left;
margin:0 2px 0 0;

}

/*--------// LEFT adobe Area End //--------*/


/*--------// LEFT contents End //--------*/




/*--------/ RIGHT contents Start /--------*/
.contentsRight {width:562px;
padding:0px 10px 0px 0px;
float:left;
}

.contentsRightBoxAll {width:562px;
padding:15px 0px 0px 0px;
}

.newsTit {width:562px;
height:30px;
background-image:url(../images/con_right_tit_a.jpg);
background-repeat:no-repeat;
}

.newsText {
	width:527px;
	height:auto;
	padding:25px 20px 0px 15px;
	background-color:#FFFFFF;
}

.newsFooter {
	width:235px;
	height:26px;
	background-image:url(../images/con_right_foot_a.jpg);
	background-repeat:no-repeat;
	padding: 35px 0px 0px 327px;
}


/*-------- RIGHT news --------*/

p,li {line-height:185%;
list-style-type:none;
color:#523B26;
}

p {margin:0 0 1em 0;
}


dl{margin:0;}

.newsText dt {
	color:#523B26;
	font-size: 100%;
	float:left;
	width:80px;
	padding:0px 0px 55px 0px;
	margin-left:0px;
	clear:both;
	font-weight:bold;
}

.newsText dt.h30 {
	padding:0px 0px 30px 0px;
}

.newsText dt.h100 {
	padding:0px 0px 100px 0px;
}

.newsText dt.h140 {
	padding:0px 0px 140px 0px;
}

.newsText dt.h210 {
	padding:0px 0px 210px 0px;
}

.newsText dd {
	color:#523B26;
	font-size: 100%;
	padding:0px 5px 25px 10px;
	margin: 0px;
}


/*--------// RIGHT contents End//--------*/




/*--------/ CENTER contents Start /--------*/
.contentsCenter {
  clear: both;
	width: 780px;
	padding: 0 10px;
}
.contentsCenterBoxAll {
  width: 780px;
  padding:15px 0px 0px 0px;
}

/*--------// CENTER contents End//--------*/




/*--------/ TOP flash /--------*/

#topFlash {width:796;
height:293px;
padding:0px 0px 0px 9px;
}

/*--------// TOP flash End //--------*/




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


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


#global-menu ul{

list-style: none;

}


#global-menu ul li{

float: left;
height: 24px;
padding:10px 0 0 0;

}


#global-menu ul li.menu1 a{

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

}


#global-menu ul li.menu2 a{

display: block;
width: 162px;
height: 24px;
margin-left:6px;
}


#global-menu ul li.menu3 a{

display: block;
width: 192px;
height: 24px;
margin-left:6px;

}


#global-menu ul li.menu4 a{

display: block;
width: 200px;
height: 24px;
margin-left:6px;

}

#global-menu　a#menu2  {
display: block;
width: 162px;
height: 24px;

}


#global-menu　a#menu3  {
display: block;
width: 192px;
height: 24px;

}


#global-menu　a#menu4  {
display: block;
width: 200px;
height: 24px;

}


#global-menu ul li.menu1 a{

background:
url("../images/navi_what_roll.jpg") left top no-repeat;
text-indent: -9999px;
width: 207px;

}


#global-menu ul li.menu2 a{

background: url("../images/navi_more_roll.jpg") left top no-repeat;
text-indent: -9999px;
width: 162px;

}



#global-menu ul li.menu3 a{

background: url("../images/navi_gallery_roll.jpg") left top no-repeat;
text-indent: -9999px;
width: 192px;
}



#global-menu ul li.menu4 a{

background: url("../images/navi_dl_roll.jpg") left top no-repeat;
text-indent: -9999px;
width: 200px;
}



#global-menu ul li a:hover{

background-position: 0 -24px;

}


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




/*--------/ 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;

}
.textNolink{
font-size:12px;
font-weight:bold;
color:#317194;

}

dl.newsTextBlock {
  position: relative;
}

dl.newsTextBlock dt {
  width: 6.5em;
}

dl.newsTextBlock dd {
  padding-left: 6.5em;
}



/*--------// 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 //--------*/



.topFLA{
	width:auto;
	margin:15px 0 0 0px;
	padding: 0 0 0 200px;
}

/*=====================END=====================*/