@charset "UTF-8";
/* CSS Document */
/*
2009 Nissha
*/
/*default
*******************************************************/
*  {
	margin:0;
	padding:0;
	font-size:100%;}

body {
	margin:0;
	padding:0;
	color:#333333;
	font-size:12px;
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;}

/*common
********************************************************/
object {display:block;}
a {overflow:hidden;}
a:link    {color:#333333;}
a:visited {color:#333333;}
a:hover   {color:#666666; text-decoration:none;}
a:active  {color:#333333;}

li  {list-style:none;}

img {
	display:block;
	border:none;}

.left {
	float:left;}
.right {
	float:right;}

.cl {
	clear:both;}

.clearfix:after { 
    content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; } 
.clearfix {
	display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%;} 
.clearfix {
	display: block;} 
/* End hide from IE-mac */

/*frame
*******************************************************/

#container {
	width:748px;
	margin:0 auto;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	background-color:#FBF8E9;
}
	

#wrapper {
	clear:both;
	margin:0 15px;
	line-height:160%;
	border-left:#666666 dotted 1px;
	border-right:#666666 dotted 1px;}


#sub {
	clear:both;
	padding:20px 0;
	float:left;
	width:256px;
	color:#6E574D;
	overflow: hidden;}


#main {
	float:right;
	width:423px;
	padding:20px 14px 30px 14px;
	border-left:#666666 dotted 1px;
	overflow: hidden;}


#main2 {
	float:right;
	width:679px;
	padding:20px 5px 30px 5px;
	overflow: hidden;}


/* End hide from IE-mac */

/*headnavigation
*******************************************************/


/*navigation
*******************************************************/
#siteNav {
	padding:0 15px;
	border-top:#FFFFFF solid 1px;
	border-bottom:#FFFFFF solid 1px;
	background-color:#666666;}

#siteNav .left {
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;}
#siteNav .right {
	border-right:#FFFFFF solid 1px;}

#siteNav2 {
	padding:0 0;
	border-top:#FFFFFF solid 1px;
	border-bottom:#FFFFFF solid 1px;
	background-color:#666666;}

#siteNav2 .left {
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;}
#siteNav2 .right {
	border-right:#FFFFFF solid 1px;}


#glovalNav a {
	display:block;
	text-indent:-9999px;
	height:57px;}
	
.nav1{background:url(../images/nav1.gif) 0px 0% no-repeat;width:170px;}
.nav2{background:url(../images/nav2.gif) 0px 0% no-repeat;width:170px;}
.nav3{background:url(../images/nav3.gif) 0px 0% no-repeat;width:170px;}
.nav4{background:url(../images/nav4.gif) 0px 0% no-repeat;width:170px;}

#glovalNav a:hover{
	background-position:right top;}

	
#productNav {
	padding:0 15px;
	background:url(../images/nav_bg.gif) 0px 0% repeat-x;}
	
#productNav li {
	float:left;}


#productNav li a{
	display:block;
	text-indent:-9999px;
	height:38px;
	}

.nav01 a{background:url(../images/nav01.gif) 0px 0% no-repeat;width:152px;}
.nav02 a{background:url(../images/nav02.gif) 0px 0% no-repeat;width:159px;}
.nav03 a{background:url(../images/nav03.gif) 0px 0% no-repeat;width:158px;}
.nav04 a{background:url(../images/nav04.gif) 0px 0% no-repeat;width:157px;}

#productNav li a:hover{
	background-position:0px 100%;}
	
ul,li	{ margin:0; padding:0; }

#globalNavi	{ padding:0 15px;
	background:url(../images/main_navibg.gif) 0px 0% repeat-x; }
	
	
#mainNav { width: 748px; margin: 0 auto; position: relative; line-height:1; text-align: left;}

#main a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
	
#mainNav li { list-style: none; float: left; position: relative; }

#mainNav ul { display: none; position: absolute; top: 36px; left: 0; }
* html #mainNav ul { line-height: 0; }
#mainNav ul li { float: none; list-style-tipe: none;
}
#mainNav ul li { float: none; }

#mainNav ul { width: 143px; }

#mainNav ul ul { top: 0; left: 150px; }
#mainNav ul a { 
	display: block;
	width: 143px;
	background:#15a499;
	padding: 6px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height: 1;
}

#mainNav ul a.hover { background: #444; }

	
#seihinNav a {
	display:block;
	text-indent:-9999px;
	height:58px;}
	
