@charset "UTF-8";

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

	default style sheet

	Author and Copyright
		Author: morilabo (http://www.morilabo.net/

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

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	*font-size: small;	/* IE7およびIE6標準準拠モードに適用 */
	*font: x-small;		/* IE6後方互換モードに適用 */
	font-family: 'メイリオ', Meiryo, sans-serif;
	background-color: #554630;
	text-align:center;
}

body#top {
	background: url("/common/images/bg_sky_top.jpg") no-repeat center top;
}

body#sub {
	background: url("/common/images/bg_sky_sub.jpg") no-repeat center top;
}

table {
	font-size: inherit;
	font-size: 85%;
}

select,
input,
textarea {
	font-size: 85%;
}

img {
	margin: 0px;
	border: 0px;
}

/* FxでFlashをクリックしたときに出る点線を消す */
object {
	outline: none;
}

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

	universal selector

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

* {
	margin: 0;
	padding: 0;
	color: black;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
}

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

	structure module

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

body {
}

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

	text module

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

h1 {
	position: absolute;
	width: 321px;
	height: 27px;
	left: 0;
	top: 55px;
	color: white;
	font-size: 100%;
	font-weight: bold;
	background:url(/common/images/header_logo.png) 0 0 no-repeat;
	text-indent: -9999px;
}

h2 {
	position: relative;
	height: 110px;
	border-bottom: 1px dotted #e3d4bd;
	padding-left: 0em;
	clear: both;
	margin: 2em 30px 4em 30px;
	font-size: 152%;
}

h2 span {
	position: absolute;
	bottom: 0;
	font-size: 100%;
	color: #584332;
}

h2#news {
	font-size: 100%;
	border: 0;
	margin: 1em 0 3em 0;
	padding: 0;
	height: 1em;
}

h2#services { 
	background:url(/common/images/h2_bg_services.jpg) top right no-repeat;
	text-indent:-9999px;
}

h2#company { 
	background:url(/common/images/h2_bg_company.jpg) top right no-repeat;
	text-indent:-9999px;
}

h2#recruit { 
	background:url(/common/images/h2_bg_recruit.gif) top right no-repeat;
}

h2#contact { 
	background:url(/common/images/h2_bg_contact.gif) top right no-repeat;
}

h2#puchishop { 
	background:url(/common/images/h2_bg_puchishop.gif) top right no-repeat;
	text-indent:-9999px;
}

h3 {
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 100%;
	border-left: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #584332;
}

h3.style0 {
	border-left: 0;
	padding-left: 0;
}

h3.style1 { 
	background: url(/common/images/h3_bg_style1.jpg) top left no-repeat;
	border: 1px solid #e1ddd0;
	line-height: 100%;
	padding: 16px 5px 13px 13px;
}

h4 {
	border-left: 2px solid #4ca471;
	clear: both;
	margin-bottom: 1em;
	padding-left: 1em;
	font-weight: bold;
}

p {
	font-size: 92%;
	text-indent: 1em;
	margin: 0 0 1em 0;
}

div.caption,
p.caption {
	margin: 0px;
	padding: 0px 0px 0px 2em;
	font-size:80%;
	text-indent:-1em;
}

sup {
	vertical-align: text-top;
}

blockquote {
	margin: 1.5em 30px 1.5em 1em;
	padding-left: 2em;
	border-left: 2px solid #ccc;
}

blockquote p {
	text-indent: 0;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	text-indent: 0;
}

