﻿@charset "utf-8";
#whole {
	width: 100%;
	min-width:1006px;
	background-image: url(../img/back.jpg);
	background-position: center center;
	float: left;
}
#main {
	width: 1006px;
	margin-right: auto;
	margin-left: auto;
}
#main01 {
	float: left;
	width: 1006px;
	background-color: #FFF;
}
#header01 {
	float: left;
	height: 85px;
	width: 957px;
	padding-left: 24px;
}
#header01cc {
	float: left;
	height: 85px;
	width: 957px;
	background-image: url(../img/headbg02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 24px;
	display: inline;
}

#head_logo {
	float: left;
	height: 85px;
	width: 261px;
}
#head02 {
	float: right;
	height: 35px;
	width: 400px;
	padding-top: 50px;
	font-size: 11px;
	line-height: 35px;
	text-align: right;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "小塚ゴシック Pro M", "小塚ゴシック Pro R", "小塚ゴシック Std M", "小塚ゴシック Std R", "ヒラギノ角ゴ3";
	padding-right: 5px;
	color: #7b7a7a;
}
#head02cc {
	float: right;
	height: 35px;
	width: 400px;
	padding-top: 50px;
	font-size: 11px;
	line-height: 35px;
	text-align: right;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "小塚ゴシック Pro M", "小塚ゴシック Pro R", "小塚ゴシック Std M", "小塚ゴシック Std R", "ヒラギノ角ゴ3";
	padding-right: 5px;
	color: #FFF;
}
#head02 a {
	color: #7b7a7a;
	text-decoration: none;
}
#head02cc a {
	color: #FFF;
	text-decoration: none;
}

#head02 a:hover {
	color: #ff7200;
	text-decoration: none;
}
#head02cc a:hover {
	color: #ff7200;
	text-decoration: none;
}

#top_img {
	float: left;
	width: 957px;
	height: 372px;
	padding-bottom: 5px;
}
#top_img02 {
	float: left;
	width: 957px;
	height: 500px;
	padding-bottom: 5px;
}
#top_img03 {
	float: left;
	width: 957px;
	height: 400px;
}
#top_img04 {
	float: left;
	width: 957px;
	height: 537px;
}
#point_img {
	float: left;
	width: 957px;
	height: 400px;
	padding-bottom: 5px;
}
#sample_img {
	float: left;
	width: 957px;
	height: 450px;
	padding-bottom: 5px;
}
#bar01 {
	float: left;
	width: 959px;
	padding-left: 23px;
	height: 56px;
}
.bar001 {
	float: left;
}
#main_con {
	float: left;
	width: 957px;
	padding-left: 24.5px;
	padding-top: 80px;
	padding-bottom: 30px;
}

#main_con2 {
	float: left;
	width: 957px;
	padding-left: 25px;
	padding-bottom: 30px;
        padding-top: 165px;
}
#main_con3 {
	float: left;
	width: 957px;
	padding-left: 25px;
	padding-bottom: 30px;
        padding-top: 100px;
}
#page {
	font-size: 12px;
	line-height: 45px;
	color: #4a4a4a;
	letter-spacing: 1px;
	padding-left: 10px;
	float: left;
	width: 900px;
}
#page a {
	color: #4a4a4a;
	text-decoration: none;
}
#page a:hover {
	color: #ff7200;
	text-decoration: underline;
}



#main_left {
	float: left;
	width: 751px;
}

#main_left2 {
	float: left;
	width: 751px;
	padding-left: 25px;
}