.nav_1{background:url(../images/title_1.gif) 0px 0% no-repeat;width:245px;}
.nav_2{background:url(../images/title_2.gif) 0px 0% no-repeat;width:245px;}
.nav_3{background:url(../images/title_3.gif) 0px 0% no-repeat;width:245px;}
.nav_4{background:url(../images/title_4.gif) 0px 0% no-repeat;width:245px;}
.nav_5{background:url(../images/title_5.gif) 0px 0% no-repeat;width:245px;}

#seihinNav a:hover{
	background-position:right top;}


/*
*******************************************************/

h1 {
	padding:3px 15px;
	background-color:#4f7047;
    color:#FFFFFF;}
	
h2 span{
	padding:0 20px 0 10px;	
	color:#333333;
	font-size:13px;
	background-color:#c3ffff;
	background-image:url("../images/bg_subtitle.gif");
	background-repeat:no-repeat;
	background-position:right center;
	}	
	
h3{
	font-size:15px;
	margin:0 0 5px 0;}
	
h4 {
    background-image: url(../images/icon_ya2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}	

h5 {
    background-image: url(../images/icon_ya.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
	color:#0e7fce;
	}	

#sub img,
#main img{
	margin: 0;}



#scroll {
	height:980px;
	overflow:auto;}

* html #scroll {height:930px;}

#scroll div {
	width:224px;
	margin:12px auto;
	padding:0 0 10px 0;}
	
#scroll div:after { 
    content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; } 
#scroll div {
	display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #scroll div {
	height: 1%;} 
#scroll div {
	display: block;} 
/* End hide from IE-mac */

#scroll .left {
	color:#666666;}
	
#scroll span {
	color:#C8574D;}
	

