@charset "UTF-8";
/* COMMON CSS */

/**** ============================================================================= ****/
/**** clearfix ****/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;}

/**** reset css ****/
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
html {background-color: transparent; background-image: none;}
/**** ============================================================================= ****/

.pc_none {display: none;}
.sp_none {display: none;}

.center {text-align: center;}

.coral {color: coral;}

/**** body ****/
body{font-size: 15px; color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.contents_wrap {width: 1000px; margin:  0 auto 100px auto; padding-top: 120px;}


/**** パンくず ****/
ol.bred_list {margin-bottom: 40px;}
ol.bred_list li {display: inline-block; color: #666; font-size: 12px;}
ol.bred_list li a { color: #666; text-decoration: none;}
ol.bred_list li a:hover { color: coral;}
ol.bred_list li .point { margin: 0 ;}


/**** コンテンツ ****/
.main{width: 1000px; margin: 0 auto; padding-top: 0px; text-align: center;}
.main section.left_cnt{ width: 250px; float: left; padding: 0 20px; box-sizing: border-box;}
.main section.right_cnt{width: 750px; float: left; padding: 0 20px; box-sizing: border-box;}

h2.tittle {color: #333; font-weight: bold; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-size: 70px; vertical-align: middle; margin:0 auto 15px auto; border-bottom: solid 1px #333; display: inline-block;}
h2.tittle2 {color: #333; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 20px;margin:0 auto 30px auto;}

p.content_text { margin-bottom: 60px; font-size: 16px;}



/**** header ****/
header {width: 100%; height: 83px; margin: 0 auto 5px auto; padding: 13px 0px 15px 0px; border-bottom: 4px solid #eee; position: fixed; background-color: #fff; z-index: 999;}
header h1 {font-size:12px; font-weight: normal; margin-bottom: 25px; float: left;}
header .header_inner {width: 1000px; margin: 0 auto; vertical-align: middle;}
header .logo a {width: 200px; float: left; margin: 0 100px 0 0; text-decoration: none; vertical-align: middle;}
header .logo a img.logo_b {width: 100%;}
header ul.G_navi {font-size: 23px; margin:0; list-style: none; font-family: 'Open Sans Condensed'; float: right; vertical-align: middle;}
header ul.G_navi li{ display: inline-block; margin-right: 45px; text-align: center; line-height: 0.73em;}
header ul.G_navi li:last-child{margin-right:0px;}
header ul.G_navi li .small{ font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
header ul.G_navi li a {color:#555; text-decoration: none;}
header ul.G_navi li a:hover {color: coral;}
header ul.G_navi li a.active {color: coral;}

header .h_top .h_tel {float: right; vertical-align: middle;}
header .h_top .h_tel p {float: left; font-size: 12px; margin-right: 8px; vertical-align: middle;}
header .h_top .h_tel .tel_b { width: 170px; float: left; vertical-align: middle; margin-right: 20px; }
header .h_top .h_tel .mail_b { width: 25px; float: left;  vertical-align: middle; margin-top: -5px;}
header .h_top .h_tel a:hover .mail_b { opacity: 0.8;}


/**** footer ****/
footer {width: 100%; margin: 0 auto; padding: 30px 0; font-size: 11px; text-align: center; color: #555; background-color: #eee; background: url("/common/img/gradient_squares.png")repeat; background-size:60px auto; border-top: solid 1px #ddd;}
footer .logo  {width: 150px; text-decoration: none; vertical-align: middle; margin: 0 auto 10px auto;}
footer .logo a img.logo_w {width: 100%; opacity: 0.8;}

footer ul.G_navi_f { margin-bottom: 20px; font-family: 'Open Sans Condensed';}
footer ul.G_navi_f li { font-size: 17px; display: inline-block; margin-right: 10px; text-align: center; border-right: solid 1px #aaa; padding-right: 10px;}
footer ul.G_navi_f li a { color: #444; text-decoration: none;}
footer ul.G_navi_f li a:hover { color: coral;}
footer ul.G_navi_f li:first-child {padding-left: 10px; border-left: solid 1px #aaa;}
footer ul.G_navi_f li:last-child {margin-right:0;}


footer .f_tel { width:195px; margin: 0 auto 25px auto; text-align: center;}
footer .f_tel .tel_b { width: 165px; float: ; vertical-align: middle; margin-right: 0px; margin-bottom: 0px; }
footer .f_tel .mail_b { width: 30px; float: ;  vertical-align: middle; margin-bottom: 10px;}
footer .f_tel a:hover .mail_b { opacity: 0.8;}

/**** トップへ戻るボタン ****/
#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}