@font-face {
	font-family: 'huukei';
	src:url('../fonts/huukei.eot?ojwrop');
	src:url('../fonts/huukei.eot?ojwrop#iefix') format('embedded-opentype'),
		url('../fonts/huukei.ttf?ojwrop') format('truetype'),
		url('../fonts/huukei.woff?ojwrop') format('woff'),
		url('../fonts/huukei.svg?ojwrop#huukei') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'huukei';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bo:before {
	content: "\e801";
}
.icon-watakushigoto:before {
	content: "\e802";
}
.icon-down:before {
	content: "\e803";
}
.icon-up:before {
	content: "\e804";
}
.icon-right:before {
	content: "\e805";
}
.icon-left:before {
	content: "\e806";
}
.icon-ie:before {
	content: "\5bb6";
}
.icon-ru:before {
	content: "\308b";
}
.icon-a:before {
	content: "\3042";
}
.icon-no:before {
	content: "\306e";
}
.icon-kei:before {
	content: "\666f";
}
.icon-fuu:before {
	content: "\98a8";
}
.icon-film:before {
	content: "\e60c";
}
.icon-mail:before {
	content: "\e60e";
}
.icon-play:before {
	content: "\e80d";
}
.icon-record:before {
	content: "\e60f";
}
.icon-flickr:before {
	content: "\e800";
}
.icon-facebook:before {
	content: "\e610";
}







* {
	margin: 0;
	padding: 0;
}

/*a{
	-webkit-transition-duration: 0.2s;
 	-moz-transition-duration: 0.2s;
 	-o-transition-duration: 0.2s;
 	transition-duration: 0.2s;
}
*/
a:link, a:visited, a:active {
	text-decoration: none;
	color: #333;
}

body {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho", "HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","MS Mincho",serif;
	color: #333;
}

.stage {
	display:none;
}

#loading{
	position:absolute;
	top:48%;
	left:54%;
	display:none;
}

#sitename {
	font-family: 'huukei';
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	height:30px;
	text-align:center;
	margin:-50px 0 0 -150px;
	letter-spacing: 10px;
	font-size: 32px;
	font-weight: 100;
}

#msg {
	position:absolute;
	top:50%;
	left:50%;
	width:350px;
	height:350px;
	text-align:center;
	margin:-200px 0 0 -150px;
	color:#777;
	font-size:16px;
	letter-spacing:5px;
}

.fadein p, .fadein span{
	opacity:0;
}

#msg p {
	/*width:1em;*/
	float:right;
	margin-left: 3em;
	text-align: right;
}
#msg p:last-child {
	margin-left: 0;
}

#msg p span {
	display:block;
	text-align:center;
	height:25px;
}

#skip {
	position:absolute;
	right:0;
	bottom:0;
	width:100px;
	height:60px;
}

#skip a {
	display:block;
	width:100px;
	height:60px;
	line-height:60px;
	text-align:center;
	letter-spacing:3px;
	font-size:10px;
	color:#aaa;
}


#info{
	width:100%;
	height:100%;
	z-index:1;
}

#bukken{
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
}

#mainnav {
	position: fixed;
	bottom: 0;
	left: 0;
	height:100%;
}

#mainnav ul {
	position:absolute;
	bottom:0;
	margin-bottom:60px;
}

#mainnav ul li{
	width: 200px;
	text-align: right;
	list-style-type: none;
}

#aboutnav {
	position: fixed;
	top: 2000px;
	left: 0;
	background-image: url("../images/menu_l_line20dark.png");
    background-position: 100% 8px;
    background-repeat: no-repeat;
}

#aboutnav ul li{
	width: 200px;
	text-align: right;
	list-style-type: none;
}

#menu_line {
	width:1px;
	height:0%;
	background-color:#4b4848;
	position:fixed;
	left:200px;
}

.menu_btn {
	display:block;
	width:160px;
	padding-right:40px;
	height:60px;
	line-height:60px;
	font-size: 13px;
	letter-spacing: 2px;
	text-align: right;
	background-image: url("../images/menu_l_line60.png");
	background-position:160px 0;
	background-repeat:no-repeat;
}

#loadConcrete{
	letter-spacing: 0;
}

.menu_btn img {
	vertical-align:middle;
	opacity:0.2;
}

.about_menu_btn {
	display:block;
	width:160px;
	padding-right:40px;
	height:40px;
	line-height:40px;
	font-size: 13px;
	letter-spacing: 2px;
	text-align: right;
}

#about_menu_line {
	display: none;
    left: 160px;
    position: fixed;
    top: 170px;
}

#about_back_btn{
    top: 0;
	left:0;
    color: #aaa;
    display: none;
    font-size: 13px;
    height: 50px;
    position: fixed;
    text-align: center;
    width: 200px;
	padding:0 0 10px;
	line-height:5px;
}

#about_back_btn span{
	color: #595757;
	display:block;
	font-size:50px;
	line-height:40px;
}

#about_content {
	padding-left:74px;
	padding-top: 124px;
}


#menu_sitename {
	font-family: 'huukei';
	position:fixed;
	bottom:60px;
	left:200px;
	width:300px;
	height:60px;
	letter-spacing: 10px;
	font-size: 24px;
	font-weight: 100;
	color: #333;
	background-image: url("../images/menu_r_line60.png");
	background-repeat:no-repeat;
	padding-left:40px;
}

#menu_sitename img {
	float:left;
	margin-right:20px;
	opacity:0.2;
}

