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

/*base*/
body {
    background-color: #FFF;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}
a:link img {
    text-decoration: none;
    border: none 0px;
}
a:visited img {
    text-decoration: none;
    border: none 0px;
}
button {
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
button:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
li {
    list-style-type: none;
}
img {
    vertical-align: bottom;
}
/*settings about link*/

a {
    color: #006BBB;
    text-decoration: none;
}
a:hover {
    color: #006BBB;
    text-decoration: underline;
}
#header a {
    color: #000000;
    text-decoration: none;
}
#header a:hover {
    color: #000000;
    text-decoration: underline;
}
#footer a:link {
    color: #000000;
    text-decoration: none;
}
#footer a:visited {
    color: #000000;
    text-decoration: none;
}
#footer a:hover {
    color: #000000;
    text-decoration: underline;
}
#footer a:active {
    color: #000000;
    text-decoration: none;
}
/*setting about page default*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
.floatclear {
    clear: both;
}
ul {
    list-style-type: none;
}
ul li {
    list-style-type: none;
}
li img {
    vertical-align: bottom;
}
.rela {
    position: relative;
}
button {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.of_h {
    overflow: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.t_center {
    text-align: center;
}
.t_left {
    text-align: left;
}
.t_right {
    text-align: right !important;
}
.justify {
    text-align: justify;
    text-justify: inter-ideograph;
}
/* settings about color */
.style01 {
    color: #FF8000;
    font-weight: bold;
}

