/*
Theme Name: bril-wp.com
Theme URI: なし
Description: 山梨県自動車整備振興会様HPテーマ
Version: 0.1
*/

/****************************************
		タグ
****************************************/
html {
	min-width:100%;
}

body {
	margin:0;
	font-size:12px;
}


/*****************************************
		wordpress用
*****************************************/
.wp-post-image {
	border-style:none;
}


/*****************************************
		clear
*****************************************/
.clear {
	clear: both;
	line-height: 0;
}


/****************************************
		page
*****************************************/
#page {
	width:100%;
}


/****************************************
		wrapper
*****************************************/
#wrapper {
	background-image:url('./images/bg_body.gif');
	background-repeat:repeat-x;
}


/****************************************
		contents
*****************************************/
#contents {
	clear:both;
	min-height:0px;
	margin:0 auto;
	background-image:url('./images/bg_sky.gif');
	background-repeat:no-repeat;
	background-position:50% 0px;
	overflow:auto!important;
	overflow /**/: hidden;
}


/****************************************
		container
*****************************************/
#container {
	width:960px;
	margin:0 auto;
}

.ams_logo {
	padding-top:10px;
	margin:0 auto;
	border-style:none;
}


/****************************************
		top_main
*****************************************/
#top_main {
	float:left;
	width:513px;
	margin-right:10px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	border:solid 1px #C0C0C0;
	border-radius:5px;
}

.info {
	width:483px;
	margin:0 15px;
	border-bottom:dotted 2px #E0E0E0;
	padding:10px 0;
}
.info_date {
	margin-bottom:5px;
	font-weight:bold;
	color:#FF8000;
}
.info_title {
	margin:2px;
}
.info_title a:link {
	color:#000000;
	text-decoration:underline;
}
.info_title a:visited {
	color:#000000;
	text-decoration:underline;
}
.info_title a:hover {
	color:#000000;
	text-decoration:none;
}
.info_title a:active {
	color:#000000;
	text-decoration:none;
}

.show_all_info {
	margin:10px 20px 0 0;
	text-align:right;
}


/****************************************
		posts
*****************************************/
.posts {
	width:716px;
	margin-left:10px;
	padding:10px 10px 20px 10px;
	background-color:#FFFFFF;
	border:solid 1px #C0C0C0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.title {
	width:696px;
	height:40px;
	/*min-height:100%;/**/
	margin-left:10px;
	margin-bottom:-11px;
	padding-top:11px;
	padding-left:20px;
	padding-right:20px;
	/*padding-bottom:11px;/**/
	border-top:solid 1px #C0C0C0;
	border-right:solid 1px #C0C0C0;
	border-left:solid 1px #C0C0C0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-image:url("./images/header_title.gif");
	background-size:760px 40px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-repeat: repeat-y;
	font-family: sans-serif;
	background-position: 5% 0%;
}

/****************************************
		car_header
*****************************************/
.header_block {
	margin:0 auto;
	background-color:#FFFFFF;
}

#car_header_top {
	width:960px;
	margin:0 auto;
}

#car_header_bottom {
	clear:both;
	background-image:url('./images/gray.jpg');
	background-repeat:repeat-x;
	text-align:right;
}
.header_search_form {
	width:960px;
	margin:0 auto;
	padding:5px;
}

.head_left {
	float:left;
	border-style:none;
}

.head_right {
	float:right;
	border-style:none;
}
.img_kojinhogo {
	border-style:none;
	vertical-align:middle;
	margin-bottom:3px;
}

/****************************************
		car_left_bar
*****************************************/
#car_left_bar {
	float:left;
	width:210px;
}

.left_menu {
	width:210px;
	background-color:#FFFFFF;
	margin-bottom:10px;
	border:solid 1px #C0C0C0;
	border-radius:4px;
}
.left_menu a:link {
	color:#000000;
	text-decoration:underline;
}
.left_menu a:visited {
	color:#000000;
	text-decoration:underline;
}
.left_menu a:hover {
	color:#000000;
	text-decoration:none;
}
.left_menu a:active {
	color:#000000;
	text-decoration:none;
}

.left_menu_list {
	padding:0 10px;
}

.left_menu_content {
	margin:0 5px;
	padding:10px 0;
	border-bottom:solid 2px #E0E0E0;
}