#menu_sitename p {
	margin-top:18px;
}

#replay_btn {
	position:fixed;
	bottom:40px;
	left:280px;
	width:300px;
	height:30px;
	text-align:left;
	letter-spacing: 3px;
	font-size: 13px;
	font-weight: 100;
}

#replay_btn a, #replay_btn a:visited, #replay_btn a:active {
	color: #ccc;
}

#replay_btn a:hover {
	color: #333;
}

#menu_selectbox {
	position:fixed;
	left:0;
	top:0;
	z-index: -10;
	line-height:60px;
	height:60px;
	width:0;
	background-color:#4b4848;
}

#window_wrap {
	position:fixed;
	height:300px;
	width:50px;
	top:0;
	right:0;
	/*overflow:hidden;*/
	z-index:10;
}

#subbox {
	position:fixed;
	right:-100px;
	top:30px;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	height:240px;
	width:50px;
	background-color:#595757;
	z-index:10;
}

#subbox_ctl {
	position:fixed;
	right:0;
	top:30px;
	line-height:60px;
	height:200px;
	width:50px;
	opacity:0;
	z-index:5;
}

#subbox li {
	list-style-type: none;
	position: relative;
}

#subbox a, #subbox a:visited, #subbox a:active {
	color:#797977;
}

#subbox a:hover {
	color:#a9a9a7;
}

#subbox .caption{
	position: absolute;
	right: 60px;
	top: 0;
	display: block;
	font-size: 12px;
	/*line-height: 45px;*/
	color:#595757;
	width:100px;
	text-align: right;
}

#bobtn{
	font-size: 38px;
	margin-top: 10px;
}

#content_area {
	position: absolute;
	min-width:600px;
	max-width:800px;
	width:600px;
	top:0;
	left:200px;
	margin: 80px 0;
	z-index:0;
}

#content_area .kiji {
	position:relative;
	margin-bottom: 120px;
	padding:0 80px;
	background-image: url("../images/menu_r_line20.png");
    background-repeat: no-repeat;
}

#content_area .kiji hgroup{
	margin-bottom:20px;
}

#content_area .kiji hgroup h1, 
#content_area .kiji hgroup h2{
	font-size:14px;
	letter-spacing:3px;
	margin-bottom:10px;
}
#content_area .kiji hgroup .mini_title{
	font-size:13px;
	color: #aaa;
	letter-spacing:3px;
}

#content_area .kiji p{
	margin-left:20px;
	margin-bottom:30px;
	font-size:13px;
	letter-spacing:3px;
	line-height:30px;
	color:#666;
}

#content_area .kiji p img {
	width:100%;
	max-width:640px;
	height:auto;
	position:absolute;
	top:-200px;
	border:none;
}

.imgtrim {
	display:block;
	margin: 10px 0;
	width: 100%;
	height: 80px;
	overflow: hidden;
	position:relative;
}

#content_area .kiji .kiji-line{
	position:absolute;
	top:6px;
	left:0;
	width:20px;
	margin:0;
	opacity:0.2;
}


#content_area .kiji .kiji_url {
	display: block;
	text-align:right;
	color:#ccc;
	font-size:10px;
}

#prevbtn {
	width:100px;
	height:80px;
	position:fixed;
	right:0;
	bottom:80px;
	color: #aaa;
	font-size: 13px;
	text-align:center;
	display:none;

}

#prevbtn span{
	color: #595757;
	display:block;
	font-size:60px;
	line-height:40px;
}

#nextbtn {
	width:100px;
	height:80px;
	position:fixed;
	right:0;
	bottom:0;
	color: #aaa;
	font-size: 13px;
	text-align:center;
	display:none;
}

#nextbtn span{
	color: #595757;
	display:block;
	font-size:60px;
	line-height:40px;
}


#bukken_list {
	margin-bottom:100px;
}

#bukken_selectbox {
	position:absolute;
	left:0;
	top:0;
	z-index: -10;
	line-height:60px;
	height:60px;
	width:0;
	background-color:#4b4848;
}

#bukken_ani_box {
	position:fixed;
	left:0;
	top:0;
	z-index: -10;
	line-height:60px;
	height:60px;
	width:0;
	background-color:#4b4848;
	padding-left:40px;
	font-size: 18px;
	color:#fff;
	letter-spacing:3px;
}

#bukken_list li {
	position:relative;
	list-style:none;
	height:60px;
}

#bukken_list li .bukken-line{
	vertical-align:middle;
	opacity:0.2;
}

#bukken_list li a{
	display:block;
	height:60px;
	line-height:60px;
	font-size:13px;
	letter-spacing:3px;
	padding-left:40px;
	background-image: url("../images/menu_r_line20.png");
    background-position: 0 20px;
    background-repeat: no-repeat;
}

#bukken_count {
	position:fixed;
	top:70px;
	left:50px;
	font-size:30px;
	color:#ddd;
	width:100px;
	height:100px;
	display:none;
}

#bukken_ro{
	position:absolute;
	top:0;
	left:10px;
}

#bukken_total{
	position:absolute;
	bottom:0;
	right:10px;
}

#bukken_back_btn{
    color: #ccc;
	background-color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 13px;
    height: 60px;
    letter-spacing: 3px;
    line-height: 60px;
    padding: 10px;
    position: fixed;
    top: 20px;
    width: 90px;
	z-index:100;
}

