@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}
img {
	border: none;
	vertical-align: top;
}
.bluelink {
	color: #2995D6;
	text-decoration:underline;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #999;
}
.clearboth {
	clear: both;
}
.red {
	color: #F00;
}
.small {
	font-size: 70%;
}
.large {
	font-size: 130%;
}
body {
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
}
#contents {
	width: 900px;
	margin: 10px auto 50px auto;
}
	 
/*header -------------------------------------------------------------*/

#header {
	width: 900px;
	margin: 0 auto;
}

#header ul {
	width: 900px;
	padding: 0 10px 0 0;
	text-align: right;
	font-suze: 75%;
}
#header li {
	background:url(image/sankaku_r_s.gif) no-repeat;
	display: inline;
	padding: 0 20px;
	background-position: 5px 1px;
}
#header li {
	background-position/*\**/: left\9; /* IEの調整のため*/
}
h2 {
	font-weight: 100;
	color: #2995D6;
}
h1 {
	float: left;
	padding: 0 0 10px 0;
}
#header p {
	float: right;
	padding: 10px 30px 0 0;
	}
/*gn -------------------------------------------------------------*/
#gnbg {
	background: url("image/gn_bg.jpg") repeat-x scroll 0 0 transparent;
	height:46px;
	width:100%;
}
#gn ul {
	width: 900px;
	height: 150px;
	margin: 0 auto;
}
#gn {
	width: 900px;
	margin: 0 auto;
}
#gn li {
	width: 150px;
	height: 45px;
	float: left;
}
#gn li a {
	width: 150px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#gn01 a {
	background: url(image/gn01.jpg) no-repeat;
}
#gn01 a:hover {
	background: url(image/gn_o01.jpg) no-repeat;
}
#gn02 a {
	background: url(image/gn02.jpg) no-repeat;
}
#gn02 a:hover {
	background: url(image/gn_o02.jpg) no-repeat;
}
#gn03 a {
	background: url(image/gn03.jpg) no-repeat;
}
#gn03 a:hover {
	background: url(image/gn_o03.jpg) no-repeat;
}
#gn04 a {
	background: url(image/gn04.jpg) no-repeat;
}
#gn04 a:hover {
	background: url(image/gn_o04.jpg) no-repeat;
}
#gn05 a {
	background: url(image/gn05.jpg) no-repeat;
}
#gn05 a:hover {
	background: url(image/gn_o05.jpg) no-repeat;
}
#gn06 a {
	background: url(image/gn06.jpg) no-repeat;
}
#gn06 a:hover {
	background: url(image/gn_o06.jpg) no-repeat;
}

/*top -------------------------------------------------------------*/

#topimg {
	width: 900px;
	margin: 0 auto 5px auto;
}

#leftbox {
	width: 610px;
	float: left;
}
#hvafpoint h3 {
	height: 37px;
	background: url(image/toptitle01.jpg) no-repeat left top;
	text-indent: -9999px;
}
.toptitlebg01 {
	padding: 10px 5px;
	background: url(image/toptitlebg01.jpg) repeat-y left top;
}
.toptitlebg02 {
	height: 10px;
	background: url(image/toptitlebg02.jpg) no-repeat left bottom;
	font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
	line-height:1px;
}
.point {
	width: 182px;
	height: 142px;
	float: left;
	padding: 0 7px;
}
.pointcomment {
	width: 160px;
	position: relative;
	top: -80px;
	left: 13px;
}
#more {
	width: 580px;
	height: 20px;
	background: url(image/sankaku_r_m.gif) no-repeat;
	background-position: 495px 22px;
	text-align: right;
	padding: 20px 20px 0 0;
}
#news {
	padding: 30px 0 0 0;
}
#news h3 {
	height: 37px;
	background: url(image/toptitle02.jpg) no-repeat left top;
	text-indent: -9999px;
}
#news th {
	width: 80px;
	padding: 5px 10px;
	line-height: 1.5;
	font-weight:normal;
}
#news td {
	width: 470px;
	padding: 5px 10px;
	line-height: 1.5;
}
#news th, #news td {
	border-bottom: 2px dotted #E0E0E0;
}
#news  p {
	width: 580px;
	height: 20px;
	background: url(image/sankaku_r_m.gif) no-repeat;
	background-position: 470px 22px;
	text-align: right;
	padding: 20px 20px 0 0;
}
#rightbox {
	width: 285px;
	float: right;
}
#rightbox .linkimg {
     padding: 10px 0;
}
#rightbox .movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}
.movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#form h3{
	padding: 20px 0 10px 0;
}
#form p {
	line-height: 1.5;
	padding: 10px 30px 10px 10px;
}
#campaignbanner {
	padding: 10px 10px;
}
#footer01 {
	width: 900px;
	height: 80px;
	background: url(image/sankaku_t_m.gif) no-repeat; 
	background-position: 700px 3px;
	text-indent: 725px;
	margin: 0 auto;
}
#footerbg {
	background:url("image/footerbg.gif") repeat-x scroll 0 0 transparent;
	height:120px;
	width: 100%;
}
#footer02 {
	color: #333;
	margin: 0 auto;
	width: 1100px;
}
#footernavi {
	width: 900px;
	padding: 10px 10px 5px 0 ;
	text-align: right;
}
#footernavi li {
	background:url(image/sankaku_r_m.gif) no-repeat;
	display: inline;
	padding: 4px 5px 4px 25px;
	background-position: 3px 2px;
}