.left_menu_content_last {
	margin:0 5px;
	padding-top:10px;
	padding-bottom:15px;
}

.left_menu_arrow {
	padding:0 5px;
}

.left_bar_image {
	width:210px;
	margin-bottom:5px;
	border-style:none;
	
}

.left_bar_contents {
	width:210px;
	height:50px;
	margin-bottom:-11px;
	padding-top:11px;
	text-align: center;
	border: none;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	background-image:url("./images/c_title.gif");
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-repeat: no-repeat;
	font-family: sans-serif;

}


/****************************************
		car_content_right
*****************************************/
#car_content_right {
	float:right;
}


/****************************************
		car_right_bar
*****************************************/
#car_right_bar {
	float:right;
}

.right_bar_image {
	width:215px;
	margin-top:5px;
	border-style:none;
}


/****************************************
		car_footer
*****************************************/
.scroll_bottom_place {
	width:960px;
	margin:10px auto 0 auto;
}
#scroll_page_top {
	width:110px;
	margin-left:auto;
	margin-right:0;
	border-top:solid 1px #2163C1;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:solid 1px #0143A1;
	padding:7px;
	background-color:#2163C1;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	cursor:pointer;
	color:#FFFFFF;
}
#scroll_page_top:hover {
	border-top:solid 1px #3173D1;
	background-color:#3173D1;
	text-decoration:underline;
}

#car_footer {
	width:100%;
	background-color:#2163C1;
	text-align:center;
	color:#FFFFFF;
	padding-top:20px;
	font-size: 14px;
	line-height: 150%;
}

.car_footer_menu {
	margin:0 auto;
}
.car_footer_menu a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.car_footer_menu a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.car_footer_menu a:hover {
	text-decoration:underline;
}
.car_footer_menu a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.footer_hr {
	width:90%;
	height:10px;
	border-style:none;
	background-color:#2767BE;
	margin-top:20px;
}

.copyright {
	margin:10px auto;
	padding:10px 5px;
}

.copyright_td {
	color:#FFFFFF;
	padding:5px;
}


/****************************************
		工場検索
*****************************************/
#sf_facility_search {
	width:100%;
	font-size:14px;
	line-height: 150%;
}