#top01 {
	float: left;
	height: 30px;
	margin-left: 0px;
	width: 711px;
	background-color: #FFB600;
	<!--background-image: url(../img/top01.jpg);-->
	background-repeat: repeat-y;
	background-position: left top;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
	display: inline;
}
#top02 {
	font-size: 18px;
	<!--line-height: 22px;-->
	letter-spacing: 1px;
	color: #fffffe;
	padding-left: 12px;
	float: left;
	width: 100px;
}
#top03 {
	float: right;
	font-size: 11px;
	line-height: 19px;
	color: #686767;
	text-align: right;
	width: 400px;
	padding-right: 22px;
}
#top03 a {
	color: #686767;
	text-decoration: underline;
}
#top03 a:hover {
	color: #ff7200;
	text-decoration: underline;
}
#top04 {
	float: left;
	width: 703px;
	padding-left: 8px;
	height: 400px;
	overflow: auto;
}
#top05 {
	float: left;
	width: 703px;
	padding-left: 8px;
	height: 200px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
	overflow: auto;
}
#top06 {
	float: left;
	height: 30px;
	margin-left: 0px;
	width: 955px;
        background-image: url(../img/menu_infomation.png);
	background-color: #FFB600;
	background-repeat: repeat-y;
	background-position: left top;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
	display: inline;
}
#top07 {
	float: left;
	width: 947px;
	padding-left: 8px;
	height: 200px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
	overflow: auto;
}
#top08 {
	float: left;
	height: 50px;
	margin-left: 0px;
	width: 955px;
        background-image: url(../img/menu_news.png);
	background-color: #FFB600;
	background-repeat: repeat-y;
	background-position: left top;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
	display: inline;
}
#top09 {
	float: left;
	height: 50px;
	margin-left: 0px;
	margin-top: 10px;
	width: 957px;
        background-image: url(../img/bar_news.png);
}
#footbar {
	float: left;
	padding-top: 30px;
}
#footbar01 {
	float: left;
	height: 50px;
	margin-left: 0px;
	width: 955px;
        background-image: url(../img/footbar_ex.png);
        display: inline;
}
#footbar02 {
	font-size: 18px;
	letter-spacing: 1px;
	color: #fffffe;
	padding-left: 600px;
	float: left;
	width: 500px;
}
.top001 {
	float: left;
	width: 660px;
	padding-left: 11px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.top002 {
	color: #4a4a4a;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
.top003 {
	background-color: #4169e1;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	height: 18px;
	width: 100px;
}

.top004 {
	font-size: 14px;
	line-height: 17px;
	color: #4a4a4a;
	letter-spacing: 1px;
}
.top004 a {
	color: #4a4a4a;
	text-decoration: underline;
}
.top004 a:hover {
	color: #ff7200;
	text-decoration: underline;
}

.top005 {
	background-color: #e7322f;
	font-size: 9px;
	line-height: 18px;
	color: #FFF;
	text-align: center;
	height: 18px;
	width: 76px;
}
.top006 {
	float: left;
	width: 660px;
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.frame {
	float: left;
	width: 948px;
	background-image: url(../img/cad2_01.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.frame00 {

	float: left;
	width: 957px;
	line-height: 0px;
}
.frame01 {

	float: left;
	width: 957px;
	line-height: 0px;
	padding-top: 10px;
}
.frame02 {

	float: left;
	width: 957px;
	line-height: 0px;
	padding-bottom: 10px;
}

#pageup {
	float: left;
	width: 700px;
	text-align: right;
	padding-top: 40px;
}
#pageup2 {
	float: left;
	width: 950px;
	text-align: right;
	padding-top: 40px;
}
#main_right {
	float: left;
	width: 190px;
	padding-left: 16px;
}

#main_right2 {
	float: left;
	width: 477px;
	padding-left: 16px;
}

#right01 {
	font-size: 12px;
	color: #5d5d5d;
	text-align: center;
	line-height: 34px;
	background-color: #d9ffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0072bb;
	float: left;
	width: 190px;
	margin-right: 16px;
	letter-spacing: 2px;

}
#right02 {
	font-size: 12px;
	color: #5d5d5d;
	text-align: center;
	line-height: 34px;
	background-color: #fef8de;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffd940;
	float: left;
	width: 174px;
	margin-right: 16px;
	letter-spacing: 2px;

}

.right001 {
	font-size: 12px;
	line-height: 16px;
	color: #4a4a4a;
	padding-top: 18px;
	float: left;
	width: 170px;
}
.right001 a {
	color: #4a4a4a;
	text-decoration: underline;
}
.right001 a:hover {
	color: #ff7200;
	text-decoration: underline;
}
.right002 {
	font-size: 10px;
	float: left;
	width: 15px;
	line-height: 16px;
	padding-top: 18px;
	color: #04507b;
}
.right002cc {
	font-size: 10px;
	float: left;
	width: 15px;
	line-height: 16px;
	padding-top: 18px;
	color: #e9ba00;
}

