@charset "utf-8";

/* ====== 基本的な設定 ================================================== */
html {
   overflow-x:scroll;
   overflow-y:scroll;
}

body {
   font-size:20px;                               /* 基本の文字サイズ      */
   color:#FFFFFF;                                /* 基本の文字色          */
   background:#000000;
   font-family:Verdana, Helvetica, sans-serif;
}
br {
   letter-spacing:normal;
}

a {
   color:#FFFFFF;                                /* リンク先の文字色      */
   text-decoration:none;                         /* リンク先装飾なし      */
}

a:hover {
   text-decoration:underline;                    /* リンク先装飾あり      */
}

img {
   border:0;                                     /* 枠線なし              */
   vertical-align:bottom;                        /* 位置あわせ            */
}

h1,h2,h3,h4,h5,h6 {
   margin: 0;
}
/* ====== レイアウト別の設定 ============================================ */
#top {                                           /* 全体枠                */
   width:960px;
   margin:0 auto;
}
/* ====== ヘッダーの設定 ================================================ */
#header {
   width:960px;
   height:100px;

   border:0px;
}
#header img {
   position:absolute;
   border:0px;
}
/* ====== フッターの設定 ================================================ */
#footer {
   width:960px;
   clear:both;
   text-align:center;
   padding:10px 0;

   border:0px;
}

#footer img {
   border:0px;
}

#footer .copyright {
   font-size:12px;
}
/* ====== コンテンツの設定 ============================================== */
#contents {
   width:940px;
   margin:0;
   padding:10px;
   border:0px;
}

/* ====== メールフォーム用 ============*/
#contact {
   padding: 10px;
   margin-bottom: 15px;
   color: #FFFFFF;
}
#contact ul {
   padding:0;
   margin:0
}
#contact ul li {
   list-style:none;
   margin:0px;
   padding:10px;
/*
   border-top: 2px solid #FFFFFF;
*/
   font-size: 18px;
}

#contact ul li:first-child {
   border-top:none;
}
#contact ul li span {
   width: 150px;
   margin:0px;
   display:block;
   float:left;
}
#contact ul li div {
   width: 700px;
   margin:0px;
   display:block;
   float:left;
}
#contact ul li:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
#contact ul li label .txtfiled1 {
	width:400px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
    font-size: 18px;
}
#contact ul li label .txtfiled2 {
	width:700px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
    font-size: 18px;
}

#contact ul li input[type="submit"] ,
#contact ul li input[type="reset"] ,
#contact ul li input[type="button"] {
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	font-size:18px;
	font-weight: bold;
	width:187px;
	padding: 5px 0;
	margin-right:0.5em;
	border-style:none;
	color: #000000;
}
#contact ul li input[type="submit"]:hover ,
#contact ul li input[type="reset"]:hover ,
#contact ul li input[type="button"]:hover {
	opacity: 0.8;
	font-size:18px;
}

/* タイトル装飾 */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* メッセージ */
p.msg {
	color: #ffffff;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}