@charset "utf-8";
/* リセット設定 */
*{
	margin:0;
	padding:0;
}
html{
    overflow-Y: scroll;
}
body{
	background:url(img/headerbgimg.gif) left top repeat-x #FFFFFF;
	text-align:center;
	font-family:verdana,"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
	color:#333333;
	font-size:75%;
	line-height:1.5;
}
html>/**/body{
	font-size: 12px;  
}
img,abbr,acronym,hr{
	border:none;  
}  
li{
	list-style-type:none;
	display:inline;
}
blockquote,q{
	quotes:none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
form label{  
	cursor:pointer;
}  
fieldset{  
	border:none;  
}  
input,select,textarea{  
	font-family:inherit;  
	font-size:100%;  
	font-style:inherit;  
	font-weight:inherit;  
	margin:0;  
	padding:0;  
	vertical-align:baseline;
	border:none;
}
/* リセット設定終了 */

/* 基本リンク設定 */
a,a:link,a:visited{
	color:#284380;
}
a:hover,a:active{
	color:#999999;
	text-decoration:none;
}
/* 基本リンク設定終了 */

/* クリアフィックス */
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/*MacIE5対策*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/*MacIE5対策終了*/
/* クリアフィックス終了 */

/* レイアウト */
#header{
	margin:0 auto;
	width:950px;
	height:107px;
	clear:both;
}
#mainnavi{
	margin:0 auto 10px auto;
	width:900px;
	height:44px;
	clear:both;
}
#breadlist{
	margin:0 auto 15px auto;
	width:880px;
	height:16px;
	clear:both;
}
#eyecatcharea{
	margin:0 auto 20px auto;
	width:950px;
	height:530px;
	background:url(img/eyecatchbg.jpg) left top no-repeat;
	text-align:left;
}
#contents{
	margin:0 auto 20px auto;
	width:880px;
	height:auto;
	clear:both;
}
#footer {
	margin:0 auto;
	width:100%;
	height:140px;
	background:url(img/footerbgimg.gif) left top repeat-x;
	clear:both;
}
/* レイアウト終了 */

/* ヘッダーレイアウト */
#header h1{
	text-align:right;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}
.titlearea{
	margin:10px 0 0 0;
	width:300px;
	height:70px;
	float:left;
	text-align:left;
}
.grovalnavi{
	margin:25px 0 0 0;
	width:600px;
	height:50px;
	float:right;
	text-align:left;
}
.grovalnavi a.sitemap{
	display:block;
	width:125px;
	height:50px;
	float:right;
	text-indent:-9999px;
	background:url(img/sitemap.gif) left top no-repeat;
}
.grovalnavi a.campanysign{
	display:block;
	width:125px;
	height:50px;
	float:right;
	text-indent:-9999px;
	background:url(img/campany.gif) left top no-repeat;
}
.grovalnavi a.link02{
	display:block;
	width:175px;
	height:50px;
	float:right;
	text-indent:-9999px;
}
.grovalnavi a:link.link02,.grovalnavi a:visited.link02{
	display:block;
	width:175px;
	height:50px;
	float:right;
	text-indent:-9999px;
	background:url(img/headerinqulybtn.jpg) left top no-repeat;
}
.grovalnavi a:active.link02,.grovalnavi a:hover.link02{
	display:block;
	width:175px;
	height:50px;
	float:right;
	text-indent:-9999px;
	background:url(img/headerinqulybtn.jpg) -175px top no-repeat;
}
/* ヘッダーレイアウト終了 */