.right003 {
	float: left;
	width: 190px;
	padding-bottom: 28px;
}
#right03 {
	font-size: 11px;
	line-height: 24px;
	color: #686767;
	float: left;
	width: 190px;
}
.right004 {
	float: left;
	width: 190px;
	padding-bottom: 17px;
}
#footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 116px;
	float: left;
}
#footer01 {
	height: 116px;
	width: 1006px;
	margin-right: auto;
	margin-left: auto;
}
#footer02 {
	float: left;
	height: 116px;
	width: 946px;
	margin-left: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d4d3d2;
	display: inline;
}
#footer03 {
	float: left;
	height: 30px;
	width: 946px;
}
#footer04 {
	font-size: 12px;
	line-height: 30px;
	color: #6f6f6f;
	padding-left: 25px;
	float: left;
	width: 400px;
	letter-spacing: 1px;
}
#footer05 {
	font-size: 11px;
	line-height: 30px;
	color: #686767;
	float: right;
	width: 400px;
	text-align: right;
	margin-right: 10px;
}
#footer05 a {
	color: #686767;
	text-decoration: none;
}
#footer05 a:hover {
	color: #ff7200;
	text-decoration: none;
}
#footer000 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 479px;
	float: left;
}
#footer001 {
	width: 957px;
	margin-right: auto;
	margin-left: auto;
	line-height:0;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}
#footer002 {
	float: left;
	height: 469px;
	width: 957px;
	background-image: url(../img/back_footer.jpg);
}
#footer003 {
	float: left;
	height: 30px;
	width: 946px;
}
#footer004 {
	font-size: 12px;
	line-height: 30px;
	color: #6f6f6f;
	padding-left: 25px;
	float: left;
	width: 400px;
	letter-spacing: 1px;
}
#footer005 {
	font-size: 11px;
	line-height: 30px;
	color: #686767;
	float: right;
	width: 400px;
	text-align: right;
	margin-right: 10px;
}
#footer005 a {
	color: #686767;
	text-decoration: none;
}
#footer005 a:hover {
	color: #ff7200;
	text-decoration: none;
}
#foot_logo {
	float: left;
	height: 86px;
	width: 400px;
}
#foot01 {
	float: left;
	width: 55px;
}
#foot02 {
	float: left;
	width: 249px;
}
#foot03 {
	float: left;
	width: 249px;
}
#foot04 {
	font-size: 12px;
	line-height: 14px;
	color: #7b7a7a;
	float: left;
	padding-top: 4px;
	width: 140px;
	padding-left: 6px;
}
#foot05 {
	font-size: 12px;
	line-height: 14px;
	color: #7b7a7a;
	float: left;
	padding-top: 4px;
	width: 100px;
}
.group001 {
	float: left;
	width: 751px;
}
.group002 {
	float: left;
	width: 690px;
	padding-top: 30px;
}
.group003 {
	float: left;
	padding-left: 4px;
}
.group004 {
	padding-top: 22px;
	float: left;
	width: 676px;
	padding-left: 11px;
}
.group004cc {
	padding-top: 22px;
	float: left;
	width: 676px;
	padding-left: 11px;
	margin-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d5d5d5;
}


.group005 {
	font-size: 12px;
	color: #303030;
	line-height: 38px;
	padding-left: 26px;
	background-color: #d5d5d5;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #7a7673;
	float: left;
	width: 134px;
}
.group006 {
	font-size: 12px;
	line-height: 18px;
	color: #4a4a4a;
	padding-left: 10px;
}


.group007 {
	padding-top: 16px;
	float: left;
	width: 676px;
	padding-left: 11px;
}
.group007cc {
	padding-top: 10px;
	float: left;
	width: 676px;
	padding-left: 11px;
}

.group008 {
	background-color: #e7e6e6;
}
.group009 {
	font-size: 12px;
	line-height: 17px;
	color: #4a4a4a;
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 28px;
}

.group010 {
	font-size: 10px;
	line-height: 11px;
	color: #989595;
	padding-left: 10px;
}
#phi01 {
	float: left;
	width: 957px;
	padding-top: 9px;
}
.phi000 {
	float: left;
	width: 957px;
	padding-top: 30px;
}
.phi001 {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "小塚ゴシック Pro M", "小塚ゴシック Pro R", "小塚ゴシック Std M", "小塚ゴシック Std R", "ヒラギノ角ゴ3";
	font-size: 14px;
	color: #403f3f;
	letter-spacing: 1px;
	line-height: 28px;
	height: 28px;
	width: 700px;
	float: left;
	padding-left: 12px;
	border: 1px solid #969394;
}
.phi002 {
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}
.phi003 {
	font-size: 12px;
	line-height: 18px;
	color: #020202;
	letter-spacing: 1px;
	float: left;
	width: 700px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 40px;
}
.phi004 {
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}
.phi005 {
	float: left;
	padding-top: 10px;
}
.phi006 {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 220px;

}
.phi007 {
	float: right;
	padding-top: 30px;
}

.phi008 {
	float: right;
	padding-top: 50px;
	padding-bottom: 10px;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}
