@charset "utf-8";

/********************
  base 1
********************/

body{
	margin: 0;
	padding: 0;
	line-height: 170%;
	color: #333;
	background: #fff url(../img/bg.gif) top center repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 80%;
	text-align: center;
}

body#other{
	margin: 0;
	padding: 0;
	line-height: 150%;
	color: #333;
	background: #fff url(../img/bg_other.gif) top center repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align: center;
}

img{border: none;}
td{line-height: 150%;font-size: 85%;}

div#wrap{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: #eee;
	text-align: center;
}


div#header{
	margin: 0;
	padding: 0;
	width: 760px;
	height: 329px;
	background: #fff url(../img/bg_header.gif) top center repeat-x;
}

div#header_other{
	margin: 0;
	padding: 0;
	width: 760px;
	height: 235px;
}

div#header_other_bg{
	margin: 0;
	padding: 0;
	width: 760px;float: left;
	background: #e7e7e7 url(../img/bg_head_other.gif) top center no-repeat;
}

div#title_head{
	margin: 0 auto;
	padding: 0;
	width: 750px;
	height: 70px;
	background: #222;
}

div#navi_top{
	margin: 0;
	padding: 0 0px 0 4px;
	clear: both;
	height: 79px;
	background: #fff url(../img/bg_navi.gif) top center no-repeat;
}

#logo{
	margin: 0;
	padding: 0;
	float: left;
}

div#main{
	margin: 0 auto;
	padding: 20px 0 0 0;
	float: none;
	background: #fff url(../img/bg_main.gif) top center repeat-y;
	width: 750px;
}

div#contents{
	margin: 0;
	padding: 0;
	float: right;
	width: 505px;
	text-align: left;
}


div#navi_left{
	margin: 0;
	padding: 0;
	float: left;
	width: 215px;
	line-height: 150%;
	font-size: smaller;
	text-align: left;
}

div#main_bottom{
	margin: 0 auto;
	padding: 20px 0 0 0;
	float: none;
	clear: both;
	width: 750px;
	background: #fff url(../img/bg_main.gif) top center repeat-y;
}

div#footer{
	margin: 0;
	padding: 0;
	clear: both;
	height: 180px;
	background: #fff url(../img/bg_footer.gif) top center repeat-x;
}

/********************
  link
********************/
/*
a: link{text-decoration: underline;color: #009900;}
a: visited{text-decoration: underline;color: #009900;}
a: hover{text-decoration: none;color: #009900;}
*/

a:link{text-decoration: none;color: #008215;}
a:visited{text-decoration: none;color: #008215;}
a:hover{text-decoration:underline;color: #008215;}

div#navi_foot a{text-decoration: none;color: #008215;}
div#navi_foot a:visited{text-decoration: none;color: #008215;}
div#navi_foot a:hover{text-decoration: underline;color: #008215;}

/********************
  base 2
********************/

h1{
	margin: 25px 10px 0 0;
	padding: 0;
	float: right;
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

h2{
	margin: 0px 0px 15px 0px;
	padding: 8px 0px 0px 20px;
	clear: both;
	width: 480px;
	height: 32px;
	background: #fff url(../img/title01.gif) top left no-repeat;
	font-size: 135%;
	color: #0C5F19;
}

h3{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/********************
  navi_top
********************/
div#bg_navi_left{
	margin: 0;
	padding: 0;
	width: 215px;
	background: #fff url(../img/bg_navi_left.gif) top center repeat-y;
}

div#navi_top ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
}
	div#navi_top ul li{
		display: inline;
		float: left;
		margin: 5px 0 0 2px;
		padding: 0;
}
	div#navi_top span{
		display: none;
}
	div#navi_top a{
		display: block;
		width: 123px;
		height: 70px;
}

	div#navi_top li#navi01{ background: url(../img/b01.jpg); }
	div#navi_top li#navi02{ background: url(../img/b02.jpg); }
	div#navi_top li#navi03{ background: url(../img/b03.jpg); }
	div#navi_top li#navi04{ background: url(../img/b04.jpg); }
	div#navi_top li#navi05{ background: url(../img/b05.jpg); }
	div#navi_top li#navi06{ background: url(../img/b06.jpg); }


div#topimg{text-align: center;}

/********************
  navi_left
********************/

div.navi_left_text{
	padding: 0 10px;
	clear: both;
}

