@charset "UTF-8";
html {
   overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
	font-family: "游ゴシック","YuGothic", "游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
    font-size:13px;
	background-position:center;
}

  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
  pre,form,fieldset,input,textarea,table,th,td,img {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
  }

a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
del{
	text-decoration:line-through
}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

body {
	
   color:#666;
   width:100%;
}

a {
   color:#999;
   text-decoration:none;
}
a:hover {
	opacity:0.5;
}

img {
   vertical-align:middle;
   border:0;
}


.wrapbox {
 overflow: hidden;
}
/*******************************************************/
#headbar {
	/* 上部に固定するCSS */
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding:10px 0;

	/* バーの装飾 */
	background-image:url(../../img/headerbg02.png);
	/*opacity:1.5;*/
	color: white;
	box-shadow: 3px 3px 3px #666;
	z-index:99999;
}

.footerfixed{
	text-align:center;
	width:1000px;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
}

span.yellow{
	color:#50a6c7;
}
	
/*******************************************************/




.nav{
	padding:0;
	margin:0;
	margin:0 auto 0px;
	background-image:url(../../img/headerbg.png);
	height:54px;
}
/*******************************************************/	
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/* ========MENU CUSTOMIZE======== */
.menuwrap{
}

#menu{
	position: absolute;
	top:30px;
	right:0px;
	border-collapse: collapse;
	border: none;
	padding:0;	
	width:700px;
	margin:0 auto;
}


#menu td{
	height:50px;
	margin:0;
	text-align:center;
	color:#000;
	padding:0 5px;
	text-decoration:none;
	font-weight:bold;
}

#menu td.last{
	border:none;
}
#menu tr{
	padding:0;	
	margin:0;
}

#menu td a,#menu th a{
	color: #000;
	margin: 0px;
	padding:0;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}

#menu td:hover{
}


#menu td a p,#menu th a p{
	
	line-height:5px;
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:10px;
	color:#aaa;
}


/* ========HEADLINE CONTENTS CUSTOMIZE======== */
/*******************************************************/
.header03{
	padding:0px 0;
	background-color:#000;
	width:100%;
}

.header03 div.inner{
	width:100%;
	margin:0 auto;
}

#header{
	padding:10px 0;
	margin:0 auto;
	text-align:center;
}

h1{
	width:100%;
	text-align:center;	
	font-size:12px;
	margin:0 auto;
	padding:0 0px;
	color:#fff;
	font-weight:normal;
}

span.contact{
	float:left;
	display:block;
	background-color:#ccc;
	margin:0 0 0 0px;
	padding:0 0;
	width: 50%;
	text-align: center;
}

