/*------------all-------------*/

* {
  margin: 0;
  padding: 0;
}

html{
	margin:0px;
	padding:0px;
}

img{
	border-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a:link{
	color:#006699;text-decoration:none;

}

a:hover{
	color:#999999;text-decoration:underline;
}

body{
	-webkit-text-size-adjust: 100%;
	background-color:#ffffff;
	text-align:center;
	color:#2e3740;
	font:normal 13px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px;
	margin:0px;

}

.button{
	display:none;
}

/*------------container-------------*/


#container{
	text-align:center;
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

/*------------header-------------*/

#header{

	text-align:center;
	width:100%;
	height:auto;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}

#header_in{
	width:960px;
	height:auto;
	margin:0px auto;
}

#header_left{
	float:left;

}

#header_left h1{
	text-align:left;
	font-weight:normal;
	font-size:14px;
	padding:15px 15px 0px 0px;
	margin:0px 0px 0px 0px;
}

#header_left img{
	padding:10px 15px 0px 0px;
	margin:0px 0px 0px 0px;
}

#header_right{
	float:right;
}

#header_right p{
	text-align:right;
	padding:20px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}

#header_right img{
	padding:5px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}


/*------------main_view-------------*/

#main_view{
	clear:both;
	text-align:center;
	background-color: #e6e6e6;
	width:100%;
	min-width: 960px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#main_view div{
	width:100%;
	text-align:center;
	background-image: url(../images/mainview_bg.gif);
	padding:20px 0px 20px 0px;
	margin:0px auto;
}

#main_view div ul {
	width:960px;
	height:335px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

/*------------navi-------------*/

#navi{
	text-align:center;
	clear:both;
	min-width: 960px;
	width:100%;
	height:54px;
	background-color: #cc0000;

	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#navi_in{

	width:960px;
	height:auto;
	margin:0px auto;
}

#navi_in ul{

	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#navi_in ul li{
	float:left;
	background-color: #ffffff;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
a img{
	-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;
}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
	background: #fff;
}


/*------------main-------------*/

#main{
	clear:both;
	width:100%;
	min-width: 960px;
	height:auto;
	padding:20px 0px 0px 0px;
	margin:0px auto;
}

#main_in{
	width:960px;
	height:auto;
	margin:0px auto;
}

#main_left{
	float:left;
	width:730px;
	height:auto;
	padding:0px 0px 0px 0px;
}

.title{
	text-align:left;
	border-bottom:2px solid #222222;
	padding:0px 0px 0px 0px;
}

.title h2{
	font:bold 18px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0px 5px 2px;
}

.side_title{
	text-align:left;
	border-bottom:2px solid #222222;
	padding:0px 0px 0px 0px;
}
.side_title h2{
	font:bold 16px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 0px 3px 2px;
}

.maps_area{
	text-align:left;
	padding:15px 0px 0px 0px;
}

.maps_area p span{
font:bold 13px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}

.box{
	text-align:left;
	padding:15px 0px 15px 0px;
}

#main_right{
	float:right;
	width:200px;
	height:auto;
	padding:0px 0px 0px 0px;
}

#main_right img{
	margin:0px auto 15px auto;
}

.box h3{
	font:normal 18px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	padding:0px 5px 10px 5px;
}

.pc_tel{
	padding:0px 0px 0px 0px;
}

/*------------footer-------------*/

#footer{
	
	background-color:#eeeeee;
	clear:both;
	text-align:center;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}

#footer_in{
	clear:both;
	text-align:left;
	width:960px;
	padding:30px 0px 30px 0px;
	margin:0px auto 0px auto;
}

#footer_in span{
	color:#ffffff;
	font-size:10px;
}

#footer_in table{
	width:960px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

#footer_in table th{
	text-align:left;
	vertical-align:top;
	padding:0px 60px 0px 0px;
	margin:0px 0px 0px 0px;
}

#footer_in table th p{
	padding:25px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#footer_in table td{
	vertical-align:top;
	padding:0px 0px 0px 10px;
	margin:0px;
}

.f_link01{
	font-size:12px;
	background:url(../images/f_link_icon.jpg) left center no-repeat;
	padding:3px 0px 3px 15px;
	margin:0px auto;
}

.f_link02{
	font-size:11px;
	padding:0px 0px 3px 20px;
	margin:0px auto;
}

