/*Vup‘Ξ‰žΟ‚έ [no-05] */ 
/*cgiŠm”F‚Μ‚έ [no-28] */ 
/*ΕVcss20230625*/

/***********************************************
main.css@2023-06-06@body:960px
************************************************/

/*------------------------------------------
ƒ^ƒCƒgƒ‹‰ζ‘œ
------------------------------------------*/

#page_title_catchcopy{
	float: left;
	text-align: center;
	width: 100%;
	padding: 50px 20px;
	background: url(/skinimg/pagetitleback.jpg);
	font-family:'Hiragino Kaku Gothic W6 JIS2004';
	color: #ffffff;
	font-size:3.6rem;
	line-height : 160%;
	margin-bottom:50px;
	}

#page_title_imges{
	float: left;
	width: 100%;
	}

#page_title_imges img{
	margin: 0 auto;
	text-align: center;
	max-width:960px;
	height:auto;
	}

/*------------------------------------------
h1 Area
------------------------------------------*/

#h1Area{
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	border-bottom: 0px solid #cccccc;
	clear: both;
	}

#h1top{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	background: url() ;
	background-repeat : no-repeat;
	}

h1{
	float: left;
	text-align:left;
	font-size : 1.6rem;
	color : #333333;
	font-weight : normal;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	width: 960px;
	}

h2,h3,h4,h5,h6{
	font-size : 1.6rem;
	line-height : 160%;
	font-weight:normal;
	}

strong{
	font-weight:normal;
	text-decoration:none;
	}

.midashi{
	float: left;
	width: 100%;
	clear:both;
	margin-bottom:10px;
	}

/*------------------------------------------
ƒpƒ“‚­‚Έ
------------------------------------------ */

#breadcrumbs{
	width:960px;
	text-align:left;
	padding-bottom:10px;
	margin:0 auto;
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 20px;
	}

#breadcrumbs ul li {
	display: inline;
	list-style-type: none;
	color: #cccccc;
	}

#breadcrumbs ul li:before {
	content: " > ";
	color: #cccccc;
	}

#breadcrumbs ul li:first-child:before {
	content:"";
	}


/*------------------------------------------
ƒtƒHƒgƒMƒƒƒ‰ƒŠ[—p
------------------------------------------ */

.gallerysns_button{
	margin-top:20px;
	}

.gallerysns_button_face{
	}

.gallerysns_button_twitter{
	}

.gallerysns_button_hatena{
	}

.gallerysns_button_line{
	}

/*------------------------------------------
Ver1.3’Η‰Α
------------------------------------------*/

#iframebox{
	margin:0 auto;
	text-align:center;
	clear:both;
	width:935px;
	}

.newsbox{
	float: left;
	text-align: left;
	width:100%;
	}

.newsbox img{
	float:right;
	text-align:right;
	padding: 0px 0px 10px 10px;
	}

.newsbox br{
	clear: none;
	}

.newstitle{
	font-size : 1.6rem;
	color:#0000ff;
	font-weight:bold;
	}

.newsajst{
	float:left;
	text-align:left;
	width:100%;
	border-style:dotted;
	border-color:#cccccc;
	margin-bottom:10px;
	margin-top:10px;
	display:inline;
	}

/*------------------------------------------
Blog top Area
------------------------------------------*/

#one_blogArea{
	float:left;
	text-align:left;
	width:468px;
	margin-bottom:10px;
	border:1px solid #A0CBED;
	}

#one_blogArea .one_blog{
	float:left;
	text-align:left;
	width:450px;
	color:#888888;
	padding:9px;
	}

#one_blogArea .one_blog hr{
	float:left;
	text-align:left;
	border:1px dotted #A0CBED;
	border-left:0px solid #46B035;
	border-right:0px solid #46B035;
	border-bottom:0px solid #46B035;
	width:450px;
	display:inline;
	margin:5px 0;
	}

.one_blog-date{
	float:left;
	text-align:left;
	width:450px;
	background:url(/systemcommon/blog.gif) no-repeat;
	padding:2px 0px 2px 20px;
	}

.one_blog-titles{
	float:left;
	text-align:left;
	width:450px;
	clear:both;
	}

.one_blog-titles img{
	text-align:center;
	margin-bottom:5px;
	}

.one_blog-text{
	float:left;
	text-align:left;
	width:450px;
	}