div.navi_left_list ul{
	margin: 0;
	padding: 10px;
	float: left;
}
div.navi_left_list li,div#navi_left_mail{
	margin: 0 0 0 0px;
	padding: 2px 0 2px 13px;
	list-style-type: none;
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

div#navi_left_toi{
	margin: 0;
	padding: 10px 0 10px 10px;
	color: #009900;
}


.navi_left_p{
	padding: 12px 5px 10px 0;
	float: right;
}

span#soudan{
	padding: 0 0 10px 0;
	color: #cc0000;
}

/*20081111: G*/
div#navi_left{
	font-size: 12px;
}
div#navi_left a{
	color:#008215;
	text-decoration: underline;
}
div#navi_left a:hover{
	color:#008215;
	text-decoration: none;
}

div#co{
margin-top:20px; 
height:24px;
margin-left:10px; 
padding:3px 0; 
font-weight:bold;
}
div.company{ margin-top:10px; font-size:86%;}

/********************
  contents top
********************/
#flash{line-height: 0;}

#banner01{
	margin: 10px 0 0 10px;
	clear: both;
}

#navi_foot{
	margin: 0;
	padding: 10px 10px 0 0;
	clear: both;
	text-align: right;
}

div.contents_text{
	margin: 0;
	padding: 0px 20px 30px 10px;
}

div.contents_text_center{
	padding: 0px 0 30px 0;
	text-align: center;
}

div.contents_center_pad01{
	padding: 0px 16px 30px 16px;
}

.contents_img{
	padding: 0 0 0 10px;
	float: right;
}

.contents_left{
	padding: 0 0 0 0px;
	float: left;
}

.b_more{margin: 0;padding: 10px 0 0 0;float: left;}

.maker{margin: 0;padding: 14px 0 0 5px;float: left;}


p.attention{ font-weight:bold; color:#F58650;}


/********************
  contents others
********************/

div#title_all{
	margin: 0;
	padding: 5px 0 10px 0;
	background: #fff;
}

div.pagetop{
	margin: 0;
	padding: 10px 0 0 0;
	border-bottom: solid 1px #CCCCCC;
	clear: both;
	width: 750px;
	line-height: 0;
	text-align: right;
}


/********************
  event
********************/

table#table01{
	margin: 20px 0 0 0;
	    width: 473px;
	text-align: center;
	background: #cdcdcd;
	    font-size: 95%;
}

td.cell01{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #cdebc3 #cdebc3 #cdebc3;
	color: #066f00;
	text-align: center;
	background: #cdebc3;
}

td.cell02{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #ebebeb #ebebeb #ebebeb;
	color: #066f00;
	text-align: center;
	background: #ebebeb;
}

td.cell02_{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #ebebeb #ebebeb #ebebeb;
	color: #066f00;
	text-align: center;
	background: #ebebeb;
}



td.cell03{
	width: 73px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #deffd4 #deffd4 #deffd4;
	color: #444;
	text-align: left;
	background: #deffd4;
}

td.cell04{
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #444;
	text-align: left;
	background: #fff;
}

td.cell04_2{
	width: 100px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #444;
	text-align: left;
	background: #fff;
}

td.cell04_3{
	width: 50px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #444;
	text-align: left;
	background: #fff;
}

td.cell04_4{
	width: 60px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #444;
	text-align: left;
	background: #fff;
}

td.cell04_{
	width: 20px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	color: #444;
	text-align: left;
	background: #fff;
}


/********************
  product
********************/
#subtitle{padding: 0 0 20px 0;}

div#pro_ind01 ul{
	margin: 0;
	padding: 0 20px 0 0;

}

div#pro_ind01 li{
	margin: 0 0 0 20px;
	padding: 3px 0;
	list-style: square;
	color: #008215;
}

div#ulblack_pad{
	margin: 0px;
	padding: 10px 0 0 0;
}


div#pro_ind01 ul.black li{
	margin: 0 0 0 20px;
	padding: 0px 0;
	list-style: disc;
	color: #333;
}

.text01{color: #333;}

.text02{color: #c00;}

.text03{color: #008215;}


p#text_right{
	padding: 10px 0 0 0;
	clear: both;
	text-align: right;
}

#pro_ind01_p01{padding: 0 0 0 10px;}

.pro_waku{
	background: #fff url(../product/img/pro_ind_p03_bg.gif) top center repeat-y;
	text-align: center;
}

div.waku_text{
	padding: 10px 20px 0 20px;
	text-align: left;
}

.img_height{line-height: 0;}


div#pro_ind_p03_left{
	margin: 0;
	padding: 0px 0px 0px 30px;
	float: left;
	width: 200px;
	text-align: left;
}

div#pro_ind_p03_right{
	margin: 0;
	padding: 0px 30px 0px 0px;
	float: right;
	width: 200px;
	text-align: left;
}

