@charset "utf-8";

/*===========================================================
＊ common
===========================================================*/

/*all page*/
html,body {
	height:100%;
	width:100%;
}
body{
	color: #333333;}

/*textlink*/
a {
	color:#333333;
	text-decoration: underline;}
a:hover{
	color:#4ECBBB;
	text-decoration: none;}


.cursor	a{
	line-height:1.9;
	background:url(/site/img/common/a_cursor.gif) 0	0.2em no-repeat;
	padding:0 0	0 15px;}
.cursor	li{
	margin-bottom:5px;}

/*------------------------------------------------------
＊　#page
-------------------------------------------------------*/
/*all area*/
#page {
	text-align:center;
	margin:0 auto;}

/*all area > main area*/
#page #main{
	padding-bottom:30px;}

/*all area > main area > maincolumn*/
#page #main	#maincolumn{
	width:960px;
	padding-top:5px;
	margin:0 auto;
	overflow:hidden;}

/*all area > main area > main content*/
#page #content{
	text-align:left;	
	float:right;
	width:736px;
	padding:5px 0px 40px 0px;
	background:#FFFFFF;
	border:0px;}
#page #content #layout{
	width:706px;
	margin:0 auto;}
#page #content #layout:before,
#page #content #layout:after { content:""; display:table;} 
#page #content #layout:after { clear:both;}

#page #contentbiz{
	text-align:left;	
	float:left;
	width:960px;
	padding:20px 0 40px;
	background:#FFFFFF;}
#page #contentbiz #layout{
	width:960px;
	margin:0;
	float:left;
	zoom:1;}
#page #contentbiz #layout:before,
#page #contentbiz #layout:after { content:""; display:table;} 
#page #contentbiz #layout:after { clear:both;}

body#home #page	#content #sub{
	width:220px;
	float:right;}

/*===========================================================
＊ #header
===========================================================*/

/*----default*/
#header{
	background:#FFFFFF url(/site/img/common/bg_header.png) no-repeat	center bottom;
	padding:0 0	0px	0;
	width:100%;
	min-width:960px;
	text-align:left;
	position:relative;}
#headMain{
	overflow:visible;
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;}

/*title	logo*/
#header	#logo{
	position: absolute;
	top:6px;
	left:0px;
	z-index:9999;}

#tagline{
/*    background-color:#FFFFFF;*/
  padding:8px 0 0 0;
  color:#CCCCCC;
	font-size: 10px;}
#headtitle{
  width:960px;
  margin:auto;
}

#tel {
    margin: 0px 0px 8px 0;
    float: right;
}

.uNav{
	position: absolute;
	width:100px;
  top:50px;
  left:585px;
/*	float:right;*/
	overflow:hidden;
	_zoom:1;
	text-align:right;}
.uNav li{
	display:inline-block;
	/display: inline;
	/zoom:1;
	padding:5px	8px;}
.uNav li a div{
	display:inline;}
.uNav li.collection{
	_width:220px;
	padding:0 8px;}
.uNav a{
	line-height:1.7;
	text-decoration:none;
	padding:0 0	0 18px;
	background:url(/site/img/common/a_cursor.gif) no-repeat	0 center;}
.uNav a:hover {
	text-decoration:underline;}

#smpNav{
	display:none;}

/*------------------------------------------------------
＊　#gNav
-------------------------------------------------------*/

#navi_back_width{
	padding:0;}
#navigation{
	clear:both;
	_zoom:1;}

#hNavMenu{
	display:none;}
#nav{
	padding-top:5px;
	display: block;}

#gNav{
	clear:both;
	width:960px;
/*	overflow:hidden;*/
	margin:0px auto;
	display:table;
/*	font-weight:bold;*/
/*	padding-left:1px;
	background:url(/site/img/common/gnav_bg_tab_line.png) no-repeat	left bottom;*/
}
#gNav li {
	display:inline;
	position: relative;
	float: left;
/*	display:inline-block;*/
	background:url(/site/img/common/gnav_bg_tab_line.png) repeat-x 0 bottom;}
#gNav li.end {
	background:none;}
