@charset "utf-8";

/*-------------------------------------------------------- リセット ---*/

html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td {
	margin: 0;
	padding: 0;
	font-family:
		"メイリオ", Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"HIragino Kaku Gothic Pro W3",
		"HIragino Kaku Gothic Pro",
		Osaka,
		"ＭＳ Ｐゴシック", "MS P Gothic",
		sans-serif;
	font-size: 14px;
	}
img{
	border:none;
	}
div.clear_both{
	clear:both;
	font-size:0px;
	line-height: 0px;
	height:0px;
	visibility: hidden;
	}

/*-------------------------------------------------------- フィールド ---*/

body{
	background-color: #f2f2f2;
	}
section{
	width: 100%;
	background-color: #3267b4;
	padding: 3px 0px;
	}
div.header{
	width: 100%;
	height: 120px;
	background-color: #fff;
	}
div.slider{
	width: 100%;
	height: 300px;
	background-color: #dfdfd0;
	background-image: url(../img/img003.jpg);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position:relative;
	margin-bottom: 44px;
	}
div.contents{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	}
div.pagetop{
	width: 950px;
	height: 28px;
	margin: 48px auto 0 auto;
	}
div.footer{
	width: 100%;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	}

/*-------------------------------------------------------- テキスト ---*/

p.paragraph{
	margin-bottom: 12px;
	}
a:link{
	color: #666;
	text-decoration: none;
	}
a:hover{
	color: #ff6600;
	text-decoration: underline;
	}
a:visited{
	color: #666;
	}
a:active{
	color: #ff6600;
	}
h1{
	color:#fff;
	font-weight: normal;
	font-size: 80%;
	}
h2{
	font-size: 200%;
	font-weight: bold;
	}
h3{
	border-bottom:1px solid #ccc;  
	}
h4{
	font-size: 125%;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 12px;
	border-left: 6px solid #3267b4;
	padding: 5px 12px;
	}
h5{
	width: 198px;
	height: 58px;
	margin-bottom: 5px;
	background-color: #3267b4; 
	text-align: center;
	line-height: 58px;
	color: #fff;
	font-size: 120%;
	font-weight: normal;
	border: 1px solid #3267b4;
	border-radius: 6px 6px 6px 6px;
	}
h6{
	color:#333;
	font-size: 115%;
	font-weight: bold;
	margin:16px 0;
	padding:12px 16px;
	background: #E0EBF9;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
span.txt_red{
	color: red;
	}
span.txt_bold{
	font-weight: bold;
}

/*-------------------------------------------------------- リスト ---*/

div.bmmt ul,
div.training ul,
div.support ul,
div.vehicle-design ul,
div.members ul,
div.clients ul,
div.privacy ul{
	margin: 1em 22px;
	}
div.members ul.terms{
	margin: 1em 0px;
	}
div.clients ol{
	margin: 1em 22px;
	}

/*-------------------------------------------------------- テーブル ---*/

/*テーブル（会社概要）*/
table.about {
	border-collapse: collapse;
	margin: 0px auto;
	width: 850px;
	}
table.about th {
	border: solid 1px #ccc;
	color: #fff;
	background-color: #3267b4;
	width: 20%;
	padding: 24px;
	text-align: left;
	font-weight: normal;
	}
table.about td {
	border: solid 1px #ccc;
	color: #333;
	background-color: #ffffff;
	width: 80%;
	padding: 24px;
	line-height: 1.5em
	}
/*テーブル（お問い合わせ）*/
table.form_table {
	border-collapse: collapse;
	margin: 16px auto;
	width: 820px;	
}
table.form_table th {
	border: solid 1px #ccc;
	color: #fff;
	background-color: #3267b4;
	width: 30%;
	padding: 24px;
	text-align: left;
	font-weight: normal;
	}
table.form_table td {
	border: solid 1px #ccc;
	color: #333;
	background-color: #ffffff;
	width: 70%;
	padding: 24px;
	line-height: 1.5em
	}
/*テーブル（その他）*/
table.design01 {
	border-collapse: collapse;
	margin: 0px auto 18px auto;
	width: 100%;
	}
table.design01 th {
	border: solid 1px #e6e6e6;
	color: #333;
	background-color: #efefef;
	padding: 24px;
	text-align: left;
	font-weight: normal;
	}
table.design01 td {
	border: solid 1px #e6e6e6;
	color: #333;
	background-color: #ffffff;
	padding: 24px;
	line-height: 1.5em
	}
table.design01 th p{
	padding-left: 1.5em; /*1em（1文字）分、右に動かす*/
    text-indent: -1.5em; /*最初の行だけ1em（1文字）分、左に動かす*/
	}
table.width01 th{
	width: 25%;
}
table.width01 td{
	width: 75%;
}
table.width02 th{
	width: 11%;
}
table.width02 td.column-a{
	width: 29%;
}
table.width02 td.column-b{
	width: 60%;
}

/*-------------------------------------------------------- フォーム ---*/

input,
textarea{
	width:80%;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-pie-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #a8a8a8;
	}
input[type="radio"]{
	width:auto;
	}
div.error_message{
	color: red;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 12px;
	text-align: center;
	}
div.error-message{
	color: red;
	margin: 6px 0px 0px 0px;
	}
div.submit,
div#form_button_area{
	text-align: center;
	margin: 2em 0;
	}
