@charset "utf-8";

/*
 Share Style
----------------------------------------------------------- */

body {
	font-size:.8em;
	line-height: 1.5;
	background:#cc3333 url(img/bg01.gif) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック" ,sans-serif;
	color:#222;
}

html {
	overflow-y:scroll;
}
	
/* font */

p {
	margin: 0 0 1em;
}

a img { 
	border:0;
}

textarea,select,input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
}

h1, 
h2 {
	margin:0;
	padding:0;
}

h1 {
	float:left;
	width:480px;/* 場合により調節 */
}

h2 {
	text-align:center;
	margin:15px 0 0;
}

h3 {
	background:url(img/bar_back.gif) no-repeat 0 0;
	height:22px;
	color:white;
	font-size:14px;
	line-height:22px;
	margin:0;
	padding:0 0 0 15px;
	font-weight:normal;
}
	
#TopLink li h3 { 
	margin:0 0 15px;
	background:none;
	height:auto;
	padding:0;
	font-size:0;
	line-height:0;
}

h3#Greeting {
	background:none;
	height:24px;
	margin:0;
	padding:0 0 .5em 10px;
}

h4 {
	clear:both;
	margin:0 0 20px;
	padding:15px 0 0 40px;
	background: url(img/point.gif) no-repeat 10px 80%;
	line-height:2;
	letter-spacing:.1em;
	font-size:120%;
	color:#4d3626;
	border-bottom:1px dotted #b69872;
}

h5 {
	font-size:100%;
	margin:0 0 1em;
	text-indent:.5em;
	color:#4d3626;
}

#body {
	width: 780px; 
	border: #4D3626 1px solid;
	background-color:#fff;
	text-align:left;
	margin: 0px auto;
}

#wrapper {
	margin: 0px auto;
	text-align:center;
}

#header{
	background-image:url(img/h-bg.gif);
	background-repeat:repeat-x;
	padding: 12px 0px 12px 0px;
	height:74px;
}

#contents {
	padding:10px 14px 14px;
}

#left {
	margin: 10px 0px 0px 0px;
	float:left;
	width: 185px;
	text-align:center;
}

#right {
	margin: 10px 0px 0px 0px;
	float:right;
	width: 560px;
}

.leftcontents {
	padding: 10px;
}

#footer {
	background: url(img/f-bg.gif) repeat-x top;
	padding: 17px 0 0;
	text-align:right;
	margin: 0px;
	clear:both;
	height:29px;}
	
/* E topic link */

.menu ul,
.menu ul li,
.s-menu ul,
.s-menu ul li{
	margin:0;
	padding:0;
	list-style:none;
}


.menu {
	float:right;
	width: 250px;
	margin: 0px;
	height:30px;
	background: url(img/url.gif) no-repeat 0% 100%;/* URLの位置を調節 */
	padding: 0 0 30px;
}
	
.menu li{
	float: right;
	display: inline;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
}

.menu li a { 
	display:block;
	height:27px;
}

.menu li.navi01 a { background-image: url(img/m-01.gif); width: 75px;}
.menu li.navi02 a { background-image: url(img/m-02.gif); width: 80px;}
.menu li.navi03 a { background-image: url(img/m-03.gif); width: 80px;}

/* menu */

.s-menu{
	width: 175px;
	margin: 0px 5px;
	padding: 0px;
	text-align: center;
}

.s-menu ul li{
	float: left;
	display: inline;
	text-indent:-9999px;
	/*\*/ overflow: hidden;
	margin:0 0 10px;
}

.s-menu li a {
	display: block;
	width: 175px;
	height:36px;
}

.s-menu li.menu01 { 
	background: url(img/m-04_hover.gif);}

.s-menu li.menu01 a{
	background: url(img/m-04.gif);}

.s-menu li.menu01 a:hover{
	background:none;}

.s-menu li.menu02 {
	background: url(img/m-05_hover.gif);}

.s-menu li.menu02 a {
	background: url(img/m-05.gif);}

.s-menu li.menu02 a:hover {
	background:none;}

.s-menu li.menu03 {
	background: url(img/m-06_hover.gif);}

.s-menu li.menu03 a{
	background: url(img/m-06.gif);}

.s-menu li.menu03 a:hover {
	background:none;}

.s-menu li.menu04{
	background: url(img/m-07_hover.gif);}

.s-menu li.menu04 a{
	background: url(img/m-07.gif);}

.s-menu li.menu04 a:hover { 
	background:none;}

.s-menu li.menu05 {
	background: url(img/m-08_hover.gif);}

.s-menu li.menu05 a{
	background: url(img/m-08.gif);}

.s-menu li.menu05 a:hover { 
	background:none;}
	
.s-menu li.menu06 {
	background: url(img/m-09_hover.gif);}

.s-menu li.menu06 a{
	background: url(img/m-09.gif);}