#gNav a	{
	width:159px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	background:url(/site/img/common/gnav_bg_tab.png) repeat-x 0 bottom;
	text-decoration:none;
	color:#333333;
	font-size:16px;
	margin-right:1px;
	padding: 12px 0 10px;
	letter-spacing:	normal;
	/*IE 67*/
	display:block;
	float:left;}
#gNav li.first a	{
  width:129px;
}
#gNav li.end a	{
  width:189px;
}

#gNav a	div{
	padding:2px	5px;}
#gNav a:hover,
#gNav a#act{
	color:#FFFFFF;
	background:url(/site/img/common/gnav_bg_tabon.png) repeat-x 0 bottom;}
#gNav li ul	{
	z-index:9999;
	display: none;
	position: absolute;
	top: 49px;
	height;24px;
	left: -1;}
#gNav li ul	a{
	padding: 6px 0 6px;
	color:#FFFFFF;
	background:#1B4AA6;
	border-bottom:1px solid #ffffff;}
#gNav li ul	a div{
	padding:1px	5px;}
#gNav li ul	a:hover{
	color:#FFFFFF;
	background:#FF7826;
	border-bottom:1px solid #ffffff;}
#gNav li ul	li {
	width: 99.5%;}


/*------------------------------------------------------
＊　#content　＊
-------------------------------------------------------*/

/*content*/
#page-top {
	position: fixed;
	bottom:	78px;
	right: 0;
	font-size: 9px;
	z-index:9999;}
#page-top a	{
	width: 50px;
	height:48px;
	display: block;}

/*------------------------------------------------------
＊　page bar
-------------------------------------------------------*/

.bread_crumb_box{
	width:100%;
	background:#FFFFFF;}
.bread_crumb{
	width:960px;
	margin:13px auto 0px auto;
	display:block;
	padding:0px 5px 0px 15px;}
.bread_crumb ul{
	_zoom:1;
	text-align:left;
	margin:0 auto;
	font-size:93%;}
.bread_crumb li{
	display:inline;
	zoom:1;
	margin-right:5px;}
.bread_crumb li.tit,
.bread_crumb li a{
	white-space:nowrap;
	text-decoration:underline;
	padding-right:15px;
	background:url(/site/img/common/breadcrumb.gif) no-repeat right center;}

/*===========================================================
＊ #side
===========================================================*/

/*----default*/
div#side{
	float:left;
	width:200px;
  margin:5px 0 0 0;}

/*navigation*/
#sNav{
	border:1px solid #C7C2D1;
	background:url(/site/img/common/bg.gif);
	margin-bottom:15px;
	padding:4px	4px	2px;
	text-align:left;}
#sNav li{
	margin:0 0 2px;}
#sNav li .tit{
	padding:8px	24px 7px 10px;
	color:#2D2886;
	background:#DCDDF2;
	border:1px solid #9999CC}
#sNav li a{
	background:url(/site/img/common/bg_snav.gif) repeat-x 0	bottom;
	color:#1F4EA6;
	text-decoration:none;
	display:block;
	overflow:hidden;
	_zoom:1;}
#sNav li.title a{
	background:url(/site/img/common/bg_dot_blue.gif) repeat-x 0	center;
	color:#FFFFFF;
/*	border-bottom:3px solid	#1F4EA6;*/}
#sNav li a div.area{
	background:url(/site/img/common/ico_snav.jpg) no-repeat	right center;
text-align:center;
	padding:10px 24px 10px 10px;
	border:	1px	solid #C7C2D1;
	border-right-width:0;}
#sNav li.title a div.area{
	background:url(/site/img/common/arw_rtbl.png) no-repeat	right center;
	padding:12px 24px 9px 10px;
/*	border:	1px	solid #1F4EA6;*/
	border-bottom-width:0;}
#sNav li a div.area	strong{
	font-weight:normal;
	display:block;
	font-size:108%;}
#sNav li.title a div.area strong{
	font-weight:bold;}
body#home #sNav	li a div.area strong{
	font-size:123.1%;}
#sNav li a div.area	strong span,
#sNav li li	div	span{
	display:block;}