#bukken_back_btn span {
	font-size: 60px;
    vertical-align: middle;
	color:#ccc;
	letter-spacing:-15px;
}

.bukken_photo {
	min-width:960px;
/*	min-height:600px;*/
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:340px 0;
	overflow:hidden;
	position:relative;
/*	border-top: 1px solid #333;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
*/
}

.bukken_photo img {
	position:absolute;
	top:0;
	left:340px;
}


#bukken_img0{
	overflow:visible;
}

/*
#bukken_img1{
	background-position:0% 50%;
	background-size:50% auto;
}
*/

#bukken_title {
	position:absolute;
	left:0;
	top:140px;
	line-height:60px;
	height:60px;
	color:#333;
	font-size:18px;
	font-weight: 300;
	letter-spacing:3px;
	padding:0 40px 0 40px;
	text-shadow:1px 1px 2px #fff;
	background-color:#fff;
	background-color:rgba(255,255,255,0.5);
}

#bukken_comment{
    color: #333;
    font-size: 13px;
    font-weight: 200;
    left: 0;
    letter-spacing: 3px;
    line-height: 30px;
    min-height: 200px;
    //min-width: 200px;
    overflow: hidden;
    padding: 20px 0 0 55px;
    position: relative;
    top: 240px;
    width: 250px;
}

.bukken_txt {
	position:relative;
	top:150px;
	padding-left:60px;
	color:#333;
	font-size:14px;
	font-weight: 300;
	letter-spacing:3px;
	width:240px;
	text-shadow: 1px 1px 1px #fff;
	line-height:28px;
}

#bukken_more_btn{
    bottom: 0;
    right: 0;
    color: #333;
	text-shadow:1px 1px 3px #fff;
    display: none;
    font-size: 13px;
	padding-top:10px;
    height: 70px;
    position: fixed;
    text-align: center;
    width: 100px;
	z-index:100;
	background-color: rgba(255, 255, 255, 0.2);
}

#bukken_more_btn span{
	display: block;
    font-size: 60px;
	line-height:40px;
	color:#333;
}

#bukken_top_btn{
    bottom: 80px;
    right: 0;
    color: #333;
	text-shadow:1px 1px 3px #fff;
	display: none;
    font-size: 13px;
    height: 70px;
	padding-top:10px;
    position: fixed;
    text-align: center;
    width: 100px;
	z-index:100;
	background-color: rgba(255, 255, 255, 0.2);
}

#bukken_top_btn span{
	display: block;
    font-size: 60px;
	line-height:40px;
	color:#333;
}

#bukken_youtube {
    background-color:rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    padding: 80px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	z-index:200;
}

#bukken_youtube_btn {
    height: 24px;
    line-height: 24px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 200px;
	left: 240px;
    width: 60px;
	color:#ccc;
	font-size:24px;
}

#bukken_rep {
	position:relative;
}


#bukken_rep > h1 {
	font-size: 13px;
    letter-spacing: 3px;
    line-height: 36px;
    padding:20px 20px 20px 30px;
    position: absolute;
	top:0;
    text-align: right;
    width: 150px;
	font-weight:200;
	background-color:#4b4848;
	color:#fff;
}

#bukken_rep_list {
	left: 200px;
    position: relative;
    top: 0;
	padding-bottom:100px;
	min-width: 600px;
	max-width: 800px;

}

#bukken_rep_list li {
	list-style:none;
}

#bukken_rep_list li .bukken_rep_kiji{
	background-image: url("../images/menu_r_line20.png");
    background-repeat: no-repeat;
	background-position: 0 100px;
	margin-bottom: 80px;
	position: relative;
	padding:100px 80px 0;
}

#bukken_rep_list li .bukken_rep_kiji hgroup{
	margin-bottom:20px;
}

#bukken_rep_list li .bukken_rep_kiji hgroup h1,
#bukken_rep_list li .bukken_rep_kiji hgroup h2{
	font-size:14px;
	letter-spacing:3px;
	margin-bottom:10px;
}

#bukken_rep_list li .bukken_rep_kiji hgroup .mini_title{
	font-size:13px;
	color: #aaa;
	letter-spacing:3px;
}

#bukken_rep_list li .bukken_rep_kiji p{
	margin-left:20px;
	margin-bottom:30px;
	color:#666;
	font-size:13px;
	letter-spacing:3px;
	line-height:30px;
}

#bukken_rep_list li .bukken_rep_kiji div {
	margin:20px 0 20px 60px;
}

#bukken_rep_list li .bukken_rep_kiji p img {
	width:100%;
	max-width:640px;
	height:auto;
	position:absolute;
	top:-200px;
	border:none;
}

#bukken_rep_list li .bukken_rep_kiji .kiji_url {
	display: block;
	text-align:right;
	color:#ccc;
	font-size:10px;
}

#bukken_rep_month {
    position: absolute;
    text-align: right;
    top: 200px;
    width: 200px;
}

#bukken_rep_month li {
	list-style:none;
}

#bukken_rep_month li a {
	color: #AAAAAA;
    display: block;
    font-size: 13px;
    height: 26px;
    letter-spacing: 2px;
    line-height: 26px;
    padding-right: 20px;
    width: 180px;
}

#bukken_rep_line {
	background-color: #4B4848;
    height: 100%;
    left: 200px;
    position: absolute;
    top: 0;
    width: 1px;
}

#profile{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#profile tr{
	display: block;
	margin-bottom: 10px;
}