.s-menu li.menu06 a:hover { 
	background:none;}
	
.s-menu li.menu07 {
	background: url(img/m-10_hover.gif);}

.s-menu li.menu07 a{
	background: url(img/m-10.gif);}

.s-menu li.menu07 a:hover { 
	background:none;}
	
.s-menu li.menu08 {
	background: url(img/m-11_hover.gif);}

.s-menu li.menu08 a{
	background: url(img/m-11.gif);}

.s-menu li.menu08 a:hover { 
	background:none;}

.s-menu li.menu09 a { height:25px;
 background: url(img/m-12.gif);}

.request{
	margin-top:7px;
}



/* LAYOUT
--------------------------------------------- */

/* class */
.clear { clear:both;}

.img_r {
	float: right;
	vertical-align:top;
	margin:0 0 5px 5px;
}

.img_l {
	float: left;
	margin:0 5px 5px 0;
	vertical-align:top;
}

.p_right { 
	text-align:right;
}

/* 戻る */
.return {
	text-align:right;
	margin:15px 0 15px;
	clear:both;
}

.return a:link {
	background:#ff6600;
}

.return a:visited {
	background:#ff6600;
}

.return a:hover {
	background:#99ff66;
}

.return a:active {
	background:#ff6600;
}

/* address */
#Address {
	background-color:#FFE4CA;
	border: #cbd6db 1px solid;
	margin: 15px 0;
	padding: 10px 5px 10px 10px;
	color:#333;
	clear:both;
}

#Address ul,
#Address ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#Address p {
	margin:0;
}

#Address em { 
	color:#cc3300;
	font-size:140%;
	font-weight:bold;
	font-style:normal;
}

#Address ul {
	margin:0.5em 0;}

/* layout
-------------------------------------------------- */

/* gbvy[W */
#rightTop { /* topのみ */
	margin: 10px 0;
	float:right;
	width: 560px;
}
	
#TopLink { 
	margin:0;
	padding:0;
}

#TopLink li {
	float:left;
	margin:0 2px;
	display:inline;
	padding: 0;
}

/*  greeting.html
------------------*/

.name { /* 代表者 */
	text-align:right;
	margin:30px 15px 15px;}
	
#CompanyInfo { 
	width:500px;
	margin:15px auto 0px;
	border-collapse:collapse;
}

#CompanyInfo th , #CompanyInfo td {
	border:1px solid #999;
	padding: 5px 10px;
}

#CompanyInfo th {
	white-space: nowrap;
	vertical-align: top;
	background:#FFD9D9;
}


#CompanyInfo td ul , #CompanyInfo li {
	list-style:none;
	margin:0;
	padding:0;
	}
/* access.html 
------------------*/
#access dt{
	font-weight:bold;
	color:#CC0000;
}

#access dd{
	margin:0 0 1em 1em;
}

#map ,#map2 { 
	width:500px;
	height:300px;
	border:1px solid #555;
	margin:15px auto 10px;
}

#map span { 
	color:#333;
}

/* privacy.html
------------------*/
#Privacy ul {
margin:0;
padding:0;
}

#Privacy ul li {
	list-style:none;
	margin:0 0 0 1.5em;
}

#Privacy dl { 
	margin:0 0 0 1.5em;
}

#Privacy dl dd { 
	margin:0 0 1em 0;
}

#Privacy h4 {
	margin:20px 0 5px 0;
	background:none;
	font-weight:bold;
	padding:0;
}

/* inquiry.html 
------------------*/
#Inquiry h4 { 
	background:none;
	border:none;
	padding:0;
	margin:30px 0 15px;
}

#Inquiry li { 
	margin: 0 0 5px 20px;
	list-style:outside square;
}

#InfoTel { 
	margin:30px 0 20px;
	color:#666;
	width:500px;
	border:1px solid #dcdcdc;
	padding:5px;
}
	
#InfoTel dl {
	margin:0;
	padding:0;
}
#InfoTel dt {font-weight:bold;}
#InfoTel dd {
	display:inline;
	margin:0;
	list-style:none;
	padding:0;
}

#InfoTel p {
	margin:0 0 0 20px;
}

/* mailform */
table#MailForm {
	border-collapse:separate;
	border-spacing:1em;
	margin:1em 0 0 0px;
}

table#MailForm th { 
	width:120px;
	border-right:5px solid #f2f2f2;
	font-weight:normal;
}

table#MailForm th, 
table#MailForm td { 
	padding:5px 5px 5px 10px;
}

table#MailForm td textarea {
	width:300px;
}

table#MailForm td input {
	width:200px;
}
table#MailForm td li{
display:inline;
float:left;
list-style:none;}
table#MailForm td li input {
width:20px;
}
/* input */
.inputarea {
	margin-left:300px;
}

.inputarea li {
	display:inline;
}

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

#infomation {
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	border-left: 1px solid #CC0000;
	padding: 1em;
}