.f_area_box{
	background-color:#333333;
	font-size:12px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.f_area_box_in{
	font-size:13px;
	color:#ffffff;
	clear:both;
	text-align:center;
	width:960px;
	padding:25px 0px 25px 0px;
	margin:0px auto 0px auto;
}

.f_area_box span{
	font-size:10px;
}

/*------------topics_box-------------*/


.topics_text_box{
	height: auto;
	padding:10px 0px 40px 0px;
	margin:0px;
}

.topics_text_box table{
    border-collapse:collapse;
    border-spacing:0;
	width:100%;
}

.topics_text_box th{
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #222;
	width: 150px;
	height: auto;
	padding:13px 10px;
	margin:0px;
}

.topics_text_box td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #222;
	height: auto;
	padding:13px 10px;
	margin:0px;
}

.topics_text_box td a:link{
	color:#999999;text-decoration:underline;

}

.topics_text_box td a:hover{
	color:#2e3740;text-decoration:none;

}

/*------------index_solution_box-------------*/

.index_solution_box{
	height: auto;
	padding:20px 0px 40px 0px;
	margin:0px;
}

.index_solution_text_box table{
    border-collapse:collapse;
    border-spacing:0;
	width:100%;
}

.index_solution_text_box td{
	text-align:left;
	vertical-align:top;
	width:20%;
	height: auto;
	padding:5px;
	margin:0px;
}

/*------------company-------------*/

.company_box table{
	width:100%;
	height:auto;
    border-collapse:collapse;
    border-spacing:0;
}
.company_box table td{
	text-align:left;
	padding:15px;
}

.company_box table .company_left{
	text-align:left;
	padding:15px;
	border:1px solid #ffffff;
	background-color:#ddd;
}

.company_box table .company_right{
	text-align:left;
	padding:15px;
	border:1px solid #ffffff;
	background-color:#eee;
}

.isms_text1{
	font:bold 14px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	border-bottom:1px dotted #222;
	padding:20px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}
.isms_text2{
	margin:0px 0px 20px 0px;
}

/*2018.03.30*/
.isms_box th{
	vertical-align:top;
}


.solution_box{
	border-bottom:1px dotted #222;
	padding:15px 0px 25px 0px;
}

.solution_box h3{
	font:bold 16px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}

.solution_text1{
	font:bold 16px "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
}

.solution_text2{
	padding:0px 0px 15px 0px;
}
.solution_box img{
	margin:10px 0px 10px 0px;
}
.solution_box iframe{
	margin:20px 0px 0px 0px;
}



/*------------low-------------*/


.under_box{
	height:auto;
	padding:0px;
	margin:0px 0px 100px 0px;
}

p.pankuzu{
	font-size:14px;
	text-align:left;
	padding:20px 0px 0px 20px;
	margin:0px;	
}

.under_title{
	background-color:#f8f8f8;
	width:730px;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:10px 0px 0px 0px;	
	}

.under_title h2{
	font-size:20px;
	text-align:left;
	padding:0px 0px 0px 20px;
	margin:0px;	
	}

.under_title02{
	background-color:#f8f8f8;
	width:730px;
	height:auto;
	padding:10px 0px 10px 0px;
	margin:50px 0px 0px 0px;	
	}

.under_title02 h2{
	font-size:20px;
	text-align:left;
	padding:0px 0px 0px 20px;
	margin:0px;	
	}

/*------------info-------------*/

.contact_box{
	width:730px;
	height:auto;
	padding:0px;
	margin:0px;
}

.contact_box table{
	border-collapse: collapse;
	font-size:14px;
	width:730px;
	height:auto;
	padding:0px;
	margin:10px 0px 20px 0px;
}

th.info_left01{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #fff;
	background-color:#eceef0;
	width:170px;
	height:auto;
	margin:0px;
	padding:10px 10px 10px 20px;
}

th.info_left02{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #fff;
	width:170px;
	height:auto;
	margin:0px;
	padding:20px;
}

.info_right01{
	text-align:left;
	background-image:url(../images/company_right_bg.gif);
	border-bottom:1px solid #eee;
	background-repeat:no-repeat;
	background-position: center bottom;
	padding:20px;
	margin:0px 0px 0px 0px;
}

.info_right02{
	text-align:left;
	background-repeat:no-repeat;
	background-position: center bottom;
	padding:20px;
	margin:0px 0px 0px 0px;
}

.contact_box form{
	display: inline;
}

input#button {
    width: 90px;
    height: 30px;
}

span.c_r{
	color:#cc6666;
}



/******** textbox ‚¤‚Á‚·‚ç **********/

.updnWatermark {
	text-align:left;
	margin:auto;
	color: #999;
	padding:2px 0 0 2px;
} 

.tipped {
    color: #BBB;
}



div.errorBox{
	border:1px solid #cccccc;
	margin:10px auto;
	text-align:left;
	padding:5px;
	text-align:left;
	color:red;
}

.r_tx{
	color:red;
}


.subBtn{
	width:120px;
	height:35px;
	padding:5px;
}
.subBtn02{
	width:180px;
	height:35px;
	padding:5px;
}
.subBtn03{
	width:auto;
	height:35px;
	padding:5px;
}