/* メインナビ */
.mainul{
	width:902px;
	height:44px;
	clear:both;
}
.mainul a.link03{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
}
.mainul a:link.link03,.mainul a:visited.link03{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn01.gif) left top no-repeat;
}
.mainul a:active.link03,.mainul a:hover.link03{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn01.gif) -150px top no-repeat;
}
.mainul a:link.link03be,.mainul a:visited.link03be{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn01.gif) -150px top no-repeat;
}
.mainul a:link.link04,.mainul a:visited.link04{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn02.gif) left top no-repeat;
}
.mainul a:active.link04,.mainul a:hover.link04{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn02.gif) -150px top no-repeat;
}
.mainul a:link.link04be,.mainul a:visited.link04be{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn02.gif) -150px top no-repeat;
}
.mainul a:link.link05,.mainul a:visited.link05{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn03.gif) left top no-repeat;
}
.mainul a:active.link05,.mainul a:hover.link05{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn03.gif) -150px top no-repeat;
}
.mainul a:link.link05be,.mainul a:visited.link05be{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn03.gif) -150px top no-repeat;
}
.mainul a:link.link06,.mainul a:visited.link06{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn04.gif) left top no-repeat;
}
.mainul a:active.link06,.mainul a:hover.link06{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn04.gif) -150px top no-repeat;
}
.mainul a:link.link06be,.mainul a:visited.link06be{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn04.gif) -150px top no-repeat;
}
.mainul a:link.link07,.mainul a:visited.link07{
	display:block;
	width:151px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn05.gif) left top no-repeat;
}
.mainul a:active.link07,.mainul a:hover.link07{
	display:block;
	width:151px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn05.gif) -151px top no-repeat;
}
.mainul a:link.link07be,.mainul a:visited.link07be{
	display:block;
	width:151px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn05.gif) -151px top no-repeat;
}
.mainul a:link.link08,.mainul a:visited.link08{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn06.gif) left top no-repeat;
}
.mainul a:active.link08,.mainul a:hover.link08{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn06.gif) -150px top no-repeat;
}
.mainul a:link.link08be,.mainul a:visited.link08be{
	display:block;
	width:150px;
	height:44px;
	float:left;
	text-indent:-9999px;
	background:url(img/mainnavibtn06.gif) -150px top no-repeat;
}
/* メインナビ終了 */

/* フッターとパン屑リスト開始*/
.innerfooter{
	margin:0 auto;
	width:950px;
	height:auto;
	clear:both;
	text-align:left;
}
.innerfooter .footernavi{
	width:950px;
	height:auto;
	clear:both;
}
.innerfooter a.gototopbtn{
	display:block;
	width:141px;
	height:23px;
	float:right;
	text-indent:-9999px;
	background:url(img/gototopbtn.gif) left top no-repeat;
}
.innerfooter a:link.gototopbtn,.innerfooter a:visited.gototopbtn{
	display:block;
	width:141px;
	height:23px;
	text-indent:-9999px;
	background:url(img/gototopbtn.gif) left top no-repeat;
}
.innerfooter a:active.gototopbtn,.innerfooter a:hover.gototopbtn{
	display:block;
	width:141px;
	height:23px;
	text-indent:-9999px;
	background:url(img/gototopbtn.gif) -141px top no-repeat;
}
.footernavi a.flbtn{
	margin:10px 5px 0 5px;
	display:block;
	float:left;
	background:url(img/liyajirusi.gif) left center no-repeat;
	text-indent:14px;
}
.footernavi a.breadlistbtn,.footernavi li.breadlistbtn{
	margin:10px 5px 0 5px;
	display:block;
	float:left;
	background:url(img/bllist.gif) left center no-repeat;
	text-indent:14px;
}
.corparea{
	height:20px;
	clear:both;
	text-align:right;
}
/* フッターとパン屑リスト終了 */

/* アイキャッチ開始 */
a.fristcath,a:link.fristcath,a:visited.fristcath{
	display:block;
	position:relative;
	left:355px;
	top:204px;
	width:215px;
	height:40px;
	background:url(img/fristbtn.gif) left top no-repeat;
	text-indent:-9999px;
}
a:active.fristcath,a:hover.fristcath{
	display:block;
	position:relative;
	left:355px;
	top:204px;
	width:215px;
	height:40px;
	background:url(img/fristbtn.gif) -215px top no-repeat;
	text-indent:-9999px;
}
a.secondcatch,a:link.secondcatch,a:visited.secondcatch{
	display:block;
	position:relative;
	left:50px;
	top:388px;
	width:92px;
	height:79px;
	background:url(img/secondbtn.gif) left top no-repeat;
	text-indent:-9999px;
}
a:active.secondcatch,a:hover.secondcatch{
	display:block;
	position:relative;
	left:50px;
	top:388px;
	width:92px;
	height:79px;
	background:url(img/secondbtn.gif) -92px top no-repeat;
	text-indent:-9999px;
}
a.thirdcatch,a:link.thirdcatch,a:visited.thirdcatch{
	display:block;
	position:relative;
	left:267px;
	top:309px;
	width:92px;
	height:79px;
	background:url(img/thirdbtn.gif) left top no-repeat;
	text-indent:-9999px;
}
a:active.thirdcatch,a:hover.thirdcatch{
	display:block;
	position:relative;
	left:267px;
	top:309px;
	width:92px;
	height:79px;
	background:url(img/thirdbtn.gif) -92px top no-repeat;
	text-indent:-9999px;
}
a.forthcatch,a:link.forthcatch,a:visited.forthcatch{
	display:block;
	position:relative;
	left:484px;
	top:230px;
	width:92px;
	height:99px;
	background:url(img/forthbtn.gif) left top no-repeat;
	text-indent:-9999px;
}
a:active.forthcatch,a:hover.forthcatch{
	display:block;
	position:relative;
	left:484px;
	top:230px;
	width:92px;
	height99px;
	background:url(img/forthbtn.gif) -92px top no-repeat;
	text-indent:-9999px;
}
/* アイキャッチ終了 */

