@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/****************************************
General Settingここから 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:baseline;
	list-style: none;	
	}

body{
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	color:#6a6a6a;
	}
a{
	text-decoration:none;
	color:#6a6a6a;
	}
a:hover{
	color:#775657;
	}	
.noFold{
	white-space:nowrap;
	}	

/*********************************/

/* Mobile Layout: 480px and below. */

  
#wrapper{
	width:90%;
	margin:0 auto;
	position:relative;
	}
#main{
	clear:both;
    min-height:80%;
	}
	
header{
	}
#logo img{
	width:80%;
	margin:22px 0 3px 5%;
	}
#logo img a:hover{
	opacity:0.6;
    }
nav#menu{
	clear:both;
    position:relative;
    margin-left:21.5%;
	}
nav ul li{
	text-align:left;
	}
nav ul li a{
	display:block;
	width:100%;
	}
ul#menuBody{
	display:block;
  margin-bottom:20px;
	}
ul#menuBody li a{
	display:block;
	}
li .head a{
	display:block;
	}
li a:hover{
	opacity:0.6;
	}	
.branch a{
	display:block;
	margin-left:30%;
	}
ul.drp{
	overflow: hidden;
	font-size:12px;
	text-align: center;
	}
ul.drp li{
	line-height:24px;
	width:100%;
	}
ul#menuBody .drp li{
	float: none;
	}
.bxslider img{
	clear:both;
	width:90%;
	margin:0 auto;
    }
#bx-pager{
	clear:both;
	overflow:visible;
	height:80px;
	width:30%;
	margin:0 auto;
  transition: width 0.5s linear;
	}
/*#bx-pager:hover{　インデックスはindex.cssで別設定*/
.controlWrap:hover #bx-pager{
	width:60%;
   }
#bx-pager a{
	width:12.5%;
	margin:0;
	padding:0;
	display:block;
	float:left;
    }
#bx-pager img {
	display: block;
	border:0;
    }
	
#social{
	position:relative;
	}
#social a:hover{
	opacity:0.6;
	}
aside#social img{
	width:25%;
  float: right;
	}
			
footer p{
	clear:both;
	height:10%;
	width:100%;
	text-align:center;
	font-size:50%;
	padding-top:12px;
	}

#footer{
	clear:both;
	float:none;
}
#bx-pager{
	clear:both;
	overflow:visible;
	height:80px;
/*	width:30%;*/
	margin:0 auto;
	}
/*#bx-pager:hover{
	width:60%;
   }*/
#bx-pager a{
	width:12.5%;
	margin:0;
	padding:0;
	display:block;
	float:left;
    }
#bx-pager img {
	display: block;
	border:0;
    }
	
/*contactここから	*/
#co_main{
	clear:both;
	overflow:hidden;
  width:60%;
  margin:26px 0 46px 21.5%;
	}
#mail{
	font-size:75%;
	}
#mail a{
	white-space:nowrap;
	}	

/*Aboutここから*/
#ab_main{
	width:90%;
	margin:6px auto 0;
	}
#plof{
	clear:both;
	width:100%;
	margin:12px auto 22px;
	line-height:1.8em;
	font-size:80%;
	}	
#tmasaki{
	width:50%;
	margin:42px auto 22px;
	}
.noFold{
	white-space:nowrap;
	}
.career{
	margin-top:12px;
	}		
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#wrapper{
	width:90%;
	margin:0 auto;
	}
#logo img{
	width:50%;
  margin:18px 0 6px 0;

	}


/*ドロップダウンナビ*/
nav#menu{
	width:100%;
	clear:none;
	margin-top:25.5px;
	margin-left:0;
	overflow:visible;
	z-index:100;
	}
nav#menu ul li a{
/*	padding:0;*/
	text-align:left;
	}
ul#menuBody{
	font-size:85%;
	overflow:hidden;
	float:right;
	}
ul#menuBody li{
	float: left;
	}
ul#menuBody .drp li{
	float: none;
}
ul.drp{
	overflow: hidden;
    font-size:12px;
	text-align: center;
	background-color:#fff;
  }
ul.drp li{
	line-height:24px;
	float: left;
	}
li.head{
	/*margin-left:1em;*/
	margin: 0;
	}	
li.branch{
	padding:0 0.5em;
	}
li.head a{
	text-align:center;
	}	

li.head a{
	display:block;
	color:#6A6A6A;
	}	
 
ul#menuBody li.nega{
/*	margin-left:-2em;*/
	left: -1em;
	position: relative;
	}
ul#menuBody li.nega .head{
	z-index:0;
	opacity:1;
	}
ul.sub{
	}	
	.branch a{
	display:block;
	margin:0;
	}