#profile th{
	text-align: left;
	font-weight: normal;
	width: 150px;
	font-size: 13px;
	vertical-align: top;
}

#vision{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 100px;
	text-align: justify;
}

#vision h2{
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	letter-spacing: 4px;
}

#vision p{
	padding-left: 20px;
	margin-bottom: 60px;
}

#vision table{
	padding-left: 20px;
	margin-bottom: 60px;	
}

#vision tr{
	display: block;
	margin-bottom: 10px;
}

#vision th{
	width: 120px;
	font-size: 16px;
	vertical-align: top;
	font-weight: normal;
}

#vision th span{
	display: block;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 10px;
	margin-left: 2px;
}

#vision ul li{
	list-style: none;
}

#history{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#history h1{
	font-size: 16px;
	margin-bottom: 40px;
	font-weight: normal;
	letter-spacing: 4px;
}

#history tr{
	display: block;
	margin-bottom: 10px;
}

#history th{
	text-align: left;
	font-weight: normal;
	width: 120px;
	font-size: 13px;
	vertical-align: top;
}


#kawashima{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 500px;
}

#kawashima a{
	-webkit-transition-duration: 0.2s;
 	-moz-transition-duration: 0.2s;
 	-o-transition-duration: 0.2s;
 	transition-duration: 0.2s;
 }

#kawashima a:hover{
	color:#999;
 }


#kawashima .photo{
	width: 200px;
	height: 200px;
	float: left;
}

#kawashima .photo img{
	width: 200px;
	height: 200px;
}

#kawashima .stdinfo{
	position: relative;
	height: 200px;
	width: 500px;
	margin-left: 220px;
	margin-bottom: 40px;
}

#kawashima .stdinfo h1{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 4px;
	position: absolute;
	top:80px;
}


#kawashima .stdinfo h1 span{
	font-size: 14px;
	margin-left: 30px;
	vertical-align: top;
}

#kawashima .stdinfo h2{
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top:55px;
}

#kawashima .stdinfo h3{
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	top:150px;
}

#kawashima .stdinfo a{
	display: block;
	position: absolute;
	top:178px;
	text-decoration: underline;
}

#kawashima p{
	text-align: justify;
	margin-bottom: 40px;
	clear: both;
}

#kawashima .sign{
	text-align: right;
}

#kawashima .moreinfo{
	display: none;
	position: absolute;
	top: 200px;
	left: -220px;
	z-index: 10;
	width:460px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}

#kawashima .moreinfo p{
	line-height: 24px;
	margin-bottom: 20px;
}

#kawashima .moreinfo a{
	position: absolute;
	top:0;
	right: 0;
	text-decoration: none;
	padding: 5px;
}

#incompany{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#incompany > p{
	position: absolute;
	top: 124px;
}

#incompany ul{
	margin: 163px 0 100px;
}

#incompany li{
	list-style: none;
	margin-bottom: 50px;
	margin-left: -74px;
	padding-left: 74px;
	background-image: url(../images/menu_r_line70.png);
	/*background-position: 0 12px;*/
	background-repeat: no-repeat;
	position: absolute;
}

#incompany li a{
	display: inline-block;
	text-align: center;
	font-size: 10px;
}

#incompany li img{
	display: block;
	border: 0;
}

#incompany_detail{
	position: absolute;
	top:210px;
	display: none;
}

#incompany_close{
	position: absolute;
	top:124px;
	right:0;
	display: none;
	text-align: center;
}
#incompany_close span{
	display: block;
	font-size: 20px;
	margin-top: -10px;
}


#incompany_detail{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 500px;
}

#incompany_detail a{
	-webkit-transition-duration: 0.2s;
 	-moz-transition-duration: 0.2s;
 	-o-transition-duration: 0.2s;
 	transition-duration: 0.2s;
 }

#incompany_detail a:hover{
	color:#999;
 }


#incompany_detail .photo{
	width: 200px;
	height: 200px;
	float: left;
}

#incompany_detail .photo img{
	width: 200px;
	height: 200px;
}

#incompany_detail .stdinfo{
	position: relative;
	height: 200px;
	width: 500px;
	margin-left: 220px;
	margin-bottom: 40px;
}

#incompany_detail .stdinfo h1{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 4px;
	position: absolute;
	top:80px;
}


#incompany_detail .stdinfo h1 span{
	font-size: 14px;
	margin-left: 30px;
	vertical-align: top;
}

#incompany_detail .stdinfo h2{
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top:55px;
}

#incompany_detail .stdinfo h3{
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	top:150px;
}

#incompany_detail .stdinfo a{
	display: block;
	position: absolute;
	top:178px;
	text-decoration: underline;
}

#incompany_detail .stdinfo a.fb{
	display: inline-block;
	position: relative;
	top:auto;
	text-decoration: none;
}


#incompany_detail .stdinfo a.fb span{
	font-size: 20px;
	vertical-align: baseline;
}


#incompany_detail p{
	text-align: justify;
	margin-bottom: 40px;
	clear: both;
}

#incompany_detail .sign{
	text-align: right;
}

#incompany_detail .moreinfo{
	display: none;
	position: absolute;
	top: 200px;
	left: -220px;
	z-index: 10;
	width:460px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}

#incompany_detail .moreinfo p{
	line-height: 24px;
	margin-bottom: 20px;
}

#incompany_detail .moreinfo a{
	position: absolute;
	top:0;
	right: 0;
	text-decoration: none;
	padding: 5px;
}