/* 右サイトトップページコンテンツ開始 */
.topcontents{
	width:610px;
	height:auto;
	float:right;
	text-align:left;
}
.topcontents .contentsarea,.topcontents .newsarea{
	margin:0 0 20px 0;
	width:592px;
	height:auto;
	clear:both;
	background:url(img/newsbg.gif) left top no-repeat;
}
.contentsarea a.nextpage{
	display:block;
	height:27px;
	padding:2px 0 0 50px;
	background:url(img/nextpagebtn.jpg) left top no-repeat;
	font-size:16px;
}
.contentsarea dl{
	margin:0 15px 5px 15px;
	width:250px;
	height:200px;
	float:left;
}
.contentsarea dt{
	marign:0 0 5px 0;
	border-bottom:#14A6A8 solid 1px;
}
.newsarea dt{
	margin:5px 0;
	width:105px;
	float:left;
	text-indent:20px;
	background:url(img/dateli.gif) 5px 4px no-repeat;
}
.newsarea dd{
	margin:5px 0;
	width:485px;
	float:left;
}
.contentsarea p,.topcontents ul{
	margin:5px 5px 20px 5px;
	clear:both;
}
.topcontents h2{
	margin:0 0 10px 0;
	padding:5px 5px 2px 10px;
	width:592px;
	height:35px;
	background:url(img/h3background.jpg) left top no-repeat;
	font-size:18px;
	font-weight:bold;
}
.topcontents .contentstitle{
	margin:0;
	padding:0;
	width:592px;
	height:35px;
	clear:both;
	background:none;
}
.contentsarea h3{
	margin:0 0 10px 0;
	padding:5px 0 0 5px;
	width:592px;
	height:16px;
	clear:both;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	border-left:#14A6A8 solid 8px;
}
.lefttext{
	margin:0 0 10px 0;
	padding:5px 0 0 5px;
	border-bottom:#027733 solid 1px;
	font-size:18px;
	color:#027733;
	text-align:left;
}
.righttext{
	margin:0 0 10px 0;
	padding:5px 0 0 5px;
	border-bottom:#027733 solid 1px;
	font-size:18px;
	color:#027733;
	text-align:right;
}
.lastjirei{
	margin:0 0 10px 0;
	padding:5px;
	width:580px;
	height:auto;
	background:#afd5e9;
}
.topcontents li{
	margin:0 5px 10px 5px;
	padding:0 0 0 20px;
	display:block;
	background:url(img/contentsli.gif) left top no-repeat;
}
.contentsarea table{
	margin:5px 5px 20px 5px;
	width:582px;
	clear:both;
}
.contentsarea th{
	padding:5px;
	background:#E9E9E9;
	border:#14A6A8 solid 1px;
	text-align:center;
	font-weight:bold;
}
.contentsarea td{
	padding:5px;
	border:#14A6A8 solid 1px;
	text-align:center;
}
.contentsarea blockquote{
	margin:5px;
	padding:5px;
	background:#FEB005;
	border:#ff0000 solid 1px;
}
.contentsarea .formsingle{
	width:582px;
	clear:both;
	border-bottom:#14A6A8 solid 1px;
}
.contentsarea .formlabel{
	padding:5px;
	width:170px;
	text-align:left;
	font-weight:bold;
	float:left;
}
.textformarea{
	margin:5px 0;
	width:400px;
	float:right;
}
.formnormal{
	border:#d9d9d9 solid 1px;
}
.selectarea{
	margin:0 5px 0 0;
}
.formareabig{
	width:370px;
	height:180px;
	overflow:hidden;
	border:#d9d9d9 solid 1px;
}
.submitbtn{
	width:100px;
	height:30px;
	background:url(img/submitbtn.gif) left top no-repeat;
	border:none;
}
.leftnavi{
	float:left;
}