ul.drp{
  overflow: hidden;
  background: #222;
  color:#eee;
  width: 100%;
  font-size:12px;
  text-align: center;
  }
ul.drp li{
	line-height:24px;
	}
ul.drp li:hover{
	background:#C7C4C4;
	cursor: pointer;
	}
ul#menuBody li{
	display:block;
	width:auto;
	}
ul#menuBody .drp li{
	float: none;
	}
#slide{
	overflow:hidden;
	float:none;
	display:block;
	}
.bxslider img{
	width:90%;
	margin:0 auto;
    }
footer p{
	display:block;
	margin:3% auto;
	height:10%;
	clear:both;
	margin-top:50px;
	width:100%;
	font-size:75%;
	}
	
	
nav#menu{
	position:relative;
	margin-top:0;
    }
nav#menu ul li a{
	display:block;
  color:#6a6a6a;
	}	
	
ul #menuBody{
	width:100%;
    position: absolute;
	z-index:100;
	margin-top:12px;
	margin-left:5%;
	font-size:85%;
    }
ul#menuBody ul li{
	float: left;
    }
ul#menuBody .drp li{
	float: none;
    }
	
ul.drp{
	overflow: hidden;
	font-size:12px;
	text-align: center;
	background-color:#fff;
    }
ul.drp li{
	line-height:24px;
	float: left;
	}
ul.drp li:hover{
	}

li.head a{
  display:block;
	color:#6A6A6A;
	padding: 0 0.5em 0 0.5em;
	}
li.head a:hover{
	color:#3A3A3A;
	}
#slide{
clear:both;
width:100%;
}
.bxslider img{
width:100%;
margin:0 auto;
}
	
aside#social img{
	width:15%;
  margin-left:0;
	}
	
/*contactここから	*/
#co_main{
	min-height:680px;
  margin:0 auto;

	}
#mail{
	width:18.5em;
	margin:230px auto;
	font-size:80%;
	}
#mail{
	font-size:75%;
	}
#mail a{
	white-space:nowrap;
	}	

}

@media only screen and (min-width: 681px) {

nav#menu {
    width: auto;
    float: right;
    height: 24px;
    clear: none;
    overflow: visible;
    margin-top: 37px;
}

#logo{
	width:35%;
	float:left;
	}
  
#logo img{
	width:100%;
	margin:1em 0 0 0;
	}
  
}

/* Desktop Layout: 830px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 830px) {

#wrapper{
	width:70%;
  margin:0 auto;
	}
header{
    overflow:visible;
	}
#logo{
	width:30%;
	float:left;
	}

/*ドロップダウンナビ*/
nav#menu{
	width:auto;
	float:right;
	height:24px;
	clear:none;
	overflow:visible;
	margin-top:2.65em;
	}
nav#menu ul li a{
	text-align:left;
	font-size:120%;
	}
ul#menuBody{
	font-size:85%;
	position:relative;
	overflow:hidden;
	margin:0;
	float:right;
	}
ul#menuBody li{
	float: left;
	}
ul#menuBody .drp li{
	float: none;
}
#menuBody ul.drp{
	overflow: hidden;
    font-size:12px;
	text-align: center;
	background-color:#fff;
	opacity:0.5;
  }
#menuBody ul.drp .head{
	opacity:1;
	background-color:#fff;
	}

#menuBody ul.drp .head a:hover{
	background-color: #aaa;
	opacity: 1;
	}
#menuBody ul.drp li.branch{
	color: #000;
	}
ul.drp li{
	line-height:24px;
	float: left;
	}
li.head a{
	text-align:center;

	}	
ul.drp li:hover{
	}
ul#menuBody li.nega{
	margin-right:0;
	background: #fff;
	opacity: 1;
}
ul.sub{
	}	
	.branch a{
	display:block;
	margin:0;
	}
#main{
	clear:both;
	margin-top:86px;
	}
#slide{
	clear:both;
	}
aside#social{
	clear:both;
	width:100%;
	}
aside#social img{
	width:10%;
	}
footer p{
	clear:both;
	font-size:75%;
	margin-top:0;
	text-align:center;
	}
	
#co_main{
	min-height:480px;
  line-height:2.5em;
	}
	
/*contactここから	*/
#co_main{
	}
#mail{
	margin:160px auto;
	font-size:80%;
	}
}

@media only screen and (min-width: 1400px) {
#wrapper{
  width:70%;
	max-width:1620px;
  margin:0 auto;
	}
  
nav#menu {
    width: auto;
    float: right;
    height: 24px;
    clear: none;
    overflow: visible;
    margin-top: 4em;
}  
  
nav#menu ul li a{
	text-align:left;
	font-size:150%;
	}
}