@charset "utf-8";
@import "base.css";

body{
	min-width:1100px;
}
#top{
	line-height:0;
	font-size:0;
	padding:0;
	height:1px;
	overflow:hidden;
}

/*--------------------------
	header
--------------------------*/
#header{
	width:100%;
	height:75px;
	padding:15px 0 0 300px;
	background:url(img/mori_header_back.png) left top repeat-x;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#top{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:none;
}
#header .logo{
	width:130px;
	height:120px;
	position:absolute;
	top:0;
	left:40px;
}
#header .logo a{
	background: url("img/mori_top_logo.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
	width:130px;
	height:120px;
	display:block;
}

#header .logo a:hover{
	background-position: right top;
}

#header .menu{
	width:750px;
	height:49px;
	overflow:hidden;
}
#header .menu li{
	width:auto;
	height:49px;
	float:left;
}
#header .menu li a.menu01{
	width:187.5px;
	height:49px;
	background:url(img/mori_header_menu01.jpg) left top no-repeat;
	display:block;
}
#header .menu li a.menu02{
	width:187.5px;
	height:49px;
	background:url(img/mori_header_menu02.jpg) left top no-repeat;
	display:block;
}
#header .menu li a.menu03{
	width:187.5px;
	height:49px;
	background:url(img/mori_header_menu03.jpg) left top no-repeat;
	display:block;
}
#header .menu li a.menu04{
	width:187.5px;
	height:49px;
	background:url(img/mori_header_menu04.jpg) left top no-repeat;
	display:block;
}
#header .menu li a:hover{ background-position:right top; }


/*--------------------------
	wrapper
--------------------------*/
#wrapper{
	height:auto;
	margin:0 auto;
	width:100%;
}
#wrapper .main_inner{
	width:955px;
	height:520px;
	padding:0 45px 0 50px;
	background:url(img/mori_miniinner_box.png) left top no-repeat;
	position:absolute;
}
#wrapper .main_box{
	width:497px;
	height:auto;
	float:left;
}
#wrapper .main_slide{
	width:440px;
	height:auto;
	margin:64px 0 0;
	padding:8px 10px 10px 8px;
	background:url(../img/index/box_slide_bg.png) left top no-repeat;
	float:right;
}
#wrapper .main_slide .photo ul{
	width:440px;
	height:260px;
	overflow:hidden;
	position:relative;
}
#wrapper .main_slide .photo li{
	top:0;
	left:0;
	position:absolute;
}
#wrapper .main_slide .list{ padding:7px 0 0; }
#wrapper .main_slide .list ul{
	width:440px;
}
#wrapper .main_slide .list li{
	width:7px;
	height:7px;
	padding-right:7px;
	float:left;
	display:inline;
}
#wrapper .main_slide .list li a{
	width:7px;
	height:7px;
	background:url(../img/index/box_slide_icon01.png) left top no-repeat;
	display:block;
}
#wrapper .main_slide .list .active a{
	background:url(../img/index/box_slide_icon02.png) left top no-repeat;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

/* box01
------------------------------------------------*/
#box01{
	width:100%;
	height:618px;
	position:relative;
	margin-top:74px;
	background:url(img/mori_top_box01.jpg) no-repeat left top;
}

#box_bg1{
	height:618px;
}
#box01 .main_inner{
	top:170px;
	left:50px;
}
#box_bg1 img{
	height:100%;
}
#box01 .title02{ padding:27px 0 0; }

/* scrollbar */
#scrollbar {
	width: 880px;
	height:130px;
	clear: both;
}
#scrollbar .viewport {
	width: 850px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#scrollbar .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	font-family:Verdana;
	font-size:10px;
}
#scrollbar .overview li{
	line-height:15px;
}
#scrollbar .thumb .end,
#scrollbar .thumb {
	background-color: #1579A8;
}
#scrollbar .scrollbar {
	position: relative;
	float: right;
	right:0px;
	width: 16px;
}
#scrollbar .track {
	background-color: #CCCCCC;
	height: 100%;
	width:16px;
	position: relative;
}
#scrollbar .thumb {
	height: 20px;
	width: 16px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}