#footeraddress {
	line-height: 1.5;
	padding: 0 0 5px 120px;
}
#footer02 p {
	text-indent: 750px;
}

/*sub-------------------------------------------------------------*/

#subimgbg {
	background: url(image/subimgbg.jpg) repeat-x scroll 0 0 transparent;
	height: 33px;
	width: 100%;
}
#subimg {
	width: 1100px;
	margin: 0 auto;
}
#topicpath {
	width: 900px;
	margin: 10px auto;
}
.title {
	width: 900px;
	margin: 20px auto;
}

/*flow -------------------------------------------------------------*/
#flow h5 {
	padding: 10px 0 10px 10px;
}
#flow p {
	line-height: 1.5;
	padding: 0 0 20px 15px;
}
	
/*sitemap -------------------------------------------------------------*/
#sitemap th {
	background: url(image/sankaku_r_s.gif) no-repeat;
	background-position: 20px 25px;
	text-align:left;
	font-weight:normal;
	font-size: 115%;
	padding: 20px 0 20px 40px;
}
#sitemap th {
	background-position/*\**/: 20px 20px\9; 
}
#sitemap th, #sitemap td {
	border-bottom: 2px dotted #E0E0E0;
}

/*company -------------------------------------------------------------*/
#company th {
	text-align:left;
	font-weight:normal;
	padding: 10px 0 10px 40px;
}
#company th, #company td {
	border-bottom: 2px dotted #E0E0E0;
}
#company .companyarticle{
	padding: 30px 0 40px 10px;
}
#aboutmap {
	line-height: 1.5;
	padding: 0 0 10px 10px;
}

/*technique -------------------------------------------------------------*/

#techniquep01 {
	width: 547px;
	padding: 20px 20px 30px 20px;
}
.technique02img {
	float: left;
}
.technique02comment {
	width: 380px;
	float: right;
	line-height: 1.5;
}
#abouthvaf {
	width: 550px;
	padding: 20px 20px 10px 20px;
}
#hvafmerit {
	width: 550px;
	padding: 30px 20px 40px 20px;
}
#technique03img {
	padding: 20px 0 0 5px;
}
#technique03comment {
	width: 400px;
	padding: 10px 100px 40px 100px;
	line-height: 1.5;
}
.machinearticle {
	width: 600px;
	border: #CCC solid 1px;
}
#aboutmachine {
	width: 600px;
	margin: 20px 0;
}
.machineimg {
	width: 146px;
	height: 110px;
	padding: 5px 10px 0 5px;
	float: left;
}
.machinecomment01 {
	width: 375px;
	padding: 20px 10px 20px 15px;
	float: right;
}
.machinearticle .large {
	font-weight: bold;
	}


/*contact -------------------------------------------------------------*/

#contact {
	width: 600px;
}
#contact table {
	background: #F0F0F0;
}
#contact th {
	text-align: left;
	font-weight:normal;
	padding: 15px 0 15px 20px;
	border-bottom: 2px dotted #E0E0E0;
	}
#contact td {
	padding: 15px 0 15px 20px;
	width: 400px;
	border-bottom: 2px dotted #E0E0E0;
}
#contactcomment {
	line-height: 1.5;
	padding: 10px 0 30px 5px;
}
#contact textarea {
	width: 320px;
}
.inputtext {
	width: 320px;
}
#contactbutton {
	width: 151px;
	height: 40px;
	margin: 10px 244px 10px 245px;
}
/*work -------------------------------------------------------------*/
.workarticle {
	width: 600px;
	border: #CCC solid 1px;
}
.worksubtitle {
	width: 600px;
}
.changetext {
   width:570px;
   padding: 15px 10px 15px 10px;
   line-height: 1.5;
   display:none;
   overflow:hidden;
}
#workimg01 {
	width: 361px;
	height: 188px;
	padding: 15px 0;
}
.change {
	width: 88px;
	height: 20px;
	margin: 0 0 0 512px;
	cursor: pointer;
}
	
/*news -------------------------------------------------------------*/
#newsall {
	width: 600px;
	padding: 10px;
}
#newsall th {
	width: 80px;
	padding: 5px 10px;
	line-height: 1.5;
	font-weight:normal;
}
#newsall td {
	width: 460px;
	padding: 5px 10px;
	line-height: 1.5;
}
#newsall th, #newsall td {
	border-bottom: 2px dotted #E0E0E0;
}
#newsall dl{
	width: 580px;
	padding: 5px 10px;
	line-height: 1.5;
}
#newsall dd{
	width: 500px;
	padding: 0 10px 0 30px;
	border-bottom: 2px dotted #E0E0E0;
}
#newsall  p {
	width: 150px;
	height: 20px;
	background: url(image/sankaku_r_m.gif) no-repeat;
	background-position: 1px 2px;
	text-indent: 25px;
	margin: 20px 20px 0 440px;
}