.phi009 {
	text-align: center;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

.phi010 {
        float: left;
	padding-left:78.5px;
	padding-top: 110px;
	padding-bottom: 10px;	
}
.phi011 {
	float: left;
	padding-top: 100px;
	padding-bottom: 10px;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}
.phi012 {
	float: left;
	padding-top: 20px;
	padding-bottom: 60px;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}
.phi013 {
	float: left;
	width: 957px;
	height: 70px;
	background-position:right center;
	background-image: url(../img/footercopy.jpg);
	background-repeat  : no-repeat;
}
.phi014 {
	float: left;
	width: 957px;
	height: 200px;
	padding-top: 20px;
	padding-bottom: 10px;	
}
.phi015 {

	float: left;	
	padding-left: 77px;
	padding-top: 20px;
	
}

.phi016 {

	float: left;	
	padding-left: 163.5px;
	padding-top: 20px;
	
}
.phi017 {

	float: left;	
	padding-left: 59px;
	padding-top: 40px;
	
}
.ser001 {
	float: left;
	width: 700px;
	margin-top: 24px;

}
.ser002 {
	font-size: 12px;
	line-height: 22px;
	padding-top: 15px;
	padding-left: 12px;
	padding-bottom: 20px;
}
.ser002 a {
	color: #000;
	text-decoration: underline;
}
.ser002 a:hover {
	color: #f75900;
	text-decoration: underline;
}
.mem001 {
	font-size: 12px;
	line-height: 17px;
	color: #3a3a3a;
	letter-spacing: 1px;
	float: left;
	width: 600px;
	padding-left: 50px;
	padding-top: 20px;
}
.mem001 a {
	color: #4169e1;
	text-decoration: underline;
}
.mem001 a:hover {
	color: #f75900;
	text-decoration: underline;
}
#mem01 {
	width: 470px;
	margin-left: 50px;
	float: left;
	margin-top: 12px;
	border: 1px solid #787878;
	background-color: #f3ece8;
	padding-top: 45px;
	padding-left: 30px;
	padding-bottom: 40px;
}
.mem002 {
	font-size: 12px;
	color: #242424;
	line-height: 28px;
	height: 28px;
	width: 100px;
	float: left;
	background-color: #e9ded0;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #b29880;
	padding-left: 22px;
}

.form001 {
	width: 280px;
	float: left;
	height: 18px;
}
.mem003 {
	margin-right: 25px;
}
.mem003cc {
	margin-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.mem004 {
	font-size: 12px;
	line-height: 18px;
	color: #3a3a3a;
	padding-right: 30px;
	letter-spacing: 1px;
}
.mem004 a {
	color: #4169e1;
	text-decoration: underline;
}
.mem004 a:hover {
	color: #f75900;
	text-decoration: underline;
}
#con01 {
	float: left;
	width: 600px;
	padding-left: 50px;
	padding-top: 22px;
}
#con01_1 {
	float: left;
	width: 600px;
	padding-left: 20px;
	padding-top: 22px;
}
.con001 {
	font-size: 12px;
	color: #242424;
	line-height: 38px;
	height: 38px;
	width: 160px;
	float: left;
	background-color: #e9ded0;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #b29880;
	padding-left: 22px;
}
.con002 {
	font-size: 12px;
	color: #ee0c20;
	line-height: 38px;
	padding-left: 20px;
}
#conAlert{
	font-size: 20px;
}


.form002 {
	width: 400px;
	float: left;
	background-color: #f3ece8;
	height: 20px;
}
.form002cc {
	width: 400px;
	float: left;
	background-color: #f3ece8;
}

.form003 {
	width: 150px;
	float: left;
	background-color: #f3ece8;
	height: 20px;
}
.form004 {
	float: left;
	width: 150px;
	height: 30px;
	background-color: #f3ece8;
}
.form005 {
	float: left;
	width: 150px;
	height: 20px;
	background-color: #f3ece8;
}
.con003 {
	font-size: 12px;
	line-height: 20px;
	color: #242424;
	float: left;
	padding-right: 15px;
}



#con02 {
	float: left;
	width: 640px;
	padding-left: 50px;
	padding-top: 22px;
	padding-bottom: 50px;
}


#con01_01 {
	float: left;
	width: 640px;
	padding-left: 50px;
	padding-top: 22px;
}

#pri_con {

	font-size: 12px;
	line-height: 20px;
	color: #242424;
}
.con003 {
	font-size: 12px;
	color: #242424;
	line-height: 38px;
	height: 38px;
	width: 120px;
	float: left;
	background-color: #d8ddf7;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #67635f;
	padding-left: 22px;
}