/* 右サイトトップページコンテンツ終了 */

/* 概要ページ開始 */
.productpage{
	margin:0 0 20px 0;
	clear:both;
}
.worrypagetitle{
	padding:48px 0 0 160px;
	width:442px;
	height:52px;
	clear:both;
	background:url(img/worrytitle01.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle02{
	padding:38px 0 0 160px;
	width:442px;
	height:52px;
	clear:both;
	background:url(img/worrytitle02.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle03{
	padding:58px 0 0 160px;
	width:442px;
	height:51px;
	clear:both;
	background:url(img/worrytitle03.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle04{
	padding:50px 0 0 160px;
	width:442px;
	height:51px;
	clear:both;
	background:url(img/worrytitle04.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle05{
	padding:48px 0 0 160px;
	width:442px;
	height:50px;
	clear:both;
	background:url(img/worrytitle05.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle06{
	padding:48px 0 0 160px;
	width:442px;
	height:53px;
	clear:both;
	background:url(img/worrytitle06.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle07{
	padding:38px 0 0 160px;
	width:442px;
	height:50px;
	clear:both;
	background:url(img/worrytitle07.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.worrypagetitle08{
	padding:38px 0 0 160px;
	width:442px;
	height:50px;
	clear:both;
	background:url(img/worrytitle08.jpg) left top no-repeat;
	border:hidden;
	font-weight:normal;
	font-size:12px;
}
.imgleft{
	float:left;
}
.imgright{
	margin:0;
	padding:0 8px 0 0;
	float:right;
}
/* 概要ページ終了 */

/* 下部問い合わせボタン開始 */
a.underinbtn,a:link.underinbtn,a:visited.underinbtn{
	display:block;
	margin:0 0 0 220px;
	width:200px;
	height:60px;
	background:url(img/underinqulybtn.jpg) left top no-repeat;
	text-indent:-9999px;
}
a:active.underinbtn,a:hover.underinbtn{
	display:block;
	margin:0 0 0 220px;
	width:200px;
	height:60px;
	background:url(img/underinqulybtn.jpg) -200px top no-repeat;
	text-indent:-9999px;
}
/* 下部問い合わせボタン終了 */

/* 左サイドバー開始 */
.leftvavi{
	width:240px;
	height:auto;
	float:left;
	text-align:left;
}
.sidenavi{
	margin:0 0 10px 0;
	width:224px;
	height:auto;
	clear:both;
}
.sidenaviunder{
	background:url(img/sidebarbg.gif) left top repeat-y;
}
.sidebartitle{
	width:224px;
	height:37px;
}
.sidenaviarea{
	padding:10px 0;
	background:url(img/sbbgunder.gif) left bottom no-repeat;
}
.sidenavi ul{
	margin:0 10px; 
}
.sidenavi li{
	margin:0 0 10px 0;
	display:block;
	background:url(img/sidebarlisticon.gif) left top no-repeat;
	text-indent:16px;
}
/* 左サイドバー終了 */

/* 事例開始 */
.csbg{
	margin:0 0 20px 5px;
	padding:0 0 10px 0;
	width:580px;
	background:url(img/csbg.jpg) left top repeat-x;
	border-bottom:#16A7A4 solid 1px;
}
/* 事例終了 */

/* 汎用css開始 */
.center{
	text-align:center;
}
.red{
	color:red;
}
.bold{
	font-weight:bold;
}
.imgfileleft{
	margin:0 5px;
	float:left;
}
.imgfileright{
	margin:0 5px;
	float:right;
}
/* 汎用css終了 */