div.submit input,
div#form_button_area input{
	width: 250px;
	height: 50px;
	background-color: #3267b4; 
	border: none;
	color: #fff;
	}
div.confirm{
	text-align: center;
	}

/*-------------------------------------------------------- section ---*/

div.inner_section{
	width:950px;
	margin: 0 auto 0 auto;
	}

/*-------------------------------------------------------- header ---*/

div.inner_header{
	width:950px;
	height: 120px;
	margin: 0 auto 0 auto;
	position: relative;
	}
div.siteid{
	position: absolute;
	top:16px;
	left:0px;
	}
div.siteid a{
	display: block;
	overflow: hidden;
	width: 308px;
	height: 89px;
	background-image: url(../img/img001.jpg);
	text-indent: -9999em;
	}
div.siteid a:hover{
	background-position: 0 -89px;
	}
div.menu{
	position: absolute;
	top:40px;
	left:400px;
	}
div.menu ul{
	list-style-type: square;
	}
div.mypage_login{
	position: absolute;
	top:30px;
	right:0px;
	}
div.mypage_login a{
	display: block;
	overflow: hidden;
	width: 240px;
	height: 60px;
	background-image: url(../img/img002.jpg);
	text-indent: -9999em;
	}
div.mypage_login a:hover{
	background-position: 0 -60px;
	}

/*-------------------------------------------------------- contents ---*/

div.contents-background{
	background-image: url(../img/img019.jpg);
	background-repeat: repeat-x;
	}
div.contents div.inner_left{
	width: 465px;
	float: left;
	}
div.contents div.inner_right{
	width: 465px;
	float: right;
	}
a.recruit_newmember{
	display: block;
	overflow: hidden;
	width: 465px;
	height: 150px;
	background-image: url(../img/img004.jpg);
	text-indent: -9999em;
	}
a.recruit_newmember:hover{
	background-position: 0 -150px;
	}
div.consul{
	position: relative;
	overflow: hidden;
	width: 465px;
	height: 200px;
	margin: 15px 0;
	}
a.consul_startbusiness{
	display: block;
	overflow: hidden;
	width: 225px;
	height: 200px;
	background-image: url(../img/img005.jpg);
	text-indent: -9999em;
	float: left;
	}
a.consul_startbusiness:hover{
	background-position: 0 -200px;
	}
a.consul_vehicledesign{
	display: block;
	overflow: hidden;
	width: 225px;
	height: 200px;
	background-image: url(../img/img006.jpg);
	text-indent: -9999em;
	float:right;
	}
a.consul_vehicledesign:hover{
	background-position: 0 -200px;
	}
a.event_result{
	display: block;
	overflow: hidden;
	width: 465px;
	height: 120px;
	background-image: url(../img/img007.jpg);
	text-indent: -9999em;
	}
a.event_result:hover{
	background-position: 0 -120px;
	}
a.foodspace{
	display: block;
	overflow: hidden;
	width: 465px;
	height: 275px;
	background-image: url(../img/img008.jpg);
	text-indent: -9999em;
	}
a.foodspace:hover{
	background-position: 0 -275px;
	}