.con003_01 {
	font-size: 12px;
	line-height: 38px;
	float: left;
	padding-left: 10px;
}

#map01 {
	float: left;
	width: 640px;
	padding-top: 20px;
	padding-left: 37px;

}

.con004 {
	font-size: 12px;
	color: #242424;
	line-height: 38px;
	height: 38px;
	width: 600px;
	float: left;
	background-color: #ffffff;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #67635f;
	padding-left: 15px;
}

.con004_01 {
	font-size: 12px;
	line-height: 22px;
	float: left;
	padding-left: 16px;
}
.faq000 {
	float: left;
	width: 975px;
	padding-bottom: 100px;
}
.faqbox {
	float: left;
	width: 975px;
	padding-bottom: 30px;
}
.faq001_1 {
	float: left;
	width: 903px;
}
.faq002 {
	font-size: 12px;
	line-height: 28px;
	color: #1a78c5;
	letter-spacing: 1px;
	padding-left: 16px;
	float: left;
	width: 887px;
}
.faq002 a {
	color: #1a78c5;
	text-decoration: none;
}
.faq002 a:hover {
	color: #1a78c5;
	text-decoration: underline;
}
.faq003 {
	background-image: url(../img/faq03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 957px;
	background-position: left top;
}
.faq004 {
	font-size: 12px;
	line-height: 26px;
	color: #151515;
	letter-spacing: 1px;
	padding-left: 17px;
}
.ser001 {
	float: left;
}
.ser002 {
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 24px;
	float: left;
	width: 880px;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 30px;
	letter-spacing: 1px;
}
.ser003 {
	float: left;
	width: 700px;
	margin-top: 24px;

}
.ser004 {
	font-size: 12px;
	line-height: 22px;
	padding-top: 15px;
	padding-left: 12px;
	padding-bottom: 20px;
}
.sd01 {
	float: left;
	width: 230px;
	padding-right: 15px;
}

.sd02 {
	float: left;
	width: 650px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;

}
.sd03 {
	float: left;
	width: 383px;
	padding-right: 30px;
	padding-left: 40px;

}
.sd04 {
	float: left;
	width: 335px;
	padding-right: 10px;
	padding-left: 20px;

}

.sd05 {
	float: left;
	width: 65px;
	padding-right: 5px;
	padding-left: 25px;

}

.sd06 {
	float: left;
	width: 340px;
	padding-right: 5px;

}

.sd06c {
	float: left;
	width: 880px;
}
.sd06cc {
	float: left;
	width: 340px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-left: 10px;
}



.sd07 {
	float: left;
	width: 500px;
	padding-right: 5px;
	padding-left: 20px;

}
.sd07c {
	float: left;
	width: 880px;
	padding-right: 5px;
	padding-left: 20px;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.pointbox {
	float: left;
	width: 952px;
	appearance: none;
 	border-radius: 10px;
 	background: #ffffffff;
	border-top: 5px solid #000000;
        border-right: 3px solid #000000;
        border-bottom: 5px solid #000000;
        border-left: 3px solid #000000;
}
.pointbox01 {
	float: left;
	width: 952px;
	appearance: none;
 	border-radius: 10px;
 	background: #ffffffff;
	border-top: 5px solid #ff7e16;
    	border-right: 3px solid #ff7e16;
    	border-bottom: 5px solid #ff7e16;
    	border-left: 3px solid #ff7e16;
}
.pointbox02 {
	float: left;
	width: 952px;
	appearance: none;
 	border-radius: 10px;
 	background: #ffffffff;
	border-top: 5px solid #ff0;
    	border-right: 3px solid #ff0;
    	border-bottom: 5px solid #ff0;
    	border-left: 3px solid #ff0;
}
.pointbox03 {
	float: left;
	width: 952px;
	appearance: none;
 	border-radius: 10px;
 	background: #ffffffff;
	border-top: 5px solid #00f;
    	border-right: 3px solid #00f;
    	border-bottom: 5px solid #00f;
   	border-left: 3px solid #00f;
}
.pointbox_img {
	float: left;
	padding-left: 30px;
	padding-top: 10px;
	width: 925px;
}

.pointbox_img01 {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	width: 945px;
}
.pointbox_img02 {
	float: left;
    	padding-top: 5px;
    	padding-left: 5px;
	width: 955px;
}
.pointbox_img03 {
	float: left;
    	padding-top: 5px;
    	padding-left: 800px;
	width: 150px;
}
.pointbox_scimg {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	height: 350px;
	width: 940px;
}
.pointbox_msg {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 30px;
    line-height: 36px;
    //color: #444444;
    float: left;
    width: 800px;
    padding-top: 5px;
    padding-left: 50px;
}

.pointbox_msg01 {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 30px;
    line-height: 36px;
    background-color: #fff1e4;
    float: left;
    width: 930px;
    margin-top: 10px;
    margin-left: 10px;
}
.pointbox_msg02 {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 30px;
    line-height: 36px;
    //color: #444444;
    background-color: #f3ecb2;
    float: left;
    width: 930px;
    //padding-top: 5px;
    //padding-left: 25px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pointbox_msg03 {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 30px;
    line-height: 36px;
    //color: #444444;
    background-color: #d9def9;
    float: left;
    width: 930px;
    //padding-top: 5px;
    //padding-left: 25px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pointbox_msg04 {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 30px;
    line-height: 36px;
    float: left;
    width: 930px;
    //padding-top: 5px;
    //padding-left: 25px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pointbox_msg span{
	color: #ff7200;
        font-size: 14px;
}
.pointbox_tbstyle{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;

}
.pickupbox {
	float: left;
	width: 956px;
	appearance: none;
 	border-radius: 10px;
 	background: #ff720026;
	border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
}
.pickupbox_img {
	float: left;
	padding-left: 30px;
	padding-top: 10px;
	width: 800px;
}
.pickupbox_msg {
    font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
    font-size: 18px;
    line-height: 36px;
    color: #444444;
    float: left;
    width: 800px;
    padding-top: 5px;
    padding-left: 50px;
}

#s_tit{

	float: left;
	width: 500px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W6", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 5px;

}
#s_tit2{

	float: left;
	width: 500px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}
