@charset "utf-8";

/******************************************************************************

                Copyright (c) オフィスワン All Rights Reseaved.

******************************************************************************/

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
pre,form,fieldset,input,textarea,table,th,td,img{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}
h1,h2,h3,h4,h5,h6,th{
	font-size:100%;
	font-style:normal;
	margin:0;
	padding:0;
	font-weight:normal;
	}
a   { border:none;}
img { border:none; vertical-align:top;}

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

.clearfix:after,
.unit:after,
#banner:after,
#contents:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/* IE用 */
.clearfix,
.unit,
#banner,
#contents{ zoom:1;}

/*-------------------------------------------------------------------------
	body
-------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
	background:#CCB397;
	}
body{
	min-width:965px;
	color:#33281A;
	text-align:center;
	font-size:14px;
	font-family: "HGPｺﾞｼｯｸM", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;

/*
	font-family: "HGPｺﾞｼｯｸM", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/

	background:#EEE7D9 url(../img/base/bg.jpg) no-repeat top right;
	}
a         { color:#000; text-decoration:underline;}
a:visited { color:#000; text-decoration:underline;}
a:hover   { color:#CC6C33; text-decoration:none;}
a:active  { color:#CC6C33; text-decoration:none;}

/*-------------------------------------------------------------------------
	header
-------------------------------------------------------------------------*/

#header{ width:100%; height:150px; margin-bottom:40px; background:url(../img/base/header.png);}
#header div{ position:relative; width:965px; height:150px; margin:0 auto;}
#header h1,
#header p{ position:absolute; top:16px; left:0;}
#header ul{
	position:absolute;
	top:34px;
	left:160px;
	width:775px;
	height:80px;
	padding-left:30px;
	background:url(../img/base/menu/menu.png) repeat-x;
	}
#header li{ float:left; margin-right:30px; list-style-type:none;}

#heading{ width:100%; height:190px; margin-top:-40px; background:url(../img/base/heading.png) no-repeat;}
#heading h1{ width:950px; margin:0 auto; padding:55px 0 0 15px; text-align:left;}

/*-------------------------------------------------------------------------
	content,contents
-------------------------------------------------------------------------*/

#content { background:#fff; border-top:1px solid #CCB397;}
#contents{ width:965px; margin:0 auto; padding:25px 0; text-align:left; line-height:1.5;}

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

#main{ float:left; width:700px;}
.unit{ margin:15px 0 25px;}

dl#contact{ width:640px; text-align:center;}
#contact dt{ padding:6px 0 4px; background:#33281A; color:#DDBB7B; font-weight:bold; font-size:1.15em;}
#contact dd{ padding:8px 12px; border:1px solid #33281A;}
#contact dd strong{ display:block; width:100%; font-size:1.35em;}
#contact dd p span{ display:block; width:100%; font-size:1.25em; font-weight:bold;}

div#contact p{ font-weight:bold; font-size:1.15em;}

/*-------------------------------------------------------------------------
	right
-------------------------------------------------------------------------*/

#right{ float:right; width:240px;}
#right h2{ margin-top:20px;}
#right div p{ margin:20px 0 10px; font-size:0.8em;}

/*-------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------*/

#footer{ clear:both; width:100%; background:#CCB397; color:#33281A;}
#footer h2{ padding:3px 0;}

.pagetop{ margin-bottom:20px; padding-bottom:3px; background:#fff; border-bottom:2px solid #EEE7D9;}
.pagetop p{ width:965px; margin:0 auto; text-align:right;}

.thumbSlider{ height:130px; margin-bottom:20px; padding-top:10px; background:#33281A;}
.thumbSlider p{ color:#CCB397; font-size:0.9em;}
.thumbSlider li{ list-style-type:none;}

#thumb li{ width:75px; height:98px;}
#thumb li img{ width:65px; height:98px; padding-right:10px;}

#title li{ display:none; color:#CCB397;}
#title li.on{ display:block;}
#title li.dn{ display:none;}

address{ padding:15px 0; font-style:normal; font-weight:bold; font-size:0.9em;}

/*-------------------------------------------------------------------------
	jcarousel
-------------------------------------------------------------------------*/

.jcarousel-container{
	width:600px;
	height:98px;
	margin:0 auto 10px;
	padding:0;
	}
.jcarousel-direction-rtl{
	direction:rtl;
	}
.jcarousel-container-horizontal{
	padding:0 32px 0 42px;
	}
.jcarousel-clip{
	width:600px;
    overflow:hidden;
	}
.jcarousel-clip-horizontal{
    height:98px;
    padding:0;
	}
.jcarousel-item{
    width:75px;
    height:98px;
	}
.jcarousel-item-horizontal{
	padding:0;
	}
.jcarousel-direction-rtl .jcarousel-item-horizontal{
	margin:0;
	}
.jcarousel-next-horizontal{
    position:absolute;
    top:37px;
    right:0;
    width:32px;
    height:32px;
    cursor:pointer;
    background:url(../img/jcarousel/next-horizontal.png) no-repeat 0 0;
	}
.jcarousel-direction-rtl .jcarousel-next-horizontal{
    left:5px;
    right:auto;
    background:url(../img/jcarousel/prev-horizontal.png);
	}
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus{
    background-position: -32px 0;
	}
.jcarousel-next-horizontal:active{
    background-position: -64px 0;
	}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active{
    cursor:default;
    background-position:-96px 0;
	}
.jcarousel-prev-horizontal{
    position:absolute;
    top:37px;
    left:0;
    width:32px;
    height:32px;
    cursor:pointer;
    background:transparent url(../img/jcarousel/prev-horizontal.png) no-repeat 0 0;
	}
.jcarousel-direction-rtl .jcarousel-prev-horizontal{
    left:auto;
    right:5px;
    background:url(../img/jcarousel/next-horizontal.png);
	}
.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus{
    background-position:-32px 0;
	}
.jcarousel-prev-horizontal:active{
    background-position:-64px 0;
	}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active{
    cursor:pointer;
    background-position:-96px 0;
	}

