@charset "utf-8";

/*
---------------------------------------------------------
  common.css ver 1.0
  *Update: 2010.12.07
  *http://takma.jp/
---------------------------------------------------------
*/

/*------ common ------*/

a:link, a:visited {
color: #61798C;
text-decoration: underline;
overflow:hidden
}

a:hover {
text-decoration: underline;
overflow:hidden
}

a img { border-style:none }

.center { text-align:center }

.left { float:left; }

.right { text-align: right; }

.text_ja{
    font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	font-size: 20px;
	margin: 0 auto 40px;
	letter-spacing: 0.2em;
}

.text {
	text-align: left;
}


.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.cb { clear:both }

.slider-arrows a {font-family: 'chaparral_proregular';}


.grid_8,
.grid_12{
    min-height: 280px;
	margin-bottom: 40px;
}

.current{
	color: #999;
	font-weight: 700px;
}

.link{ 

letter-spacing: 0.05em;
}
.link:before { content: "→" ;margin-right: 10px; }


/*------ basic ------*/
/*------ layout ------*/

body {
font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ ゴシック",sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
overflow: visible;
background: #fff;
letter-spacing: 0.1em;
}

#wrap {
color: #444444;
text-align:left;
width: 100%;
margin: 70px auto 0;
padding: 0 0px;
}

body#index #wrap,
body#lds #wrap {
color: #444444;
text-align:center;
width: 100%;
margin: 0px auto;
padding: 0 0px;
}

#header{
position:relative;
width: 940px;
height: 90px;
line-height: 90px;
margin:-70px auto 0 auto; 
border-bottom: 1px solid #444444;
	background: #fff;
	z-index:100;
}

#index #header,
#header{
	position: sticky;
	margin-top: -70px;
	top: 0;
	border-bottom: 1px solid #eee;
}

h1{
	display: block;
	position: absolute;
	text-align: left;
	top:23px;
	left: 0px;
	width: 120px;
	height: 90px;
	line-height: 90px;
	margin:0 0 0px 60px; 
	padding: 0px 0 0 0;
}

h1 img {
	width: 120px;
	height: 44px;
	vertical-align: middle;
	position: absolute;
}

#gnav ul {
margin: 0;
padding: 0;
	position: absolute;
	top:0;
	right: 60px;
}

#gnav ul li {
margin: 0 0 0 40px;
color: #999;
padding: 0px;
width: auto;
font-size: 18px;
font-family: 'chaparral_proregular';
font-weight: normal;
line-height: 90px;
display: block;
text-align: left;
float: left;
list-style: none;
}

#gnav ul li a {
color: #333;
font-size: 18px;
line-height: 90px;
text-decoration: none;
}

#gnav ul li a.current{
color: #666;
pointer-events: none;
cursor: default;	
}

#main {
text-align: justify;
}

.area_mission{
	text-align: left;
	margin: 60px auto 40px;
}

.area_mission .small{
margin-left: 93px;
}


h2 {
font-size: 32px;
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-weight: normal;
margin: 0px auto 20px;
padding: 0px;
clear:both;
line-height: 1.5em;
letter-spacing: 0.1em;
white-space: nowrap;
}

h2.en { 
font-size: 44px; 
line-height: 1.2em;
font-family:'chaparral_proregular';
font-weight: normal;
}

#subtitle h2{
 font-size: 44px;
 margin: 50px 0 20px 0;
}

.area_mission h2,
.lds h2 {
font-size: 48px;
font-family: 'chaparral_proregular';
font-weight: normal;
margin: 0px auto 20px;
}

.small{
	font-size: 12px;
	font-family: 'chaparral_proregular';
	font-weight: normal;
	color: #999;
	margin: 0 0 10px 3px;
}

#subdisc {
	margin: 60px 0 50px 0;
	height: 100px;
}

.pj{ margin-bottom:100px;
	clear: both;
}

.pj h2 {margin: 20px 0 0px 10px;}

.disc{margin: 20px 0px 0px 0px;}

h3 {
font-size: 24px;
font-family: 'chaparral_proregular',"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 0px;
}

h3.ja { font-size: 20px; }

.service h3 {margin: 60px 0 20px -10px;}
.service h4 {
     margin: 40px 0 20px -10px;
	 font-family: 'chaparral_proregular';
}

.service p {margin: 20px 0 20px 10px; line-height: 2.3em;}

.service .en { font-size: 18px; margin-right:5px;  }

.price { font-size: 14px; margin-left: 2px; }
.price:before { content: "¥" ;margin-right: 5px;  }

.service .price{ margin-left: 20px;  }

.works { margin: 0px 0 100px 0px; overflow: hidden; }

.works h3 { margin: 0px 0 5px 0px; }
.works p{ 
margin: 0 0 20px 0;
line-height: 1.5em;
 }
 
.works img { 
width: 580px; 
height: auto; 
overflow: hidden;
border: 10px solid #eee;
box-sizing: border-box;
 }

.data{ 
width: 100%;
border-top: dashed 1px #999;
margin: 30px 0 0 0;
padding: 20px 0 0 0 ;
 }
 
 
.about{ margin: 0px 0 40px 0px;}

.about img{ margin: 0px 20px 20px 0px;}

.tw{
	position: absolute;
	top: 35px;
	left: 560px;
	overflow: hidden;
}

.fb{
	position: absolute;
	top: 35px;
	left: 665px;
	overflow: hidden;
	width: 150px;
}

.contact{ margin: 0px 0 60px 0px;}

.form { border-bottom: 1px solid #333;
min-height: 50px;
padding: 0 0 0px 0;
margin: 25px 0 25px 0;
font-size: 18px;
 }


input[type=text],input[type=password],textarea {
width:100%;
margin: -4px 0 5px 0;
padding: 0px;
font-size: 18px;
border: none;
outline: none;
font-weight: normal;
}

.textarea{ height: 140px; }

textarea {
	height: 140px;
	max-width: 400px;
}

input[type=submit]{
    font-size: 18px;
	color: #fff;
	padding: 15px 25px;
	margin: 20px 0;
	background: #333;
border: none;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

input[type=submit]:hover{
    font-size: 18px;
	color: #fff;
	padding: 15px 25px;
	margin: 20px 0;
	background: #666;
border: none;
}

h4 {
font-size: 14px;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 0px;
clear:both;
}

p {
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 1.8em;
text-align: justify;
}


#footer {
font-family:'chaparral_proregular';
clear: both;
width: 940px;
border-top: 1px solid #444444;
padding-top: 20px;
margin: 20px auto 40px;
}

#footer p {
float:left;
margin: 0 0 10px 20px;
}

#footer ul {
margin: 0 0 0px 20px;
padding: 0px;
width: 700px;
display: block;
text-align: left;
}

#footer ul li {
margin: 0 6px 0 0;
color: #999;
padding: 0px;
list-style:none;
display: inline;
}

#footer ul li a{
color: #333;
text-decoration: none;
}

#footer ul li a:hover{

text-decoration: underline;
}

#footer ul li:after {
	content: '|';
	margin: 0 0 0 10px;
}

#footer ul li:last-child:after{
	content: none;
}

#footer address {
position: relative;
color: #999;
width: 300px;
font-size: 12px;
margin: 0px 20px 10px 0px;
padding: 0px;
clear:both;
text-align:right;
float:right;
display: block;
}