#incompany_detail .message{
	margin-bottom: 200px;
}


#incompany_detail .profile{

}

#incompany_detail .profile tr{
	display: block;
	margin-bottom: 10px;
}

#incompany_detail .profile th{
	text-align: left;
	font-weight: normal;
	width: 150px;
	font-size: 13px;
	vertical-align: top;
	padding-right: 10px;
}

#incompany_detail .profile td{
	vertical-align: top;
}

#contact{
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#contact ul{
	padding-left: 15px;
	margin-bottom: 20px;
}

#contact p{
	margin-bottom: 20px;
}

#contact p.koumoku{
	position: relative;
}

#contact tr{
	display: block;
	margin-bottom: 10px;
}

#contact th{
	text-align: left;
	font-weight: normal;
	width: 150px;
	font-size: 13px;
	vertical-align: top;
}

#contact h2{
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	font-weight: normal;
}

#contact span{
	color: #999;
}

#contact img{
	max-width: 100%;
	height: auto;
}

#contact form{
	margin:40px 0 80px;
}

#contact form span{
	color: #333;
}

#contact form .formtitle{
	float: left;
	display: block;
	/*min-width: 180px;*/
	line-height: 26px;
	font-size: 13px;
	width: 175px;
	padding-right: 5px;
}

#contact form .formval{
	display: inline-block;
	min-width: 320px;
}

.wpcf7-list-item{
	display: block;
}

span.wpcf7-list-item{
	margin-left: 0 !important;
}

#contact form input,
#contact form textarea{
	padding: 3px;
	border: solid 1px #333;
	font-size: 13px;
	color: #333;
	width: 335px;
}

#contact form textarea{
	margin: 10px 0 0 180px;	
}

#contact form input#zip{
	width: 150px;
}


#contact form input[type="submit"]{
	background-color: #333;
	color: #fff;
	padding: 10px 0;
	letter-spacing: 3px; 
	width: 100px;
	text-align:center;
	margin-left: 423px;
}

#contact form input[type="submit"]:hover{
	background-color: #666;
}

#contact form input[type="checkbox"]{
	width: auto;
	border:none;
}

#contact form input[type="radio"]{
	width: auto;
	border:none;
}

#contact form .gakku{
	position: absolute;
	top:0;
	left: 250px;
}

#contact form .gakku input{
	width:160px;
	margin-left: 3px;
}
#contact form .gakku input[readonly]{
	border-color:#eee;
	color:#eee;
}

.wpcf7-radio .wpcf7-list-item{
	/*display: inline-block;*/
	margin-right: 10px;
}

#contact p#button{
	margin-bottom: 0;
}

#contact form span.wpcf7-not-valid-tip{
	color: #f00;
}

div.wpcf7-response-output{
	margin:5px 0 !important;
}

div.wpcf7-validation-errors{
	border: none !important;
	border-left: solid 5px #f00 !important;
}

div.wpcf7-mail-sent-ok{
	border: none !important;
	border-left: solid 5px #0f0 !important;
}


#recruit{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 200px;
	text-align: justify;
}

#recruit h2{
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	letter-spacing: 4px;
}

#recruit p{
	padding-left: 20px;
	margin-bottom: 30px;
}

#recruit .shusai{
	font-size: 14px;
	/*font-weight: bold;*/
}


/*
#profile:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#profile h1 {
	font-size:18px;
	margin-bottom:20px;
	font-weight:200;
	letter-spacing:8px;
}

#profile p img{
	width:150px;
	height:auto;
	margin:20px 0;
}

#profile h2 {
	font-size:16px;
	font-weight:200;
	letter-spacing:3px;	
	margin-bottom:20px;
}

#profile h3 {
	font-size:13px;
	font-weight:bold;
	letter-spacing:3px;	
}

#profile section {
	float:left;
	width:45%;
	margin-top:30px;
	font-size: 13px;
}

#profile h2 + section{
	margin-right:60px;
	font-size: 13px;
}

#profile section p{
	line-height:30px;
	letter-spacing:3px;
	margin-bottom:30px;
}*/

#rc {
	margin-bottom:200px;
}

#rc h1 {
	font-size:14px;
	font-weight:200;
	letter-spacing:8px;
	line-height:30px;
}

#rc h1 span {
	display:block;
	float:right;
	margin:20px 0 80px;
}

#rc p {
	clear:both;
	font-size:13px;
	color:#666;
	letter-spacing:3px;
	line-height:30px;
	padding:0 80px 0 40px;
	margin:20px 0;
}

#rc h2 {
	font-size:18px;
	font-weight:200;
	letter-spacing:8px;
	line-height:36px;
	margin: 120px 0 60px;
}

#rc h2 span {
	font-size:14px;
	color:#999;
	display:block;
}

#rc p#rc_adress {
	margin:50px 0 100px;
}

#aar {
	margin-bottom:200px;
}

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

#aar h1 {
	font-size:18px;
	font-weight:200;
	letter-spacing:8px;
	line-height:36px;
	/*margin-bottom:80px;*/
}

#aar h2 {
	font-size:18px;
	font-weight:200;
	letter-spacing:8px;
	line-height:36px;
	margin-top:50px;
	clear:both;
}

#aar h3 {
	font-size:13px;
	font-weight:200;
	letter-spacing:6px;
	line-height:36px;
	margin-left:-17px;
}

#aar img {
/*
	position:absolute;
	left:400px;
	top:100px;*/
	width:100%;
	height:auto;
}

