@charset "utf-8";

/*
===== CONTENTS ===========================================

	1: base
----------
			1-1: body and base setting
			1-2: link setting
----------	
	2: Layout
----------
			2-1: Side
----------
	3: Index
----------

	00: CLEARFIX

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

/* DreamWeaver Style
#footer,#wrap { 
	clear: both; position: relative;
}
*/
	

/* -------------------------------------------------
	1: Base
------------------------------------------------- */

/*
===== 1-1: body and base setting ===========================
*/

html { overflow-y:scroll; }
body {
	color: #333;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Osaka,Meiryo,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align:center;/* box centering */
}
* html body{ font-size: 75%; }
*+html body{ font-size: 75%;	}
*:first-child+html body{ font-size: 75%;	}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	display: block;
	line-height: 1.4;/* base line height */
	text-align: left;
}

table {
	font-size: 100%;
	empty-cells: show;
	margin : 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: top;
}


/*
===== 1-2: link setting ===========================
*/

a:link,
a:visited{
	color: #2c517c;
	text-decoration: underline;
}

a:hover,
a:active{
	color: #587eaa;
	text-decoration: none;
}


/* -------------------------------------------------
	2: Layout
------------------------------------------------- */
div#container { 	
	background: #f1e8cd url(../img/common/container_bg.jpg) repeat-y left top;
	margin: -6px auto 0 auto;
	padding: 10px 0 0 0;
}

#wrap { 
	background: url(../img/common/main_up.jpg) no-repeat right top;
	margin: 0 9px 10px 10px;
	width: 931px;
}
#side {
	float: left;
	padding: 5px 0 0 0;
	width: 194px;
}
#main { 
	background: #fff url(../img/common/main_btm.gif) no-repeat right bottom;	
	float: right;
	padding: 0 0 10px 0;
	width: 730px;
}
#contents { margin: 0 20px; }


/*
===== 2-1: Side（sidemenu.css） =================================
*/

/* menu Link */
#sidemenu a:link,
#sidemenu a:visited{ color: #777; }
#sidemenu a:hover,
#sidemenu a:active{ 
	color: #ff9900;
	text-decoration: underline;
}

#side ul.side-bnr a:hover img {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

/* Side Banner
---------------------- */
#side ul.side-bnr { padding: 0 0 10px 0; }
#side ul.side-bnr li { margin: 0 0 15px 0; }
#side ul.side-bnr li.last { margin-bottom: 0; }


/* -------------------------------------------------
	3: Index
------------------------------------------------- */
#sc #top h1 {
	float: left;
	height: 70px;
	margin: 7px 0 0 10px;
	width: 440px;
}

#top div#container { 
	background: none;
}

/* Layout */
#top #wrap {
	background: none;
	margin: 0 20px 8px 20px;
	width: 910px;
}
#top #main { 
	background: none;
	float: left;
	width: 643px;
}
#top #side { 
	float: right;
	padding: 0;
	width: 247px;
}

/* OutStyle */
#top #side ul.side-bnr { padding-bottom: 0; }

/* Head */
#top h2 { 
	background: none;
	margin: 0;
	padding: 0;
}

/* Image */
#home-brand a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* homeSlideKey
---------------------- */
#top #key {
	height: 398px;
	width: 950px;
	margin: -10px 0 20px 0;
	padding: 0;
	position: relative;
	background: #ff7300 url(../img/home_style.png) no-repeat left top;
}
.key-slide {
	position: absolute;
	left: 210px;
	top: 10px;
	height: 377px;
	width: 731px;
	overflow: hidden;
}
.key-slide ul {
	position: absolute;
	height: 377px;
}
.key-slide ul li img {
	width: 728px;
	height: 375px;
	background-color: #fc7606;
	border: 1px solid #ffffff;
}
.key-navi {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
}
.key-navi li {
	margin: 0;
	padding: 10px 0 0 10px;
	position: relative;
	background: url(../img/keynavi_bg.png) no-repeat 0 0;
}
.key-navi li a img {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	width: 190px;
	height: 119px;
}
.key-navi li a.active img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.key-navi li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.key-navi li a span {
	display: block;
	width: 200px;
	height: 119px;
	position: absolute;
	top: 10px;
	left: 10px;
	_left: 0px;
	background: url(../img/common/navi_active.gif) no-repeat 0 0;
}


/* home-about
---------------------- */
#home-about {
	background: #fbf1dc url(../img/home_style.png) no-repeat left bottom;
	margin: 0 0 14px 0;
	padding: 0 0 12px 0;
}
#main #home-about p { 
	color: #5d310b;
	display: inline;
	float: left;
	line-height: 1.6;
	margin: 0 14px;
	width: 400px;
}
#main #home-about p.img-l { 
	margin: 0;
	width: 83px;
}
#main #home-about p.btn {
	margin: 0;
	width: 119px;
}


/* homeContents
---------------------- */
#home-cts { width: 643px; }


/* home-news ---------- */
#top #home-news h2 { margin-bottom: 2px; border: none; }
#home-news { 
	float: left;
	width: 445px;
}
#home-news ul {
	height: 102px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 445px;
}
#home-news ul li {
	margin: 0 0 2px 8px;
	padding: 8px 0 0 0;
	width: 410px;
}

/* Box */
#home-news ul span.date {
	display: block;
	line-height: 15px;
	width: 72px;
}
#main #home-news ul p {
	background: url(../img/home_style.png) no-repeat -940px -512px;
	margin: -17px 0 0 72px;
	padding: 0 0 0 16px;
}
#home-news ul p a { display: block; }


/* home-mobile ---------- */
dl#home-mobile {
	float: right;
	height: 139px;
	overflow: hidden;
	width: 183px;
}
dl#home-mobile dd {
	background: url(../img/home_style.png) no-repeat -654px -407px;
	width: 183px;
}
#main dl#home-mobile p {
	line-height: 22px;
	margin: 0 0 0 5px;
}
*html #main dl#home-mobile p { letter-spacing: -1px; }

#main dl#home-mobile p.img-r {
	margin-left: 2px;
	width: 66px;
}


/* homeBrand
---------------------- */
#home-brand { 
	background: url(../img/home_brand.png) no-repeat left bottom;
	padding: 0 0 20px 0;
	margin: 0 20px 32px 20px;
	width: 910px;
}
#home-brand h2 { 
	margin: 0;
	padding: 0;
	border: 0;
}
#home-brand ul { 
	background: url(../img/home_brand.png) no-repeat left top;
	width: 910px;
}
#home-brand ul li {
	display: inline;
	float: left;
	margin: 0 3px 0 0;
	width: 177px;
}
#home-brand ul li.lF { margin-left: 4px; }

#home-brand ul dl {
	margin: 0 1px 0 6px;
	padding: 10px 0 0 0;
}
#home-brand ul dl dd {
	line-height: 1.3;
	padding: 6px 8px 0 13px;
}


/*
===== 00: CLEARFIX ==========================================
*/

#wrap,
#home-cts {
	min-height:1px; /* IE 7*/
}

#wrap:after,
#home-cts:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#wrap,
#home-cts {
display:inline-table; }

/* Mac IE  \*/
* html #wrap,
* html #home-cts
{ height:1px; }

#wrap,
#home-cts { display:block; }
/* */