@charset "UTF-8";

@import "font-style.css";
@import "layout.css";

html { overflow-y:scroll; }

body {
   margin:0;
   padding:0;
   line-height:1.6;       /* 行間 */
   letter-spacing:1px;   /* 文字間 */
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color: #000;
   background: #fff url("../img/sky.jpg") no-repeat center fixed;
   /* 背景センター固定 */
}


/* リンク設定 */

a {
   color:#393;
   text-decoration:none;
}

a:hover {
   color:#393;
   text-decoration:none;
}

img { border:0; }

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



/* ------ レイアウト ------ */

#top {
   width:1000px; /* menu幅に合わせています */
   margin:0 auto;
   background-color: rgba(255,255,255,0.5); 
}
   /*　#top＝一番外の枠　*/


#header { padding:15px 0px 0 0px; }


#header img{  /* --- ロゴマーク --- */
   float:left;
   margin:0px;
}

#header h1 { 
   font-size:24px;
   line-height:46px; /* ロゴの高さと同じ */
}

/* ------ #headerここまで ------ */

#header h1 {
   float:right;
   color:#666;
   font-size:12px;
   line-height:3px;  /* ロゴの高さと同じ */
   padding:0 10px 0 0;
}


#menu ul {
   margin:10px 0 15px;
   padding:0;

}

#menu li {
   float:left;
   font-weight:bold;
   text-align:center;
   list-style-type:none;
   border:2px solid #393;
   width:100px;  /* 121+2+2=125px、125×6個=全体幅750px */
}

#menu li a {
   display:block;
   padding:10px 0;
   color:#fff;
   background-color: #393;
}

#menu li a:hover {
   color:#393;
   background:none;
}

/* ------ #menuここまで ------ */

/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   clear:both;
   visibility:hidden;
}



/* #contents{  } */

/* ------ #contents内 ------ */


#headImage {
   text-align:center;
   margin-bottom : 10px;
}

#main {
  width: 750px;
  margin-bottom : 10px;
}

/* ------ #contents END ------ */



/* ------ #main hタグ他------ */


#main h2 {
   margin-bottom:8px;
   padding:2px 5px;
   color:#d32f2f;
   font-size:18px;
   font-weight:bold;
   border-bottom:3px double #535D57;
}


#main h3 {
   margin-bottom:3px;
   padding:3px 5px;
   font-size:14px;
   color:#fff;
   background:#393; 
}


#main h4 {
   margin-bottom:2px;
   padding:1px 5px;
   font-size:13px;
   color:#393;
   border-bottom:2px solid #999;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   font-size:13px;
   border-left:8px solid #999;
}

#main h6 {
   margin-bottom:2px;
   padding-left:5px;
   font-size:13px;
}

#main p{ margin:1em 1em 2em 1em;}

#main iframe{ margin-right:1em;
              margin-bottom:1em;} /* アクセスMAP */


/* ------ #footer ------ */

#footer {
   margin:10px auto;
   display:block;
   clear:both;
   border-top:3px double #535D57;
}

.pageTop {
   float:left;
   margin:10px 5px;
   text-align:left;
   font-size:11px;
}

.pageTop a {
   padding:0 3px;
}

.pageTop a:hover {
   border-bottom:1px solid #393;
}

.copyright {
   float:right;
   margin:10px 5px;
   font-size:11px;
}
      

.a-box{
        text-align: center;
        padding: 1px; 
        margin: 0 auto;
        width:300px;
        }


