@charset "utf-8";

/*----------------------------------------------------
		clearfix

----------------------------------------------------*/
#header, #contents {
	min-height:1%;
	position:relative;
}
#header:after, #contents:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #header, * html #contents {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

/*----------------------------------------------------
	#container
----------------------------------------------------*/
div#container {
	width:1020px;
	margin: 0 auto;
	background:url(../images/common/bg01.gif) left top repeat-y #FFFFFF;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
div#header {
	height:82px;
	margin:0 10px;
	padding:15px 30px 0;
	text-align:left;
	border-top:5px solid #ffac00;
	background:url(../images/common/line.gif) bottom no-repeat;
}
div#menu {
	float:right;
	width:139px;
	margin-top:25px;
}
#menu li {
 float:left;
}
#menu li a {
	display:block;
	width:69px;
	height:15px;
/* for MacIE \*/
	overflow:hidden;
/* end MacIE */
	text-indent:-9999px;
}
#menu li.menu_jp a {
	padding-right:1px;
	background:url(../images/common/menu_jp.gif) left top no-repeat;
}
#menu li.menu_en a {
	background:url(../images/common/menu_en.gif) left top no-repeat;
}
#menu li.menu_jp a.on, #menu li.menu_jp a:hover,
#menu li.menu_en a.on, #menu li.menu_en a:hover {
	background-position:0 -15px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
div#contents {
	text-align:left;
	margin:0 10px;
	padding:20px 30px 0 28px;
}

/* main
------------------------------------------*/

div#main {
	width:720px;
	float:right;
}
#bread {
	font-size:10px;
	margin-bottom:16px;
}
#bread img {
	line-height:1;
	vertical-align:-1px;
}
h1 {
	margin-bottom:20px;
}
h2 {
	margin-bottom:28px;
}
h3 {
	margin:24px 0 10px 15px;
}
h4 {
	margin:18px 0 6px 15px;
	padding-left:16px;
	font-size:16px;
}
#main p {
	margin-left:15px;
}
.c_next {
	color:#f1d333;
}
.c_about {
	color:#a1c148;
}
.c_contact {
	color:#eb9cb7;
}
.pagetop {
	font-size:12px;
	margin:10px 0;
	text-align:right;
}
/* navi
------------------------------------------*/
#navi {
	float:left;
	width:205px;
	margin-top:1px;
}
#navi li {
	margin-bottom:2px;
}
#navi li a {
	display:block;
	width:205px;
	height:74px;
/* for MacIE \*/
	overflow:hidden;
/* end MacIE */
	text-indent:-9999px;
}
#navi li.navi01 a {
	background:url(../images/common/navi01.gif) left top no-repeat;
}
#navi li.navi02 a {
	background:url(../images/common/navi02.gif) left top no-repeat;
}
#navi li.navi03 a {
	background:url(../images/common/navi03.gif) left top no-repeat;
}
#navi li.navi04 a {
	background:url(../images/common/navi04.gif) left top no-repeat;
}
#navi li.navi05 a {
	background:url(../images/common/navi05.gif) left top no-repeat;
}
#navi li.navi06 a {
	background:url(../images/common/navi06.gif) left top no-repeat;
}
#navi li.navi01 a.on, #navi li.navi01 a:hover, 
#navi li.navi02 a.on, #navi li.navi02 a:hover, 
#navi li.navi03 a.on, #navi li.navi03 a:hover, 
#navi li.navi04 a.on, #navi li.navi04 a:hover, 
#navi li.navi05 a.on, #navi li.navi05 a:hover, 
#navi li.navi06 a.on, #navi li.navi06 a:hover {
	background-position:-205px 0;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
div#footer {
	height:40px;
	margin-top:25px;
	padding:10px 40px 0;
	background:url(../images/common/bg02.gif) left top no-repeat;
}
#footer p {
	float:right;
	padding:0 10px 0;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
}
#footer address,
#footer p {
	font-size:10px;
	line-height:1.1;
}
#footer a {
	text-decoration:none;
}
#footer a:link {
	color: #666666;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover {
	color: #ffac00;
	text-decoration: underline;
}
#footer a:active {
	color: #6bb3dd;
}