@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------
	topimage
--------------------------------------------------------------------------------*/

#topimage {
	position: relative;
	margin-top: -47px;
	margin-bottom:15px;
}
.topimages_bk {
	background-image: url(images/top_main2.jpg);
height: 150px;
width: 960px;
padding-top: 250px;

}
.top_btn {
}

.f_red {
	color: #FFF;
	background-color: #F00;
	height: auto;
	width: auto;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.f_grn {
	color: #FFF;
	background-color: #0C6;
	height: auto;
	width: auto;
	padding: 5px;
	margin-right: 10px;
}


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


a,a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #552312;
	text-decoration: none;
}


/*--------------------- 画像半透明 ---------------------*/
a:hover img{
    opacity:0.7;
    -moz-opacity:0.9;
    filter:alpha(opacity = 50);

}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/*--------------------- ページトップ ---------------------*/
.page-top {
position: fixed;
bottom: 30px;
right: 30px;
font-size: 15px;
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
background-color: #00af28;;
color: #FFF;
border: 1px solid #DDD;
border-radius: 70px;
-moz-border-radius: 70px;
-webkit-border-radius: 10px;
padding: 13px 30px;
}

.a page-top{	color: #FFF;}

/*--------------------- ページトップ ---------------------*/
.hd_green {
	background-color: #00AF28;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100%;
}
.con_960 {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hd_title {
	height: 77px;
	width: 960px;
	margin: 0px;
}
#menu {
	height: 55px;
	width: 960px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	clear: both;
}
#menu ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#menu ul li {
	float: left;
	margin: 0;
	padding: 0px;
}
#menu ul li a:hover img {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #3C0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: -8px;
}
.top_main {
	width: 100%;
	background-image: url(images/top_main.jpg);
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.xxx {
	height: 10px;
	width: 100%;
	float: left;
}

.xxx2 {
	height: 10px;
	width: 100%;
}
.xxx3 {
	height: 5px;
	width: 100%;
	background-color: #3C0;
	margin-top: 5px;
}

/*--------------------- ボタン ---------------------*/
.btn_ore {
	width:95%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#fff;
	border-radius:7px;
	box-shadow:2px 2px 2px #CCC;
	text-shadow:3px 3px 4px #555;
	border: thin solid #FC0;
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd65e 0%, #fcf0cf 48%, #fcc93f 55%, #fcd979 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd65e 0%,#fcf0cf 48%,#fcc93f 55%,#fcd979 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd65e 0%,#fcf0cf 48%,#fcc93f 55%,#fcd979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#fcd979',GradientType=0 ); 	
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
	
/*--------------------- フッター ---------------------*/
	
	#fotter {
	background-color: #00AF28;
	height: auto;
	width: 100%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFF;
}
.f_copy {
	height: auto;
	margin-top: 20px;
	text-align: center;
	font-size: small;
}
.f_copy hr {
	margin: 0px;
	padding: 0px;
}
.f_font {
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #FFF;
	margin-left: 20px;
}

.f_font ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;

}
.f_font ul li {
	list-style-type: none;
}

#f_ta01{
	width: 100%;
	padding-bottom: 20px;
}
#f_ta01 tr td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding: 10px;
}

#f_ta2{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

#f_ta2 img{}


