@charset "UTF-8";
/* CSS Document */


html {
	min-width: 906px;}

body {
	background: #EEE;}

/*======================================
Header										*/

#Header {
	height: 432px; 
	background: #000;
	position: relative; 
	z-index: 100;}

#Header #Header-Inner {
	width: 900px;
	height: 432px;
	margin: 0 auto;
	position: relative;}

#Header flash {
	width: 900px;
	height: 430px;
	position: absolute;
	top: 0px;
	z-index: 50;}

#Header #Logo {
	display: none;}


#Header #Adrs {
	width: 360px; 
	height: 40px;
	position: absolute; 
	top: 12px;
	left: 525px;
	background: url(../images/txtnavi.png) no-repeat;}

#Header #Adrs ul {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	padding-top: 9px;
	padding-left: 86px;}

#Header #Adrs ul li {
	width: 25px; 
	height: 22px;
	float: left;}

#Header #Adrs ul li a {
	display: block; 
	width: 22px;
	height: 22px;
	text-indent: -999px; 
	overflow: hidden;}


#Header #globalnav {
	list-style: none;
	width: 900px; 
	height: 50px;
	position: absolute;
	z-index: 70; 
	left: 0px; 
	bottom: -25px;
	cursor: pointer;}


#Header #globalnav li {
	float: left;}
	
#Header #globalnav li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;}
	
#Header #globalnav li a span {
	display: block;
	height: 50px;
	width: 100%; }

#Header #globalnav li.current a,
#Header #globalnav li a:hover {
	background-position: center bottom;}

#Header #globalnav li a:hover span {
	display: none;}

#Header #globalnav li#gn1 a { width: 124px; background-image: url(../images/gnavi1.png);}
#Header #globalnav li#gn2 a { width: 162px; background-image: url(../images/gnavi2.png);}
#Header #globalnav li#gn3 a { width: 149px; background-image: url(../images/gnavi3.png);}
#Header #globalnav li#gn4 a { width: 136px; background-image: url(../images/gnavi4.png);}
#Header #globalnav li#gn5 a { width: 148px; background-image: url(../images/gnavi5.png);}
#Header #globalnav li#gn6 a { width: 181px; background-image: url(../images/gnavi6.png);}





#Header #Adrs li#sizeM {
	background: url(../images/txtnavi-m_a.png) no-repeat;}

            

            
/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#globalnav ul.subnavi {
  padding: 3px 20px 3px 20px;
  margin: 0;
  list-style: none; }

#globalnav ul.subnavi li {
  float: left; }
  
#globalnav ul.subnavi li a {
/*  text-decoration: none;*/
  color: #000; }
  
#globalnav li a span {
  display: block;
  cursor: pointer; }

#globalnav span.hover {
  color: #fff; }
  
#globalnav i.hover {
  color: #069; }
  
#globalnav em.hover {
  color: #080; }

#globalnav ul ul ul a:hover {
  color: #080; }

#globalnav ul {
  display: none; }

#globalnav ul {
  position: absolute;
  left: 0;
  top: 56px;
  background: url(../images/bg_subnavi.png) left top repeat-y; }

#Header #Header-Inner #globalnav li#gn2 ul {
	width: 736px;
	left: 124px; }

#Header #Header-Inner #globalnav li#gn3 ul {
	background: url(../images/bg_subnavi2.png) left top repeat-y;
	width: 576px;
  left: 284px; }

#Header #Header-Inner #globalnav li#gn4 ul {
	background: url(../images/bg_subnavi3.png) left top repeat-y;
	width: 427px;
  left: 435px; }

#globalnav ul li {
  float: left;
  position: relative; }

#Header #Header-Inner #globalnav li ul.subnavi li a {
  display: inline;
  width: auto;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 25px;
  cursor: pointer;
  background-image: none;
  text-indent: 0px;
  color: #FFF; }
  
#globalnav ul ul {
  width: 130px;
  left: -1px;
  top: 30px; }

#globalnav ul ul li a {
  display: block;
  line-height: 20px;
  padding: 0 0 0 10px;
  width: 120px; }

#globalnav ul ul ul {
  left: 135px;
  top: 0; }

/*	Header
======================================
	Contents									*/

          
#Contents {
	width: 450px; 
	margin: 0 auto;
	padding: 72px 453px 0 3px;
	margin-bottom: 30px;
	background: #EEEEEE url(../images/shade_gn.png) center top no-repeat;
	position: relative;}

h2 {
	margin-bottom: 15px;}

#bnr_blog {
	margin-bottom: 5px;}

#btn_emergency {
	width: 229px; 
	height: 50px;
	float: left;}

#btn_intermediation {
	width: 220px; 
	height: 50px;
	float: left;}

#btn_emergency a,
#btn_intermediation a {
	display: block; 
	width: 220px;
	height: 44px;
	overflow: hidden;}



#Trend {
	 width: 448px;
	 height: 373px;
	 position: absolute; 
	 top: 80px;
	 right: 3px; 
	 background: url(../images/bnr_trend_top.png) left top no-repeat;
	 cursor: pointer;}

/*#Trend:hover {
	 background: url(../images/bnr_trend_top.png) left bottom no-repeat; }*/

#Topics {
	margin-bottom: 10px;}

#topicsInner {
	/*height: 98px;*/
	font-size: 110%;
	height: 120px;
	padding-bottom: 5px;
	padding-right: 5px;
	overflow: auto;}

#topicslist {
	width: 40px;
	position: absolute; 
	top: 77px;
	left: 410px;}

#topicslist a {
	font-size: 86%;
	display: block;
	text-align: right;
	background: url(../images/list.png) left center no-repeat;}


#List {
	font-size: 90%;}

#List dt {
	line-height: 120%;
	float: left;
	width: 4em;
	text-indent: 8px;
	background: url(../images/list.png) left center no-repeat;
	color: #666633;}

#List dd {
	margin-left: 6em;
	margin-bottom: 6px;
	line-height: 120%;
	_text-indent: -0.1em; }

#Header #TopImage {
	display: none;}

/*	Contents
======================================
	Footer									*/


#Footer {
	font-size: 84%;
	padding-top: 10px;
	background: #CCC url(../images/bg_footer.png) center top repeat-y;}

p#Footernavi {
	width: 900px;
	margin: 0 auto 0px auto;
	padding-bottom: 10px;
	border-bottom: #33363F dashed 1px;}

p#Copyright {
	text-align: center;
	margin: 0px 0px; 10px 0px;}


@media print {
	#Header #globalnav li a {
		text-indent: 0px;}
	#Header #TopImage {
		display: block;
		}
	#Header #Adrs,
	#Header #flash {
		display: none;}
	#Header #globalnav li#gn6 a { width: 180px;}
}