span.contact a{
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

span.tel{
	text-align: center;
	float:right;
	display:block;
	background-color:#666666;
	margin:0 0 0 0px;
	padding:0 0;
	width: 50%;
}

span.tel a{
	color:#fff;
	font-size:15px;
	font-weight:bold;
}

.logo {
	width: 80%;
}

p.text{
text-align: center;
}
p.text a{
font-size: 14px;
color: #ff68a2;
text-decoration: underline;
}

/************************************************/	
.headerwrap{
	width:100%;
	background-color:#fff;
}

.header{
	text-align:center;
	width:100%;
	margin:0px auto;
}

/************************************************/
/* ========HEADER CUSTOMIZE======== */

.top{
	height:100px;
}



/* ========HEADER CUSTOMIZE======== */

.box{
	padding:0 0;
	width:100%;
	text-align:center;
	margin:0 auto;
}



.other{
	height:200px;
	background:url(../../img/s04.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	line-height:200px;
}

.title{
	padding:0;
	color:#fff;
	margin:0 auto 10px;
	text-align:center;
	font-size:50px;
	padding:0px 0;
	font-weight:bold;
	text-shadow:1px 1px #333;
	border-radius:20px 20px 0 0;
	width:100%;
	margin:0 auto;
}


/* ========HEADER CUSTOMIZE======== */

.slider{
/*
	background-image:url(../../img/slider.png);
	height: 600px;
*/
	text-align: center;
	padding:0 0;
	background-position: center;
	background-repeat: no-repeat;
}

.button a{
	font-weight:bold;
	color:#ffffff;
}




h2{
	
	padding:0;
	color:#000;
	margin:0 auto 20px;
	text-align:center;
	font-size:35px;
	padding:0px 0;
	line-height:25px;
	font-weight:bold;
}

h2 span{
	font-size:16px;
	/*border-bottom:3px solid #000;*/
	color:#333;
	font-weight:normal;
}



.main{
	margin:0 auto;
	padding:30px 0;
	width:95%;
	font-size:16px;
}
.main01{
	margin:0;
	padding:0;
	margin:0 auto 0px;
}
/*::::::::::::::::::::::::::::::::::*/
table.seven{
	text-align:center;
	width:100%;
	margin:10px auto;
	border-collapse: separate;
	border-spacing: 10px;
}
table.seven tr{
	vertical-align:top;
}
table.seven td{
background: #000;
	width:14%;
	padding:10px 5px;
}

table.seven td h3{
text-align: center;
color: #fff;
font-weight: bold;
}
table.seven td p{
padding: 0;
color: #fff;
text-align: left;
font-size: 13px;
}
/*::::::::::::::::::::::::::::::::::*/

#main_slide ul,
#main_slide02 ul,
#main_slide03 ul,
#main_slide04 ul,
#main_slide05 ul,
#main_slide06 ul,
#main_slide07 ul,
#main_slide08 ul,
#main_slide09 ul,
#main_slide li,
#main_slide02 li,
#main_slide03 li,
#main_slide04 li,
#main_slide05 li,
#main_slide06 li,
#main_slide07 li,
#main_slide08 li,
#main_slide09 li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#main_slide li img,
#main_slide02 li img,
#main_slide03 li img,
#main_slide04 li img,
#main_slide05 li img,
#main_slide06 li img,
#main_slide07 li img,
#main_slide08 li img,
#main_slide09 li img{
	height:350px;
}

/*::::::::::::::::::::::::::::::::::*/
table.contentmenu{
	text-align:center;
	width:100%;
	margin:10px auto;
}
table.contentmenu tr{
	vertical-align:top;
}
table.contentmenu td{
	width:20%;
	padding:10px;
}

table.contentmenu td div{
	padding:20px;
	background-color:#000;
	background-image:url(../../img/list.png);
	background-position:center right;
	background-repeat:no-repeat;
}

table.contentmenu td div a{
	font-size:18px;
	color:#fff;
	font-weight:bold;
}

table.contentmenu td div a p{
	line-height:10px;
	font-size:13px;
}

/*::::::::::::::::::::::::::::::::::*/
table.custombanner{
	width:100%;
	text-align:center;
	margin:0px auto;
}
table.custombanner tr{
	vertical-align:top;
}
table.custombanner th{
padding: 10px;
	width:33%;
}
table.custombanner td{
padding: 15px;
	width:33%;
}

table.custombanner td h3{
background: #000;
color: #fff;
font-weight: bold;
}


table.custombanner img{
	width:100%;

}

/*::::::::::::::::::::::::::::::::::*/

.waku{
	width:950px;
	padding:10px 10px 0 10px;
	background-color:#CCFFD3;
	border-radius:20px;
}


/***************************/
table.business{
	width:550px;
	text-align:center;
}
table.business tr{
	vertical-align:top;
}
table.business img{
	height:110px;
}
/***************************/


.main p{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding:5px;
	font-size:16px;
	color: #333;
	
}
span.gray{
	font-size:14px;
	
	color:#3e3a39;
}
.main p b{
	color:#000;
	font-weight:bold;
	font-size:120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/************************************/
.wrap01{
	background-image:url(../../img/wrap01.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: #000;
}

.wrap01 h2{
	color:#fff;
}
.wrap01 h2 span{
	color:#fff;
}


.wrap01 h3{
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:23px;
}


.wrap01 p{
	text-align:center;
	color:#fff;
}

.wrap01 ul{
	padding:0;
}
.wrap01 ul li{
	list-style-type:none;
	/*border:1px solid #fff;*/
	float:left;
	padding:10px;
	width:30%;
	margin:5px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background-image:url(../../img/back.png);
	font-weight:bold;
}

.sbg{
	background-image:url(../../img/sbg.png);
}
/************************************/
.wrap02{
	background-color:#EDE6D3;
	background-color:#333;
}
/************************************/
.wrap03{
	background:#000;
}
/************************************/



.banner{
	margin:0px auto;
	text-align:center;
}


.banner02{
	margin:40px auto;
	text-align:center;
}
/* ========FOOTER CUSTOMIZE======== */	
table.news{
	width:100%;
	text-align:center;
	margin:0 auto 0px;
}
table.news tr{
	vertical-align:top;
}
table.news td{
	text-align:center;
	width:50%;
	padding:0 10px;
}
table.news td h3{
	font-size:11px;
}
.box02{
	margin:0px auto 0;
	width:100%;
	font-size:13px;
	overflow-x:hidden;
	overflow-y:scroll;
	height:210px;
	border:1px solid #ccc;
	background: #fff;
	
}


/*--------------------------------------------------------- */
.imgleft{
	margin:10px 30px 0 0;
	float:left;
	width:250px;
	border-radius:250px;
	box-shadow:5px 5px #796a55;
}
.imgright{
	margin:10px 0 0 30px;
	float:right;
	width:250px;
	border-radius:250px;
	box-shadow:-5px 5px #796a55;
}

.clear{
	clear:both;
}
/**********************************/

table.tenpo{
	font-size:20px;
	margin:0px auto 30px;
	width:100%;
	border-collapse:collapse;
}
table.tenpo caption{
font-weight: bold;
color: #fff;
	padding:0;
	background-color:#cc021b;
	border-radius: 10px 10px 0 0;
border-bottom: 1px solid #ccc;
}
table.tenpo th{
color: #000;
font-size: 14px;
border-bottom: 1px solid #ccc;
padding: 10px;
}
table.tenpo td{
padding: 10px;
color: #000;
font-size: 14px;
	width:80%;
border-bottom: 1px solid #ccc;
	padding:5px 20px;
}
/**********************************/

table.example{
	font-size:20px;
	margin:0px auto 30px;
	width:100%;
	border-collapse:collapse;
}
table.example caption{
font-weight: bold;
color: #fff;
	padding:0;
	background-color:#000;
	border-radius: 10px 10px 0 0;
}
table.example th{
color: #000;
padding: 10px;
}
table.example td{
padding: 10px;
color: #000;
font-size: 14px;
	width:45%;
}
table.example img{
width: 100%;

}


/**********************************/
table.strength{
	font-size:20px;
	margin:0px auto 0px;
	width:100%;
	border-collapse:collapse;
}
table.strength th{
	width:50%;
	padding:0;
}
table.strength td{
	width:50%;
	padding:20px 20px;
	background-color:#000;
}
table.strength td h3{
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align: center;
}
table.strength td p{
	color:#fff;
}

table.strength img{
width: 100%;
}

/*--------------------------------------------------------- */

#photos {
   /* Prevent vertical gaps */
   line-height: 0;
 
   -webkit-column-count: 4;
   -webkit-column-gap:   0px;
   -moz-column-count:    4;
   -moz-column-gap:      0px;
   column-count:         4;
   column-gap:           0px;
 
}
#photos img {
  /* Just in case there are inline attributes */
  width: 94% !important;
  margin-bottom:5%;
  height: auto !important;
  border:none;
  border-radius:5px;
  box-shadow:1px 1px 5px #ccc;
}
/*--------------------------------------------------------- */
ul.recruit{
	margin:0;
	padding:0 10px;
}
ul.recruit li{
	list-style-type:none;
	float:left;
	background-image:url(../../img/menubg.png);
	color:#fff;
	border-radius:5px;
	margin:5px 5px;
	padding:0 5px;
}
ul.recruit{}
/*--------------------------------------------------------- */

table.formTable{
	width:100%;
	margin:0 auto;
	text-align:left;
	border-collapse:collapse;
	


}
table.formTable td{
	border-bottom:1px solid #ccc;
	font-size:14px;
	padding:30px 10px;
	color: #000;
	display: block;
}

table.formTable th{
	font-weight:bold;
	color:#000;
	text-align:left;
	padding:10px 10px;
	border-bottom:1px solid #ccc;
	display: block;
	font-size:14px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
table.formTable h3{
	font-size:20px;
	background-color:#999;
	padding:0px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0;
	border-radius:20px;
	border:none;
	margin:0 auto 5px;
}


.input{
	width:95%;
	padding:10px;
	border-radius:10px;
}

.submit{
	border-radius:10px;
	padding:5px 40px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background-color:#333;
}

/*--------------------------------------------------------- */

table.company{
	width:100%;
	margin:0 auto;
	text-align:left;
	border-collapse:collapse;
}
table.company td{
	border-bottom:1px solid #333;
	font-size:14px;
	padding:20px 10px;
	color: #fff;
	display: block;
}

table.company th{
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding:10px 10px;
	border-bottom:1px solid #333;
	display: block;
	font-size:14px;
}


/*--------------------------------------------------------- */

.pagetop {
	position: fixed;
	text-align: center;
	right: 10px;
	bottom: 10px;
	z-index: 9999;
width: 40px;
}

.pagetop img{
width: 40px;
margin-bottom: 5px;
}

	
/*--------------------------------------------------------- */



/* クラス名変更
--------------------------------------------------------- */


/* ========FOOTER CUSTOMIZE======== */


table.maintable03{
	width:100%;
	border-spacing:20px;
	border-collapse:separate;
	margin:10px auto;
	
}
table.maintable03 tr{
	vertical-align:top;
}
table.maintable03 td{
	width:33%;
	background-color:#FFC5CD;
	padding:5px;
	border-radius:0 0 20px 20px;
	font-size:13px;
}
table.maintable03 td p.big01{
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	
	font-weight:bold;
}
table.maintable03 td img{
	width:100%;
}
/* ========FOOTER CUSTOMIZE======== */

/* ========MAIN CONTENTS CUSTOMIZE======== */


.clear{
	clear:both;
}
/* ========FOOTER CUSTOMIZE======== */
#footer {
	text-align:center;
	margin:0px auto;
	padding:20px 0;
	background-color:#fff;
	color:#000;
	border-top: 5px solid #000;
}

#footer p{
	text-align:left;
}

#footer table{
	margin:0 auto;
}

#footer table tr{
	vertical-align:middle;
}

#footer ul{
	margin:0px auto;
	padding:0px 0;
}


#footer li {
	text-align:center;
	margin:0px 0px;
	padding:0 15px 10px;
    float:left;
    text-align:center;
	display:block;
}
#footer li a {
	color:#000;
	text-decoration:none;
	font-size: 14px;
	font-weight:bold;
}


.copyright a{
	color:#000;
}




#footer li a:hover {
	color:#CCC;
	text-shadow:1px 1px 1px #666;
}




.copyright {
	margin:0px auto;
    padding:10px 0;
    font-style:normal;
    font-size:15px;
	
    color:#000;
    text-align:center;
}