@charset "Shift_JIS";

/*================================================
	1. 基礎
================================================*/
* {
margin: 0;
padding: 0;
}
/*------------------------------------------------
	全体の背景・文字・画像
------------------------------------------------*/
body {
margin : 20px 0;
color: #333;
font-size: 80%;
font-family: "メイリオ", Meiryo, arial;
line-height: 150%;
text-align: center;
background: #fff url("../images/bg.gif") repeat;
}
img { border: 0; }
br { letter-spacing : normal; }
ul,li { list-style: none; }
/*------------------------------------------------
	リンクテキスト
------------------------------------------------*/
a:link {
color: #ff0000;
text-decoration: none;
}
a:visited {
color: #999;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
/*------------------------------------------------
	見出し・段落
------------------------------------------------*/
h1{
margin: 1em 0 0;
padding-left: 20px;
color: #0000ff;
font-size : 120%;
font-weight: normal;
text-align: left;
}
h2 {
margin: 10px 0 5px;
padding-left: 1em;
font-size: 100%;
font-weight: normal;
text-align: left;
color: #666;
background: #fff url("../images/h2.gif") repeat;
}
p { padding: 0 0 5px; }
p img { vertical-align: middle;}
/*================================================
	2. コンテナ
================================================*/
#container {
margin: 0px auto; /* センタリング */
width: 600px;
height: auto;
text-align: left;
background-color: #fff;
}
/*------------------------------------------------
	ヘッダ
------------------------------------------------*/
#header {
margin: 0;
padding: 0;
background-color: #1e251e;
text-align: center;
}
/*------------------------------------------------
	メニュー
------------------------------------------------*/
#menu {
margin: 10px 0 0;
padding-right: 2em;
width: 100%;
}
#menu ul li {
float: left;
margin: 0;
list-style-type: none;
}
#menu ul li a {
display: block;
text-decoration: none;
height: 15px;
text-indent:-9999px;
overflow: hidden;
}
#menu ul li.menu1 a {
background: url(../images/menu1.gif) no-repeat;
width: 74px;
}
#menu ul li.menu2 a {
background: url(../images/menu2.gif) no-repeat;
width: 71px;
}
#menu ul li.menu3 a {
background: url(../images/menu4.gif) no-repeat;
width: 45px;
}
#menu ul li.menu4 a {
background: url(../images/menu5.gif) no-repeat;
width: 48px;
}
#menu ul li.menu5 a{
background: url(../images/response.gif) no-repeat;
width: 18px;
}
#menu ul li a:hover {
background-position: 0 -15px;
}
/*------------------------------------------------
	ページナビゲーション
------------------------------------------------*/
#navi ul{
padding: 2px 1em 0 0;
width: 100%;
text-align: right;
font-size: 80%;
}
#navi ul li {
	display: inline;
	margin-left: 5px;
}
#navi ul li a:link, #navi ul li a:visited {
	border-bottom: 1px solid #999;
	color: #999;
	text-decoration: none;
}
#navi ul li a:hover, #navi ul li a:active {
	border-bottom: 1px solid #000;
	color: #000;
	text-decoration: none;
}
/*------------------------------------------------
	フッタ
------------------------------------------------*/
#footer {
clear: both;
padding: 10px 0;
color: #fff;
text-align : center;
background-color: #1e251e;
}
/*------------------------------------------------
	トップ絵
------------------------------------------------*/
#e {
margin: 20px;
text-align: center;
}
/*------------------------------------------------
	インフォ
------------------------------------------------*/
.infoa {
padding-left: 3em;
float: left;
width: 260px;
height: 300px;
}
.infob {
float : left;
padding-left: 3em;
width: 260px;
height: 300px;
}
.infoc {
padding: 0 0 10px 1em;
text-align: left;
}
.infoa dt {
width: 5em;
font-weight: bold;
clear: left;
float: left;
}
.infoa dd {
margin-left: 5em;
zoom: 1; /* IE */
}
.infoc dt {
width: 5em;
font-weight: bold;
clear: left;
float: left;
}
.infoc dd {
margin-left: 5em;
zoom: 1; /* IE */
}
/*================================================
	3. ギャラリー
================================================*/
#body {
padding: 20px 10px;
width: auto;
text-align: center;
}
#body hr {
width: 100%;
height: 1px;
text-align: left;
border: none;
border-top: 1px #999 solid;
}
/*================================================
	4. 裏
================================================*/
#un {
padding: 20px 0 20px 2em;
color: #ccc;
font-size: 80%;
text-align: left;
}
/*================================================
	5. メルフォ
================================================*/
#mailbox {
clear: both;
padding: 20px 0 20px 120px;
width: auto;
text-align: left;
background: #fff url("../images/form.gif") repeat fixed;
}
#mailbox dt {
font-weight: normal;
}
#mailbox dd {
}
.form textarea {
width: 300px;
height: 100px;
}
.form textarea,.form input {
margin: 2px 0;
padding : 1px;
color: #000;
font-size: 10px;
font-family: "メイリオ", Meiryo, arial;
text-align: left;
border: 2px solid #666;
filter: alpha(style=0, opacity=70);
}
.button {
color: #fff;
font-size: 100%;
background-color: #000;
border: 2px solid #fff;
}