@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%

//////////////////////////////*/


/*************************************************
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#444;position: relative;height: 100%;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			font-weight:normal;font-style: normal;
			font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif, source-han-serif-japanese,serif;}


a         {color: #7cda1f;text-decoration:none;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}/*hover ゆっくり変わる#7cda1f#3cab38#009AFF*/
a:link    {color: #7cda1f;text-decoration:none;}/*明るい緑#7cda1f 緑#3cab38 オレンジ#ff9900　ピンク#7cda1f*/
a:visited {color: #7cda1f;text-decoration:none;}/*#7cda1f;#2B7D28*/
a:active  {color: #7cda1f;text-decoration: underline;}/*#7cda1f;*/
a:hover   {color: #7cda1f;text-decoration: underline;}/*#7cda1f*/

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;text-align: center;width: 100%;height: 100%;background:#fff;}
#load-text {position: absolute;font-size: 72%;color: #444;text-align: center;width: 100%;top: 50%;margin-top: -40px;padding-top:40px;display: block;background:url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/



/* ページの各セクション-------------------*/
.section{padding:55px 0 55px 0;}
.section-end{padding:80px 0 60px 0;background-color:rgba(255,255,255,0.6);}

/*.field-bg-white1{background-color:rgba(255,255,255,0.6);}うすい白*/



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;/*background:#fff;*/}
.container {width:1000px;margin:0 auto;padding:0;line-height:1.9;overflow: hidden;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*ionicons.min.css用のfont-size----*/
.icon-size-s{font-size:72%;padding-right:4px;vertical-align: middle;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position: fixed;z-index:400;width:100%;height:141px;background-color: #fff;}

#header h1{display:none;}

.head-cont{width:1000px;margin:0 auto 0 auto;}
.header-logo{position:absolute;z-index:100;}
.header-logo a{background:url(../img/rogo.png) no-repeat 0 0;width:223px;height:24px;text-indent:-8989px;display:block;overflow:hidden;margin:19px 0 0 10px;}
.header-logo a:hover{opacity:0.6;}

.head-tel-cont{margin-top:19px;text-align: right;}
.head-tel-cont ul{display: inline-block;}
.head-tel-cont ul li{margin-right:15px;}
.head-tel-cont ul li.tel{background: url(../img/tel.png) no-repeat;width:189px;height:24px;overflow:hidden;text-indent: 100%;white-space: nowrap;}




/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;top:64px;width:100%;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}
.menu-yokomenu-container{width:1000px;margin:0 auto;color: #fff;}

ul#yoko-menu {border-right: 1px solid #c5c5c5;}
ul#yoko-menu li{position:relative;right:0;float:left;margin: 0;padding: 0;text-align: center;}
ul#yoko-menu li a{font-size:115%;color: #333;border-left: 1px solid #c5c5c5;line-height:55px;height:55px;display: block;overflow: hidden;text-decoration: none;}
/*会員専用*/
ul#yoko-menu li.yokomenu7 a span{color:#fff;background-color:#666;border: 4px solid #999;border-radius: 5px;padding: 8px 13%;
                                  webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}

ul#yoko-menu li.yokomenu1 {width:7.2%;}
ul#yoko-menu li.yokomenu2 {width:12.3%;}
ul#yoko-menu li.yokomenu3 {width:15.9%;}
ul#yoko-menu li.yokomenu4 {width:15.9%;}
ul#yoko-menu li.yokomenu5 {width:18.2%;}
ul#yoko-menu li.yokomenu6 {width:16.2%;}
ul#yoko-menu li.yokomenu7 {width:14.2%;}


/*ul#yoko-menu li.arrow > a{background:url(../img/arrow_9-5.png) no-repeat center 55px;}----未使用*/
ul#yoko-menu > li:first-child a{background:url(../img/home.png) no-repeat center center;text-indent:-8989px;display:block;overflow:hidden;padding: 0 35px;}
ul#yoko-menu > li:last-child a{border-right:1px solid #eee;}
ul#yoko-menu li a:hover{color:#333;background-color:rgba(0,0,0,0.10);}
/*会員専用*/
ul#yoko-menu li.yokomenu7 a:hover{background-color:#fff;}
ul#yoko-menu li.yokomenu7 a:hover span{opacity:0.5;}

/*カレント表示用----------------*/
body#home ul#yoko-menu li.yokomenu1 > a,	/*ホーム*/
body#news ul#yoko-menu li.yokomenu2 > a,				/*お知らせ*/
body#gyoumu ul#yoko-menu li.yokomenu3 > a,		/*協会のご案内*/
body#shop ul#yoko-menu li.yokomenu4 > a,		/*販売店ご紹介*/
body#kibou-number ul#yoko-menu li.yokomenu5 > a,		/*希望ナンバー申請*/
body#mamechishiki ul#yoko-menu li.yokomenu6 > a{border-bottom:2px solid #7cda1f;}	/*くるまの豆知識*//*#7cda1f#8ee933#009AFF*/


/*プルダウン部分 submenu*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}
*/
ul#yoko-menu li ul {position: absolute;background-color:#64000f;z-index:200;list-style-type: none;top:100%;left:0;width:100%;margin: 0;padding: 0;}
ul#yoko-menu li ul li {overflow: hidden;line-height:1.2;text-align:center;background-image:none;width: 100%;height: 0;transition: .2s;}
ul#yoko-menu li ul li a {font-size:93%;line-height:1.2;color:#fff;text-decoration:none;display:block;height:35px;padding: 7px 0 0 0;background-image: none !important;border-left:none;}
ul#yoko-menu li:last-child ul li a {border-right:none;}

ul#yoko-menu > li:hover > a {}
ul#yoko-menu > li:hover li > a:hover {background-color:rgba(0,0,0,0.3);color:#fff;}/*background-color:#751e1e;*/
ul#yoko-menu li:hover > ul > li {overflow: visible;height:35px;border-bottom:1px dotted #8a4d57;border-right:none;}
ul#yoko-menu li:hover > ul > li:last-child{border-bottom:none;}


/*subsubmenu
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/

.obi-boder{background-color:#7cda1f;font-size:79%;text-align:right;color:#555;height:19px;line-height:19px;margin-top:3px;}/*#7cda1f #62c400 #009AFF*/






/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/
			

/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:30px;right:30px;display: block;background:url(../img/pagetop.png) no-repeat center center;width:65px;height:65px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.4;filter: alpha(opacity=40);-ms-filter: "alpha( opacity=40 )";}
#pagetop a:hover {opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}





/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;background-color:#81d52d;}/*#7cda1f #62c400 #009AFF #ff88ac*/

ul.footer-yokomenu{text-align:center;margin-top:15px;}
ul.footer-yokomenu li{display:inline-block;margin-bottom: 6px;border-left:1px solid #eee;}
ul.footer-yokomenu li:last-child a{border-right:1px solid #eee;}
ul.footer-yokomenu li a{padding:0 15px;font-size:108%;color:#fff;line-height:1.1;text-decoration:none;}
ul.footer-yokomenu li a:hover{opacity:0.7;}

.footer-zip-box{text-align:center;margin-top:30px;}

.footer-logo{}
.footer-logo a{color:#fff;font-size:136%;font-weight:bold;line-height:1.3;text-align:center;text-decoration:none;}
.footer-logo a:hover{opacity:0.7;}

.footer-zip{font-size:115%;color:#fff;line-height:1.3;text-align:center;margin-top:3px;}
.footer-zip span{padding:0 30px;}

#footer .copyright{font-size:72%;color:#ddd;line-height:1.2;text-align:center;margin-top:30px;background-color:#57ae00;padding:12px 0;}/*#57ae00 #0066AA #ff0066*/





/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}

#header{position: absolute;}
}