@charset "utf-8";

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

	smile navigator CommonElements

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

html {
	background: transparent url(../img/bg.jpg) repeat top left;
}

body {
	font-size: 100%;
	line-height: 160%;
	font-family: Arial,Helvetica,sans-serif;
	color: #262f32;
	background: transparent url(../img/bg.jpg) repeat-x top center;
	text-align: center;
}

a:link { text-decoration:underline; color: #238db9;}
a:visited { text-decoration:underline; color: #238db9;}
a:active { text-decoration:none; color: #238db9;}
a:hover { text-decoration:none; color: #238db9;}

#container {
	margin: 0 auto;
}


/* ------------------------------------

	Header要素

------------------------------------ */
#header {
	margin: 0 0 14px 0;
	width: 100%;
	height: 327px;
	background: transparent url(../img/head_bg.jpg) repeat-x top center;
	position: relative;
	text-align: left;
}

#header h1 {
	width: 912px;
	height: 462px;
	margin: 0 auto;
	text-align: center;
}

#header h1 a {
	width: 912px;
	height: 462px;
	display: block;
}



/* ------------------------------------

	Wrapper要素

------------------------------------ */
#wrapper {
	width: 912px;
}


#wrapper ul.menu{
	text-align:center;}

#wrapper ul.menu li{
display:inline-block;
/display:inline;
/zoom:1;}

#wrapper ul.menu li.first-child{
	padding-right: 25px;
}

#wrapper .bookmark{
	width: 626px;
	height: 156px;
	margin: 20px auto;
	position:relative;
	background: transparent url(../img/home_bookmark_bg.jpg) no-repeat top left;
	}

#wrapper .bookmark h2{
	position: absolute;
	top: 12px;
	left: 216px;
	}
#wrapper .bookmark p{
	position: absolute;
	top: 40px;
	left: 139px;
	width: 455px;
	text-align: left;
	}
	
#wrapper .bookmark dl{
	position: absolute;
	top: 85px;
	left: 139px;
	width: 455px;
	text-align: left;
	}


#wrapper .bookmark ul{
	
	width: 455px;
	text-align: left;
	line-height: 130%;
	}

#wrapper .bookmark ul li.first-child a{
	background: transparent url(../img/home_tri_orange.jpg) no-repeat 0 2px;
	color: #f29d00;
	padding-left: 12px;
	}

#wrapper .bookmark ul li.last-child a{
	background: transparent url(../img/home_tri_green.jpg) no-repeat 0 2px;
	color: #9abb3b;
	padding-left: 12px;
	}

/* ------------------------------------

	Footer要素

------------------------------------ */
#footer {
	margin: 30px auto 0 auto;
	padding: 20px 0 0 0;
	width: 860px;
	text-align: left;
	background: transparent url(../img/line01.gif) repeat-x top left;
}



#footer ul#h_nav {
	text-align: center;
}

#footer ul#h_nav li {
	display:inline-block;
	padding-right:1em;
	/display:inline;
	/zoom:1;
}



#footer ul#h_nav li a {
	padding: 0 0 0 15px;
	height: 11px;
	display: block;
	background: transparent url(../img/h_nav_sitemap.gif) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
}

#footer ul#h_nav li a:hover {
	text-decoration: underline;
}

#footer ul#h_nav li.first-child a {
	padding: 0 0 0 19px;
	background: transparent url(../img/h_nav_contact.gif) no-repeat 0 1px;
}
#footer ul#h_nav li.last-child a {
	padding: 0 0 0 17px;
	background: transparent url(../img/h_nav_site.gif) no-repeat 0 1px;
}



#footer p {
	width: 860px;
	height: 43px;
	background: transparent url(../img/copyright.jpg) no-repeat top center;
	text-indent: -9999px;
	text-align: center;
	margin: 15px 0 0 0;
}