/*smoothing action*/
.fade05 {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.fade03 {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
/*opacity*/
a.imgHover00:hover img {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
    opacity: 0;
}
a.imgHover01:hover img {
    -moz-opacity: 0.1;
    filter: alpha(opacity=10);
    -ms-filter: "alpha( opacity=10 )";
    opacity: 0.1;
}
a.imgHover02:hover img {
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "alpha( opacity=20 )";
    opacity: 0.2;
}
a.imgHover03:hover img {
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
    opacity: 0.3;
}
a.imgHover04:hover img {
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha( opacity=40 )";
    opacity: 0.4;
}
a.imgHover05:hover img {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    opacity: 0.5;
}
a.imgHover06:hover img {
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    opacity: 0.6;
    ;
}
a.imgHover07:hover img {
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    opacity: 0.7;
}
a.imgHover08:hover img {
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    opacity: 0.8;
    ;
}
a.imgHover09:hover img {
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    opacity: 0.9;
}
/* adjust padding or margin */

/*padding right*/
.pd_r05{padding-right: 5px;}.pd_r10{padding-right: 10px;}.pd_r15{padding-right: 15px;}.pd_r20{padding-right: 20px;}.pd_r25{padding-right: 25px;}.pd_r30{padding-right: 30px;}.pd_r35{padding-right: 35px;}.pd_r40{padding-right: 40px;}.pd_r45{padding-right: 45px;}.pd_r50{padding-right: 50px;}
/*padding left*/
.pd_l05{padding-left: 5px;}.pd_l10{padding-left: 10px;}.pd_l15{padding-left: 15px;}.pd_l20{padding-left: 20px;}.pd_l25{padding-left: 25px;}.pd_l30{padding-left: 30px;}.pd_l35{padding-left: 35px;}.pd_l40{padding-left: 40px;}.pd_l45{padding-left: 45px;}.pd_l50{padding-left: 50px;}
/*padding top*/
.pd_t05{padding-top: 5px;}.pd_t10{padding-top: 10px;}.pd_t15{padding-top: 15px;}.pd_t20{padding-top: 20px;}.pd_t25{padding-top: 25px;}.pd_t30{padding-top: 30px;}.pd_t35{padding-top: 35px;}.pd_t40{padding-top: 40px;}.pd_t45{padding-top: 45px;}.pd_t50{padding-top: 50px;}
/*padding bottom*/
.pd_b05{padding-bottom: 5px;}.pd_b10{padding-bottom: 10px;}.pd_b15{padding-bottom: 15px;}.pd_b20{padding-bottom: 20px;}.pd_b25{padding-bottom: 25px;}.pd_b30{padding-bottom: 30px;}.pd_b35{padding-bottom: 35px;}.pd_b40{padding-bottom: 40px;}.pd_b45{padding-bottom: 45px;}.pd_b50{padding-bottom: 50px;}
/* adjust box width % */
.box01 {width:1%;}.box02 {width:2%;}.box03 {width:3%;}.box04 {width:4%;}.box05 {width:5%;}.box06 {width:6%;}.box07 {width:7%;}.box08 {width:8%;}.box09 {width:9%;}.box10 {width:10%;}.box11 {width:11%;}.box12 {width:12%;}.box13 {width:13%;}.box14 {width:14%;}.box15 {width:15%;}.box16 {width:16%;}.box17 {width:17%;}.box18 {width:18%;}.box19 {width:19%;}.box20 {width:20%;}.box21 {width:21%;}.box22 {width:22%;}.box23 {width:23%;}.box24 {width:24%;}.box25 {width:25%;}.box26 {width:26%;}.box27 {width:27%;}.box28 {width:28%;}.box29 {width:29%;}.box30 {width:30%;}.box31 {width:31%;}.box32 {width:32%;}.box33 {width:33%;}.box34 {width:34%;}.box35 {width:35%;}.box36 {width:36%;}.box37 {width:37%;}.box38 {width:38%;}.box39 {width:39%;}.box40 {width:40%;}.box41 {width:41%;}.box42 {width:42%;}.box43 {width:43%;}.box44 {width:44%;}.box45 {width:45%;}.box46 {width:46%;}.box47 {width:47%;}.box48 {width:48%;}.box49 {width:49%;}.box50 {width:50%;}.box51 {width:51%;}.box52 {width:52%;}.box53 {width:53%;}.box54 {width:54%;}.box55 {width:55%;}.box56 {width:56%;}.box57 {width:57%;}.box58 {width:58%;}.box59 {width:59%;}.box60 {width:60%;}.box61 {width:61%;}.box62 {width:62%;}.box63 {width:63%;}.box64 {width:64%;}.box65 {width:65%;}.box66 {width:66%;}.box67 {width:67%;}.box68 {width:68%;}.box69 {width:69%;}.box70 {width:70%;}.box71 {width:71%;}.box72 {width:72%;}.box73 {width:73%;}.box74 {width:74%;}.box75 {width:75%;}.box76 {width:76%;}.box77 {width:77%;}.box78 {width:78%;}.box79 {width:79%;}.box80 {width:80%;}.box81 {width:81%;}.box82 {width:82%;}.box83 {width:83%;}.box84 {width:84%;}.box85 {width:85%;}.box86 {width:86%;}.box87 {width:87%;}.box88 {width:88%;}.box89 {width:89%;}.box90 {width:90%;}.box91 {width:91%;}.box92 {width:92%;}.box93 {width:93%;}.box94 {width:94%;}.box95 {width:95%;}.box96 {width:96%;}.box97 {width:97%;}.box98 {width:98%;}.box99 {width:99%;}.box100 {width:100%;}
/* font color settings */



/* end global settings ------------------------------------------------------------------------ */

/*----------------------- wrap -----------------------*/
#wrap{
	background-color: #F2FAFC;
	overflow: hidden;
}
/*----------------------- header -----------------------*/
#header{
	background:url(../img/base/bg_header.jpg) no-repeat center top #F2FAFC;
}
#header_middle{
	width: 1121px;
	margin: 0 auto;
}
#header_inner{
	width: 1000px;
	margin: 0 auto;
}
#header_top {
    overflow: hidden;
    padding-top: 30px;
}
/* header_top_left */
#header_top_left{
	float: left;
}
#logo, #header_top_left h1{
	float: left;
}
#logo{
	margin-right: 20px;
}
#header_top_left  h1{
	color: #535353 ;
	font-size: 12px;
	width: 270px;
	font-weight: normal;
}
/* header_top_right */
#header_top_right{
	float: right;
}
#header_top_right p{
	float: left;
	margin-left: 5px;
}
/* gnav */
#gnav{
	overflow: hidden;
	padding: 35px 0;
}
#gnav li{
	float: left;
}
#gnav li a{
	display: block;
	width: 167px;
	height: 40px;
	background:url(../img/base/gnav.jpg) no-repeat;
	text-indent: -9999px;
}
#gnav #gnav06 a{
	width: 165px;
}
#gnav #gnav01 a{background-position: 0 0;}
#gnav #gnav02 a{background-position: -167px 0;}
#gnav #gnav03 a{background-position: -334px 0;}
#gnav #gnav04 a{background-position: -501px 0;}
#gnav #gnav05 a{background-position: -668px 0;}
#gnav #gnav06 a{background-position: -835px 0;}

