@charset "utf-8";
/* CSS Document */


/* ===================================================================

CSS information
 file name  :  style.css
 style info :  top all styles
 date       :  Aman-Style 2015.05
 
=================================================================== */


/* all style
--------------------------------------------------------------------*/
html { overflow-y: scroll; }
html,body {	height:100%;}
* html { height: 100%; }

html, body, div, blockquote, form, table, th, td, h1, h2, h3, h4, h5, h6, a, p, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,a img {
	border: none;
	vertical-align: top;
}

a { 
	overflow: hidden;
	outline: none; 
}

a:link, a:visited {
	color: #101010;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #3c3b3a;
}

a.widelink { display: block; width: 100%; }

ul li { list-style-type:none; }

address { 
	font-style:normal;
}

.text_c { text-align: center;}
.text_l { text-align: left;}
.text_r { text-align: right;}
.font11 { font-size: 1.1em; }
.font9 { font-size:0.9em; }
.fontb { font-weight: bold; }
.fontc_fff {color:#FFF; }
.lfloat { float:left; }
.rfloat { float:right; }
.clear { clear: both; }

.mt5 { margin-top:5px; }
.mt15 { margin-top:15px; display:block; }
.mt20 { margin-top:20px; }
.mt50 { margin-top:50px; }
.mt70 { margin-top:70px; }
.mt100 { margin-top:100px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml35 { margin-left:35px; }
.ml50 { margin-left:50px; }
.mr35 { margin-right:35px; }
.mr124 { margin-right:124px; }
.mb15 { margin-bottom:15px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }
.mb200 { margin-bottom:200px; }

.w100 {	width:100%; }


.reset { 
	margin:0;
	padding:0; 
}


.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* body
--------------------------------------------------------------------*/
body {
	font-size: 90%;
	font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#fff;
	line-height: 1.5;
	_text-align: center;
	color: #3c3b3a;
}


/* header
--------------------------------------------------------------------*/
header {
	max-width:1000px;
	margin:auto;
	position:relative;
}



header h1 a {
	display: block;
	overflow: hidden;
	width:200px;
	height: 0 !important;
	height /**/: 52px;
	padding-top: 52px;
	background:url(images/logo.png) no-repeat;
	top:60px;
	left:50px;
	z-index:2;
}



/* gnav
--------------------------------------------------------------------*/
#headbar {
   /* ▼上端に固定するCSS */
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;

   /* ▼バーの装飾 */
   background-color: #250d00;  /* 背景色 */
   opacity: 0.8;
   color: white;             /* 文字色 */
  /* box-shadow: 3px 3px 3px rgba(0,128,0,0.5);  影 */
   z-index:3;
}

div#headbar ul {
	width:1000px;
	margin:0 auto;
}

div#headbar ul li a {
	float:left;
	width:100px;
	height:70px;
	line-height:70px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

div#headbar ul li a:hover {
	color:#c30d23;
}

div#headbar ul li.gnavlogo a {
	display: block;
	overflow: hidden;
	width:150px;
	height: 0 !important;
	height /**/: 39px;
	padding-top: 39px;
	background:url(images/gnavlogo.png) no-repeat;
	margin:10px 25px 0 0;
}



/* container
--------------------------------------------------------------------*/
.container1 {
	width:100%;
	background:url(images/pattern1.jpg) repeat;
}

.container2 {
	width:100%;
	background:url(images/foot_bg.jpg) no-repeat center center;
	background-size: cover;
}



/* wrapper
--------------------------------------------------------------------*/
.wrapper {
	max-width: 1000px;
	margin:auto;
}



/* Top_Rinen
--------------------------------------------------------------------*/
div#top_rinen {
	margin-top:50px;
	margin-bottom:60px;
	position:relative;
}

p#top_rinen_bg {
	display: block;
	overflow: hidden;
	width:1000px;
	height: 0 !important;
	height /**/: 290px;
	padding-top: 290px;
	background:url(images/t_concept_bg.jpg) no-repeat;
}

p#top_rinen_p {
	position:absolute;
	top:120px;
	left:340px;
}

p#top_more1 {
	position:absolute;
	bottom:0px;
	right:140px;
}



/* Top_Member
--------------------------------------------------------------------*/
section#top_member {
	padding:60px 0 60px 0;
	width:1000px;
	position:relative;
	overflow:hidden;
}

section#top_member h2 {
	display: block;
	overflow: hidden;
	width:345px;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background:url(images/t_member_title.png) no-repeat;
	margin-bottom:50px;
}