div.column{
	position: relative;
	overflow: hidden;
	width: 465px;
	height: 200px;
	margin: 15px 0;
	}
a.cateringcar_history{
	display: block;
	overflow: hidden;
	width: 225px;
	height: 200px;
	background-image: url(../img/img009.jpg);
	text-indent: -9999em;
	float: left;
	}
a.cateringcar_history:hover{
	background-position: 0 -200px;
	}
a.cateringcar_howto{
	display: block;
	overflow: hidden;
	width: 225px;
	height: 200px;
	background-image: url(../img/img010.jpg);
	text-indent: -9999em;
	float:right;
	}
a.cateringcar_howto:hover{
	background-position: 0 -200px;
	}
a.promotion{
	display: block;
	overflow: hidden;
	width: 465px;
	height: 150px;
	background-image: url(../img/img029.jpg);
	text-indent: -9999em;
	}
a.promotion:hover{
	background-position: 0 -150px;
	}



/*-------------------------------------------------------- breadclumb（パンくずリスト） ---*/

ul.breadclumb {
	margin:24px 0px;
	}
ul.breadclumb li{
	display:inline;
	}

/*-------------------------------------------------------- localnavi（ローカルナビ） ---*/

div.localnavi{
	margin-top: 24px;
	}
div.localnavi ul{
	position: relative;
	overflow: hidden;
	padding-left: 160px;
	list-style-type: none;
	}
div.localnavi ul:after{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #bbb;
	z-index: 1;
	}
div.localnavi li{
	position: relative;
	float: left;
	height: 50px;
	margin: 0 5px;
	text-align: center;
	line-height: 1.5em;
	border: 1px solid #ddd;
	border-radius: 6px 6px 0px 0px;
	background: url(../img/img021.jpg) repeat-x;
	}
div.localnavi li.current{
	background: none;
	background-color: #fcfcfc;
	z-index: 2;
	border: 1px solid #bbb;
	border-bottom-color: #fcfcfc;
	border-radius: 6px 6px 0px 0px;
	}
div.localnavi li.current a{
	color: #3267b4;
	}
div.localnavi li a{
	display: table-cell;
	vertical-align: middle;
	height: 54px;
	width: 200px;
	text-decoration: none;
	}
div.localnavi li a:hover{
	color: #000;
	}

/*-------------------------------------------------------- sidemenu（サイドメニュー）---*/

div.sidemenu{
	background-color: #fff;
	overflow:hidden;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
	}
div.sidemenu ul{ 
	list-style: none; 
	}
div.sidemenu ul li a{
	display: block; 
	background: url(../img/img025.jpg) no-repeat;
	border: 0px;
	text-decoration: none;
	color: #333;
	width: 190px; 
	height: 45px;
	line-height: 49px;
	padding-left: 28px;
	font-size: 90%;
	}
div.sidemenu ul li a:hover{
	background-position: 0 -45px;
	color: #3267b4;
}
div.matching-system a.recruit_newmember{
	display: block;
	overflow: hidden;
	width: 210px;
	height: 80px;
	background-image: url(../img/img026.jpg);
	text-indent: -9999em;
	margin-bottom: 10px;
	}
div.matching-system  a.recruit_newmember:hover{
	background-position: 0 -80px;
	}
div.matching-system a.foodspace{
	display: block;
	overflow: hidden;
	width: 210px;
	height: 140px;
	background-image: url(../img/img027.jpg);
	text-indent: -9999em;
	margin-bottom: 10px;
	}
div.matching-system a.foodspace:hover{
	background-position: 0 -140px;
	}

/*-------------------------------------------------------- article ---*/

article#about,
article#terms,
article#inquiry{
	width:950px;
	background-image: url(../img/img022.jpg);
	background-repeat: no-repeat;
	padding-top: 48px;
	}
div.colwrapper{
	width: 950px;
	margin-top: 24px;
	overflow: hidden;
	}
article#sidecol{
	width: 210px;
	overflow: hidden;
	float: left;
	}
article#maincol{
	width: 662px;
	min-height: 500px;
	float: left;
	margin-left: 18px;
	padding:24px;
	border: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	}
article#maincol-wide{
	width: 900px;
	min-height: 500px;
	padding:24px;
	border: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	}