/*--------------------- コンテンツ ---------------------*/
.gray_bk {
	background-image: url(images/bk_grey.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: 270px;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border: 1px solid #FFF;
}
.gray_bk2 {
	background-image: url(images/gr_bk2.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
}

/*--------------　階層ページ　--------------*/

.sub_main {
	height: 235px;
	width: 100%;
}
.car .sub_main {
	background:url(images/car_main.jpg);
	width: 100%;
}

.senkyo .sub_main {
	background:url(images/senkyo_main.jpg);
	width: 100%;
}

.info .sub_main {
	background:url(images/info_main.jpg);
	width: 100%;
}

.company .sub_main {
	background:url(images/company_main.jpg);
	width: 100%;
}

.breadcrumb  {
	background-color: rgba( 204, 255, 204, 0.55 );
	color: #FFF;
}	
	
	
.breadcrumb p {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: x-small;
	font-weight: bold;
}

.description_bk {
	width: 940px;
	height: auto;
	background-image: linear-gradient( -45deg, #fff 25%, #10d450 25%, #10d450 50%, #fff 50%, #fff 75%, #10d450 75%, #10d450 );
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
background-size: 12px 12px;
	margin-top: 20px;
	padding: 10px;
}
.description {
	height: auto;
	width: 860px;
	margin: 0px;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.ta_right {
	width: 400px;
	padding-left: 20px;
}
.ta_right img{
	float: right;
	width: 95%;
}

.ta_left img{
	float: left;
	width: 95%;
}

.ta_leimg{
	width: 300px;
}
.ta_leimg img{
	float: left;
	width: 98%;
}
	
.ta_cenimg{
	width: 300px;
	text-align: center;
}	
.ta_cenimg img{
	width: 98%;
	text-align: center;
}

.ta_riimg{
	width: 300px;
}
.ta_riimg img{
	float: right;
	width: 98%;
}

.ta_title{
	font-size: x-large;
	font-weight: bold;
	color: #00AF28;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub_ttl {
	background-image: url(images/sub_ttl.png);
	height: 100px;
}
.sub_ttl p {
	padding-left: 50px;
	padding-top: 30px;
	color: #999;
	font-weight: bold;
	font-size: x-large;
}
.inner900 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.ore_bk {
	height: 50px;
	background-color: #F93;
}
.ore_bk p {
	padding-left: 50px;
	color: #FFF;
	font-weight: bold;
	font-size: x-large;
	padding-top: 8px;
}
.inner880 {
	width: 880px;
	margin-bottom: 30px;
}

.ya {
	float: left;
	height: auto;
	width: 50px;
}
.arrow {
	display:inline-block;
	height:40px;
	width:40px;
	background-color:#5bc0de;
	position:relative;
	top:100%;
}

.arrow:before {
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:60px solid transparent;
  border-left:60px solid #5bc0de;
  left:80px;
  top:-37px;
}
.inner960_border {
	background-image: url(images/senkyo_bk.png);
	background-repeat: repeat-y;
	width: 830px;
	padding-left: 100px;
	padding-right: 30px;
	margin-top: 10px;
	height: auto;
}
.yaji {
	background-image: url(images/senkyo_yajirushi.png);
	height: 45px;
	width: 960px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.info .con_960 .inner900 {
	border: 4px solid #999;
	padding: 20px;
}

.formTable tr th p {
	margin-right: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#formWrap{
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}button.button4 {
	/* 文字サイズを1.4emに指定 */
    font-size: 1.4em;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 背景色を濃い青色に指定 */
    background-color: #090;
	/* 文字色を白色に指定 */
    color: #fff;
	/* ボーダーをなくす */
    border-style: none;
	margin-right: 20px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

button.button4:hover {
	/* 背景色を明るい青色に指定 */
    background-color: #6F9;
	/* 文字色を白色に指定 */
    color: #fff;
}

/*----------------------------------------------------
	.com
----------------------------------------------------*/
.com th	{ width: 30%; text-align: left; }

@media only screen and (max-width:480px){
    .com	{ margin: 0 -10px; }
    .com th,
    .com td{
		width: 100%;
		display: block;
		border-top: none;
    }
	.com tr:first-child th	{ border-top: 1px solid #ddd; }
}
.com tr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.inner900 #formWrap .com tr th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
}
.inner900 #formWrap .com tr td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-top: 13px;
	padding-bottom: 13px;
}
#formWrap .com {
	width: 800px;
}
#item .inner900 {
	border: 10px solid #090;
}
.sen_up {
	height: auto;
	width: 495px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #090;
	border-bottom-color: #090;
	border-left-color: #090;
}
.sen_up2 {
	height: auto;
	width: 495px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 3px solid #090;
}
.sen_font {
	font-size: large;
	color: #FFF;
	margin-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #090;
	padding-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.sen_font2 {
	font-size: large;
	color: #FFF;
	margin-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #090;
	padding-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #090;
}
#item .inner900 #formWrap h3 {
	color: #090;
	font-size: xx-large;
}
.sen_table {
	padding-top: 5px;
	padding-bottom: 20px;
}
.sen_ttl {
	background-image: url(images/sebkyo_ttl.png);
	height: 80px;
	width: 830px;
}
.sen_ttl p {
	font-size: large;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 60px;
}
.sen_innner {
	height: auto;
	width: auto;
	padding-bottom: 20px;
}
.sen_bt {
	color: #FFF;
	background-color: #0C0;
	text-align: center;
	font-weight: bold;
}
#item .inner900 {
	margin-top: 50px;
}



.car .con_960 .description_bk .description table tr td ul li {
	list-style-type: decimal;
	margin: 0px;
	padding: 0px;
}
.car .con_960 .description_bk .description table tr td ul{
	margin-top: 10px;
}
.t_title {
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	font-size: 2.5em;
	font-weight: bold;
	margin-bottom: 30px;
	color: #272626;
}
table.topsub{
	margin-bottom: 60px;
}
.top_subphoto {
	height: 175px;
	width: 200px;
	border: 1px solid #666;
	padding: 0px;
	margin: 0px;
}
.top_subfont {
	height: 155px;
	width: 248px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.top_subfont dl dd {
	font-weight: bold;
	font-size: x-large;
	margin: 0px;
	padding: 0px;
}
.button {
	display: inline-block;
	width: 90%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #00AF28;
	border: 2px solid #00AF28;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: #fff;
	border-color: #00AF28;
	color: #00AF28;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #333;
	
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #00AF28;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #00AF28;
}


.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.top_kodawari {
	margin-top: 50px;
}
.top_kodawari .t_title {
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FECD09;
	padding-bottom: 0px;
}
.kodawari_ti {
	height: auto;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;

}
.kodawari_ti span {
	display: block;
	color: #aaa;
	font-size: 0.5em;
}
.top_5box{
	margin-top: 30px;
}
.top_5waku {
	height: 250px;
	width: 300px;
	margin-right: 8px;
	margin-left: 8px;
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}
.top_5waku img {
	margin-bottom: 15px;
}

.five_font
{
	display: inline-block;
	font-size: large;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-position: 100% center;
}
.five_honbun {
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}


.five_title
{
	display: inline-block;
	width: 40px;
	min-height: 36px;
	margin: 0;
	background: #00ae2d;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-radius: 20px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.xxx4 {
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#f_ta2 tr td a img {
	border: 1px solid #FFF;
}
.company .con_960 .inner900 #formWrap .com tr td a {
	color: #666;
}