p#top_all1 {
	position:absolute;
	top:67px;
	right:0px;
}

section.personal p {
	float:left;
}



/* Top_Grateful
--------------------------------------------------------------------*/
section#top_grateful {
	padding:60px 0 60px 0;
	position:relative;
	overflow:hidden;
}

section#top_grateful h2 {
	display: block;
	overflow: hidden;
	width:492px;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background:url(images/t_tyorei_title.png) no-repeat;
	margin-bottom:35px;
}

p#top_grateful_p {
	width:260px;
	margin-left:40px;
}


section p#top_grateful_more {
	position:absolute;
	bottom:60px;
	left:500px;
}

div#facebook {
	 width:300px;
	 height:350px;
}



/* Top_Service
--------------------------------------------------------------------*/
section#top_service {
	padding:60px 0 60px 0;
	overflow:hidden;
	width:1000px;
}

section#top_service h2 {
	display: block;
	overflow: hidden;
	width:484px;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 33px;
	background:url(images/t_service_title.png) no-repeat;
}

div.top_service_box {
	width:310px;
	height:450px;
	position:relative;
	margin-top:50px;
	float:left;
}

div.top_service_box p.top_service_p1 {
	position:absolute;
	width:270px;
	top:220px;
	left:20px;
}

div.top_service_box p.top_service_p2 {
	position:absolute;
	bottom:40px;
	right:20px;
}

section#top_service h3#top_service_kokoku {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/service1_bg.jpg) no-repeat;
}

section#top_service h3#top_service_web {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/service2_bg.jpg) no-repeat;
}

section#top_service h3#top_service_ec {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/service3_bg.jpg) no-repeat;
}



/* Top_Works
--------------------------------------------------------------------*/
section#top_works {
	padding:60px 0 60px 0;
	overflow:hidden;
	width:1000px;
	position:relative;
}

section#top_works h2 {
	display: block;
	overflow: hidden;
	width:250px;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background:url(images/t_works_title.png) no-repeat;
}

section#top_works p#top_works100 {
	display: block;
	overflow: hidden;
	width:537px;
	height: 0 !important;
	height /**/: 35px;
	padding-top: 35px;
	background:url(images/t_works_title2.jpg) no-repeat;
	margin:60px auto 50px;
}

section#top_works p#top_works_all {
	position:absolute;
	top:60px;
	right:20px;
}

section#sample09 div {
	float:left;
}


.m42 {
	margin:0 42px 0 42px;
}

section#sample09 {
	position:relative;
}

section#sample09 p.top_works_style1 {
	background-color:#c30d23;
	color:#fff;
	padding:5px 10px 5px 10px;
	margin-top:30px;
	float:left;
}

section#sample09 p.top_works_style2 a {
	display:block;
	width:200px;
	margin-left:10px;
	background:url(images/red_arrow.png) no-repeat right;
	margin-top:30px;
	float:right;
	height:32px;
	line-height:32px;
	text-decoration:none;
}

section#sample09 p.top_works_style2 a:hover {
	color:#c30d23;
}

div#new_site {
	position:relative;
}

p#top_new {
	display: block;
	overflow: hidden;
	width:60px;
	height: 0 !important;
	height /**/: 60px;
	padding-top: 60px;
	background:url(images/works/new_icon.png) no-repeat;
	position:absolute;
	top:-30px;
	right:25px;
}



/* Top_Triple
--------------------------------------------------------------------*/
section#top_triple {
	padding:60px 0 60px 0;
	overflow:hidden;
	width:1000px;
}

section#top_triple h3#top_triple_title1 {
	display: block;
	overflow: hidden;
	width:109px;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background:url(images/t_blog_title.png) no-repeat;
	margin:0 auto;
}

section#top_triple h3#top_triple_title2 {
	display: block;
	overflow: hidden;
	width:167px;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 40px;
	background:url(images/t_recruit_title.png) no-repeat;
	margin:0 auto;
}

section#top_triple h3#top_triple_title3 {
	display: block;
	overflow: hidden;
	width:197px;
	height: 0 !important;
	height /**/: 33px;
	padding-top: 40px;
	background:url(images/t_contact_title.png) no-repeat;
	margin:0 auto;
}


section#top_triple div.top_triple_box {
	width:310px;
	float:left;
	position:relative;
}

section#top_triple p#top_triple_blog {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/t_blog_bg.jpg) no-repeat;
	margin-top:40px;
}

section#top_triple p#top_triple_recruit {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/t_recruit_bg.jpg) no-repeat;
	margin-top:40px;
}