div#pro_ind_p04_list{
	margin: 0;
	padding: 0;
	width: 473px;
	background: #fff url(../product/img/pro_ind_p04_bg.gif) top center repeat-y;
}

div#pro_ind_p04_list ul{
	margin: 0;
	padding: 10px 10px 10px 10px;

}
div#pro_ind_p04_list li{
	margin: 0 0 0 0px;
	padding: 2px 0 2px 13px;
	list-style-type: none;
	background-image: url(../product/img/pro_ind_p04_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-align: left;
}

.pro_ind_p04_td01{
	padding: 0 0 0 15px;
	width: 160px;
	color: #066f00;
	font-weight: bold;
	text-align: left;
}

.pro_ind_p04_td02{
	text-align: left;
}

.font_s{font-size: smaller;}

div#pro_cad_right{
	padding: 0 0 0 20px;
	float: right;
}

table#plannar{
	text-align: left;
	width: 474px;
}

td#cell_plannar01{
	width: 100px;
}

p#busi_text{
	padding: 0 10px 0 0;
	text-align: left;
}

p#busi_text_right{
	padding: 0 20px 0 0;
	text-align: right;
}

/********************
  voice
********************/

div#contents table.voice { 
	margin: 0 0 20px 0;
	padding:0 0 0 10px;
	width: 480px;
	text-align: left;
	font-size: 100%;
}

div#contents table.voice td{
	border-bottom: 1px dashed #ccc;
}

div#contents table.voice td.sec1{ padding-bottom:15px;}

div#contents table.voice td.sec2{ padding:15px 0 ;}

div#underconstrouction{
	padding: 70px 0 60px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #b6e4b3;
	width: 473px;
	text-align: center;
}

p#underconstrouction_text{
	padding: 0 0 60px 0;
}

/********************
  support
********************/
.support_img{
	padding: 0 10px 0 0;
	float: left;
}

.support_subtitle{
	padding: 10px 0 5px 0;
	clear: both;
}

.support_subtitle2{
	padding: 30px 0 5px 0;
	clear: both;
}

div#sup_tel{
	padding: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #b6e4b3;
	width: 443px;
	text-align: left;
}

/********************
  form
********************/

form{
	margin: 0;
	padding: 0;
}

div#form_message{
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}

div#hissu_area{
	margin: 20px auto 0 auto;
	padding: 0;
	width: 473px;
}

#kakunin{
	text-align: center;
}

#b_kakunin{
	padding: 1px;
	background-color: #ccc;
	border: 2px solid #000;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 150px;
}

div#error_message{
	margin: 0 auto;
	padding: 20px 0 10px 0;
	color: #e46700;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

div#kakunin_message{
	margin: 0 auto;
	padding: 20px 0 10px 0;
	color: #333;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

div#ok_message{
	margin: 0 auto;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #b6e4b3;
	width: 451px;
	text-align: left;
}

div#ok_message2{
	padding: 10px 0 0 0;
}


div#ok_message3{
	padding: 10px 0 10px 0;
	text-align: right;
}

/* フォーム全体 */
table.form{
	margin: 0 auto 30px auto;
	width: 473px;
	border-collapse: collapse;
}
table.form td{
	border-top: 1px #cdcdcd solid;
	padding: 5px;
	color: #444;
}

/* 通常時の<td>の左側（項目名側） */
table.form td.l{
	background: #deffd4 url(../img/form_td_l_bg.gif) top repeat-x;
	width: 140px;
}

/* 通常時の<td>の<td>の右側（入力フォーム側） */
table.form td.r{
	background: #fff;
}

/* エラー発生時の<td>の左側（項目名側） */
table.form td.le{
	width: 140px;
	background: #ffd9ba url(../img/form_td_l_bg.gif) top repeat-x;
}

/* エラー発生時の<td>の右側（入力フォーム側） */
table.form td.re{
	background: #ffecdc url(../img/form_td_l_bg.gif) top repeat-x;
}

/* エラーメッセージ */
div.error{
	color: #e46700;
}

/* 必須項目の「※」印 */
span.hissu{
	color: #e46700;
}

/* チェックボックス部分 */
table.form label{
	width: 140px;
}


/*20081111G*/
table.form td{
	font-size: 12px;
}