.sf_about {
	float:left;
}
.sf_official_button {
	float:right;
	height: 40px;
	width: 200px;
	margin-top:10px;
	margin-right:30px;
	background-image: url("./images/official.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

.sf_inputs {
	/*float:left;*/
	width:100%;
}
.sf_list_box {
	width:191px;
	margin-right:10px;
}
.sf_text_box {
	width:185px;
	margin-right:10px;
}
.sf_serch_botton {
	width:100px;
}
.sf_official_button:hover {
	background-image: url("./images/official.jpg");
	background-repeat: no-repeat;
/******
	background-position: right top;
*******/
	cursor:pointer;
}

.sf_show_map {
	/*float:right;*/
	width:672px;
	height:450px;
	margin:-5.5px auto;
	padding:11px 0px;
	background-image:url("./images/haikei.png");
	background-repeat:no-repeat;
}
.sf_show_map #map {
	width:650px;
	height:450px;
	margin-left:11px;
	margin-right:11px;
	margin-bottom:11px;
}

.sf_number_data {
	font-size:24px;
	color:#FF0000;
}
.sf_offset_num {
	font-weight:bold;
}

.sf_facility_list {
	width:100%;
	border: 2px #369CCF solid;
	border-collapse: separate;
	border-spacing: 2px;
}
.sf_facility_list .sf_list_header {
	background-color:#66CCFF;
	color: #FFFFFF;
	border: 1px #66CCFF solid;
	text-align: center;
	vertical-align: middle;
}/*
.sf_facility_list .sf_list_job_name {
	color: #000000;
	border: 1px #66CCFF solid;
	text-align: left;
	vertical-align: middle;
	padding: 6px 5px;
}
.sf_facility_list .sf_list_zip_num {
	width:57px;
	color: #000000;
	border: 1px #66CCFF solid;
	text-align: center;
	vertical-align: middle;
	padding: 6px 5px;
}
.sf_facility_list .sf_list_address {
	color: #000000;
	border: 1px #66CCFF solid;
	text-align: left;
	vertical-align: middle;
	padding: 6px 5px;
}
.sf_facility_list .sf_list_tel_num {
	width:84px;
	color: #000000;
	border: 1px #66CCFF solid;
	text-align: center;
	vertical-align: middle;
	padding: 6px 5px;
}*/
.sf_facility_list .sf_list_e_mail {
	width:48px;
	color:#000000;
	border:1px #66CCFF solid;
	text-align:center;
	vertical-align:middle;
	padding:6px 5px;
}
.sf_facility_list .sf_list_detail {
	width:32px;
	color: #000000;
	border: 1px #66CCFF solid;
	text-align: center;
	vertical-align: middle;
	padding: 6px 5px;
}
.sf_facility_list .sf_list_place {
	border:1px #66CCFF solid;
	text-align:left;
	vertical-align:middle;
	padding:6px 5px;
}

.sf_prev {
	color:#0000FF;
	text-decoration:underline;
}
.sf_prev:hover {
	cursor:pointer;
	text-decoration:none;
}
.sf_next {
	color:#0000FF;
	text-decoration:underline;
}
.sf_next:hover {
	cursor:pointer;
	text-decoration:none;
}

.sf_error {
	color:#FF0000;
}

/****************************************
		プロフィール
*****************************************/

td.link_jigyou {
	width:96px;
	height:30px;
	background-image: url("./images/m_jigyou.png");
	background-repeat: no-repeat;
}
td.link_jigyou:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_jigyou_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_ams {
	width:96px;
	height:30px;
	background-image: url("./images/m_ams.png");
	background-repeat: no-repeat;
}
td.link_ams:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_ams_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_seido {
	width:96px;
	height:30px;
	background-image: url("./images/m_seido.png");
	background-repeat: no-repeat;
}
td.link_seido:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_seido_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_mark {
	width:96px;
	height:30px;
	background-image: url("./images/m_mark_mascot.png");
	background-repeat: no-repeat;
}
td.link_mark:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_mark_mascot_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_cm {
	width:96px;
	height:30px;
	background-image: url("./images/m_cm.png");
	background-repeat: no-repeat;
}
td.link_cm:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_cm_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_jyohou {
	width:96px;
	height:30px;
	background-image: url("./images/m_jyohou.png");
	background-repeat: no-repeat;
}
td.link_jyohou:hover {
	width:96px;
	height:30px;
	background-image: url("./images/m_jyohou_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

.jigyou_space {
	margin-bottom:1em;
}

td.seido {
	padding:4px 30px;
}

.text_font {
	font-size: 14px;
	line-height: 150%;
}


/****************************************
		過去のお知らせ一覧
*****************************************/
.il_info_list {
	width:100%;
	border:2px #369CCF solid;
	border-collapse: separate;
	border-spacing:2px;
}
.il_info_list a:link {
	color:#000000;
	text-decoration:underline;
}
.il_info_list a:visited {
	color:#000000;
	text-decoration:underline;
}
.il_info_list a:hover {
	color:#000000;
	text-decoration:none;
}
.il_info_list a:active {
	color:#000000;
	text-decoration:none;
}
.il_info_list .il_header_date {
	width:80px;
	color:#FFFFFF;
	background-color:#66CCFF;
	border:1px #66CCFF solid;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}
.il_info_list .il_header_content {
	width:auto;
	height:40px;
	color:#FFFFFF;
	background-color:#66CCFF;
	border:1px #66CCFF solid;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}
.il_info_list .il_list_date {
	height:40px;
	font-weight:bold;
	color:#FF8000;
	border:1px #66CCFF solid;
	text-align:center;
	vertical-align:middle;
	padding:0 5px;
}
.il_info_list .il_list_content {
	height:40px;
	color:#000000;
	border:1px #66CCFF solid;
	text-align:left;
	vertical-align:middle;
	padding:0 5px;
}

.il_before_hei24 {
	width:100%;
	padding-top:10px;
	text-align:right;
}


/****************************************
		Q&A
*****************************************/
td.table_answer {
	width:20px;
	text-align:center;
	text-valign:top;
}

.text_font_qa {
	font-size: 14px;
	line-height: 175%;
}

/****************************************
		メカニック
*****************************************/
td.mechen_cell_size {
 height:20px;
 padding:3px 0 3px 10px;
 vertical-align:middle;
 letter-spacing:3px;
 text-align:left;
 font: 14px MS UI Gothic;
}

/****************************************
		リンク
*****************************************/

td.link_kan {
	width:190px;
	height:33px;
	background-image: url("./images/link_kankoutyou.png");
	background-repeat: no-repeat;
}
td.link_kan:hover {
	width:190px;
	height:33px;
	background-image: url("./images/link_kankoutyou_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_jap {
	width:190px;
	height:33px;
	background-image: url("./images/link_jidousya.png");
	background-repeat: no-repeat;
}
td.link_jap:hover {
	width:190px;
	height:33px;
	background-image: url("./images/link_jidousya_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_nir {
	width:190px;
	height:33px;
	background-image: url("./images/link_nirin.png");
	background-repeat: no-repeat;
}
td.link_nir:hover {
	width:190px;
	height:33px;
	background-image: url("./images/link_nirin_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_for {
	width:190px;
	height:30px;
	background-image: url("./images/link_kokugai.png");
	background-repeat: no-repeat;
}
td.link_for:hover {
	width:190px;
	height:30px;
	background-image: url("./images/link_kokugai_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_yunyu {
	width:190px;
	height:30px;
	background-image: url("./images/link_yunyu.png");
	background-repeat: no-repeat;
}
td.link_yunyu:hover {
	width:190px;
	height:30px;
	background-image: url("./images/link_yunyu_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_dan {
	width:190px;
	height:30px;
	background-image: url("./images/link_sonota.png");
	background-repeat: no-repeat;
}
td.link_dan:hover {
	width:190px;
	height:30px;
	background-image: url("./images/link_sonota_on.png");
	background-repeat: no-repeat;
	cursor: pointer;

}

td.link_title_size {
 height:30px;
 padding:3px 0 3px 10px;
 border: none;
 vertical-align:middle;
 letter-spacing:3px;
 text-align:left;
 font:bold 14px MS UI Gothic;
}

td.link_cell_size {
 height:30px;
 padding:3px 0 3px 10px;
 border: none;
 vertical-align:middle;
 letter-spacing:3px;
 text-align:left;
 font: 14px MS UI Gothic;
}

/*********************/
/*     メール        */
/*********************/
a:hover.mail_to{
	text-decoration:underline;
	color:#d5d5d5;
}

a.mail_to{
	text-decoration:none;
	color:#FFFFFF;
}


/********* 追加  **********/
/*      2014.03.14        */
/********* 追加  **********/

a:hover{
		position:relative;
		zoom:100%;
}

a span{
		display:none;
}

a:hover span.h_tip{
		display:block; 
		position:absolute;
		top:30px;
		left:-120px; 
}

a:hover span.h_b_tip{
		display:block; 
		position:absolute;
		top:-150px;
		left:480px; 
}

/********* 追加  **********/
/*      2016.09.06        */
/********* 追加  **********/

/** car_left_bar **/
.left_menu_content {
	padding-left: 2em;
	text-indent: -2em;

}

/** プロフィール **/
div.prof_title {
	font-size: x-large;
	margin: 20px 0;
}
li.prof_li{
	margin-bottom: 5px;
	width: 60%;
	padding-left: 12em;
	text-indent: -11em;
	display: block;
}





/****************************************
	ヘッダースライダー
*****************************************/
.slider{
    width: 960px;
    height:258px;
    margin: 0 px;
    overflow: hidden;
    display: flex;
    //flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.slider__content{
    min-width: 960px;
    animation: sliderAnime 27s ease-in-out infinite;
}



  /*

@keyframes sliderAnime{
    0% {
	    transform: translateX(0);
	}
    10% {
	    transform: translateX(0);
	}
	23% {
	    transform: translateX(-100%);
	}
	33% {
	    transform: translateX(-100%);
	}
	46% {
	    transform: translateX(-200%);
	}
	56% {
	    transform: translateX(-200%);
	}
	69% {
	    transform: translateX(-100%);
	}
	79% {
	    transform: translateX(-100%);
	}
	92% {
	    transform: translateX(0);
	}
	100% {
	    transform: translateX(0);
	}
} 
*/

@keyframes sliderAnime{
    0%{

    }
    16.6%{
        transform: translateX(0);
    }
    33.3%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(-100%);
    }
    66.6%{
        transform: translateX(-100%);
    }
    83.2%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
} 

.slider__img{
    max-width: 960px;
    min-width: 960px;
}