/*------------------------------------------
V’…ξ•ρ‚ΖƒuƒƒO‚ͺ•ΐ‚Τ style
------------------------------------------*/

#one_leftcolumn{
	float: left;
	text-align: left;
	padding-right:18px;
	width:470px;
	margin-bottom:20px;
	display:inline;
	}

#one_rightcolumn{
	float: left;
	text-align: left;
	width:470px;
	margin-bottom:20px;
	display:inline;
	}

/*------------------------------------------
Access up area
------------------------------------------*/

.pager {
	float: left;
	text-align: left;
	clear: both;
	width: 960px;
	margin-bottom: 10px;
	}

.accessup-Area {
	float: left;
	text-align: left;
	clear: both;
	width: 960px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	padding: 14px;
	background-color:#f8f8f8;
	}

/*------------------------------------------
Basics style
------------------------------------------*/

.left{
	text-align: left;
	}

.left img{
	text-align: left;
	}

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

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

.right{
	text-align: right;
	}

.right img{
	text-align: right;
	}

.mb5{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 5px;
	}

.mb10{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	}

.mb15{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 15px;
	}

.mb20{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 20px;
	}

.mt5{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 5px;
	}
	
.mt10{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 10px;
	}

.mt15{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 15px;
	}

.mt20{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 20px;
	}

.pt5{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 5px;
	}

.pt10{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 10px;
	}

.pt15{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 15px;
	}

.pt20{
	clear: both;
	padding-top: 20px !important;
	}

.pb5{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 5px;
	}

.pb10{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 10px;
	}

.pb15{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 15px;
	}

.pb20{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	}

.ptb10{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.tableline{
	width: 100%;
	float: left;
	text-align: left;
	}

.tableline td{
	padding: 6px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.tablenone{
	width: 100%;
	float: left;
	text-align: left;
	}

.tablenone td{
	padding: 6px;
	}

.rightbtn span{
	clear: both;
	width: 100%;
	}

.rightbtn a{
	float: right;
	text-align: right;
	}

.rightbtn img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
HTML style
------------------------------------------*/

html{
	font-size:62.5%;
	overflow-x:hidden;
	overflow-y:scroll;
	width:100%;
	}

body{
	background:url(/skinimg/bg.jpg);
	background-color:#ffffff;
	width:100%;
	color:#333333;
	font-family:'ƒƒCƒŠƒI','Meiryo','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku','MS UI Gothic', sans-serif;
	font-feature-settings:"palt";
	font-size : 1.6rem;
	font-weight:normal;
	letter-spacing:1px;
	line-break:strict;
	line-height:160%;
	max-width:100%;
	overflow:hidden;
	overflow-wrap:break-word;
	word-break:break-all;
	word-break:break-word;
	word-wrap:break-word;
	-webkit-text-size-adjust: 100%;
	}

td,div{
	font-size : 1.6rem;
	color : #333333;
	line-height : 160%;
	font-weight : normal;
	margin: 0px;
	padding: 0px;
	}

p{
	font-size : 1.6rem;
	color : #333333;
	line-height : 160%;
	font-weight : normal;
	}

ul{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	list-style-type: none;
	}

table,li{
	font-size : 1.6rem;
	color : #333333;
	margin: 0;
	padding: 0;
	line-height : 160%;
	border-collapse: collapse;
	}

th{
	font-weight: normal;
	text-align: center;
	}

a, a:link, a:visited{
	text-decoration: underline;
	}

a:hover{
	text-decoration: none;
	}

img{
	display: block;
	clear: both;
	border: 0;
	}

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

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

textarea{
	font-size : 1.6rem;
	line-height : 160%;
	}

br {
	display: block;
	clear: both;
	display:inline;
	}

/*------------------------------------------
form
------------------------------------------*/

select {
	font-family:'ƒƒCƒŠƒI','Meiryo','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku','MS UI Gothic';
	}

input {
	font-family:'ƒƒCƒŠƒI','Meiryo','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku','MS UI Gothic';
	}

textarea {
	font-family:'ƒƒCƒŠƒI','Meiryo','meiryo UI','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku','MS UI Gothic';
	}

/*------------------------------------------
important uassist
------------------------------------------*/

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

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

.inline {
	display: inline !important;
	}

.mgn-rgt-0px {
	margin-right: 0 !important;
	}

.mgn-lef-0px {
	margin-left: 0 !important;
	}

/*------------------------------------------
Table style
------------------------------------------*/

.table670{
	width: 670px;
	float: left;
	text-align: left;
	}

.table670 td{
	padding: 6px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.table670none{
	width: 670px;
	float: left;
	text-align: left;
	}

.Class900none td{
	padding: 5px;
	}

.Class900 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

/*------------------------------------------
Common Style
------------------------------------------*/

.leftimg{
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	}

.clear{
	clear: both;
	display:inline;
	}

.sp20{
	float: left;
	text-align: left;
	clear: both;
	width: 960px;
	height: 20px;
	}

.pict{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	border: dotted #cccccc;
	border-width: 0 0 2px 0;
	margin-bottom: 20px;
	line-height:0px;
	}

.peagtop{
	float: left;
	text-align: left;
	clear: both;
	}

.peagtop p{
	float: right;
	text-align: right;
	width: 960px;
	margin-top: 20px;
	}

.peagtop img{
	float:right;
	text-align:right;
	}

.snsbutton{
	float: left;
	text-align: left;
	width: 960px;
	}

.snsbutton ul{
	float: left;
	text-align: left;
	width: 200px;
	list-style:none;
	}

.snsbutton li{
	float: left;
	text-align: left;
	list-style:none;
	clear: both;
	padding: 3px;
	}

/*------------------------------------------
Main Frame
------------------------------------------*/

#WRAPPER{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

#backimgArea{
	float: left;
	text-align: left;
	width: 100%;
	min-width:960px;
	}

/*------------------------------------------
Header Area
------------------------------------------*/

#headerArea{
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	background: url() ;
	clear: both;
	}

#headertop{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	background: url() ;
	background-repeat : no-repeat;
	}