/*-------------------------------------------------------- photo-gallery ---*/

div.photo-gallery ul {
	list-style-type: none;
	}
div.photo-gallery ul li{
	float: left;
	margin: 0 3px;
	}
div.photo-gallery ul li img{
	width:219px;
	height:165px;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
	}
div.photo-gallery ul li img:hover{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
	}



/*-------------------------------------------------------- about（協会情報） ---*/

ol.about{
	margin: 12px 0px 0px 24px;
	}

/*-------------------------------------------------------- terms(各種規約) ---*/

div.terms{
	width: 680px;
	min-height: 500px;
	height:auto !important;
	height:500px ;
	margin: 0px auto;
	}
ul.terms {
	margin-top: 24px;
	}
ul.terms li {
	list-style-type: none;
	padding: 4px 10px 4px 22px;
	background-image: url(../img/img023.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
ul.terms li:after {
    content: url(../img/img024.jpg);	
	}
ul.terms li a{
	color: #3267b4;
	}
ul.terms li a:hover{
	color: #f00;
	}
div.pdf_download{
	border: 1px solid #ccc;
	margin-top: 24px;
	padding: 12px;
	overflow: hidden;
	}
div.pdf_download img{
	float: left;
	margin: 0 18px 12px 0; 
	}

/*-------------------------------------------------------- inquiry(お問い合わせ) ---*/

div.inquiry{
	width: 850px;
	min-height: 500px;
	height:auto !important;
	height:500px ;
	margin: 0px auto;
	}
div.inquiry p{
	margin-left: 16px;
	}
ul.inquiry{
	margin-bottom:12px;
	}
ul.inquiry li{
	list-style-type: disc;
	margin-left: 36px;
	}

/*-------------------------------------------------------- pagetop ---*/

a.pagetop{
	display: block;
	overflow: hidden;
	width: 120px;
	height: 28px;
	background-image: url(../img/img011.jpg);
	text-indent: -9999em;
	float:right;
	}
a.pagetop:hover{
	background-position: 0 -28px;
	}

/*-------------------------------------------------------- footer ---*/

div.inner_footer1{
	width: 100%;
	height: 30px;
	background-color: #3267b4;
	text-align: center;
	color: #fff;
	}
div.inner_footer2{
	width: 950px;
	height: 340px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	color: #666;
	}
div.inner_footer3{
	width: 100%;
	height: 150px;
	background-color: #3267b4;
	text-align: center;
	color: #fff;
	padding-top:18px; 
	}
div.inner_footer1 p{
	line-height: 30px;
	}
div.inner_footer3 p{
	line-height: 24px;
	}
div.inner_footer2left{
	float: left;
	width: 673px;
	margin-top: 25px;
	}
div.inner_footer2right{
	float: right;
	width: 277px;
	margin-top: 50px;
	}
div.mainmenu{
	overflow: hidden;
	}
div.submenu{
	width:673px;
	overflow:hidden;
	}
div.submenu ul{
	clear: both;
	list-style: none;
	}
div.submenu ul li{
	float: left;
	line-height: 28px;
	}
div.submenu ul li:after{
	content:"|";
	margin: 0px 16px;
	}
div.submenu ul li.top{
	margin-left: 0px;
	}
div.submenu ul li.end:after{
	content: none;
	}
div.mainmenu_left,
div.mainmenu_right{
	overflow:hidden;
	float: left;	
	width:280px;
	padding-right: 32px;
	}
div.mainmenu_left dl,
div.mainmenu_right dl{
	margin-top: 20px;
	width:100%;
	}
div.mainmenu_left dt,
div.mainmenu_right dt{
	float: left;
	clear: left;
	height: 32px;
	margin-bottom: 18px;
	padding: 0px;
	}
div.mainmenu_left dd,
div.mainmenu_right dd{
	margin: 0 0 18px 46px;
	height: 32px;
	line-height: 16px;
	padding: 0px;
	}

/*-------------------------------------------------------- promotion ---*/

div.promotion ul {
	list-style-type: none;
	}
div.promotion ul li{
	width: 285px;
	height: 285px;
	float: left;
	margin: 7px;
	background-color: #eee;
	}
div.promotion ul li img{
	width:100%;
	}
div.promotion ul li p{
	margin: 7px;
	}