#s_tit2_01{

	float: left;
	width: 500px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	background-color: #fffae9;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#s_tit2_02{

	float: left;
	width: 500px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	background-color: #f6f6f6;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#s_tit3{

	float: left;
	width: 300px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W6", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
}
#s_tit3c {
	float: left;
	width: 870px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W6", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-bottom: 5px;
}

#s_tit4{

	float: left;
	width: 420px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-left: 10px;
}

#s_tit4c {
	float: left;
	width: 870px;
	padding-right: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	padding-left: 10px;
}
.flow01 {
	float: left;
	padding-top: 38px;
	padding-bottom: 45px;
}
.flow02 {
	float: left;
	padding-left: 23px;
	width: 925px;
}
.flow02c {
	float: left;
	padding-left: 23px;
	width: 925px;
	padding-bottom: 40px;
}
.flow03 {
	float: left;
	width: 99px;
	padding-top: 70px;
}
.flow04 {
	font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
	font-size: 14px;
	line-height: 36px;
	color: #444444;
	float: left;
	width: 480px;
	padding-top: 30px;
	padding-left: 18px;
}

.pageup {
	float: left;
	width: 948px;
	text-align: right;
}
.flow05 {
	float: left;
}
.flow06 {
	float: left;
	width: 949px;
}
.flow06c {
	float: left;
	width: 949px;
	padding-bottom: 40px;
}

.flow07 {
	font-family: "小塚ゴシック Pr6N B", "ヒラギノ角ゴ Pro W3", "メイリオ";
	font-size: 14px;
	line-height: 36px;
	color: #444444;
	float: left;
	width: 530px;
	padding-top: 30px;
	padding-left: 52px;
}
.flow08 {
	float: left;
	padding-left: 52px;
	padding-top: 30px;
}
.flow09 {
	float: left;
	padding-left: 200px;
	padding-top: 30px;
}
.table-collapse {
  border-collapse: collapse;

}
.table-border {
  border:1.5px solid #dedede;

}
.td-style {
  border:1.5px solid #dedede;
  with: 150px;

}
.table-style{
 padding-bottom: 30px;
}
.table-style02{
 float: left;
 padding-top: 10px;
 padding-bottom: 10px;
}
.btn-position{
	float: left;
	padding-left: 520px;
        
}
.btn-position01{
	float: left;
	padding-left: 5px;
        
}
.btn-position02{
	float: left;
	padding-left: 5px;
        padding-top:  10px;
}


.btn-position03{
	float: left;
	padding-left: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
        
}
.btn-positionEX{
	float: left;
	padding-left: 720px;
	padding-bottom: 30px;
        
}
.btn-style00{
	appearance: none;
 	border-radius: 5px;
 	background: #ff7200;
  	color: #fff;
  	padding: 16px 32px;
  	font-size: 30px;
        min-width: 160px;
}
.btn-style00:hover {
  background: #f72200;
  cursor: pointer;
  cursor: hand;
}
 
