@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background:white;
	font-size:74.5%;
	font-family:verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"lr oSVbN","MS PGothic",Sans-Serif;
	color:white;
	line-height:1.5;
	background-color : #FFFFFF;
}

html {
	overflow-y:scroll;
}

P {
	margin:0 0 1em;
  font-size : 15px;
  letter-spacing : 0px;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/
a {
text-decoration: none;
}

a {
	color:#8986FF;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:760px;
	margin:0px auto 0;
	background-color : #FFFFFF;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	/*margin-bottom:10px;*/
	background:#333;
}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:760px;
	margin-bottom:15px;
	padding:0px;
	background:#333;
;}

#footer ul {
	margin:0 auto 5px;
	text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid white;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
	margin-bottom:0;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:760px;
	float:left;
	margin-bottom:0px;
	/*background:url(img/bg.gif) repeat-y;*/
}


/* __main
------------------------------------------*/

#main {
/*--	float:right;  --*/
	width:760px;
/*--padding:10px; --*/
	background:#C0CDD4;
	color:black;
	}

#main a {
	color:blue;
}

font#submsg {
	font-size:44%;
	color:#444;
	font-weight:700;
}


/* __sub
------------------------------------------*/

#sub {
	float:left;
	width:180px;
	padding:10px;
	background:#ffffff;
	/*background-image:url(blue_p7b.gif)*/
	
;}


#layer_base {
position: relative; /* 基準となる位置 */
width:50px; /* 基準の幅 */
height: 180px; /* 基準の高さ */
}

#layer_1 {
	position: absolute; /* 基準からの相対位置 */
	top: 10px; /* 上からの位置 */
	left: 16px; /* 右からの位置 */
	width: 154px;
	height: 93px;
}

#layer_2 {
	position: absolute; /* 基準からの相対位置 */
	top: 110px; /* 下からの位置 */
	left: 16px; /* 右からの位置 */
	width: 158px;
	height: 113px;
}


#layer_base1-1 {
position: relative; /* 基準となる位置 */
width:50px; /* 基準の幅 */
height: 180px; /* 基準の高さ */
}

#layer_1-1 {
	position: absolute; /* 基準からの相対位置 */
	top: 14px; /* 上からの位置 */
	left: 15px; /* 右からの位置 */
	width: 170px;
	height: 141px;
}


#layer_base1-2 {
position: relative; /* 基準となる位置 */
width:50px; /* 基準の幅 */
height: 180px; /* 基準の高さ */
}

#layer_1-2 {
	position: absolute; /* 基準からの相対位置 */
	top: 6px; /* 上からの位置 */
	left: 15px; /* 右からの位置 */
	width: 170px;
	height: 141px;
}


/*__#sub h3 {
	margin-bottom:5px;
	font-size:100%;
	letter-spacing:1px;
}

#sub ul {
	margin:0 0 20px;
	padding:5px;
	background:#333;
	border:1px solid #e0ffff;
}

#sub ul li {
	padding:5px 10px;
}
---*/





/* ドロップダウンメニュー */
/* Basic code - don't modify */

/* Basic code - don't modify */
 
#nav 
{
	display: block;
 	margin: 0;
 	padding: 0;
	position: relative;
	z-index:10;
}

#nav li
{ 
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 152px;
}

#nav a
{
	display: block;
}

#nav ul
{
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}

* html #nav ul{ line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 152px; }
#nav ul ul { left: 153px; }

/* Everything else is theming */
 
#nav { background-color: #3585E5; height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: #5E5A5A; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #5E5A5A; }
      #nav ul a.hover { background-color: #3585E5; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav li { _margin-bottom: -1px; }
*:first-child+html  #nav li { margin-bottom: -1px; }