@charset "UTF-8";
/* CSS Document */
html { overflow-y: scroll; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, p { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; text-align: left; }
img, abbr, acronym, fieldset { border: 0; }
li { list-style-type: none; }
img { vertical-align: middle; }
.line { font-size: 1px; line-height: 1px; }
* { margin: 0; padding: 0; }

/*--HTML5-----------------------------------------------------------*/
article, aside, details, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*--- default */
body { color: #555555; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 2.0; text-align: center; background: url(../img/common/bg_top.png) repeat-x 0 0; background-color: #FFFFFF; margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; }
a:focus { outline: none; }
a { color: #008ec1; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
a:hover img { filter: alpha(opacity=80); -ms-filter: alpha(opacity=80); opacity: 0.8; }
h1, h2, h3 { margin: 0; padding: 0; }

/*----------------------------------------------------
	margin set
----------------------------------------------------*/
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt40 { margin-top: 40px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgr20 { margin-right: 20px !important; }

/*----------------------------------------------------
	padding set
----------------------------------------------------*/
.pdt10 { padding-top: 10px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt30 { padding-top: 30px !important; }
.pdb5 { padding-bottom: 5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb13 { padding-bottom: 13px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl20 { padding-left: 20px !important; }
.pdr8 { padding-right: 8px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr30 { padding-right: 30px !important; }

/*----------------------------------------------------
	float set
----------------------------------------------------*/
.left { float: left !important; }
.right { float: right !important; }

/*----------------------------------------------------
	text align set
----------------------------------------------------*/
.txa_l { text-align: left !important; }
.txa_c { text-align: center !important; }
.txa_r { text-align: right !important; }

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

/*--layout----------------------------------------------------------*/
#wrapper { width: 100%; margin: 0 auto; padding: 0; }

/*--header----------------------------------------------------------*/
#header { min-width: 960px; }
#header header { margin: 0 auto; width: 960px; padding: 0; }
#header h1 { padding: 10px 0 0; font-size: 11px; color: #666666; font-weight: normal; line-height: 1.5; }
#header_wrap { overflow: hidden; margin: 0; padding: 0; }
#top_logo { text-align: left; margin: 5px  0 0; float: left; }
#top_coupon { text-align: right; margin: 0px  0 0; float: right; }

/*--g_navi----------------------------------------------------------*/
#g_navi { text-align: center; margin: 0 auto; width: 960px; padding: 0; }
#g_navi ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
#g_navi ul li { height: 53px; margin: 0; padding: 0; float: left; }
#g_navi ul li a { display: block; }

/*--sidebar----------------------------------------------------------*/
#side { float: right; width: 220px; margin: 0 0 20px 0; }
#side .banner { padding: 0 0 20px 0; }
.cal_ttl { margin: 0; background-color: #fdaf2a; color: #FFFFFF; text-align: center; padding: 10px 0; }

/*--footer-----------------------------------------------------------*/
#footer { background: url(../img/common/footer_bg.png) repeat-x 0 0; width: 100%; margin: 60px auto 0; overflow: hidden; }
#footer footer { margin: 0 auto; width: 960px; padding: 10px 10px 20px; overflow: hidden; height: auto; }
.f_navi { text-align: center; font-size: 13px; color: #FFFFFF; padding: 30px 0 15px; }
.f_navi a { color: #FFFFFF; }
.f_navi a:hover { text-decoration: underline; }
.f_logo { text-align: left; }

/*--contents----------------------------------------------------------*/
#contents { margin: 20px auto 0; overflow: hidden; max-width: 960px; height: auto; }
#main { overflow: hidden; float: left; width: 710px; margin: 0 0 0; }

#main_img { margin: 0 0 30px; padding: 0; }

#main h2 { margin: 0px 0 30px; }
#main p { margin: 0 0 0 5px; }
.staff_wrap { overflow: hidden; margin: 20px 0 0; text-align: left; }
.staff_01 { float: left; border: 1px solid #d4d4d4; padding: 7px 7px 10px; border-radius: 5px; width: 46%; }
.staff_02 { float: right; border: 1px solid #d4d4d4; padding: 7px 7px 10px; border-radius: 5px; width: 46%; }
.staff_ttl { font-size: 15px; }
.staff_ttl_blue { background-color: #107a90; padding: 5px; width: 70%; margin: 5px 0 10px; color: #FFFFFF; }
.staff_01 p, .staff_02 p { font-size: 13px; line-height: 1.8; }

.bt_contact { text-align: center; margin: 50px auto 0; }

.contact_txt { color: #333333; }
.contact_tel { font-size: 32px; color: #02afcc; }

.price { margin: 20px 0 40px; width: 700px; }
.price th { font-weight: normal; text-align: left; width: 250px; border-bottom: 1px solid #d4d4d4; padding: 7px 10px; }
.price td { width: 100px; text-align: right; border-bottom: 1px solid #d4d4d4; padding: 7px 10px;  }
.price tr:nth-child(odd) { background-color: #fffaf2; }

.contact_table { width: 700px; margin: 30px 0; }
.contact_table th { font-weight: normal; text-align: left; width: 25%; border-bottom: 1px solid #d4d4d4; padding: 7px 10px; }
.contact_table td { text-align: right; border-bottom: 1px solid #d4d4d4; padding: 7px 10px;  }
.contact_table tr:nth-child(odd) { background-color: #fffaf2; }

.w_700 { width: 700px; }
.w_340 { width: 340px; }
.f_size90 { font-size: 90%; }

.map { width: 690px; margin: 20px auto; }
.map iframe { border: 1px solid #d4d4d4; text-align: center; width: 100%; }

.red { color: #FF0000; }
.blue { color: #00afca; }
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
min-height: 80px; 
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:7px 60px;
background: #00afca;
border:0;
line-height:2.2;
font-size:16px;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #FFFFFF;
cursor:pointer;
color: #00afca;
border: 1px solid #00afca;
}

*:first-child+html input[type="submit"]{padding:3px;}