/* ===== Universal Reset ===== */

*{
	margin: 0px;
	padding:0px;
	background-repeat: no-repeat;
}

/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
}

img {
	border: 0px;
}

em {
	color: #FF0000;
	font-style: normal;
}

hr {
	display: none;
	clear: both;
}

.st {
	font-weight: bold;
}

.gray {
	color: #666666;
}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: blue;}
a:active {color: blue;}

/* ===== Head Area ===== */

#head-base {
	height: 150px;
	background-image:url(../images/heade_bg2.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
}

#head {
	height: 150px;
	padding-left: 15px;
	background-image:url(../images/heade_bg1.gif);
	width: 700px;
}

#head h1 {
	margin-right: 4px;
	float: left;
}

#head h1 a {
	font-size:1px;
	text-indent:-9999px;
	width:233px;
	height:129px;
	background-image:url(../images/btn_header_logo.gif);
	display:block;
	overflow:hidden;
	margin-bottom: -30px;
}

#head ul.head-menu{
	height: 15px;
	position: absolute;
	top: 3px;
	right: 3px;
	list-style:none;
	float: right;
}

#head .head-menu li{
	float: left;
	margin-left: 0px;
} 

#head .head-menu li a{ 
	text-indent:-9999px;
	text-decoration:none; 
	background:url(../images/head_menu.gif);
	display:block; 
	overflow:hidden;
}

#head .head-menu .menu1 a{background-position:0px 0px; width:36px; height:15px;}
#head .head-menu .menu2 a{background-position:-36px 0px; width:63px; height:15px;}

#head ul{
	list-style:none;
}

#head li{
	margin-left: 11px;
	float: left;
} 

#head li a{ 
	text-indent:-9999px;
	text-decoration:none; 
	background:url(../images/btn_gnavi_menu.gif);
	display:block; 
	overflow:hidden;
}

#head .head-menu1 a{background-position:0px 0px; width:77px; height:104px;}
#head .head-menu2 a{background-position:-89px 0px; width:77px; height:104px;}
#head .head-menu3 a{background-position:-180px 0px; width:77px; height:104px;}
#head .head-menu4 a{background-position:-269px 0px; width:79px; height:104px;}
#head .head-menu5 a{background-position:-359px 0px; width:79px; height:104px;}

#head .head-menu1 a:hover{background-position:0px -150px; width:77px; height:104px;}
#head .head-menu2 a:hover{background-position:-89px -150px; width:77px; height:104px;}
#head .head-menu3 a:hover{background-position:-180px -150px; width:77px; height:104px;}
#head .head-menu4 a:hover{background-position:-269px -150px; width:79px; height:104px;}
#head .head-menu5 a:hover{background-position:-359px -150px; width:79px; height:104px;}

#head .head-menu1hov a{background-position:0px -150px; width:77px; height:104px;}
#head .head-menu2hov a{background-position:-89px -150px; width:77px; height:104px;}
#head .head-menu3hov a{background-position:-180px -150px; width:77px; height:104px;}
#head .head-menu4hov a{background-position:-269px -150px; width:79px; height:104px;}
#head .head-menu5hov a{background-position:-359px -150px; width:79px; height:104px;}

#head hr{
	width:900px
}

#head .stop{
	width:900px
}
/* ===== foot Area ===== */

#foot-bg {
	height: 30px;
	background-repeat: repeat-x;
	clear: both;
}

#foot {
	font-size:10px;
	color: #FFFFFF;
	background-color: #007DBF;
	padding-top: 15px;
	padding-left: 24px;
	clear: both;
}

#foot p.foot-menu {
	margin-bottom: 15px;
	float: left;
	white-space: nowrap;
}

#foot p.link {
	margin-left: 20px;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
	float: left;
	margin-bottom: -10px;
	margin-top: -10px;
}

#foot p.link img {
	margin-bottom: 3px;
}


#foot address {
	font-style: normal;
	clear: both;
	padding-bottom: 15px;
	white-space: nowrap;
}

#foot address a {
	text-decoration: none
}

#foot iframe {
	visibility: hidden;
}

#foot a:link {color: #FFFFFF;}
#foot a:visited {color: #FFFFFF;}
#foot a:hover {color: #FFFFFF;}
#foot a:active {color: #FFFFFF;}