#aar p {
	font-size:13px;
	letter-spacing:3px;
	line-height:30px;
	margin:20px 0;
}

#aar_profile {
	position:relative;
	width:300px;
	padding-left:50px;
	float:right;
	/*margin-top:40px;*/
	margin-bottom:40px;
}

#aar_toha {
	color: #777;
	margin: 100px 20px 0 !important;
	position: relative;
	width: 350px;
}
	
#aar_profile img{
	width:150px;
	height:auto;
	float:right;
	margin-left:250px;
/*	position:absolute;
	top:0;
	left:290px;*/
}

#aar_profile h3 {
	text-align:right;
}

#aar_profile h2 {
	font-size:16px;
	font-weight:200;
	letter-spacing:3px;	
	margin:0;
	text-align:right;
	line-height:20px;
}

#aar_profile a {
	display:block;
	height:30px;
	line-height:30px;
	padding:5px 10px;
	text-align:right;
	margin:10px 0;
	background-color: #ea5404;
    color: #fff;
}


#aar_more {
	position:relative;
	/*border-top:1px solid #666;*/
	border-bottom:1px solid #ea5404;
	/*padding: 0 20px;*/
	display:none;
}

#aar p#aar_adress {
	font-size:12px;
	text-align:right;
	margin:10px 0;
/*	margin-top:80px;
	padding-left:100px;
	
*/
}

#aar p#aar_adress span{
	position:absolute;
	left:0;
}

#k606 {
	margin-bottom:200px;
}

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

#k606 h1 {
	font-size:18px;
	font-weight:200;
	letter-spacing:8px;
	line-height:36px;
	margin-bottom:180px;
}

#k606 h3 {
	font-size:13px;
	font-weight:200;
	letter-spacing:6px;
	line-height:36px;
}

#k606 img {
	position:absolute;
	left:320px;
	top:120px;
}

#k606 p {
	font-size:13px;
	letter-spacing:3px;
	line-height:30px;
	margin:20px 0;
}

#k606_profile {
	position:relative;
	width:450px;
	float:right;
	text-align:right;
	margin-bottom:100px;
}

#k606_profile h3 {
	margin-left:0;
}

#k606_profile h2 {
	font-size:16px;
	font-weight:200;
	letter-spacing:3px;	
	margin-bottom:20px;
}

#k606_profile a {
	padding:5px;
	font-size:30px;
}

#k606_profile a:hover {
	color:#999;
}

#k606_info {
	font-size:13px;
	clear:both;
	width:400px;
	letter-spacing:2px;
	line-height:26px;
}

#k606_info caption {
	text-align:left;
	line-height:50px;
	font-size:13px;
	margin-bottom:30px;
	border-bottom:1px solid #999;
	padding-left:20px;
}

#k606_info td{
	padding:5px 10px;
	vertical-align:top;
	height:25px;
}

#k606_info th {
	width:150px;
	text-align:left;
	vertical-align:top;
	padding:5px 10px;
}

#qa {
	position:relative;
	margin:120px 0;
}

#qlist{
	margin-bottom:100px;
}

#qlist a {
	padding-left:40px;
	font-size:14px;
	color:#666;
	letter-spacing:3px;
	line-height:30px;
	margin-bottom:20px;
	display:block;
}

#qlist a span{
	position:absolute;
	left:0
}

#qa .qa_question {
	padding-left:120px;
	font-size:13px;
	letter-spacing:3px;
	line-height:35px;
	margin-bottom:5px;
	width:80%;
	display:block;
}


#qa .qa_question:before {
	content:'Q';
	display: inline-block;
    left: 80px;
    position: absolute;
    width: 100px;
}

#qa .qa_answer {
	clear:both;
	width:75%;
	font-size:13px;
	color:#333;
	letter-spacing:2px;
	line-height:26px;
	padding:0 0 0 160px;
	margin:20px 0 80px;
	display:none;
}

#qa .qa_answer:before {
	content:'A';
	display: inline-block;
    left: 120px;
    position: absolute;
    width: 100px;

}

#qa .answer_btn {
	display:block;
	width: 80%;
	height:40px;
	line-height:40px;
	font-size:13px;
	color:#aaa;
	margin-left:120px;
	letter-spacing:3px;
	margin-bottom:20px;
}

#qa .answer_btn span{
	font-size:18px;
	font-weight:bold;
	margin-right:5px;
	vertical-align:-3px;
}

#single_kiji{
	position:relative;
	margin: 120px auto;
	padding:0 80px;
	width:600px;
}

#single_kiji hgroup{
	margin-bottom:20px;
}

#single_kiji hgroup h1, 
#single_kiji hgroup h2{
	font-size:14px;
	letter-spacing:3px;
	margin-bottom:10px;
}

#single_kiji hgroup .mini_title{
	font-size:13px;
	color: #aaa;
	letter-spacing:3px;
}

#single_kiji p{
	margin-left:20px;
	margin-bottom:30px;
	font-size:13px;
	letter-spacing:3px;
	line-height:30px;
	color:#666;
}

#single_kiji p img {
	width:100%;
	max-width:640px;
	height:auto;
	position:absolute;
	top:-200px;
	border:none;
}

#single_kiji_header a {
	display:block;
	background-color:#595757;
	color:#fff;
	height:30px;
	width:230px;
	padding:30px;
	position:relative;
	top:40px;
	left:0;
	letter-spacing:3px;
}