a			{ text-decoration: none; }
a:link		{ color: #7aba23; }
a:visited	{ color: #568318; }
a:hover		{ text-decoration:underline; color: #7aba23; }
a:active	{ color: #7aba23; }

a img.wakulink	{
	border:3px solid #e1d1b8; margin:0px; _margin:0px;
}
a:link:hover img.wakulink {
	border:3px solid #7aba23;
}
a:visited:hover img.wakulink {
	border:3px solid #568318;
}

.red		{ color: #990000; }
.bold		{ text-weight: bold; }
.sml		{ font-size: 77%; }

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

	list style module

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

ul,
ol,
dl {
	margin: 1em 0em 1em 2em;
	padding: 0;
}

li,
dt,
dd {
}

ul {
	list-style-type: disc;
}

ul.style0 {
}

ul.style0 li {
	background-image: url(/common/images/list_style0.png);
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	padding: 0em 0em 0em 1.5em;
	margin-top: 0em;
	list-style-type: none;
}

td ol, 
td ul,
td ul.style0 {
	margin-left: 2em;
}

td ol li, 
td ul li,
td ul.style0 li {
	line-height: 1.5em;
}

ul.style1 {
	margin: 3em 0 0 2em;
	list-style-type: none;
}

ul.style1 li {
	width: 400px;
	background: url(/common/images/list_style1.jpg) no-repeat left top;
	margin: 0.5em 0 0.5em 0em;
	font-size: 122%;
}

ul.style1 li a {
	display:block;
	background-position: left top;
	height: 75px;
	margin: 0;
	text-decoration: none;
}

ul.style1 li a span {
	display:block;
	color: #584332;
	height: 75px;
	line-height: 63px;
	padding: 0 0 0 2.5em;
}

ul.style1 li a:hover span {
	background: url(/common/images/list_style1.jpg) no-repeat left -75px;
	color: white;
}

#top_body dl {
	margin: 0;
	font-size: 100%;
}

#top_body dl dd {
	margin-bottom: 1em;
}

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

	form module

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

form {
	margin: 0;
	padding: 1em;
}

textarea {
	padding: 8px;
}

fieldset {
	border: none;
}

legend {
	border-bottom: 2px solid #c00;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 100%;
}

input,
textarea {
	border: 1px solid #ccc;
	padding: 4px;
	border-radius:5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input:hover,
textarea:hover {
	border: 1px solid #999999;
}

input:focus,
textarea:focus {
	border: 1px solid #2daebf;
}

input.submit {
	margin: 0;
	padding: 0.4em;
	border-width: 1px;
	border-style: solid;
	border-color: #acd094 #43612f #43612f #acd094;
	background: #4f8b2a url(/common/images/button_basic_bg.gif) 0px top;
	text-decoration: none;
	font-weight: normal;
	font-family: 'メイリオ', Meiryo, sans-serif;
	color: white;
}

input.submit:hover {
	border-color:#cbe69b #78a82d #78a82d #cbe69b;
	background: #91d427 url(/common/images/button_basic_bg_f2.gif) 0px top;
	color: white;
	text-decoration:none;
}

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

	table module

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

table {
	margin:1em 1em 1em 1em;
	padding:0px;
	border-collapse:collapse;
	border-color:#cdb085;
}

th,
td {
	padding: 4px;

}

th {
	border: 1px dotted #cdb085;
	margin: 0px;
	padding: 5px 10px;
	background-color: #cccccc;
	text-align: center;
	color: #333333;
	font-size: 92%;
	line-height: 1.5em;
}

td {
	border:1px dotted #cdb085;
	margin:0px;
	padding:5px 10px;
	text-indent: 0em;
	line-height: 1.3em;
	font-size: 100%;
}

tr.even td {
	background: #f8f4ee;
}

caption {
	text-align:left;
	padding:3px 0px;
	font-weight: bold;
}

thead th {
	background-color:#b3c7d2;
	color: #182727;
	border:1px dotted #ffffff;
}

th.center, td.center { text-align: center; }
th.right, td.right { text-align: right; }
th.left, td.left { text-align: left; }
th.bottom, td.bottom { vertical-align: bottom; }

td p { line-height: 1.5em;}
td ul, td ol { margin-top:0; margin-bottom: 0; }

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

	layout module

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

#container {
	text-align: center;
}

#header {
	width: 950px;
	height: 420px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#contents_container {
	background: url(/common/images/bg_ground.png) bottom repeat-x;
	margin: 0px;
	background-color:#4ca471;
}

#contents {
	position: relative;
	background: url(/common/images/contents_bg.png) 0 0 no-repeat;
	background-color: white;
	width: 850px;
	/*height: 300px;*/
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 5em 0;
	text-align: left;
	color: #ffffff;
}

#contents_body {
	width: 560px;
	margin: 0 0 0 60px;
	font-size: 122%;
}

#top_body {
	width: 790px;
	margin: 0 0 0 30px;
	font-size: 100%;
	padding-top: 10em;
}

#contents_body_puchishop {
	width: 590px;
	margin: 0 0 0 30px;
	font-size: 122%;
}

#contents_body dl#info {
	margin: 1em 0 0 0;
	padding: 0;
}

#contents_body dl#info dt {
	float:left;
	clear: both;
	width: 6em;
}

#contents_body dl#info dd {
	margin-left: 6em;
}