#gnav #gnav01 a:hover,#gnav #gnav01 .active{background-position: 0 -40px;}
#gnav #gnav02 a:hover,#gnav #gnav02 .active{background-position: -167px -40px;}
#gnav #gnav03 a:hover,#gnav #gnav03 .active{background-position: -334px -40px;}
#gnav #gnav04 a:hover,#gnav #gnav04 .active{background-position: -501px -40px;}
#gnav #gnav05 a:hover,#gnav #gnav05 .active{background-position: -668px -40px;}
#gnav #gnav06 a:hover,#gnav #gnav06 .active{background-position: -835px -40px;}


#header_sp,#header_text{
	display: none;
}

#tab_menu{
	display: none;
}

/*----------------------- mainvisual -----------------------*/
	.sp_carousel_wrap{
		display: none;
	}


/* その他manvisual.cssに記載*/


/*----------------------- box_point -----------------------*/
#box_point{
	background:url(../img/top/bg_top_middle.jpg) no-repeat center top;
}
#box_point_middle{
	width: 1121px;
	margin: 0 auto;
}
#box_point_inner{
	width: 1000px;
	margin: 0 auto;
}
#box_point_inner h2{
	text-align: center;
	padding: 42px  0;
}
#box_point_inner ul{
	overflow: hidden;
	padding-bottom:45px;
}
#box_point_inner li{
	float: left;
}
#box_point_inner li{
	float: left;
	margin-right: 26px; 
}
#box_point_inner li.last{
	float: right;
	margin-right: 0;
}
/*----------------------- box_about -----------------------*/
#box_about{
	background-color: #ffffff;
}
#box_about_middle{
	width: 1121px;
	margin: 0 auto;
}
#box_about_inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 35px 0;

}
#box_about_inner h2{
	padding: 30px  0 20px;
}
#about_inner_cont{
	overflow: hidden;
}
#about_inner_cont p{
	float: left;
	margin-right: 10px;
}
#about_inner_cont p:first-child{
	width: 455px;
	margin-right: 25px;
}
.detail{
	margin-top: 20px;
}
.detail.sp{
	display: none;
}
.machine{
	position: absolute;
	right: -140px;
	top: -20px;
}

/*----------------------- contents_box -----------------------*/
#contents_box_inner{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
#contents_box_middle{
	width: 1121px;
	margin: 0 auto;
}

/* contents_left */
#contents_left{
	float: left;
	width: 680px;
	padding-bottom: 40px;
}
#box_news_top{
	overflow: hidden;
	padding: 65px 0 15px 0;
}
#box_news_top h2{
	float: left;
}
#box_news_top p{
	float: right;
	margin-top: 10px;
}
/* contents_right */
#contents_right{
	float: right;
	width: 250px;
	padding-bottom: 40px;
}
#right_contact{
	position: relative;
	margin-top: 70px;
}
#btn_right_contact{
	position:absolute;
	left: 50%;
	margin-left: -105px;
	bottom: 20px;
}
.right_bnr p{
	margin-top: 10px;
}
.sp_contact{
	display: none;
}
/* pagetop */
#pagetop{
	position: fixed;
	right: 50px;
	bottom: 50px;
}
/*----------------------- table(ta01) -----------------------*/
.ta01_box{
	background-color:#FFFFFF;
	padding: 30px;
}

/*.ta01_box_inner{
	max-height: 295px;
	min-height: 295px;
	overflow-y: scroll;
} */