section#top_triple p#top_triple_contact {
	display: block;
	overflow: hidden;
	width:310px;
	height: 0 !important;
	height /**/: 450px;
	padding-top: 450px;
	background:url(images/t_contact_bg.jpg) no-repeat;
	margin-top:40px;
}

div.top_triple_box p.top_triple_p1 {
	position:absolute;
	width:270px;
	top:300px;
	left:20px;
}

div.top_triple_box p.top_triple_p2 {
	position:absolute;
	bottom:40px;
	right:20px;
}



/* Top_About
--------------------------------------------------------------------*/
section#top_about {
	padding:60px 0 60px 0;
	overflow:hidden;
	width:1000px;
	position:relative;
}

section#top_about h2 {
	display: block;
	overflow: hidden;
	width:380px;
	height: 0 !important;
	height /**/: 32px;
	padding-top: 32px;
	background:url(images/t_about_title.png) no-repeat;
	margin-bottom:40px;
}

section#top_about p#chair {
	display: block;
	overflow: hidden;
	width:430px;
	height: 0 !important;
	height /**/: 155px;
	padding-top: 155px;
	background:url(images/chair.png) no-repeat;
	float:left;
	margin-top:78px;
}

div#top_about_nav {
	background: url(images/t_foot_info_off.jpg) no-repeat top;
	width: 481px;
	height: 233px;
	float:right;
}

div#top_about_nav ul li a {
	display: block;
	overflow: hidden;
	width:60px;
	height: 0 !important;
	height /**/: 233px;
	padding-top: 233px;
	float:left;
}

div#top_about_nav ul li#top_about1 a:hover {
	background:url(images/t_foot_info_on.jpg) 0 0;
}

div#top_about_nav ul li#top_about2 a:hover {
	background:url(images/t_foot_info_on.jpg) -60px 0;
}

div#top_about_nav ul li#top_about3 a:hover {
	background:url(images/t_foot_info_on.jpg) -120px 0;
}

div#top_about_nav ul li#top_about4 a:hover {
	background:url(images/t_foot_info_on.jpg) -180px 0;
}

div#top_about_nav ul li#top_about5 a:hover {
	background:url(images/t_foot_info_on.jpg) -240px 0;
}

div#top_about_nav ul li#top_about6 a:hover {
	background:url(images/t_foot_info_on.jpg) -300px 0;
}

div#top_about_nav ul li#top_about7 a:hover {
	background:url(images/t_foot_info_on.jpg) -360px 0;
}

div#top_about_nav ul li#top_about8 a:hover {
	background:url(images/t_foot_info_on.jpg) -420px 0;
}



/* Top_Footer
--------------------------------------------------------------------*/
footer {
	overflow:hidden;
	width:1000px;
	height:369px;
	color: #250d00;
}

footer a:hover {
	color:#fff;
	text-decoration:none;
}

footer p#home a {
	display: block;
	overflow: hidden;
	width:150px;
	height: 0 !important;
	height /**/: 39px;
	padding-top: 39px;
	background:url(images/foot_logo.png) no-repeat;
	margin:0px 0 0px 0;
}

address {
	color: #250d00;
}

footer ul {
	width:590px;
	margin:0 -5px 0 0;
}

footer ul li a {
	float:left;
	width:110px;
	height:28px;
	border:1px dotted #250d00;
	line-height:28px;
	text-align:center;
	margin:5px 5px 0 0;
}

footer ul li a:hover {
	border:1px dotted #fff;
}

footer ul li#foot_privacy a {
	width:227px;
	height:28px;
	border:1px dotted #250d00;
	line-height:28px;
	text-align:center;
	margin:5px 5px 20px 0;
}

footer ul li#foot_privacy a:hover {
	border:1px dotted #fff;
}


footer div p#banner1 a {
	display: block;
	overflow: hidden;
	width:340px;
	height: 0 !important;
	height /**/: 80px;
	padding-top: 80px;
	background:url(images/banner1.jpg) no-repeat;
	margin-top:30px;
}
	

p small {
	font-size:1em;
}



/* page-top
--------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 300px;
	font-size: 77%;
}
#page-top a {
	display: block;
	overflow: hidden;
	width:74px;
	height: 0 !important;
	height /**/: 76px;
	padding-top: 76px;
	background:url(images/page_top.png) no-repeat;
}

#page-top a:hover {
   opacity: 0.8;
}



/* wideslider-style
--------------------------------------------------------------------*/
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index:1;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(images/prev.png) no-repeat right center;}
.slider_next {background: #fff url(images/next.png) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


.danger {
text-align: center;
}