#headertop-L{
	float: left;
	text-align: left;
	width: 550px;
	}

#headertop-R{
	float: left;
	text-align: left;
	width: 350px;
	}

ul#topnavi{
	float: right;
	text-align: right;
	width: 520px;
	padding-bottom: 10px;
	margin: 0px;
	}

ul#topnavi li{
	list-style-type: none;
	float: left;
	text-align: left;
	width: 120px;
	margin-left: 10px;
	display:inline;
	}

#logo_left{
	float: left;
	text-align: left;
	width: 960px;
	padding: 0px;
	margin: 0px;
	}

#logo_center{
	float: left;
	text-align: left;
	width: 220px;
	padding: 0px;
	margin-right: 10px;
	padding-top: 10px;
	display:inline;
	}

#logo_center img{
	float: right;
	text-align: right;
	}

#logo_right{
	float: left;
	text-align: left;
	width: 220px;
	padding-top: 10px;
	margin: 0px;
	}

#logo_right img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
Main Imges
------------------------------------------*/

#mainimgArea{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background: url(/skinimg/mainimgback.png) repeat-x;
	}

#mainimgArea img{
	margin: 0 auto;
	text-align: center;
	}

#loopbox{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

#gallerypbox{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

#flashimge900 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 960px;
	}

#flashimge730 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 730px;
	}

#flashimge670 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 670px;
	}

#flashimge200 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 960px;
	}

#flashimge140 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 960px;
	}

/*------------------------------------------
Global Navigation
------------------------------------------*/

#globalArea{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background: url() ;
	}

ul#globalNav{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

ul#globalNav li{
	list-style-type: none;
	float: left;
	text-align: left;
	border-bottom: 0px solid #A1CBED;
	}

#globalNav a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

/*------------------------------------------
Main Area
------------------------------------------*/

#mainArea {
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background-color: #ffffff;
	}

#mainbackArea{
	float: left;
	text-align: left;
	width: 100%;
	}

#one_maincolumn{
	float: left;
	text-align: left;
	width: 100%;
	padding: 30px 0px;
	}

#one_maincolumn a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

#one_maincolumn a:hover{
	text-decoration: none;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

/*------------------------------------------
Center Area
------------------------------------------*/

#two_left_column{
	float: left;
	text-align: left;
	width: 670px;
	margin-left: 15px;
	display:inline;
	}

#two_center_column{
	float: left;
	text-align: left;
	width: 100%;
	}

#two_right_column{
	float: left;
	text-align: left;
	width: 700px;
	margin-right: 28px;
	display:inline;
	}

/*------------------------------------------
Œg‘ΡQRƒR[ƒh
------------------------------------------*/