.ta01{
	background:url(../img/base/bg_ta01.jpg) repeat-x left top;
	line-height: 1.7;
}
.ta01 tr{
	background:url(../img/base/bg_ta01.jpg) repeat-x left bottom;
}
.ta01 th{
	color: #777777;
	font-weight: normal;
	text-align: left;
}
.ta01 th,.ta01 td{
	padding: 14px 0;
}
/*----------------------- footer -----------------------*/
#footer{
	background-color:#ffffff;
    font-size: 13px;
}
#footer_middle{
	margin: 0 auto;
	width: 1121px;
}

#footer_inner{
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#footer_left{
	float: left;
	line-height: 1.5em;
	margin-bottom: 30px;
}
#logo_footer{
	margin-bottom: 15px;
}
#footer_right{
	float: right;
	margin-bottom: 30px;
}
#footer_right ul{
	float: left;
	margin-left: 30px;
}
#footer_right ul:first-child{
	width: 54px;
}
#footer_right ul:nth-child(2n){
	width: 99px;
}
#footer_right ul:nth-child(3n){
	width: 94px;
}
#footer_right ul:nth-child(4n){
	width: 94px;
}
#footer_right ul:nth-child(5n){
	width: 145px;
}
#footer_right li{
	background:url(../img/base/ico_arrow01.jpg) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 3px;
}
#pagetop02{
	display: none;
}

/* copy */
#copy{
	clear: both;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
}
address{
		font-style: normal;
}