#single_kiji_header h1 {
	font-size: 24px;
	font-weight: 200;
	font-family: 'huukei';
	position:relative;
}

#single_kiji_header h2 {
	margin:20px 0;
	font-size: 13px;
	font-weight: 200;
	letter-spacing:2px;
}

#single_kiji_header span {
	font-size: 30px;
	letter-spacing:-10px;
	vertical-align:-4px;
	display:inline-block;
	position:relative;
}

#single_kiji_header .smallsize {
	font-size:14px;
	font-style:italic;
	letter-spacing:1px;
	vertical-align:6px;
}

#single_kiji_footer {
	padding:30px;
	text-align:right;
	letter-spacing:3px;
	font-size:13px;
}



#concrete{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 150px;
	text-align: justify;
	margin-top: -124px;
}

#concrete svg{
	display: block;
	margin: 0 auto;
}

#concrete > p > img,
#concrete .concrete_subcontent img{
	margin:0 auto;
	display: block;
}

#concrete h2{
	font-size: 16px;
	margin-bottom: 30px;
	font-weight: normal;
	letter-spacing: 4px;
}

#concrete p{
	padding-left: 20px;
	margin-bottom: 30px;
}

#concrete h3{
	background-image: url("../images/menu_r_line70.png");
    background-repeat: no-repeat;
    background-position: 0 14px;
	margin:60px 0 30px -74px;
    padding-left: 93px;
    font-weight: normal;
}

#concrete h3 span{
	float: right;
	line-height: 30px;
	font-size: 20px;
}

#concrete h4{
	text-align: center;
	margin-top: 50px;
	font-weight: normal;
}

#concrete h4 span{
	font-size: 10px;
	vertical-align: 1px;
}

#concrete #loadContactFromConcrete{
	border: solid 1px #333;
	padding: 10px 30px 10px 20px;
	display: inline-block;
	-webkit-transition-duration: 0.2s;
 	-moz-transition-duration: 0.2s;
 	-o-transition-duration: 0.2s;
 	transition-duration: 0.2s;
}

#concrete #loadContactFromConcrete:hover{
	padding-left: 40px;
}

#concrete #loadContactFromConcrete span{
	visibility: hidden;
	font-size: 20px;
	vertical-align: -3px;
	color: #000;
	-webkit-transition-duration: 0.2s;
 	-moz-transition-duration: 0.2s;
 	-o-transition-duration: 0.2s;
 	transition-duration: 0.2s;
}
#concrete #loadContactFromConcrete:hover span{
	visibility: visible;
	margin-left: -20px;
	margin-right: 10px;
}

.concrete_subtitle a{
	color: #999;
}
.concrete_subtitle a:hover{
	color: #333;
}

.concrete_subcontent{
	display: none;
}

#concrete_lastmsg{
	margin-top: 100px;
}



#hiyou{
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 150px;
	text-align: justify;
	margin-top: -124px;
}

#hiyou svg{
	display: block;
	margin: 0 auto;
}

#hiyou > p > img,
#hiyou .concrete_subcontent img{
	margin:0 auto;
	display: block;
}

#hiyou h2{
	background-image: url("../images/menu_r_line70.png");
    background-repeat: no-repeat;
    background-position: 0 14px;
	margin:0 0 30px -74px;
    padding-left: 75px;
    font-weight: normal;
}

#hiyou p{
	padding-left: 20px;
	margin-bottom: 30px;
}

#hiyou .tsubo{
	list-style: none;
	margin-left: 80px;
}

#hiyou .tsubo .title{
	width: 160px;
    display: inline-block;
    background-image: url("../images/menu_r_line70.png");
    background-repeat: no-repeat;
    background-position: 100px 14px;
}

#hiyou .tsubo .value{
	padding-left: 10px;
}

#hiyou .tsubo_uchiwake{
	margin-left: 250px;
	font-size: 10px;
	color: #999;
}

#hiyou .tsubo_uchiwake p{
	margin: 0;
	padding:0;
}

#hiyou .tsubo_uchiwake ul{
	list-style: none;
	line-height: 20px;
    margin-bottom: 50px;
}

#hiyou .tsubo_uchiwake ul .title{
	width: 100px;
	display: inline-block;
}

#hiyou h3{
	font-size: 16px;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-left: 20px;
	font-weight: normal;
	letter-spacing: 4px;
}

#hiyou .simu_area{
	padding-left: 20px;
	font-size: 12px;
}

#hiyou h4{
	margin: 40px 0 10px;
	font-weight: normal;
	font-size: 14px;
	position: relative;
}
#hiyou h4::before{
	content: "\e80d";
	font-family: "huukei";
	position: absolute;
	top:0;
	left: -20px;
}

#hiyou h4.graph_title{
	text-align: center;
}
#hiyou h4.graph_title::before{
	content: "";
}

#hiyou .simu_area ul{
	/*list-style: none;*/
	margin-left: 25px;
	line-height: 40px;
}

#hiyou .simu_area ul ul li{
	display: table;
}

#hiyou .simu_area ul ul li .title,
#hiyou .simu_area ul ul li .value,
#hiyou .simu_area ul ul li .unit,
#hiyou .simu_area ul ul li .hosoku{
	display: table-cell;
	vertical-align: baseline;
	color: #999;
}

#hiyou .simu_area ul ul{
	list-style: none;
}

#hiyou .simu_area .shouhizei .value{
	width: auto;
}