.sideqr {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 230px;
	background-color: #ffffff;
	border: 1px solid #46B035;
	margin-bottom: 10px;
	}

.sideqr img{
	margin: 0 auto;
	text-align: center;
	}

/*------------------------------------------
What's NewiƒƒCƒ“‘€j
------------------------------------------*/

.newsmainAria {
	float: left;
	text-align: left;
	clear: both;
	width: 958px;
	border: 1px solid #0099D9;
	margin-bottom: 20px;
	}

.newsmain {
	float: left;
	text-align: left;
	width: 928px;
	_width: 623px;
	padding: 15px;
	overflow-x: hidden;
	}

.newsmain hr{
	float: left;
	text-align: left;
	width: 918px;
	border-style: dotted;
	border-color: #cccccc;
	margin-bottom: 5px;
	margin-top: 5px;
	display:inline;
	}

.newswaku{
	float: left;
	text-align: left;
	clear: both;
	width: 858px;
	border: 1px solid #46B035;
	padding: 20px;
	margin-bottom: 10px;
	}

.width600{
	float: left;
	text-align: left;
	width: 600px;
	margin-bottom: 5px;
	}

.width100{
	float: left;
	text-align: left;
	width: 100px;
	}

.width500{
	float: left;
	text-align: left;
	width: 500px;
	}

.mainrss{
	float: left;
	text-align: left;
	width: 100%;
	}

.mainrss-L{
	float: left;
	text-align: left;
	width: 50%;
	}

.mainrss-L img{
	float: left;
	text-align: left;
	}

.mainrss-R{
	float: right;
	text-align: right;
	width: 50%;
	}

.mainrss-R img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
Footer Company Area
------------------------------------------*/

#estimatebox{
	float: left;
	text-align: left;
	width: 210px;
	background: url(/skinimg/estimateback.jpg) no-repeat;
	padding: 15px 0px 15px 220px;
	}

#estimatebox a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#companyArea{
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	background: url() ;
	clear: both;
	border-top: 0px solid #0068B6;
	border-bottom: 0px solid #0068B6;
	}

#companytop{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	background: url() ;
	background-repeat : no-repeat;
	}

#companybox{
	float: left;
	text-align: left;
	width: 252;
	background: url(/skinimg/companyback.jpg) no-repeat;
	padding: 40px 0px 43px 708px;
	}

#companybox a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

/*------------------------------------------
Footer Area
------------------------------------------*/

#bottomArea{
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	}

#bottomArea img{
	margin: 0 auto;
	text-align: center;
	}

#footer{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	padding-bottom: 10px;
	}

#footer p{
	margin: 0 auto;
	text-align: center;
	clear: both;
	font-size : 1.6rem;
	line-height : 160%;
	color: #333333;
	}

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

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

/*------------------------------------------
ŠΗ—‰ζ–Κ—p
------------------------------------------*/

.Class215 td{
	padding: 5px;
	}

.Class940p10 td{
	padding: 5px;
	}

.Class940 td{
	border:5px solid #FFFFFF;
	border-collapse:collapse;
	}

.Class650none td{
	padding: 15px;
	}

.Class650 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

.Class940p10 a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

.Class940p10 a:hover{
	text-decoration: none;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

/*------------------------------------------
‚¨–⍇‚ΉƒtƒH[ƒ€—p
------------------------------------------*/

.forminquiry {
	margin: 0 auto;
	text-align: center;
	clear:both;
	width:960px;
	}

.forminquiryline {
	float: left;
	text-align: left;
	width:960px;
	}

.inquiry {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 960px;
	}

.inquiryline {
	float: left;
	text-align: left;
	width: 960px;
	margin-bottom:30px;
	background-color: #ffffff;
	}

.errorline {
	margin: 0 auto;
	text-align: center;
	width: 320px;
	color : #333333;
	font-size : 1.6rem;
	background-color: #ffffff;
	}

.inquiryline img {
	margin-top:20px;
	}

.inquiryline td{
	margin-bottom:20px;
	}

.tablecal{
	float: left;
	text-align: left;
	}

.tablecal td{
	padding: 5px;
	}

.view{
	width: 960px;
	float: left;
	text-align: left;
	}

.view td{
	padding: 10px;
	}

/*------------------------------------------
Universal Reset
----------------------------------------------- */

*{
	margin:0;
	padding:0;
	}