#overlay{
	display: none; 
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	width: 200%;
	height: 200%;
	background: rgba(0, 0, 0, 0.7);
} 
/*--------------  resposive  --------------*/
@media only screen and (max-width: 640px) {
	img{
		max-width: 100%;
		height: auto;
	}
	.ie8 img{
		width: auto;
	}
	body{
		font-size: 26px;
		min-width: 0;
		min-width: 320px;
	}
	#wrap{
		background-color: #ffffff;
	}
	/* header */
	#header{
		display: none;
	}
	#header_sp,#header_text{
		display: block;
	}
	#header_sp{
		overflow: hidden;
		padding: 6.25% 0;
		position: relative;
		z-index: 100;
		background-color: #ffffff;
	}
	#header_sp_left{
		float: left;
		margin-left: 4.6875%;
		width: 43.75%;
	}
	#header_sp_right{
		float: right;
		margin-right: 4.6875%;
		width: 39.84375%;
	}
	#header_sp_right p{
		float: right;
		margin-left: 5.88235294118%;
		width: 27.4509803922%;
	}
	/* header_text */
	#header_text{
		background-color: #E6F5F9;
	}
	#header_text_inner{
		width: 100%; 
		overflow: hidden;
		padding: 3.125% 4.6875%;
		box-sizing: border-box;
	}
	#header_text_inner h1{
		float: left;
		color: #545454;
		font-size: 20px;
		font-weight: normal;
		width: 70.6896551724%;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#header_text_inner p{
		float: right;
		width: 27.5862068966%;
	}
	#tab_menu{
		position: absolute;
		z-index: 20;
		width: 100%;
	}
	/* carousel_box_wrap */
	.carousel_box_wrap{
		display: none;
	}
	.sp_carousel_wrap{
		display: block;
	}
	/*# box_point */
	#box_point{
		background: #FFFFFF;
		min-width: 320px !important;
	}
	#box_point_middle,#box_point_inner{
		margin: 0;
		width: auto;
	}
	#box_point_inner ul{
		margin: 0 4.6875%;
	}
	#box_point_inner li{
		margin-right: 0;
		margin-bottom: 7.8125%;
		width: 47.3684210526%;
	}
	#box_point_inner li.even{
		float: right;
	}
	#box_point_inner h2{
		padding: 7.8125% 4.6875%;
		text-align: center;
	}
	/*# box_about */
	#box_about_middle{
		margin: 0;
		width: auto;
		min-width: 320px !important;
	}
	#box_about_inner {
    		margin: 0;
   		padding: 0;
    		position: relative;
    		width: auto;
	}
	#box_about_inner h2 {
    		padding: 0 4.6875% 7.8125%;
		text-align: center;
	}
	#about_inner_cont p {
    		float: left;
    		margin-right: 10px;
	}
	#about_inner_cont p:first-child {
		float: none;
    		margin: 0 auto;
    		width: 90.625%;
	}
	.detail.sp{
		display: block;
		float: none !important;
		text-align: center;
		width: 37.5%;
		margin: 4.6875% auto 7.8125% !important;
	}
	.ph_about.first{
		margin-left: 4.6875%;
	}
	.ph_about{
		width: 31.25%;
	}
	.detail.pc{
		display: none;
	}
	.machine {
    		right: -20%;
    		top: auto;
		bottom: -34%;
		width :60.46875%;
	}
	/*#contents_box */
	#contents_left{
		padding-bottom: 20px;
	}
	#contents_box{
		margin-top: 50px;
	}
	#contents_box_middle{
		width: auto;
	}
	#contents_box_inner{
		width: auto;
		background-color: #F2FAFC;
	}
	#contents_left,#contents_right{
		float: none;
		width: auto;
	}
	#box_news_top {
    		overflow: hidden;
    		padding: 6.25%  4.6875% 0;
		background-color: #F2FAFC;
		position: relative;
	}
	#box_news_top h2 {
		width: 63.4482758621%;
	}
	#box_news_top p{
		width: 31.0344827586%;
		margin-top: 0;
	}
	/*.ta01_box */
	.ta01_box {
    		background-color: #F2FAFC;
    		padding: 4.6875%;
	}
	.ta01_box_inner{
    		background-color: #ffffff;
    		padding: 4.6875%;
	}
	.ta01_box th,.ta01_box td{
		width: auto;
    		display: block;
	}
	.ta01_box th,.ta01_box td.first{
		float: left;
		padding: 1.90114068441% 0;
	}
	.ta01_box td.first{
		width: 20.9125475285%;
		padding-top: 20px;
	}
	.ta01_box td.second{
		clear: both;
		padding: 0 0 1.90114068441% 0;
	}
	/* contents_right */
	#contents_right{
		padding: 0 0 6.25% 0;
	}
	#right_contact{
		display: none;
	}
	.right_bnr{
		overflow: hidden;
		padding: 0 4.6875%;
	}
	.right_bnr p{
		float: right;
		margin-top: 0;
		width: 48.275862069%;
	}
	.right_bnr p:first-child{
		float: left;
	}
	.sp_contact{
		padding-top: 3.44827586207%;
		width: 100% !important;
		clear: both;
		display: block;
	}
	/* footer */
	#footer{
		margin-top: 6.25%;
	}
	#footer_middle,#footer_inner {
    		margin: 0;
    		width: auto;
	}
	#footer_inner {
		padding-top: 0;
	}
	#footer_right{
		display: none;
	}
	#footer_left{
		float: none;
		padding: 0 4.6875%;
		overflow: hidden;
	}
	#footer_left p{
		font-size: 20px;
		line-height: 1.5;
	}
	#pagetop02{
		position: fixed;
		right: 20px;
		bottom: 50px;
		width: 11.0344827586%;
		display: block;
	}
	#logo_footer{
		width : 48.275862069%;
		float: left;
	}
	/* pagetop */
	#pagetop{
		display: none; 
	}
	#pagetop02{
	}
	.address{
		clear: both;
	}
@media only screen and (max-width: 580px) {
	#header_text_inner h1{
		font-size: 16px; 
	}
	.machine {
		bottom: -29%;
	}
}
@media only screen and (max-width: 460px) {
	#header_text_inner h1{
		font-size: 14px; 
	}
	.machine {
		bottom: -24%;
	}
}
@media only screen and (max-width: 380px) {
	body{
		font-size: 13px;
	}
	#header_text_inner h1{
		font-size: 11px; 
	}
	.machine {
		bottom: -39%;
	}
	.ta01_box td.first{
		padding-top: 10px;
	}
	#footer_left p{
		font-size: 12px;
	}
}
@media only screen and (max-width: 320px) {
	.machine {
		bottom: -34%;
	}
}