@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
 color: #333333;
 background-color: #2D94D9;
 background-image: -webkit-gradient(linear,left top,left bottom,from(#006699),to(#2D94D9));
 font-family: Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.6;
}

.global-header {
 padding: 10px 0 30px 0;
 background-color: #2D94D9;
 background-image: -webkit-gradient(linear,left top,left bottom,from(#006699),to(#2D94D9));
 text-align: center;
}

.section-heading {
 margin-bottom: 5px;
 padding-left: 20px;
 background: url(../img/heading.png) left center no-repeat;
 font-size: 16px;
}

.introduction {
 margin-bottom: 20px;
 font-size: 12px;
}

.require {
 padding: 3px;
 vertical-align: text-bottom;
 color: #FFFFFF;
 background-color: #CC0000;
 font-weight: bold;
 font-size: 11px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.contact-form {
 margin: -20px 10px 10px 10px;
 padding: 10px;
 border: 1px solid #FFFFFF;
 background-color: #ececec;
 background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#ECECEC));
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

.contact-form dl {
 margin-bottom: 20px;
}

.contact-form dt {
 font-weight: bold;
}

.contact-form dd {
 margin-bottom: 10px;
}

input {
 padding: 5px;
 width: 150px;
 font-size: 14px;
}

input[type="email"],
input[type="url"] {
 width: 250px;
}

input[type="radio"] {
 width: auto;
}

input[type="submit"] {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #FFFFFF;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700), to(#FF6600));
 font-size: 16px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;

}

.submit {
 text-align: center;
}

.contact-call {
 margin: 10px 0 20px 0;
 color: #fff;
 font-size: 12px;
 text-align: center;
}

.contact-call dl {
 margin-bottom: 10px;
}

.contact-call dt,
.contact-call dd {
 display: inline; 
}

.contact-call time {
 margin: 0 2px;
}

.call a {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 display: inline-block;
 color: #FFFFFF;
 background-color: #006699;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#66CC00), color-stop(48%, #66B400), color-stop(52%, #66A700), to(#669900));
 font-size: 16px;
 text-align: center;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

.global-footer {
 font-size: 12px;
 text-align: center;
}

.global-footer li {
 display: inline;
}

.global-footer a {
 margin: 0 3px;
 color: #fff;
}