.btn-style00:focus {
  outline: none;
  box-shadow: 0 0 0 8px #cbd6ee;
}
.btn-style01{
	appearance: none;
 	border-radius: 5px;
 	background: #ff7200;
  	color: #fff;
  	padding: 16px 32px;
  	font-size: 15px;
        min-width: 215px;
}
.btn-style01:hover {
  background: #f72200;
  cursor: pointer;
  cursor: hand;
}
 
.btn-style01:focus {
  outline: none;
  box-shadow: 0 0 0 8px #cbd6ee;
}
img {
	transition: all 0s;

}
.btn-style02{
	appearance: none;
 	border-radius: 5px;
 	background: #ff7200;
  	color: #fff;
  	padding: 16px 32px;
  	font-size: 20px;
        min-width: 215px;
}
.btn-style02:hover {
  background: #f72200;
  cursor: pointer;
  cursor: hand;
}
 
.btn-style02:focus {
  outline: none;
  box-shadow: 0 0 0 8px #cbd6ee;
}
img {
	transition: all 0s;

}
.expand img:hover{
	transform: scale(2.0);
}
.reduce img:hover{
	transform: scale(0.8);
}
.cadbox {
	float: left;
	width: 948px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cadboxleft {
	float: left;
	width: 580px;
}
.cadboxleft1 {
	float: left;
	padding-left: 20px;
}
.cadboxleft2 {
	float: left;
	width: 528px;
	padding-left: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 16px;
	line-height: 36px;
	padding-top: 15px;
}
.cadboxright {
	width: 368px;
	float: left;
}
.cadboxright1 {
	float: left;
}
.cadboxright2 {
	float: left;
	width: 336px;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-size: 12px;
	line-height: 18px;
	color: #2a2a2a;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
.cadbox2 {
	float: left;
	width: 878px;
	background-color: #fef9db;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	color: #2a2a2a;
	font-family: "ヒラギノ角ゴ Pro W3", "小塚ゴシック Pr6N B", "メイリオ";
	font-weight: bolder;
	font-size: 16px;
	line-height: 30px;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

.serviceBox {
	background-position: center bottom;
	background-image: url(../img/back_service.jpg);
	width: 957px;
	height: 600px;
	background-repeat  : no-repeat;
	padding-top: 50px;
        position: relative;
}
.serviceBox img{
	width: 240px;
	height: 240px;
	position: absolute;		
}
.serviceBox .img_01 {

  top: 50px;
  left: 25px;
}

.serviceBox .img_02 {

  top: 50px;
  left: 350px;
}

.serviceBox .img_03 {

  top: 50px;
  left: 700px;
}


.serviceBox .img_04 {

  bottom: 20px;
  left: 170px;
}

.serviceBox .img_05 {

  bottom: 20px;
  right: 170px;
}
.productspicBox {
	background-position: center bottom;
	background-image: url(../img/back_productspic.jpg);
	width: 957px;
	height: 400px;
	background-repeat  : no-repeat;
	padding-top: 20px;
        position: relative;
}
.productspicBox img{
	width: 202px;
	height: 52px;
	position: absolute;		
}
.productspicBox .img_01 {

  top: 320px;
  left: 725px;
}
.otherBox {
	width: 957px;
	height: 470px;
	background-position:center;
	background-image: url(../img/back_machinesandrange.jpg);
	background-repeat  : no-repeat;
	padding-top: 110px;
        position: relative;
}
.otherBox img{
	width: 202px;
	height: 52px;
	position: absolute;		
}
.otherBox .img_01 {

  top: 450px;
  left: 225px;
}

.otherBox .img_02 {

  top: 450px;
  left: 725px;
}
.newsBox {
	width: 957px;
	height: 450px;
	background-position:right center;
	background-image: url(../img/back_news.jpg);
	background-repeat  : no-repeat;
	padding-top: 110px;
	padding-bottom: 10px;
        position: relative;
}
.newsBox img{
	width: 202px;
	height: 52px;
	position: absolute;		
}
.newsBox .img_01{

  top: 390px;
  right: 20px;
}

#newsFiled {
	top: 190px;
	left: 450px;
	width: 500px;
	height: 190px;
	overflow: auto;
	position: absolute;
}
.contactBox {

	width: 957px;
	height: 70px;
	background-position:right center;
	background-image: url(../img/footercopy.jpg);
	background-repeat  : no-repeat;
	padding-top: 110px;
	padding-bottom: 10px;
        position: relative;

}
#newsDetails {
	float: left;
	width: 450px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.newsDate {
	background-color: #ff98008a;
	font-size: 12px;
	line-height: 18px;
	color: black;
	text-align: center;
	height: 18px;
	width: 100px;
}

.newsStr {
	font-size: 14px;
	line-height: 17px;
	color: #4a4a4a;
	letter-spacing: 1px;
}
.newsStr a {
	color: #4a4a4a;
	text-decoration: underline;
}
.newsStr a:hover {
	color: #ff7200;
	text-decoration: underline;
}
.footerBox {
	width: 957px;
	height: 469px;
	background-position:center;
	background-image: url(../img/back_footer.jpg);
	background-repeat  : no-repeat;
        position: relative;
}
.footerBox img{
	position: absolute;		
}
.footerBox .img_1{
  	top: 100px;
  	right: 20px;
	position: absolute;		
}
.footerBox .btn_01{
  	top: 310px;
  	left: 500px;
	position: absolute;		
}
.footerBox .btn_02{
  	top: 310px;
  	left: 570px;
	position: absolute;		
}
.footerBox .btn_03{
  	top: 310px;
  	left: 640px;
	position: absolute;		
}
.footerBox .btn_04{
  	top: 310px;
  	left: 710px;
	position: absolute;		
}
.footerBox .btn_05{
  	top: 310px;
  	left: 780px;
	position: absolute;		
}

#policy_area {

	float: left;

}
#con_policy {

	float: left;
	font-size: 15px;
	padding-left: 77px;
	width: 803px; 
	font-family: "メイリオ";

}

