@charset "utf-8";



/* 注意順序 */

html, body			{ height: 100%; }/* FireFox */

*html, *body		{ min-height: 100%; height: auto; }/* ie6 fixed */

*+html, *+body		{ height: 100%; }/* ie7 fixed */



#wrap	{ height: auto; min-height: 100%; } /* FireFox */

*#wrap	{ height: auto; } /* ie6 fixed */

*+#wrap	{ height: auto; min-height: 100%; } /* ie7 fixed */



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 */



body	{ margin: 0; padding: 0; font-size:11pt; line-height: 22px; font-family: sans-serif, Helvetica, PMingLiu, Georgia, "Times New Roman", Times, serif; background:url(images/allWeb/allBack.gif) repeat-x #56602E; }



p, h1, h2, h3, h4, h5, h6, ul ,form ,li { margin: 0; padding: 0; }

li	{ list-style: none; }



a		{ color: #3A2313; }

a:hover	{ color: #E74D17; }

img		{ border: 0; }

form	{ display: inline; }

input.input, input.button,select,textarea	{ font-family: Tahoma, PMingliu; font-size: 12px; border: 1px solid #ccc; }



.clear_both		{ clear:both; overflow:hidden; height: 1px; }

.clear_both02	{ clear:both; overflow:hidden; height: 25px; }

.clear_left		{ clear:left; overflow:hidden; height: 1px; }

.clear_right	{ clear:right; overflow:hidden; height: 1px; }



.topSpace		{ height: 60px; }/* 使主按鈕與下面的內容能有間距 */



/* 基本版型設定．開始 */

div.allPage		{ width: 970px; padding: 0; margin: 0 auto ; border: 1px solid #fff; background: #F6F7F1; overflow: hidden; }

div.Banner		{ height: 123px; background: no-repeat top left; color: #BBC7A1; }

/* div.Botton		{ text-align:left; height: 35px; background: url(images/allWeb/bt_di.gif) repeat-x; } */

div.Content		{ padding-bottom: 15px; }

div.Content01	{ background: url(images/allWeb/di_Conn01.gif) no-repeat top left; }

div.Content02	{ background: url(images/allWeb/di_Conn02.gif) no-repeat top left; }

div.Footer						{ width: 970px; margin: -93px auto 0 ; padding: 10px 0; color: #F6F7F1; position: relative; clear: both; background: #4D6E17; }

div.Footer_in					{ background: #4D6E17; }

div.FooterSpace					{ width: 970px; height: 93px; clear: both; }/* 預留空間用 */

div.Banner /*, div.Botton */	{ padding-right: 10px;padding-left: 10px; }

/* 基本版型設定．結束 */



/* Banner內部設定．開始 */

div.Banner div.logo					{ padding-top:15px; width: 420px; float: left; }

div.Banner div.logo	img				{ width: 320px; height: 41px; }

div.Banner div.information			{ padding: 15px 0 0 717px; }

div.Banner div.information div		{ padding-bottom:2px; }

div.Banner div.information div.myLine span					{ text-align: left; }

div.Banner div.information div.myLine a ,

div.Banner div.information div.myLine a:hover			{ text-decoration: none; border: none; }

div.Banner div.information div.myLine a span.toBlock		{ width:195px; left; display: block; overflow: hidden; line-height: 14px; }

div.Banner div.information div.myLine span.title			{ width:30px; display:block; float:left; }

div.Banner div.information div.myLine span.de				{ width:15px; display:block; float:left; }

div.Banner div.information div.myLine span.content			{ width:150px; display:block; float:left; }

div.Banner div.information div.myLine span.content a		{ color: #F6F7F1; }/* 同Footer的超連結 */

div.Banner div.information div.myLine span.content a:hover	{ color: #FFF9BB; }/* 同Footer的超連結 */

div.Banner div.information div.lan			{ padding-top: 2px; padding-left: 115px; text-align: center; }

div.Banner div.information div.lan span		{ padding-right:10px;  float:left; display: inline-block; }

div.Banner div.information div.lan span a	{ padding: 2px 5px; display: block; background: #BBC7A1; text-decoration: none; }

/* Banner內部設定．結束 */



/* 按鈕列設定．開始 */

div.myRight_bt										{ padding-left: 240px; margin-top: -10px; }

#div.myRight_bt										{ padding-left: 240px; }/* firefox */

*div.myRight_bt										{ padding-left: 45px; }/* ie6 fixed */

*+div.myRight_bt									{ padding-left: 45px; }/* ie7 fixed *//

div.Botton											{ /* height: 38px; */ width: 670px; }

div.Botton_in										{ padding-left: 18px; *padding-left: 22px; }



div.Botton div.topmenu 							{ width: 500px;; } 

div.Botton div.topmenu ul.mainmenu				{ padding: 0; list-style-type: none; margin: 0; }

div.Botton div.topmenu ul.mainmenu a			{ font-size: 14px; line-height: 20px; text-align: center; text-decoration: none; margin: 0; padding: 0; display: block; border: 0; cursor: pointer; }

div.Botton div.topmenu ul.mainmenu a span.main	{ display: block; overflow: hidden; background: #C4CFAE; color: #3A2313; }

div.Botton div.topmenu ul.mainmenu a:hover span.main	{ background: #4D6E17; color: #fff; }

div.Botton div.topmenu ul.mainmenu li			{ position: relative; margin: 0; padding: 0; float: left; width: auto; }

div.Botton div.topmenu ul.mainmenu li.main_off	{ display: block; float: left;. }

div.Botton div.topmenu ul.mainmenu li.main_off a span.main	{ display: block; overflow: hidden; }

div.Botton div.topmenu ul.mainmenu li.main_on a		{  }

div.Botton div.topmenu ul.mainmenu li.main_on a.sin	{  }

div.Botton div.topmenu ul.mainmenu li.main_off ul.submenu	{ left: -999em; }

div.Botton div.topmenu ul.mainmenu li.main_on ul.submenu	{ left: 0; margin-top: -2px; }

div.Botton div.topmenu ul.mainmenu li.main_on ul.submenu li	{ padding: 1px 1px 0 1px; }



div.Botton div.topmenu ul.submenu		{ position: absolute; margin: 0; padding: 0; border-top: 0; list-style-type: none; background: #fff; }

div.Botton div.topmenu ul.submenu li	{ margin: 0; width: 165px; float: left; clear: left; white-space: nowrap; overflow: hidden; }

div.Botton div.topmenu ul.mainmenu li ul					{ /* background: #fff; */ padding-top: 1px; margin-top: 1px; *margin-top: 2px; }

div.Botton div.topmenu ul.mainmenu li ul.submenu li a		{ padding: 0; border: 0; border:0; display: block; background: #C4CFAE; color: #3A2313; text-align: left; }

div.Botton div.topmenu ul.mainmenu li ul.submenu li a:hover	{ background: #4D6E17; color: #fff; }

div.Botton div.topmenu ul.mainmenu li ul.submenu li a span.sub	{  }

div.Botton div.topmenu div.clr		{ /* background: #fff; */ }

/* 按鈕列設定．結束 */



/* Content內部設定．開始 */



/* 有無分割版共用 */

div.Content div.pageName	{ padding: 15px 0; }

div.Content div.pageName h2	{ font-size: 24px; line-height: 26px; color: #3A2313; border-bottom: 3px double #BBC7A1; font-family:  "新細明體", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, "Comic Sans MS", cursive; }

div.Content div.pageName h2.site	{ position: absolute; top: 150px; left: 10px; }

div.Content div.goWhere					{ padding: 15px auto 0; white-space: nowrap; }

div.Content div.goWhere p				{ text-align: center; }

div.Content div.goWhere div.moveSite	{ margin-right: -640px; padding-top: 60px; position: relative; }

div.Content div.goWhere div.moveSite p	{ text-align: right; 20px; }

div.Content div.goWhere b				{ color: #f00; }



/* 單獨無分割版 */

div.Content div.theOne 				{ padding: 10px 10px 15px; line-height: 20px; text-align: center; }

/* 獨給產品列表頁設定．開始 */

div.Content div.theOne div.pro				{ margin: auto; width: 958px; }

div.Content div.theOne div.pro div.proCell	{ margin: auto; width: 474px; float: left;/* height: 180px 無table時用時並不用此設定 */; }

/* 獨給產品列表頁設定．結束 */

div.Content div.theOne div.proAll		{ margin: auto; }

div.Content div.proAll div.proBack		{ padding: 2px; }

div.Content div.proAll div.proBack_in	{ /* background: #F2E690;#FFE62D //因為改用table而作廢 */ }

div.Content div.proAll div.proLeft		{ float: left; width: 270px; }

div.Content div.proAll div.proLeft02	{ float: left; width: 170px; }

div.Content div.theOne div.proAll div.lots		{ margin: 15px 0 0; height: 125px/* 135px//無table時用的 */; }

div.Content div.theOne div.proAll div.lots02	{ float: left; width: 270px; height: auto; position: relative; margin-top: -10px; }

div.Content div.theOne div.proAll div.lots03	{ margin: 15px 0 0; height: 230px; }

div.Content div.theOne div.proAll div.lotsSpace	{ float: left; width: 60px; }

div.Content div.proAll div.forPic div.picDi				{ background: #4D6E17; width: 265px; height: 195px; float: right; }/* 加上底色 */

div.Content div.proAll div.forPic div.pic					{ width: 260px; height: 1px; float: left; }/* 照片位置 */

div.Content div.proAll div.forPic div.pic div.pic_in		{ margin: -205px 0 0 0; position: relative; }/* 照片位置偏移 */

div.Content div.proAll div.forPic div.pic div.pic_in_in		{ width: 260px; height: 195px; background: #fff; }/* 照片範圍 */

div.Content div.proAll div.forPic div.pic div.pic_in img	{ }/* 照片強迫大小 */

div.Content div.proAll div.forPic div.picDi02				{ background: #4D6E17; width: 165px; height: 125px; float: right; }/* 加上底色 */

div.Content div.proAll div.forPic div.pic02					{ width: 160px; height: 1px; float: left; }/* 照片位置 */

div.Content div.proAll div.forPic div.pic02 div.pic_in		{ margin: -130px 0 0 0; position: relative; }/* 照片位置偏移 */

div.Content div.proAll div.forPic div.pic02 div.pic_in_in	{ width: 165px; height: 125px; background: #fff; }/* 照片範圍 */

div.Content div.proAll div.forPic div.pic02 div.pic_in img	{ }/* 照片強迫大小 */

div.Content div.proAll div.proRight							{ padding-left: 280px; line-height: 20px; text-align: left; }

div.Content div.proAll div.proRight table tr					{ display: block; width: 640px; }

div.Content div.proAll div.proRight table tr td				{ display: block; float: left; font-size: 18px; line-height: 24px; font-weight: 600; }

div.Content div.proAll div.proRight table tr td.proTitle	{ width: 57px; }

div.Content div.proAll div.proRight table tr td.proDe		{ width: 20px; }

div.Content div.proAll div.proRight table tr td.proDes ,
div.Content div.proAll div.proRight table tr td.proDesT		{ width: 554px; }
div.Content div.proAll div.proRight table tr td.proDesT		{ font-weight: 400; font-size: 14px; }
div.Content div.proAll div.proRight table tr td.proDesT p ,
div.Content div.proAll div.proRight table tr td.proDesT h1 ,
div.Content div.proAll div.proRight table tr td.proDesT h2 ,
div.Content div.proAll div.proRight table tr td.proDesT h3 ,
div.Content div.proAll div.proRight table tr td.proDesT h4 ,
div.Content div.proAll div.proRight table tr td.proDesT h5 ,
div.Content div.proAll div.proRight table tr td.proDesT h6 ,
div.Content div.proAll div.proRight table tr td.proDesT h7 ,
div.Content div.proAll div.proRight table tr td.proDesT font ,
div.Content div.proAll div.proRight table tr td.proDesT em ,
div.Content div.proAll div.proRight table tr td.proDesT ul ,
div.Content div.proAll div.proRight table tr td.proDesT ol ,
div.Content div.proAll div.proRight table tr td.proDesT li 	{ line-height: 145%; padding: 2px auto; }

div.Content div.proAll										{ }

div.Content div.proAll div.proRight02						{ padding-left: 180px; padding-top: 13px; line-height: 24px; text-align: left; }

div.Content div.proAll div.proRight02 ul.listHeight			{ height: 115px; overflow: hidden; }

div.Content div.proAll div.proRight02 a					{ border: none; text-decoration: none; }

div.Content div.proAll div.proRight02 a:hover			{ color: #f00; }

div.Content div.proAll div.proRight02 table tr					{ display: block; width: 260px; }

div.Content div.proAll div.proRight02 table tr td				{ line-height: 24px; font-weight: 600; font-size: 18px; text-align: left; vertical-align: top; }

div.Content div.proAll div.proRight02 table tr td.proTitle	{ width: 57px; }

div.Content div.proAll div.proRight02 table tr td.proDe		{ width: 20px; }

div.Content div.proAll div.proRight02 table tr td.proDes		{ width: 220x; }

div.Content div.proAll div.clear_both02 ul li.proKuwashiku		{ text-align: right; }

div.Content div.proAll div.clear_both02 ul li.proKuwashiku div	{ padding-right: 10px; }

div.Content div.proAll div.clear_both02 ul a.txt				{ border: none; text-decoration: none; }

/* div.Content div.proAll div.clear_both02 ul a.txt:hover			{ color: #3A2313; } */

div.Content div.conCell						{ background: #C6CEBF; width: 550px; margin: 0 auto 0 0; }

div.Content div.conCell input.but_off		{ background: #e9e9e9; text-align: center; width: 200px; height: 25px; display: inline-block; border: none; }

div.Content div.conCell input.but_on		{ background: #9e9e9e; color: #efefef; width: 200px; height: 25px; display: inline-block; border: none; }

div.Content div.modoru						{ padding-top: 15px; }



/* 左右分割版 */

div.Content div.Left	{ float: left; width: 230px; }

div.Content div.Left div.section	{ padding-top: 5px; padding-left: 10px; }

div.Content div.Left div.title			{ /* background: #744926; */ color: #FFF9BB; text-align: center; font-size: 16px; line-height: 20px; }

div.Content div.Left div.title a		{ display: block; padding: 6px 3px 6px; background: #a68a74; color: #FFF9BB; }

div.Content div.Left div.title a:hover	{ color: #FAF4F5; background: #BF8259; }

div.Content div.Left div.class	{ font-size: 15px; line-height: 18px; }

div.Content div.Left div.class a		{ display: block; color: #522210; background: #DFC38F; padding: 7px 2px 7px 15px; }

div.Content div.Left div.class a:hover	{ color: #FF5626; background: #EFDFA5; }

div.Content div.myRight		{ padding-left: 240px; line-height: 20px; }

div.Content div.myRight p	{ paddind-bottom: 10px; }

div.Content div.myRight div.tsuzumu	{ /* background:url(images/allWeb/shadow.gif) no-repeat left top; */ padding: 0 10px; }

div.Content div.myRight div.news div.newsTitle		{ background:url(images/toppage/di_style01.gif) no-repeat left top; height: 50px; font-size: 18px; line-height: 150%; }

div.Content div.myRight div.news div.newsTitle span	{ padding: 10px 10px 2px 20px; display: block; color: #FFC; letter-spacing: 1.8em; }

div.Content div.myRight div.news div.newsContent ul			{ line-height: 150%; }

div.Content div.myRight div.news div.newsContent ul li		{ padding: 16px 10px 8px 25px; display: block; color: #FFF9BB; list-style: none; line-height: 150%; }

div.Content div.myRight div.news div.newsContent ul li font	{ line-height: 150%; }

div.Content div.myRight div.news div.newsContent ul li.forNews a		{ color:#493045; text-decoration: none; }

div.Content div.myRight div.news div.newsContent ul li.forNews a:hover	{ color:#F05411; }

div.Content div.myRight div.news div.newsContent ul li.forNews a div				{ display: block; float: left; overflow: hidden; }

div.Content div.myRight div.news div.newsContent ul li.forNews a div.myPicSpace		{ background: url(images/toppage/MARU.gif) top left no-repeat; width: 35px; }

div.Content div.myRight div.news div.newsContent ul li.forNews a div.myTxtSec			{ border-bottom: 1px solid #C2CCB9; width: 630px; line-height: 150%; }

div.Content div.myRight div.news div.newsContent ul li.forNews a:hover span.myPicSpace	{ background: url(images/toppage/SAKAKUKEI.gif) top left no-repeat; }

div.Content div.myRight div.news div.newsContent ul li.pgjp			{ color: #000; }

div.Content div.myRight div.news div.newsContent ul li.pgjp a		{ color: #000; }

div.Content div.myRight div.news div.newsContent ul li.pgjp a:hover	{ color: #E74D17; }

div.Content div.myRight div.news div.newsLast	{ /* background:url(images/toppage/di_style02.gif) repeat-y left top; */ height: 2px; overflow: hidden; }

div.Content div.myRight div.showPic			{ padding-top: 10px; }

div.Content div.myRight div.showPic img		{ width: 680px; height: 320px; }

div.Content div.myRight div.showPic02		{ width: 700px; height: 351px; overflow: hidden; }

div.Content div.myRight div.pictures 		{ padding-top: 10px; } 

div.Content div.myRight div.pictures img	{ width: 190px; height: 285px; }

div.Content div.myRight div.contact			{ padding-left: 90px; }



/* link頁的排版 */

div.Content div.myRight div.link							{ width: 700px; }

div.Content div.myRight div.link a ,

div.Content div.myRight div.link a:hover					{ text-decoration: none; border: none; }

div.Content div.myRight div.link td.for_linkImg					{ width: 260px; }
div.Content div.myRight div.link td.for_linkImg div.linkImg		{ width: 260px; }
div.Content div.myRight div.link td.for_linkImg div.linkImg img	{ width: 260px; overflow: hidden; }

div.Content div.myRight div.link td.for_linkSpace			{ width: 10px; }/* 圖與字的間距 */

div.Content div.myRight div.linktable.tab01 td				{ }
div.Content div.myRight div.linktable.tab02 td				{ }


/* 詔的link方法，備份一下 */

div.Content div.myRight div.link ul.link					{ width: 560px; margin: 0 auto; }

div.Content div.myRight div.link ul.link li					{ }
div.Content div.myRight div.link ul.link li.link			{ height: 207px; overflow: hidden; }/* 高度的設定十分重要!!決定了與下一項的間距 */
div.Content div.myRight div.link ul.link div.link_in		{ padding: 0 5px; }

div.Content div.myRight div.link ul.link div.linkSpace ,
div.Content div.myRight div.link ul.link div.link_inLeft ,
div.Content div.myRight div.link ul.link div.link_inRight 	{ float: left; }

div.Content div.myRight div.link ul.link div.linkSpace		{ width: 270px; height: 70px; overflow: hidden; }
div.Content div.myRight div.link ul.link div.link_inLeft	{ width: 270px; height: 200px; overflow: hidden; }
div.Content div.myRight div.link ul.link div.link_inRight	{ width: 260px; height: 200px; overflow: hidden; }

div.Content div.myRight div.link ul.link div.linkTitle		{ }

div.Content div.myRight div.link ul.link div.linkImg img	{ width: 260px; }

div.Content div.myRight div.link ul.link li.end				{ width: 560px; height: 1px; overflow: hidden; }





/* Content內部設定．結束 */



/* Footer內部設定．開始 */

div.Footer div			{ padding-bottom: 3px; text-align: center; }

div.Footer div a		{ color: #F6F7F1; }/* 同Banner的超連結 */

div.Footer div a:hover	{ color: #f00; }/* 同Banner的超連結 */

/* Footer內部設定．結束 */





/* 表格樣式的設定．開始 */

table.tabStyle01 td	{ padding: 5px; background: #fff; border: 1px solid #999; text-align: center; vertical-align: middle; }

/* 表格樣式的設定．結束 */



/* 清單樣式．開始 */

.listStyle_01					{ padding-left: 15px; }

.listStyle_01 li				{ list-style:url(images/allWeb/listStyle_01.gif); line-height: 25px; }

.listStyle_01 li span			{ padding: 2px auto; display: inline-block; }

.listStyle_01 li span.listTitle		{ width: 65px; }

.listStyle_01 li span.listTitle02	{ width: 57px; }

.listStyle_01 li span.listDe		{ width: 20px; }

.listStyle_01 li span.listConn		{ width: 400px; }

/* 清單樣式．結束 */



/* 其他．開始 */

.space01	{ width: 20px; display: inline-block; }

.space02	{ width: 60px; display: inline-block; }

/* 其他．結束 */