/*fieldset_CSS 枠の点線*/

 
.fieldset1{
        width: 750px;
        padding: 8px 19px;
        margin: 0 auto;
        color: #000000;
        background: #FFFFFF;
        border-top: solid 5px #faaf64;
        border-bottom: solid 5px #faaf64;
            
/*P_CSS ｴﾝﾄﾘｰﾌｫｰﾑの内容*/
 
/*background-gradient記入枠*/
background:-moz-linear-gradient(top,#5F5F25,#7F7F0B);
background:-webkit-linear-gradient(top,#FFC, #E3E371);
}

.fieldset2{
        padding: 8px 19px;
        margin: 1em 0;
        color: #000000;
        background: #FFFFFF;
        border: solid 2px rgb(204, 207, 1);
        -webkit-border-radius: 10px;/* for Safari and Chrome */
        -moz-border-radius: 10px; /* for Firefox */
        -o-border-radius: 10px; /* for opera */
        -ms-border-radius:10px;
        border-radius: 10px;
        -moz-box-shadow: 2px 2px 3px 1px #666;
        -webkit-box-shadow: 2px 2px 3px 1px #666;
            
/*P_CSS ｴﾝﾄﾘｰﾌｫｰﾑの内容*/
 
/*background-gradient記入枠*/
background:-moz-linear-gradient(top,#5F5F23,rgb(187, 187, 17));
background:-webkit-linear-gradient(top,#FFC, rgb(221, 221, 78));
}

.contact{
        width: 750px;
        padding: 8px 19px;
        margin: 0 auto;
        color: #000000;
        background: #FFFFFF;
        border-top: solid 5px #faaf64;
        border-bottom: solid 5px #faaf64;
        /*P_CSS ｴﾝﾄﾘｰﾌｫｰﾑの内容*/

        /*background-gradient記入枠*/
        background:-moz-linear-gradient(top,#5F5F25,#7F7F0B);
        background:-webkit-linear-gradient(top,#FFC, #E3E371);
}

/*display: inline-blockは要素を横並びに出来る*/
p span {
display: inline-block;
/*IE用スターハック(消すとずれる*/ 
*display: inline;
*zoom: 1;
width: 150px;
/*設問*/ 	
text-align:justify;
padding-right:1em;
margin:1px;
}
/*記入欄*/
p input, select, textarea, button {
padding:8px 10px;
margin:1px;
color:#000000;
border:none;
/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
background:#faf0e6;
-webkit-box-shadow: 2px 3px 5px -2px #100F0F inset;
-moz-box-shadow: 2px 3px 5px -2px #CCC inset;
box-shadow: 2px 3px 5px -2px #CCC inset;
/*角丸にする*/
	
        border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
}
 p label input {

        margin-right:0.5em;
}
 /* p  textarea {
	
        color:#ED0303;

	font-size:12px;

	font-weight:normal;

} */
P sup{color:#ED0303;
}

/* 縦中央 */
.tbl_cell {
/* display: table-cell; */
vertical-align: middle;
}

/* エントリー・お問い合わせ */
.btn3, .btn4 {
    width: 200px;
    display: inline-block;
}
     
/* .btn3 {
    background-color: blue;
}

.btn4{
    background-color: red;
} */

.btn3 {
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    font-size:14px;
    font-weight:bold;
    background: #3452fd;
    color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgb(14, 16, 140);  /* :横方向 縦方向 ぼかし (広がり) 影の色 (影の向き); */
}

.btn4 {
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    font-size:14px;
    font-weight:bold;
    background: #d32f2f;
    color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #8C0E27;  /* :横方向 縦方向 ぼかし (広がり) 影の色 (影の向き); */
}

.btn3:hover{
    background: rgb(30, 65, 182);
} 

.btn4:hover {
    background: #A1233C;
}

.btn3:active, .btn4:active {       /* クリック時の設定 */
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    box-shadow:none;
}

/* お問い合わせフォーム　レイアウト */
table.formTable{
    width:100%;
    margin:0 auto;
    border-collapse:collapse;
}
table.formTable td,table.formTable th{
    border:1px solid rgb(151, 149, 149);
    padding:10px;
}
table.formTable th{
    width:30%;
    font-weight:normal;
    background:#e9e76f;
    text-align:left;
}
table.formTable td{
    background: #fff;
}
p.error_messe{
    margin:5px 0;
    color:red;
}