@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	background-color: #fff;
	width: 100%;
	height: 100%;
	overflow-y:scroll;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;}

body {
        text-align: center;
        font-family: Verdana, arial, helvetica, sans-serif;
	color: #666;
	font-size: 12px;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color: #666;
	text-decoration: none;}

a:hover { color: #9c0;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 2em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
	width: 920px;
        margin: 0 auto;
        text-align: left;}

/* HEADER
---------------------------------------------*/

#header {
	margin-bottom: 10px;
	padding: 22px 0 0 0;}

#logo { float: left;}

#headnavi {
	float: right;
	margin: 50px 0 0 0;}

#headnavi li {
	display: inline;
	color: #683421;}

#headnavi li a {
	margin: 0 15px;
	color: #683421;}

#headnavi li a:hover {text-decoration: underline;}


.menu {
	clear: both;
	position:relative; 
	height:45px; 
	width:920px;
	padding-top: 10px;
	background:url(../img/bg_navi.jpg) left bottom no-repeat;}

#menunavi {
	position:absolute;
	z-index:100;}

#menunavi li {
	float: left;
	text-indent: -9999px;
	margin: 8px 4px 0 12px;}

/* forIE6 */
* html #menunavi li { margin: 8px 5px 0 8px;}

#menunavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 31px;
	padding-top: 31px;
	background-image: url(../img/navi.gif);}


#menunavi li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}

.navi01 a {width: 55px; background-position: 0 0;}
.navi02 a {width: 88px; background-position: -48px 0;}
.navi03 a {width: 100px; background-position: -136px 0;}
.navi04 a {width: 135px; background-position: -236px 0;}
.navi05 a {width: 115px; background-position: -371px 0;}
.navi06 a {width: 96px; background-position: -486px 0;}
.navi07 a {width: 106px; background-position: -582px 0;}
.navi09 a {width: 81px; background-position: -688px 0;}

#slide {position:absolute; bottom:1px; height:4px; background:#9c0; z-index:10;}

/* forIE6 */
* html #slide { bottom:0; height:4px; line-height: 4px;}

/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	letter-spacing: 0.05em;}

#contents .leftbox {
	float: left;
	width: 690px;
	margin: 20px 0 0 20px;}

/* forIE6 */
* html #contents .leftbox { margin: 20px 0 0 10px;}

#contents .rightbox {
	float: right;
	margin: 20px 0 0 0;}

#contents .sec-leftbox {
	float: left;
	width: 720px;
	margin: 5px 0 0 0;}

#contents .sec-rightbox {
	float: right;
	margin: 10px 0 0 5px;}

.txth3 { padding: 10px 0 15px 0;}

/* MAIN
---------------------------------------------*/

#main {
	clear: both;}

.scd h2 { margin-bottom: 15px;}

.pagetop {
	clear: both;
	 text-align: right;}

/* RIGHTBOX
---------------------------------------------*/

#sidenavi li {
	width: 176px;
	margin: 0 8px 15px 0;
	text-indent: -9999px;}

#sidenavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 96px;
	padding-top: 96px;
	background-image: url(../img/sidebnr.jpg);}

.snavi01 a {background-position: 0 0;}
.snavi02 a {background-position: 0 -96px;}
.snavi03 a {background-position: 0 -192px;}

.snavi01 a:hover {background-position: -176px 0;}
.snavi02 a:hover {background-position: -176px -96px;}
.snavi03 a:hover {background-position: -176px -192px;}


/* FOOTER
---------------------------------------------*/


#footer { text-align: center;}

.footnavi { width: 920px;}

.footnavi li {
	display: inline;
	line-height: 1.8em;
	color: #999;}

.footnavi li a {
	margin: 0 3px;
	color: #999;}

.footnavi li a:hover {
	color: #9c0;
	text-decoration: underline;}

#copy {
	margin-top: 10px;
	padding: 10px 0 25px 0;
	color: #999;
	border-top: 1px dotted #ccc;}

/* CLEARFIX
---------------------------------------------*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */