/* 
 * chn.css
 * 茅野自動車学校HP用css
 * */
/*btn*/
.lbtn {background-color: #C0C0C0;border: 1px solid #C0C0C0;color: #333333;font-size: 15px;padding: 8px 19px;width:80%;border-radius: 3px;display: inline-block;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.lbtn:hover,.lbtn:focus{zoom:1;text-decoration:none;background:#242730;color:#fff}
.sbtn {background-color: #C0C0C0;border: 1px solid #C0C0C0;color: #333333;font-size: 15px;padding: 2px 19px;width:30%;border-radius: 3px;display: inline-block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.sbtn:hover,.sbtn:focus{zoom:1;text-decoration:none;background:#242730;color:#fff}
.Act{background-color: #278AF2;border: 1px solid #278AF2;color: #fff;}

/*汎用*/
p,h5{margin-bottom:0px;margin-top: 0px}
.clearfix{clear:both}.i_red{color: #e74c3c;}.i_blue{color: #2D00FF;}.i_green{color: #008000;}
.f_11{font-size:11px}.f_12{font-size:12px}.f_13{font-size:13px}.f_14{font-size:14px}.f_bld{font-weight:bold}.t_center{text-align: center;}
body{background-color:#999999;margin: 0 auto;height: auto;width:100%;color:#5a5a5a}
#g_body{background-color:#fff}
#contentswrap{margin: 0 auto;padding: 1px;width:720px;background-color:#fff;height:auto}
#contentswrap_pg{margin: 0 auto;padding: 1px;width:584px;background-color:#fff;height:auto}
#contents{margin: 0 auto;padding: 1px;width:716px;background-color:#fff;height:auto;border:1px solid #999;margin-bottom:1%;}
#contents_pg{margin: 0 auto;padding: 1px;width:580px;background-color:#fff;height:auto;border:1px solid #999;margin-bottom:1%;}
.Sform{padding:1%;}
/*画面上部*/
#top{color:#999999;background-color:#E8E8E8;font-size:10px;text-align: center;white-space: nowrap;}
#header{background-image: url("http://www.chinokyo.co.jp/common/img/head.jpg");height:63px;width:720px;border-bottom:1px solid silver;}
#header a {position:relative;top:5px}
#header #leftimg{left: 231px;top:-28px}#header #rightimg{left: 273px;top:-28px}
#listwrap{background-color:#fff;margin: 0 auto;width:720px;height:40px;padding-top: 3px;}
ul#headerlist {text-align: center;margin: 0 auto;padding: 0 0 0 0.5em;list-style-type: none;}
ul#headerlist li {float: left;padding: 0;}
ul#headerlist li a:hover {opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";background:none!important;}
#imgwrap{background-color:#CFEFDF;display: block;margin-left: auto;margin-right: auto;text-align: center;border:2px solid silver;}

/*contents内部*/
.contentsbody{height: auto;min-height: 80px;width: 99%;margin: 0 auto;margin-bottom:1%}
.contentsbody-c{height: auto;min-height: 30px;width: 99%;border:1px solid silver;margin: 0 auto;margin-bottom:1%}
.contentsbody-hid{display:none;}
.pad_left{padding-left:15px;}
.txt_midashi{padding-left:15px;font-size:13px;font-weight: bold;}
.txt_select{padding-left:15px;font-size:12px}
/*グラフ*/
.graphdiv_l{width:98%;height:550px;margin:0 auto;}
.graphdiv_m{float:right;width:85%;height:500px;}
.nohtml5tbl{margin: 0 auto;margin-bottom:1%;}
.nohtml5tbl td{font-size:12px;white-space: nowrap;}
.nohtml5tbl td img{vertical-align: middle;}
/*画面下部*/
#footwrap{margin: 0 auto;width:722px;background-color:#fff;height:auto;}
#footer{background-image: url("http://www.chinokyo.co.jp/common/img/btm2.jpg");height:48px;width:720px;margin-top:-6px;}

#cp_name{font-size:14px;font-weight:bold;width:110px;margin-left: 15px;margin-top: 3px;float:left;}
#cp_address{font-size:11px;width:130px;margin-left: 15px;margin-top: 5px;float:right;}
#cp_tel{font-size: 11px;font-weight: bold;margin-top: 5px;width: 25px;float: right;}
#cp_telno{font-size: 14px;font-weight: bold;margin-left: 3px;margin-top: 2px;width: 120px;float: right;}
/*copylightが画像て・・・*/
#foot_rogo{width: 114px;float:left;margin-left:1px;margin-top:14px}
#foot_cp{display:block;width: 342px;margin: 10px auto;/*float:left;margin-left:50px;margin-top:5px*/}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	#top,.txt_select{display:none}
	h5{font-size:160%;margin-top:1%;margin-bottom:1%}
	.f_11{font-size:160%;margin-bottom:1%}
	.f_12{font-size:160%;margin-top:1%;margin-bottom:1%}
	.f_13,.txt_midashi{font-size:160%;margin-top:1%;margin-bottom:1%}
	.lbtn{font-size:165%}
}