.con_policy01{
	text-align-last: justify;       /* Chrome・Firefox用 */
	text-justify: inter-ideograph;  /* IE・Edge用 */
}

#threepillars_area {

	float: left;
	padding-top: 70px;

}

#con_threepillars {

	float: left;
	font-size: 20px;
	text-align:center ;
	width: 957px; 
	font-family: "メイリオ";
	

}

.con_threepillars01 {
	
	font-size: 26px;
	font-family: "ＭＳ ゴシック";	
}

.tptbBox{
	float: left;
	padding-top: 20px;
    	padding-left: 77px;
    	width= 803px;	
}
.tptb_01{

	padding-bottom: 50px;
	
}
.tptb_01_text01{
	padding-left: 40px;
	padding-right: 20px;
	font-size: 14px;
	font-family: "メイリオ";
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.tptb_01_text02{
	padding-left: 40px;
	font-size: 14px;
	font-family: "メイリオ";
	letter-spacing: 0.2em;
}

#service_area {

	float: left;
	padding-top: 20px;

}

.service_box {
	
	float: left;
	padding-left: 59px;
	padding-top: 50px;
	position: relative;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */

}
.service_boxtext {

	position: absolute;
	top: 120px;
	left: 500px;
	font-size: 14px;
	font-family: "メイリオ";
	/*text-align-last: justify;*/
	/*text-justify: inter-ideograph;*/
	user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	
}

.service_boxtext01 {

	text-align-last: justify;
	text-justify: inter-ideograph;
	
}
.service_boxtext02 {

	letter-spacing: 0.2em;
	
}
.service_boxbtn {

	position: absolute;
	top: 450px;
	left: 670px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}

#workflow_area{

	float: left;
	padding-top: 70px;

}
.workflow_box {
	
	float: left;
	padding-left: 59px;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */

}
.workflow_boximg01 {

	position: absolute;
	top: 65px;
	left: 60px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}
.workflow_boximg02 {

	position: absolute;
	top: 65px;
	left: 340px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}
.workflow_boximg03 {

	position: absolute;
	top: 65px;
	left: 620px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}
.workflow_boximg04 {

	position: absolute;
	top: 345px;
	left: 60px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}

.workflow_boximg05 {

	position: absolute;
	top: 345px;
	left: 340px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}

.workflow_boximg06 {

	position: absolute;
	top: 345px;
	left: 620px;
	user-select: auto; /* CSS3 */
	-moz-user-select: all; /* Firefox */
	-webkit-user-select: all; /* Safari、Chromeなど */
	-ms-user-select: element; /* IE10かららしい */

}
#recommended_area{
	float: left;
	padding-top: 30px;
}
.recommended_box {

	float: left;
	padding-left: 59px;

}
.com_box {
	float: left;
	padding-top: 30px;
    	padding-bottom: 30px;
    	font-size: 20px;
	letter-spacing: 0.2em

}