#scrollbar .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 13px;
}
#scrollbar .disable {
	display: none;
}
/*------------*/
/* menu_box */
#box01 .menu_box{
	width:980px;
	height:225px;
	position:absolute;
	top:90px;
	left:40px;
}
#box01 .menu_box .navi{
	width:980px;
	height:225px;
	overflow:hidden;
}
#box01 .menu_box .navi li{
	width:100%;
	height:75px;
	overflow:hidden;
	position:relative;
}
#box01 .menu_box .navi li .menu01{
	width:100%;
	height:75px;
	position:absolute;
	top:0;
	left:0;
}
#box01 .menu_box .navi li .menu02{
	width:100%;
	height:76px;
	position:absolute;
	top:0;
	left:0;
}
#box01 .menu_box .navi li .menu03{
	width:100%;
	height:76px;
	position:absolute;
	top:0;
	left:0;
}
#box01 .menu_box .navi li .on{
	background-position:left bottom;
}
#box01 .menu_box .slide{
	width:680px;
	height:410px;
	overflow:hidden;
	position:absolute;
	top:-70px;
	left:245px;
	background:url(img/mori_slide_base.gif) no-repeat right top;
}
#box01 .menu_box .slide #slide_image{
	position:relative;
}
#box01 .menu_box .slide a{
	width:680px;
	height:410px;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

/* news_box */
#box01 .news_box{
	width:920px;
	height:240px;
	position:absolute;
	top:440px;
	left:42px;
}
#box01 .news_box .bg{
	width:920px;
	height:240px;
	padding:10px 20px;
	background:url(img/mori_news_bg.png) left top no-repeat;
}
#box01 .news_box .bg h3{
	position:relative;
	float:left;
}
#box01 .news_box .bg blog_link{
	position:relative;
	float:left;
}
#box01 .news_box .list{
	width:700px;
	height:auto;
	padding:11px 0 10px;
	border-bottom:solid 1px #DADBDB;
}
#box01 .news_box .list .day{
	width:70px;
	padding:5px 0 0;
	font-size:10px;
	font-family:verdana;
	line-height:100%;
	color:#333333;
	float:left;
}
#box01 .news_box .list .txt{
	width:580px;
	line-height:18px;
	float:right;
}
#box01 .news_box .list .txt a{
	font-size:12px;
	font-family:verdana;
	color:#396BA0;
	text-decoration:none;
}
#box01 .news_box .list .txt a:hover{ color:#5B8DC2; }

/* box02~04
------------------------------------------------*/
#box02{
	width:100%;
	height:750px;
	position:relative;
	background:url(img/mori_top_box02.jpg) no-repeat left top;
}

#box03{
	width:100%;
	height:750px;
	position:relative;
	background:url(img/mori_top_box03.jpg) no-repeat left top;
}
#box04{
	width:100%;
	height:750px;
	position:relative;
	background:url(img/mori_top_box04.jpg) no-repeat left top;
}

#box02 .sub_inner, #box03 .sub_inner, #box04 .sub_inner{
	top:200px;
	left:40px;
	width:1000px;
	height:450px;
	padding:30px 50px;
	background:url(img/mori_subinner.png) left top no-repeat;
	position:absolute;
}
#box02 .sub_box, #box04 .sub_box{ 
	width:435px;
	position:absolution;
	float:left;
}

#box03 .sub_box{ 
	width:300px;
	position:absolution;
	float:left;
}

#box02 .sub_txt, #box03 .sub_txt, #box04 .sub_txt{
	padding:20px 20px;
	font-size:15px;
	font-family:verdana;
	line-height:20px;
	color:#000000;
}

#box02 .sub_photo, #box03 .sub_photo, #box04 .sub_photo{ 
	padding:15px 10px;
	width:435px;
	position:absolution;
	float:left;
}

#box03 .sub_photo{ 
	padding:15px 10px;
	width:600px;
	position:absolution;
	float:left;
}

#box02 .bt a{
	width:250px;
	height:80px;
	background:url(img/mori_box02_bt.png) left top no-repeat;
	display:block;
}
#box03 .bt a{
	width:250px;
	height:80px;
	background:url(img/mori_box03_bt.png) left top no-repeat;
	display:block;
}
#box04 .bt a{
	width:250px;
	height:80px;
	background:url(img/mori_box04_bt.png) left top no-repeat;
	display:block;
}
#box02 .bt a:hover{ background-position:right top; }
#box03 .bt a:hover{ background-position:right top; }
#box04 .bt a:hover{ background-position:right top; }


/*--------------------------
	footer
--------------------------*/
#footer{
	width:100%;
	height:100%;
	background-color:#464921;
	position:relative;
	float:left;
}

#bottom{
	width:100%;
	height:auto;
	padding:10px 0;
}
#footer .footer_logo{
	width:190px;
	height:80px;
	margin:10px 20px 0px 40px;
	position:relative;
	float:left;
}
#footer .footer_info{
	width:300px;
	height:50px;
	font-size:11pt;
	color:#ffffff;
	margin:30px 10px 0px 10px;
	position:relative;
	float:left;
}
#footer .footer_contact{
	width:420px;
	height:40px;
	color:#ffffff;
	font-size:9pt;
	margin:26px 10px 0px 10px;
	position:relative;
	float:left;
}
#footer a{
	font-family:verdana;
	color:#ffff00;
}