@charset "utf-8";
body, div, ul, li, table, tr, td, th{margin:0px; padding:0px;}

ul, li{list-style:none;}

html, body
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 350;
	color: #e5e5e5;
	font-size: 17px;
	background: #272A33;
}

#wrap {
	width:100%;
	position: relative;
}

#header {
	width:100%;
	background:#000;
	height:134px;
	z-index: 1000;
}

#logo{
	padding:30px 0;
	text-align:center;

	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 600;
	font-size: 35px;
	color:#d3d3d3;
}

.navi_bg{
	background:#222;
}

.nav {
	height:35px;
	list-style: none;
	width:840px;
	margin:auto;
	background: #222;
	font-size: 15px;
	color:#fff;
}

.topnav{
	text-align:center;
	width:100px;
	height:15px;
	cursor:pointer;
	font-weight:bold;
}

.topnav:hover{
	color:#d3d3d3;
}

.navi_set{
	float: left;
	padding:10px;
	position: relative;
}

#contents{
	width:900px; margin:auto;
	padding: 30px 1px 2px 3px;

}

#contents div{
	margin:10px 0;
}

#top_mar{
	height:134px;
}

#contents img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

 #footer { 
	color: #FFD9EC;
	opacity:0.6; background-color:#000000;
    position: fixed; right: 0px; bottom: 0px; width: 100%;  text-align:center; font-size: 15px; 
	z-index: 1000;
  }

a:link {text-decoration: none; color: #FFD9EC;}
a:visited {text-decoration: none; color: #FFD9EC;}
a:active {text-decoration: none; color: #FFD9EC;}
a:hover {text-decoration: underline; color: #FFD9EC;}



#phone {
       clear:both;
       position: absolute;
       width: 200;
       height: 50px;
       float: right;
       top: 95px;
       right: 50px;
       overflow: hidden;
	font-size: 15px;
	color: #FF4949;
	font-weight: normal !important;

}
#phone a {
	display: block;
	float: left;
	margin:0px 10px 2px 0px;
	padding:0 0 0 20px !important;
	font-size: 15px;
	color:#FF4949;
	text-decoration: none;
	text-transform:none;
}
#phone a:hover {
	text-decoration: underline;
	background: none;
}


     label { 
         display: block; 
         margin-top: 20px; 
         letter-spacing: 2px; 
     } 
     form { 
         margin: 0 auto; 
         width: 459px; 
     } 
     input, textarea { 
         width: 439px; 
         height: 27px; 
         background-color: #efefef; 
         border-radius: 6px; 
         border: 1px solid #dedede; 
         padding: 10px; 
         margin-top: 3px; 
         font-size: 0.9em; 
         color: #3a3a3a; 
     } 
         input:focus, textarea:focus{ 
             border: 1px solid #97d6eb; 
         } 
     
     textarea{ 
         height: 60px; 
         background-color: #efefef; 
     } 
     #submit{ 
         width: 127px; 
         height: 48px; 
         text-align: center; 
         border: none; 
         margin-top: 20px; 
         cursor: pointer; 
     } 
     #submit:hover{ 
         color: #fff; 
         background-color: #216282; 
         opacity: 0.9; 
     } 
     #cancel { 
         width: 127px; height: 48px; 
         text-align: center; 
         border: none; 
         margin-top: 20px; 
         cursor: pointer; 
     } 
     #cancel:hover{ 
         color: #fff; 
         background-color: #216282; 
         opacity: 0.9; 
     }

    .modal { 
         position: fixed; 
         left: 0; 
         top: 0; 
         width: 100%; 
         height: 100%; 
         background-color: rgba(0, 0, 0, 0.5); 
         opacity: 0; 
         visibility: hidden; 
         transform: scale(1.1); 
         transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; 
		 font-size: 16px; 
		 z-index: 1000;
     } 
     .modal-content { 
         position: absolute; 
         top: 50%; 
         left: 50%; 
         transform: translate(-50%, -50%); 
         background-color: white; 
         padding: 1rem 1.5rem; 
         width: 600px; 
         height: 450px; 
         border-radius: 0.5rem; 
     } 
     .close-button { 
         float: right; 
         width: 1.5rem; 
         line-height: 1.5rem; 
         text-align: center; 
         cursor: pointer; 
         border-radius: 0.25rem; 
         background-color: lightgray; 
     } 
     .close-button:hover { 
         background-color: darkgray; 
     } 
     .show-modal { 
         opacity: 1; 
         visibility: visible; 
         transform: scale(1.0); 
         transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; 
     } 

.trigger {
    width:150px;
    background-color: #f8585b;
    border: none;
    color:#fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px;
    cursor: pointer;
    border-radius:10px;
}

.trigger:hover {
    width:150px;
    background-color: #f8585b;
    border: none;
    color:#fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px;
    cursor: pointer;
    border-radius:10px;
}