#footer_container {
	background: url(/common/images/footer_bg.jpg) center top no-repeat;
	background-color: #554630;
	margin: 0px;
	height: 350px;
}

#footer {
	width: 950px;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-size: 77%;
}

#footer #menu {
	margin: 120px 0 0 0;
	float: left;
	width: 630px;
	text-align: left;
}

#footer #menu * {
	color: #d5bd98;
}

#footer p.title {
	border-bottom: 1px dotted #7B6A4F;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 0;
	text-align: left;
	text-indent: 0;
	text-weight: bold;
}

#footer #menu ul#ctg1 {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}

#footer #menu ul#ctg1 li {
	width: 60px; 
	float: left;
	margin: 0;
	padding: 1em 0 0 1em;
	border-left: 1px dotted #7B6A4F;
}

#footer #menu ul#ctg2 {
	margin: 0;
	padding: 1em 0 0 0;
	list-style-type: none;
}

#footer #menu ul#ctg2 li {
	width: 80px; 
	border: 0;
	padding: 0 0 0 0;
}

#footer #storelink {
	float: left;
	width: 280px;
	color: #d5bd98;
	margin: 120px 0 0 40px;
	text-align: left;
}

#footer #storelink * {
	color: #d5bd98;
}

#footer #storelink dl#st {
	margin: 1em 0 0 0;
	padding: 0;
}

#footer #storelink dl#st dt {
	float:left;
	clear: both;
	width: 36px;
	margin-right: 10px;
	margin-bottom: 0.5em;
}

#footer #storelink dl#st dd {
	float:left;
	width: 234px;
}

/* contact.html */

dl.contact {
	margin: 0;
	padding: 0;
}

dl.contact dt {
	font-size: 85%:
	width: 8em;
	float: left;
	clear: both;
}

dl.contact dd {
	margin-left: 8em;
	margin-bottom: 1.5em;
	font-size: 85%:
}

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

	header module

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

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

#header p {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 219px;
	height: 27px;
	top: 55px;
	left: 731px;
	text-indent:-9999px;
	background:url(/common/images/header_powered.png) 0 0 no-repeat;
}

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

	global navigation module

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

#gnav {
	float:left;
	width:100%;
	height:80px;
	line-height:normal;
	margin: 0;
	font-size: 122%;
}

#gnav ul {
	margin:0;
	padding:0 0 0 65px;
	list-style:none;
}

#gnav li {
	display:inline;
	margin:0;
	padding:0;
	color:#3c1202;
}

#gnav li#current {
	float:left;
	background:url("/common/images/globalnav_left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	height:80px;
}

#gnav li#current span {
	float:left;
	display:block;
	background:url("/common/images/globalnav_right.png") no-repeat right top;
	padding:25px 45px 4px 35px;
	color:#945000;
	height:55px;
}

#gnav a {
	float:left;
	background:url("/common/images/globalnav_left.png") no-repeat left -80px;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;
	height:80px;
}

#gnav a span {
	float:left;
	display:block;
	background:url("/common/images/globalnav_right.png") no-repeat right -80px;
	padding:20px 45px 4px 30px;
	color:#3c1202;
	height:60px;
}

#gnav a:hover span {
	color: #3c1202;
	padding-top:15px;
}

#gnav a:hover {
	background-position:0% -160px;
	cursor: pointer;
}
#gnav a:hover span {
	background-position:100% -160px;
}

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

	sub navigation module

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

#subnav {
	position: absolute;
	top: 300px;
	left: 650px;
	width: 240px;
	line-height: normal;
	margin: 0;
	padding: 0;
	font-size: 114%;
}

#subnav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style:none;
}

#subnav li a {
	display: block;
	background: url("/common/images/subnav.png") no-repeat left -50px;
	padding-left: 1em;
	color: #3c1202;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
}

#subnav li a:hover {
	display:block;
	color: #3c1202;
	cursor: pointer;
	text-decoration: underline;
}

#subnav li strong {
	display:block;
	background:url("/common/images/subnav.png") no-repeat left top;
	width: 200px;
	padding-left: 3em;
	height:50px;
	line-height: 50px;
	color: #945000;
}

#subnav #calendar {
	width: 180px;
	font-size: 82%;
}


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

	footer module

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

#footer p {
	padding-top: 100px;
	text-align: center;
	margin: 0 0 8em 0;
	color: #ffffff;
}

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

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

	Contents module

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

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

img a {
}

 
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */