@charset "utf-8";
/* CSS Document */


/* Reset ------------------------------------------------------------------ */

:link,:visited {
    text-decoration: none;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

fieldset,img,abbr,acronym {
    border: 0;
} 

/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

q:before,q:after {
    content: '';
}

a {
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
}

a img,:link img,:visited img {
    border: none;
}

address {
    font-style: normal;
    display: inline;
}

/*hr {
	position: absolute;
	left: -9999px;
	top: -9999px;
}*/


/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }

.hidden,
hr {
	position: absolute;
	left: -9999px;
	display: block;
	top: -9999px;
}

.small {
	font-size: 80%;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Layout ----------------------------------------------------------------- */

body {
	background: url(design-image/bg-body.png) repeat-x left top #5D6567;
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
	font-size: 85%;
	line-height: 1.7;
	color: #000000;
	text-align:center;
}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#footer{
	background: url(design-image/bg-footer.png) repeat-x right top #000000;
}

#content{
	background: url(design-image/bg-container.png) no-repeat right top #FFFFFF;
}

#content-inner {
	background: url(design-image/bg-container-inner.gif) repeat-x left bottom;
}

#header, #content, #footer {
    position: relative;
}

#content-inner, #footer-inner {
    position: static;
}

#content-inner {
	padding: 40px 40px 60px;
	overflow: hidden;
}


/* Content ---------------------------------------------------------------- */

a:link, a:visited {
	text-decoration: none;
}
a:hover {
	color:#A59681;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

ol { list-style: decimal outside; }
ul { list-style: disc inside; }


/* Header */
#header {
	background: url(design-image/main.png) no-repeat left top;
	width: 900px;
	height: 534px;
}

#header * {
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
}

/* Footer */
#footer-inner {
	width:820px;
	margin:0 auto;
	text-align:left;
	background: #000000;
	color:#FFFFFF;
	padding:27px 40px 40px;
}

@media print {
    * {
        position: static ! important;
        overflow: visible ! important;
    }
}

/* Utilities -------------------------------------------------------------- */

#header:after,
#content:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#content-inner {
    height: 1%;
}

/* Custom Styles ---------------------------------------------------------- */

#season,
#service {
	margin-bottom: 35px;
}

#season,
#service,
#contact {
	position:relative;
}


#season div.left,
#service div.left {
	width: 410px;
}

#season div.left p {
	width: 397px;
	height:170px;
	text-indent: -9999px;
	background: url(design-image/p01.gif) no-repeat left top;
	margin-top:25px;
}

#season div.right,
#service div.right {
	width: 370px;
}

#service div.left h2 {
	margin-top: 25px;
}

#service div.left p {
	font-size: 90%;
}

#service div.right dl dt {
	padding: 15px 0;
}

#service div.right dl dd ul {
	font-weight: bold;
	padding-left: 3px;
	letter-spacing: -0.08em;
}

.h_contact {
	margin-bottom:25px;
}

#contact {
	width: 820px;
}

#contact ul {
	width: 828px;
	margin-right: -9px;
	list-style: none;
	padding:0;
	background: url(design-image/bg.gif) repeat-y left top;
}

#contact ul li {
	float: left;
	width: 198px;
	margin-right: 9px;
	color: #FFFFFF;
	display:inline;
}

#contact ul li#charges {
	width: 178px;
	padding: 20px 10px 3px;
	text-align:center;
}

#contact ul li#charges .info {
	width: 159px;
	height: 53px;
	text-indent: -9999px;
	background: url(design-image/p02.gif) no-repeat left top;
	margin: 15px auto 0;
	padding-bottom: 25px;
}

#contact ul li#charges p a {
	display: block;
	height: 49px;
	width: 172px;
	text-indent:-9999px;
	background: url(design-image/btn_archives.png) no-repeat left top;
}

#contact ul li#charges p a:hover {
	background: url(design-image/btn_archives.png) no-repeat left -49px;
}

#contact ul li dl {
	padding:3px 10px;
	line-height:1.2;
	font-size: 90%;
}

#contact ul li dl dt {
	font-weight: bold;
	letter-spacing: -0.08em;
}


#footer div.right {
	background:#312B23;
	padding: 10px 10px 0;
	width: 350px;
}

#footer div.right p {
	margin-bottom: 0.3em;
	line-height: 1.5;
}

#footer div.left ul {
	padding: 5px 10px;
	width: 370px;
	list-style-type: none;
	border-left:1px solid #A69782;
}

#contact a:hover img {
	background: #E9E1D3;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}