#hiyou .simu_area .shouhizei .value label{
	margin-right: 10px;
}
#hiyou .simu_area .shouhizei .value label input{
	margin-right: 10px;
}

#hiyou .simu_area .title,
#hiyou .simu_area .value,
#hiyou .simu_area .unit{
	display: inline-block;
	padding-right: 10px;
}

#hiyou .simu_area .value{
	font-size: 14px;
	width: 70px;
	text-align: right;
}

#hiyou .simu_area .unit{
	font-size: 10px;
	width: 50px;
}

#hiyou .simu_area .hosoku{
	display: inline-block;
	font-size: 10px;
	color: #999;
	line-height: 15px;
	vertical-align: middle;
	margin-left: 30px;
}

#hiyou .simu_area input[type="text"]{
	border:none;
	border-bottom: solid 1px #333;
	text-align: right;
	/*max-width: 50px;*/
	width: 100%;
	font-size: 14px;
	background-color: transparent;
}

#hiyou .simu_area input:focus {
	outline: none;
	border-bottom: solid 1px #f33;
}

#hiyou .tochi_hiyo .title{
	width: 60px;
}

#hiyou .tochi_hiyo ul .title{
	width: 130px;
}

#hiyou .kenchiku_hiyo .title{
	width: 90px;
}

#hiyou .kenchiku_hiyo ul .title{
	width: 130px;
}

#hiyou .sho_hiyo .title{
	/*width: 90px;*/
}

#hiyou .sho_hiyo ul .title{
	width: 185px;
}

#hiyou .loan{
	background-color: #f0f0f0;
    padding: 10px;
    margin: 20px 0 20px 25px;
    overflow: hidden;
    width: 450px;
}

#hiyou .loan ul{
	margin-left: 10px;
}

#hiyou .loan ul li{
	float: left;
}

#hiyou .loan ul li span{
	color:#333;
}

#hiyou .loan ul .title{
	width: 70px;
}
#hiyou .loan ul .value{
	width: 60px;
}

#hiyou .loan p{
	margin: 0;
	padding: 0;
}
#hiyou .loan .caption{
	display: block;
	clear: both;
	margin-left: 10px;
}

#hiyou .loan select{
	-moz-appearance: none;
 	-webkit-appearance: none;
 	appearance: none;
 	border:none;
 	border-radius: 0;
 	font-size: 14px;
 	width: 100%;
 	text-align: right;
	border-bottom:solid 1px #666;
	background-color: transparent;
 	padding: 0px 10px;
}
#hiyou .loan select:focus {
	outline: none;
	border-bottom: solid 1px #f33;
}

#hiyou .total_meyasu{
	display: none;
}

#hiyou .simu_graph_area{
	height: 200px;
	position: relative;
}

.graph_fix{
	position: fixed;
	top: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 10;
}

.axis path{
	fill: none;
	stroke: none;
}
.axis line{
	fill: none;
	stroke: #ddd;
	shape-rendering: crispEdges;
}
.axis text{
	font-size:12px;
	font-family: serif;
	fill: #aaa;
}


#btn_pastevent{
	display: block;
	border: solid 1px #eee;
	border-top: none;
	width: 200px;
	text-align: center;
	padding: 15px;
	color: #ccc;
	margin: -80px auto 0;
	font-size: 14px;
	letter-spacing: 1px;
}

.event_month{
	margin: 100px 0 40px 80px;
	font-size: 14px;
	color: #aaa;
	letter-spacing: 3px;
}

.pastdata{
	display: none;
}

.kiji_close_btn{
	position: absolute;
	right: 0;
	top: 0;
}

.event_term{
	/*color: #aaa;*/
	font-weight: normal;
	margin-right: 20px;
	font-size: 12px;
	vertical-align: 1px;
}

.event_yoyaku{
	color: #f55;
	margin-left: 10px;
	font-size: 12px;
	vertical-align: 1px;
}

.btn_to_contact,
.btn_to_contact_single{
	display: block;
	float: right;
	font-size: 13px;
	letter-spacing: 1px;
	border: solid 1px #ccc;
	padding: 10px 20px;
}

#content_area .event_kiji{
	margin-bottom: 40px;
}

.event_title{
	display: block;
	font-size: 14px;
	color: #333;
	letter-spacing: 3px;
	font-weight: normal;
}


.event_title a:link,
.event_title a:visited,
.event_title a:active{
	color:inherit;
}

.event_naiyou{
	/*display: none;*/
	margin-top: 40px;
	margin-bottom: 80px;
	overflow: hidden;
}

#shiryou{
	position: fixed;
	bottom: -500px;
	left: 300px;
	width:500px;
	/*margin: 0 100px 0 60px;*/
	padding: 10px;
	box-shadow: 0 0px 10px rgba(0,0,0,0.3);
	color: #666;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	z-index: 100;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	/*display: none;*/
	transition-duration:0.5s;
}

#shiryou img{
	float: left;
	margin-right: 20px;
	width: 90px;
	height: auto;
}

#shiryou .shiryou_msg{
	padding-top:5px;
	font-size: 13px;
}

#shiryou a{
	display: block;
	border: solid 1px #666;
	text-align: center;
	padding: 5px 10px;
	position: absolute;
	right: 20px;
	bottom: 10px;
	border-radius: 5px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
}


#shiryou a:hover{
	background-color: #333;
	color:#fff;
}

.shiryou_show{
	bottom:0px !important;
}