dt {color:#2456A5;}
#main a {
	color:#4F7047;}


#scroll div.sec01 {
	padding:20px 0 0 0;
	border-top:#666666 dotted 1px;}

.sec02,
.sec03,
.sec04 {
	margin:15px 0 0 0;}

.sec02 .right {
	margin:0 15px 0 0;}
.sec02 .left{
	padding:10px;
	background-color:#D6D1C6;}

.sec03,
.sec04 {
	clear:both;
	padding:5px 5px 15px 15px;
	border-right:#C5C7AE solid 1px;
	border-bottom:#C5C7AE solid 1px;
	background: #ffffff url(../images/sec_bg.gif) 0px 0% no-repeat;}
	
.sec03 .right {
	width:245px;}
.sec04 .left{
	width:114px;
}
.sec04 .right{
	width:270px;}

.sec04 .right p {
	margin:10px 8px 0 0;}

.sec03 .left img,
.sec04 .left img{
	padding:10px 0 0 0;}

/*topics
****************************************************************/

#topics {
	height:100%;
	margin:10px;
	line-height:160%;}

#topics .right{
	width:494px;}

.tar {
	text-align:right;}
.tar img{
	margin:0 5px 5px 0;
	vertical-align:middle;
	display:inline;}

/*
*******************************************************/

table.sistem{
width: 650px;
border-collapse: separate;
border-spacing:1px;
background-color: #cccccc;
}
table.sistem th{
	padding: 7px;
	font-weight: normal;
	background-color: #215e78;
vertical-align; top;
}
table.sistem td{
padding: 7px;
font-weight: normal;
line-height: 2;
background-color: #FFFFFF;
vertical-align: top;
}

table.top01{
border: 0;
width: 660px;
border-collapse: collapse;
}
table.top01 th{
padding: 4px;
margin: 10px 15px 10px 0;
font-weight: normal;
font size: 82%;
line-hight: 2;
text-align: left;
vertical-align: top;
}
table.top01 td{
padding: 15px;
font-weight: normal;
vertical-align: top;
}

table.top02{
border: 0;
width: 350px;
height: 290px;
border-collapse: collapse;
}
table.top02 th{
padding: 4px;
margin: 10px 15px 10px 0;
font-weight: normal;
font size: 82%;
line-hight: 2;
text-align: left;
vertical-align: top;
}
table.top02 td{
padding: 15px;
font-weight: normal;
vertical-align: top;
}
table.souchi{
width: 650px;
margin: 10px 15px 15px 0;
border-collapse: separate;
border-spacing:1px;
background-color: #cccccc;
}
table.souchi th{
padding: 7px;
font-weight: normal;
background-color: #8b9d97;
vertical-align: top;
line-height: 1.2;
}
table.souchi td{
padding: 7px;
font-weight: normal;
background-color: #FFFFFF;
vertical-align: top;
}

table.hinshitsu{
width: 400px;
border-collapse: separate;
border-spacing:1px;
background-color: #cccccc;
margin: 0 20px 10px 0;
}
table.hinshitsu th{
width: 50px;
padding: 7px;
font-weight: normal;
border-top: 1px solid #eafbe7;
border-left: 1px solid #eafbe7;
background-color: #d1e9cd;
vertical-align: super;
}
table.hinshitsu td{
padding: 7px;
font-weight: normal;
border-top: 1px solid #eafbe7;
border-left: 1px solid #eafbe7;
background-color: #d1e9cd;
vertical-align: top;
}

table.campaign{
width: 480px;
border-collapse: separate;
border-spacing:1px;
background-color: #CEE8DB;
margin: 0 20px 10px 0;
}
table.campaign th{
width: 80px;
padding: 7px;
font-weight: normal;
background-color: #CEE8DB;
vertical-align: super;
}
table.campaign td{
padding: 7px;
font-weight: normal;
background-color: #CEE8DB;
vertical-align: top;
}


/*table
*******************************************************/

p.pagetop{
	clear: both;
	width: 650px;
	height: 28px;
	margin: 0 0 0 10px;
	padding: 5px 0 10px 0;
	font-size: 100%;
	text-align: right;
}
p.pagetop a{
	padding: 0 0 0 14px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}
p.pagetop a:link    { background-image: url(../images/icon_pagetop.gif);}
p.pagetop a:visited { background-image: url(../images/icon_pagetop.gif);}
p.pagetop a:hover   { background-image: url(../images/icon_pagetop_hover.gif);}
p.pagetop a:active  { background-image: url(../images/icon_pagetop_hover.gif);}

p.title{
	clear: both;
	width: 650px;
	margin: 30px 15px 10px 0;
	font-size: 100%;
}
p.line{
	clear: both;
	width: 650px;
	margin: 0 0 20px 0;
}

p.unit{
	clear: both;
	width: 650px;
	margin: 20px 0 0 0;
	font-size: 100%;
}

p.bana{
	clear: both;
	margin: 0 0 5px 0;
	font-size: 100%;
}
p.bana a:hover img{
	-ms-filter: "alpha( opacity=60 )";/*for IE8*/
	filter: alpha(opacity=60); /*for IE6〜7*/
	opacity: 0.60;
}

p.postnetcap{margin:0 30px 1em 0;
ilne-height:1;
}
p.postnetcap img{
	float:left;
	margin:0 10px 10px 0;
}

p.tejun {
margin:0;
clear: both;
width: 193px;
}
p.tejun a:hover img{
	-ms-filter: "alpha( opacity=60 )";/*for IE8*/
	filter: alpha(opacity=60); /*for IE6〜7*/
	opacity: 0.60;
}

a#koumokulink {
   display: block;
   margin: 15px 0 0 0;
   padding: 4px 0 0 0;
   width: 100px; /* 画像1枚分の横幅 */
   height: 26px; /* 画像1枚分の高さ */
   text-align: center;
   color:#ffffff;
text-decoration:none;
   background-image: url("../images/icon_back_hover.gif"); /* 画像ファイル名 */
   float: left;
}
a#koumokulink:hover {
	background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
	color: #ffffff;
	font-weight: bold;
	position: middle;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", CI, Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}

a#ichiranlink01 {
   display: block;
   width: 300px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/title_a_hover.gif"); /* 画像ファイル名 */
}
a#ichiranlink01:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#ichiranlink02 {
   display: block;
   width: 300px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/title_b_hover.gif"); /* 画像ファイル名 */
}
a#ichiranlink02:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#ichiranlink03 {
   display: block;
   width: 300px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/title_c_hover.gif"); /* 画像ファイル名 */
}
a#ichiranlink03:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#sensorlink01 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 33px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_01.gif"); /* 画像ファイル名 */
}
a#sensorlink01:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink02 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 34px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_02.gif"); /* 画像ファイル名 */
}
a#sensorlink02:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink03 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 33px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_03.gif"); /* 画像ファイル名 */
}
a#sensorlink03:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink04 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 34px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_04.gif"); /* 画像ファイル名 */
}
a#sensorlink04:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink05 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 34px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_05.gif"); /* 画像ファイル名 */
}
a#sensorlink05:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink06 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 34px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_06.gif"); /* 画像ファイル名 */
}
a#sensorlink06:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink07 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 33px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_07.gif"); /* 画像ファイル名 */
}
a#sensorlink07:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#sensorlink08 {
   display: block;
   width: 370px; /* 画像1枚分の横幅 */
   height: 36px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/sensor-1_08.gif"); /* 画像ファイル名 */
}
a#sensorlink08:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#campaign01 {
   display: block;
   width: 426px; /* 画像1枚分の横幅 */
   height: 227px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("../images/Campaign_bana01.gif"); /* 画像ファイル名 */
}
a#campaign01:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
/*

*******************************************************/