#sNav li a div.area	.txt{
	display:block;
	margin-top:5px;
	font-size:85%;
	color:#393848;}
#sNav li a:hover{
	color:#1F4EA6;
	text-decoration:none;
	background:url(/site/img/common/bg_snav_on.gif)	repeat-x 0 top;}
#sNav li.title a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:url(/site/img/common/bg_dot_blue_on.gif)	repeat-x 0 center;}

#sNav li ul	li a{
	background:#FFFFFF;}
#sNav li ul	li{	
/*	border:	1px	solid #C7C2D1;*/
	border-top-width:0;
	margin:0;}
#sNav li ul	li div{
	padding:5px	24px 5px 25px;
	background:url(/site/img/common/arw_gr.png)	no-repeat right	center;}
#sNav li ul	li a:hover{
	background:#F2F1F5;}


#topMenu{
	margin:5px 0px 10px 0px;}

#topMenu li{
	display:inline-block;
	width:24.0%;
	margin-bottom:5px;}

/*===========================================================
＊ #footer
===========================================================*/

/*----default*/
#footer{
	text-align:left;
	width:100%;
	min-width:960px;
  height:250px;
	padding:0 0;
	overflow:hidden;
  background:#F7F7F7;}
#fMine {
	width:960px;
	margin:0 auto;
}

#fNav{
	padding:5px	0 8px;
	background:	url(/site/img/common/bg_fnav.gif) repeat-x 0 center;}
#fNav .inner{
	padding:11px 0 9px;
	background:	url(/site/img/common/bg_dot_bl.gif)	repeat-x 0 top;}
#fNav .inner ul{
	width:1020px;
	overflow:hidden;
	margin:0 auto;
	padding-left:2px;
	background:	url(/site/img/common/lin_bl.gif) repeat-y 0	top;}
#fNav .inner ul	li{	
	float:left;
	background:	url(/site/img/common/lin_bl.gif) repeat-y right	top;}
#fNav .inner ul	li a{
	font-size:108%;
	display:block;
	color:#FFF;
	padding:2px	22px 2px 28px;
	background:	url(/site/img/common/ico_fnav.gif) no-repeat 10px center;
	text-decoration:none;}
#fNav .inner ul	li a:hover{
	text-decoration:underline;}
	
/*navigation*/
#footer	.fSiteMap{
	padding-top:30px;
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;}
#footer	.fSiteMap a	div{
	display: inline;}
#footer	.fSiteMap ul{
	float:left;}
#footer	.fSiteMap ul.set1{	
	width:320px;}
#footer	.fSiteMap ul.set1 .contact{	
	margin:10px 0 0 3px;}
#footer	.fSiteMap ul.set2{
	width:120px;}
#footer	.fSiteMap ul.set3{
	width:150px;}
#footer	.fSiteMap ul.set4{
	width:185px;}
#footer	.fSiteMap ul ul,
#footer	.fSiteMap ul ul	ul{
	float:none;}

#footer	.fSiteMap ul li{
/*	font-weight:bold;*/
	color:#33333;
	margin:0 5px 8px 0;}
#footer	.fSiteMap ul.set4 li{
	margin:0 5px 4px 0;}
#footer	.fSiteMap ul li	ul li{
	font-weight: normal;
	margin:0 5px 0 10px;}
#footer	.fSiteMap ul li	ul li ul li{
	margin:0 5px 0 10px;}
#footer	.fSiteMap ul li	a{
	color:#333333;
	display:block;
	text-decoration:none;
	padding:0 0	0 10px;
	line-height:1.6;
	background:url(/site/img/common/a_cursor02.gif) no-repeat	0 center;}
#footer	.fSiteMap ul li	ul li a{
	display: inline;
	padding:0 0	0 10px;
	line-height:1.5;
	background:url(/site/img/common/a_cursor02.gif)	no-repeat 0	center;}
#footer	.fSiteMap ul li	ul li ul li	a{
	background:url(/site/img/common/a_cursor03.gif)	no-repeat 0	center;}
#footer	.fSiteMap ul li	a:hover{
  color:#4ECBBB;
	text-decoration:underline;}



/*------------------------------------------ End */