.btnArea{
	text-align:center;
	margin:0 auto;
	padding:0;
}

#menu{
	display: none;
}
.index_solution_text_box_sp {
	display: none;
}


@media screen and ( max-width:1024px) {

	body{
		background-color:#ffffff;
		text-align:center;
		color:#2e3740;
		font:normal 1.6rem "ƒ�ƒCƒŠƒI", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka,  "MS P Gothic", sans-serif;
		padding:0px;
		margin:0px;
	}

	#main_left{
/*		float:left;*/
		width:100%;
		height:auto;
		padding:0px 0px 0px 0px;
	}

	#main_right {
		width:100%;
/*			display: none;*/
	}
	#main_right img {
		width:50%;
	}

	.title h2{
		font-size:1.6rem;
	}

	.side_title h2{
		font-size:1.6rem;
	}

	div{
		font-size:1.6rem;
	}
	td{
		font-size:1.6rem;
	}

	#header_left h1{
		font-size:1.6rem;
	}

	.maps_area{
		font-size:1.6rem;
	}
	.maps_area p span{
		font-size:1.6rem;
	}

	.index_solution_text_box_sp {
		display: block;
	}
	.index_solution_text_box_sp table{
	    border-collapse:collapse;
	    border-spacing:0;
		width:100%;
	}

	.index_solution_text_box_sp td{
		text-align:left;
		vertical-align:top;
		width:50%;
		height: auto;
		padding:5px;
		margin:0px;
	}
	.index_solution_text_box_sp img{
		width:100%;
	}

	.index_solution_text_box {
		display: none;
	}
	.topics_text_box {
		font-size:1.6rem;
	}

	.f_link01{
		font-size:1.2rem;
		background:url(../images/f_link_icon.jpg) left center no-repeat;
		padding:3px 0px 3px 15px;
		margin:0px auto;
	}

	#navi{
		display: none;
	}

	#header_right{
		display: none;
	}

	.solution_box h3{
		font-size:1.6rem;
	}

	.solution_text1{
		font-size:1.6rem;
	}
	
	.solution_box div{
		font-size:1.6rem;
	}
	
	.company_box table .company_left{
		width:25%;
	}

	.company_box table .company_right{
		width:75%;
	}

	.contact_box{
		width:100%;
	}

	.contact_box table{
		font-size:1.4rem;
		width:100%;
	}

	th.info_left01{
		width:30%;
	}

	th.info_left02{
		width:30%;
	}

	.info_right01{
		width:70%;
	}

	.info_right02{
		width:70%;
	}


	/****ƒ�ƒjƒ…�[‘S‘Ì****/
	#menu {
		/*”z’u*/
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 100;
	}

	/****ƒ�ƒjƒ…�[ŠJ•Âƒ{ƒ^ƒ“****/
	#menu div{
		/*ƒfƒUƒCƒ“*/
		width: 300px;
		height: 118px;
	/*	background: rgba(200,200,200,1);*/
		background: #cc0000;
		/*”z’u*/
		overflow: hidden;
		position: absolute;
		right: 0;
	}

	#menu .menuopen{
		/*ƒfƒUƒCƒ“*/
		color: rgba(255,255,255,1);
		font-size: 40px;
		/*”z’u*/
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 10px;
		left: 0;
		pointer-events: auto;
	}

	#menu .menuclose{
		/*ƒfƒUƒCƒ“*/
		color: rgba(255,255,255,1);
		font-size: 40px;
		/*”z’u*/
		display: none;
		width: 100%;
/*		height: 100%;*/
		position: absolute;
		top: 10px;
		left: 0;
		pointer-events: auto;
	}

	/****ƒ�ƒjƒ…�[ˆê——****/
	#menu ul{
		/*ƒfƒUƒCƒ“*/
		/*background: rgba(200,200,200,1);*/
		width: 300px;
		/*”z’u*/
		position: absolute;
		top: 120px;/*#menu div‚Ì�‚‚³*/
		right: 0;
		display: none;
	}
	#menu ul img{

			width:100%;
	}


	#menu li{
		/*ƒfƒUƒCƒ“*/
		padding: 1px;
		color: rgba(0,0,0,1);
		border-bottom: 1px rgba(255,255,255,1) solid;
		/*”z’u*/
		pointer-events: auto;
		list-style: none;
	}

	/****ƒ�ƒjƒ…�[ƒI�[ƒvƒ“Žž****/
	#menu:target .menuopen{
		/*”z’u*/
		display: none;
	}

	#menu:target .menuclose{
		/*”z’u*/
		display: block;
	}

	#menu:target ul{
		/*”z’u*/
		display: block;
	}


}