ul.koumoku {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.koumoku li {
float: left;
width: 100px;
height: 41px;
	padding-right: 0.5px;
	line-height: 1.5;
	}

ul.example {
margin: 0;
padding: 3;
list-style-type: none;
}

ul.example li {
float: left;
width: 205px;
height: 140px;
background: url(../images/icon_ya2.gif) no-repeat 0 1.5px;
	padding-left: 15px;
	line-height: 1.5;
	}

ul.icon {
margin: 3;
padding: 3;
list-style-type: none;
}

ul.icon li {
float: left;
width: 52px;
height: 21px;s
margin-bottom: 0;
padding: 0;
border: 0 solid;
}

ul.campaign {
margin: 0 0 5px;
padding: 3;
list-style-type: none;
}
	ul.campaign li{
    background: url(../images/icon_ya3.gif) no-repeat 0 4px;
   list-style-position: outside;
   line-height: 1.5;
	color:#215e78;
	padding-left: 14px;
	clear: none;
	}	
	

ul.moushikomi {
margin: 0 0 5px;
padding: 3;
list-style-type: none;
}
ul.moushikomi li{
background: url(../images/icon_ya4.gif) no-repeat 0 4px;
   list-style-position: outside;
   line-height: 1.5;
	padding-left: 16px;
	}	
ul.moushikomi li a:hover{
position:relative;
top:1px;
background-color:#ffcfb5;
	}

ul.samne {
margin:0 0 10px 0;
padding: 0;
list-style-type: none;
}

ul.samne li {
float: left;
width: 102px;
height: 102px;
	padding-right: 8px;
	line-height: 1.5;
	}
	ul.samne li a:hover img{
	-ms-filter: "alpha( opacity=70 )";/*for IE8*/
	filter: alpha(opacity=70); /*for IE6〜7*/
	opacity: 0.70;
}
	ul.samne img{ border: 1px #2b2b2b solid; }
	
	
ul.topbana {
margin:0 0 10px 0;
padding: 0;
list-style-type: none;
}

ul.topbana li {
width: 400px;
	}
	ul.topbana li a:hover img{
	-ms-filter: "alpha( opacity=60 )";/*for IE8*/
	filter: alpha(opacity=60); /*for IE6〜7*/
	opacity: 0.60;
}

ul.demakan {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.demakan li {
float: left;
width: 310px;
height: 180px;
	padding-right: 20px;
	padding-top: 15px;
	line-height: 1.5;
	}
		
.waku1     { border:solid 5px #d7dad9}

.clearLeft { 
clear: left; 
}


/* common
----------------------------------------------------*/

#header p,
#header ul,
#header li,
#footer p,
#footer ul,
#footer li,
#footer address {
	margin:0;
	padding:0;
	color:#333;
	line-height:1.2;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Arial, Helvetica, sans-serif;
}

#header li,
#footer li {
	list-style:none;
}

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

#header {
	width:748px;
	border-top:solid 4px #007851;
	padding:0 0 5px;
	background:#FFF;
}

#header:after,
#footer:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

* html #header,
* html #footer {
	display: inline-block;
}

/* no ie mac \*/
* html #header,
* html #footer {
	height:1%;
}

#header,
#footer {
	display:block;
	position:relative;
}

/* */


#header li.home {
	background:url(../common/img/icon_home.gif) no-repeat left 0.1em;
	padding:0 0 0 17px;
}

#header p {
	float:left;
	display:inline;
	margin:3px 0 0 10px;
	font-size:16px;
	font-weight:bold;
}

#header p img {
	margin:0 0 3px;
}

#header ul {
	margin:10px 0 0;
	padding:0 13px 0 0;
	float:right;
}

#header li {
	list-style:none;
	float:left;
	margin:0 0 0 18px;
	padding:0 0 0 10px;
	font-size:10px;
	display:inline;
	background:url(../common/img/icon_arrow.gif) no-repeat left 0.1em;
}

#header li a {
	color:#333;
}

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

#footer {
	width:748px;
	background:#007851;
	padding:0 0 8px;
}

#footer address {
	color:#FFF;
	font-style:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:36px 0 0;
}

#footer address {
	float:left;
	display:inline;
	margin:0 0 0 15px;
}

#footer ul {
	float:right;
	padding:14px 10px 0 0;
}

#footer li {
	float:left;
	margin:0 6px 0 0;
}

#header a img,
#footer a img {
	border:none;
}