/*----------------------------------------------
 TOP LAYOUT####################################
------------------------------------------------*/


/*-----------------------------------------
�@SLIDE SHOW ##############################
-------------------------------------------*/

.window {
	width:100%;
	height:222px;
	overflow: hidden;
	position: relative;
}
.window .center_frame {
	left:0px;
}
.islider {
	height: 222px;
	width: 578px;
	position:relative;
	margin:auto;
}
.islider img {
	margin-top: 0px;
	margin-left: 0px;
}
.next_center_frame {
	top:-222px;
	left:578px;
}




/*----------------------------------------------
 MAIN #################################
------------------------------------------------*/

/* WRAP
---------------------------------*/
div#tmain{
	width:948px;
	height:532px;
	border:1px solid #79594e;
	margin-bottom:50px;
	}

div#tmain img{border:none;}

div#tmain a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}



/* LEFT */
div#tmainl_con{
	width:578px;
	height:532px;
	border-right:1px solid #79594e;
	float:left;
	}

/* RIGHT */
div#tmainr_con{
	width:369px;
	height:532px;
	float:left;
}


/* LEFT1 ����q
-----------------------------------*/
div#tmainl01{
	width:578px;
	height:355px;
	background:top left no-repeat;
	position:relative;
	}

h2.tml01_h2{
	display:block;
	position:absolute;
	top:321px;
	}

div.tmal01dtl{
	width:578px;
	height:99px;
	position:absolute;
	top:222px;
	}





/*----------------------------------------------
 NEWS #################################
------------------------------------------------*/

div.newswrap{
	width:948px;
	height:auto;
	min-height:425px;
	border:1px solid #79594e;
	overflow:auto;
}

.newswrap a:hover img,#mbblog a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


div#news{
	float:left;
	width:577px;
	min-height:425px;
	border-right:1px solid #79594e;
}

div#news a:link,div#news a:hover,div#news a:visited{
	color:#79594e;
	}


dl#newslist{
	margin:10px;
	font-size:80%;
	color:#666666;
	line-height:1.4em;
}

dl#newslist dt{
	margin-top:7px;
	font-weight:bold;
	}

span.bgbrown{background:#f2ebdd;}


/*----------------------------------------------
 GUIDE #################################
------------------------------------------------*/
div#guide{
	width:369px;
	float:left;
	line-height:1.8em;
	color:#666666;
	font-size:80%;
	}

div#guide h4{margin:8px 0 3px;}

div.guide_dtl{padding:10px 20px 15px;}

div.guide_dtl a:link,a:hover{
	color:#666666;
	text-decoration:underline;
	}




/*----------------------------------------------
 MOBILE_BLOG #################################
------------------------------------------------*/

div#mbblog{
	clear:both;
	margin-top:50px;
	width:950px;
	height:auto;
	background:url(../img/mbblog_bgbgm.jpg) repeat-y;
	}

div.mb_left{
	width:440px;
	height:auto;
	float:left;
	margin:5px 0 0 20px;
	font-size:85%;
	color:#56332d;
	line-height:1.8em;

	}