@charset "UTF-8";

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

body {
   margin:0px;
   padding:0px;
   line-height:1.6;                              /* 基本の行の高さ        */
   letter-spacing:1px;                           /* 基本の文字間          */
   font-family:Verdana, Helvetica, sans-serif;
   font-size:20px;                               /* 基本の文字サイズ      */
   color:#FFFFFF;                                /* 基本の文字色          */
   background:#000000;

   background-image: url("img/back001.png");     /* 全体の背景画像 */
   background-repeat: no-repeat;                 /* 背景を繰り返さない */
   background-position: center 0px;              /* 背景画像の位置は画面中央 */
   background-attachment:fixed;                  /* 背景画像を固定する */

}

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:300px;

   border:0px;
   opacity: 0.5;
}
#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;
}
/* ====== 左側コンテンツ ============*/
#sub {
   float:left;
   width:440px;
   padding:10px;
   background-color: rgba(0,0,0,0.7);

   border:0px;
}

#sub ul {
   margin:10px 0 0 10px;
   padding:0 0 0 40px;
}
#sub ul li {
   padding:5px 0 0 20px;
   list-style:url(img/sunder01.png) outside;
}

#sub ol {
   margin:10px 0 0 10px;
   padding:0 0 0 30px;
   counter-reset:li;
}
#sub ol li {
   list-style:none;
   position:relative;
   padding:5px 0 5px 30px;
}
#sub ol li:before {
   content:counter(li);
   counter-increment:li;

   position:absolute;
   left:-30px;
   width:30px;
   color:0x000000;
   background:url(img/sunder02.png) no-repeat;
   text-align:center;
}
/* ====== 左側コンテンツ ============*/
#sub2 {
   float:left;
   width:910px;
   padding:10px;
   background-color: rgba(0,0,0,0.7);

   border:0px;
}


/* ====== 右側コンテンツ ============*/
#main {
   float:right;
   width:440px;
   padding:10px;
   background-color: rgba(0,0,0,0.7);

   border:0px;
}

#main ul {
   margin:10px 0 0 10px;
   padding:0 0 0 40px;
}
#main ul li {
   padding:5px 0 5px 20px;
   list-style:url(img/sunder01.png) outside;
}

#main ol {
   margin:5px 0 0 5px;
   padding:0 0 0 20px;
   counter-reset:li;
}
#main ol li {
   list-style:none;
   position:relative;
   padding:5px 0 5px 20px;
}
#main ol li:before {
   content:counter(li);
   counter-increment:li;

   position:absolute;
   left:-20px;
   width:30px;
   height:30px
   color:0x000000;
   background:url(img/sunder02.png) no-repeat;
   text-align:center;
}


#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 5px 40px;
   background-image:url(img/blackbird01.png);
   background-repeat:no-repeat;
   font-size:20px;
   text-decoration:none;
}

#pageTop a:hover {
   text-decoration:underline;
}

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

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

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