@charset "utf-8";

/*=========================================================
	[ top_site.css ]
	content page base design
	date - creation:2011-12-26 // update:2011-12-28
=========================================================*/

/*=========================================================
	index
		1. layout
		2. content
=========================================================*/

/* for all */
@import url("reset.css");
@import url("layout.css");
/* for navigation */
@import url("nav_common.css");
@import url("nav_global.css");
/* for module */
@import url("m_text.css");
@import url("m_box.css");

/* 1. layout
=========================================================*/
#topInfo{
	background-color:#F3F3F3;
	text-align:center;
	font-size:1.3em;
}
#topInfoInner{
	width:920px;
	margin:0 auto;
	padding:30px 0 50px;
	text-align:left;
}
footer{
	margin-top:0;
	border-top:0;
}
#navPagetop{
	top:-37px;
}

/* 2. content
=========================================================*/
/* main photo
---------------------------------------------------------*/
#content{
	padding:8px 0 10px;
	background:url(/images/main_bg.jpg) no-repeat top center;
}
#slideshow{
	margin:0 9px 10px;
}
#navSlide{
	clear:both;
	position:relative;
	width:936px;
	margin:5px -16px 0 0;
	overflow:hidden;
}
#navSlide li{
	width:296px;
	height:113px;
	text-indent:-1000em;
	margin-right:16px;
	float:left;
}
#navSlide li a{
	background-repeat:no-repeat;
}
.panel1 a{background-image:url(/images/main_btn_bk01.jpg);}
.panel2 a{background-image:url(/images/main_btn_bk02.jpg);}
.panel3 a{background-image:url(/images/main_btn_bk03.jpg);}

.activeSlide a{background-position:0 -103px}

#navSlide li a{
	display:block;
	width:296px;
	height:103px;
}
#navSlide li.activeSlide{

}
#navSlide li a:hover{
    filter: Alpha(opacity=70); /* IEŚn */
    opacity:0.7; /* MozzilaŚn */
}
/* box info
---------------------------------------------------------*/
.boxInfo{
	float:left;
	width:320px;
	margin-right:15px;
}
.boxInfo h2{
	padding-bottom:3px;
}
.boxInfo dl{
	min-height:22.5em;
	padding:0 10px 10px;
	border:1px solid #D9D9D9;
	border-top:2px solid #629D0F;
	background-color:#FFFFFF;
}
.boxInfo dt{
	border-top:1px solid #E6E6E6;
	padding:10px 0 5px;
}
.boxInfo dt:first-child{border-top:none;}
#wrapper .boxInfo dd{
	padding:0 0 10px 23px;
	background:url(/common/images/for_ico_link.gif) no-repeat 0 0;
	line-height:1.3;
}
#wrapper .boxInfo a{
	display:block;
}

/* box bnr
---------------------------------------------------------*/
#boxBnr{
	width:244px;
	float:left;
}
.bnrCase{
	padding:9px 0;
	text-align:center;
	background-color:#F1F0E4;
}
#boxBnr h2{
	margin-top:20px;
	padding-bottom:3px;
}
.bnrOther{
	padding-bottom:9px;
	text-align:center;
	border-top:2px solid #FF6600;
	background-color:#FFFFFF;
}
.bnr{border:1px solid #DDDDDD;}
.bnrOther .bnr{
	margin-top:9px;
}
/* btn */
#boxBnr a:hover img.bnr{
    filter: Alpha(opacity=70); /* IEŚn */
    opacity:0.7; /* MozzilaŚn */
}