@charset "utf-8";

/*-----------------------
common
----------------------  */
body{
	}
a:hover img.over {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	}
#pagetop{
	}
#topmain{
	position:relative;
	text-align:center;
	}
#topmain .bd{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:6px;
	background:#cf5e0f;
	}
#topmain #topnav{
	width:300px;
	margin:0 auto;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);
	}
#topmain h1{
	padding:100px 0 80px 0;
	}
#topmain li{
	margin-bottom:35px;
	font-size:14px;
	}
#topmain a:visited,
#topmain a{
	color:#111111;
	}
#topmain a:hover{
	color:#999;
	}
#topmain li.about{
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	height:40px;
	margin-bottom:20px;
	font-size:14px;
	}
#topmain li.about img{
	margin-top:10px;
	}
#header{
	width:100%;
	padding:10px 0 15px 0;
	background:#cf5e0f;
	/*background:rgb(207,94,15);
	background:rgba(2207,94,15,0.6);*/
	text-align:center;
	}
#header.fixed{
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	}
#global{
	}
#global li{
	display:inline;
	margin:0 10px;
	letter-spacing:1px;
	}
#global li img{
	vertical-align:0;
}
#global li a{
	color:#FFF;
	}
#global li a:hover{
	color:#fcfcfc;
	}
#global li.facebook{
	margin-left: 30px;
}
#footer{
	padding: 15px 0;
	background:#cf5e0f;
	text-align: center;
}
#footer address small{
	font-style: normal;
	font-size: 11px;
	color:#fff;
}
.inner{
	clear:both;
	max-width:940px;
	margin:0 auto;
	padding:110px 0 100px;
	}
.inner h2{
	margin-bottom:45px;
	font-size:30px;
	font-weight:normal;
}
.inner h3{
	margin-bottom:20px;
	font-size:20px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 1.4em;
}
.inner .hd{
	margin-bottom:30px;
	border-bottom:1px dotted;
	text-align:center;
	}
.inner .body{
	padding:0 10px;
	}
.inner .body p{
	margin-bottom:20px;
	line-height:2em;
	font-size:14px;
	}
.bg{
	background:#f9f7ec;
	}
.pagetop {
	position: fixed;
	right: 30px;
	bottom:70px;
}
.pagetop img{
	width: 30px;
	height: auto;
}
.smaller{
	font-size: 80%;
}

/*------------------------
 service
------------------------ */
.serviceList{
	text-align: center;
}
.serviceList li{
	display:inline-block;
	width:200px;
	margin:0 30px 10px 0;
}
.serviceList li a{
	display:block;
	float: left;
	width:190px;
	padding:5px;
	padding-top:0;
	background:#e1dcc3;
	color:#111111;
	}
.serviceList li.last{
	margin-right: 0;
}
.serviceList li a:visited{
	color:#111111;
	}
.serviceList li a:hover{
	color:#777;
	}
.serviceList li a .pict{
	padding:5px;
	}
.serviceList li a .body{
	min-height:67px;
	padding:15px 10px;
	background:#FFFFFF;
	}
.serviceList li h3{
	margin:0 0 10px  0;
	padding:0;
	font-size:15px;
	font-family:'Muli',Verdana,Arial,"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
	font-weight:bold;
	letter-spacing: 1px;
	}
.inner .serviceList li p{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.4em;
	text-align: left;
	}

/* contents */
.service{
	margin-top:-70px;
	margin-bottom: 50px;
	padding:80px 0 60px;
	border-bottom: 1px dotted #c9c9c9;
}
.service.last{
	border-bottom: 0;
}
.service .icon{
	margin-bottom: 25px;
	text-align: center;
}
.service h3{
	margin:0 0 40px  0;
	padding:0;
	font-size:24px;
	font-family: 'Muli',Verdana,Arial,"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
	letter-spacing: 1px;
	text-align: center;
}
.service .body .works{
	padding:15px 20px;
	background: #fcfcfc;
	border: 1px solid #ededed;
}
.service .bnrtesoro{
	display: block;
	float: left;
	width: 250px;
	margin: 100px 0 100px;
	text-align: center;
}
a.underline{
	border-bottom: 1px dotted #cf5e0f;
}
.service h4{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6em;
	margin-bottom: 10px;
}


/*------------------------
 members
------------------------ */
.memberList{
	width:940px;
	margin:0 auto;
	padding-left: 20px;
	text-align: center;
}
.memberList li{
	display:inline-block;
	margin:0 0px 20px 0;
}
.memberList li a{
	display:inline-block;
	width:180px;
	color:#111111;
}
.memberList li a:visited{
	color:#111111;
	}
.memberList li a:hover{
	color:#777;
	}
.memberList li .pict{
	margin-bottom: 7px;
}
.memberList li .pict img{
	width: 170px;
	height: auto;
}
.inner .memberList li h3{
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.4em;
	font-family: 'Muli',Verdana,Arial,"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
	letter-spacing: 1px;
}
.memberList li .role{
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:0;
}

/* contents */
.member{
	margin-top:-70px;
	margin-bottom: 50px;
	padding:80px 0 60px;
	border-bottom: 1px dotted #c9c9c9;
}
.member.last{
	border-bottom: 0;
}
.member .name{
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.6em;
}
.member .name .icon{
	margin-bottom: 5px;
}
.member .name h3{
	margin: 0 0 5px;
	padding:0;
	font-size:24px;
	font-family: 'Muli',Verdana,Arial,"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
	letter-spacing: 1px;
	text-align: center;
}
.member .name .roman{
	margin-bottom: 10px;
	font-size: 16px;
}

/* contact */
#contactform{
width:600px;
margin:0 auto;
padding-bottom:200px;
}
#contactform p{
margin-bottom:30px;
line-height:1.5em;
font-size:14px;
}
#contactform dl{
display:table;
width:100%;
margin-bottom:20px;
font-size:14px;
line-height:1.5em;
}
#contactform dt,
#contactform dd{
display:table-cell;
vertical-align:top;
}
#contactform dt{
width:27%;
padding-right:3%;
}
#contactform dt span{
color:#ff0000;
}
#contactform dd{
width:70%;
}
#contactform .error{
display:block;
color:#ff0000;
}
#contactform input[type="text"]{
width:80%;
border:1px solid #efefef;
padding:5px 2px;
font-size:14px;
}
#contactform .submitbtn{
margin-top:30px;
text-align:center;
}
#contactform input[type="submit"]{
display:inline-block;
padding:10px 30px;
border:0;
outline:0;
-webkit-appearance: none;
background:#cf5e0f;
color:#fff;
font-size:14px;
cursor:pointer;
}
#contactform input.back{
display:inline-block;
margin-right:10px;
padding:10px 20px;
border:0;
outline:0;
-webkit-appearance: none;
background:#444;
color:#fff;
font-size:14px;
cursor:pointer;
}
#contactform textarea{
width:98%;
height:100px;
border:1px solid #efefef;
padding:5px 1%;
font-size:14px;
}

table.abouttbl th,
table.abouttbl td{
padding:2px;
vertical-align:top;
line-height:1.6em;
font-size:14px;
text-align:left;
}