/* Remove the link outline */
a {
  noFocusLine:expression(this.onFocus=this.blur());
} /* For IE */
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 


a:link {
    color: #666666;
    text-decoration: none; /*去除連結底線*/
}

a:visited {
    color: #666666;
    text-decoration: none; /*去除連結底線*/
}
a:hover {text-decoration: underline;} 
h3 span {
    position: absolute;
    left: -999px;
}

.gu-fr{
	position:relative;
	right:55px;
	bottom:20px;
	float:right;
	
}
.guide-h2 {
    color: #535353;
    font-weight: bolder;
    font-size: 16px;
    line-height: 180%;
}
.gu-bor{
	text-align:center;
	font-weight:bolder;
	font-size:16px;
line-height:180%;
}
.gu-hr{
	margin:30px 0px 20px 0px;
}
.text {
	color: #707070;/*灰階70%*/
    font-size: 13px;
    line-height: 190%;
    margin: 12px 0 30px 31px;
    padding-right: 30px;
}
.product-l{
	padding:2px;
	float:left;
}
.pr-title {
    /*
     background-color: #FFA312;橘色
     */
    background: url(../images/bg/pr-title.gif) left top no-repeat;
    color: #535353;/*灰階80%*/
    height: 37px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 3px 3px 15px;
    font-size: 14pt;
    line-height: 133%;
}

.h2p {
    padding-left: 12px;
    color: #707070;/*灰階70%*/
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.7;
	
}

.pr-title h2 {
}

#promo {
	text-align:right;
    clear: both;
    width: 630px;
    margin-left: -10px;
    padding-top: 25px;
}

#promo h2 {
    clear: both;
    background: #ffffff;
}

#promo h2 span {
    position: absolute;
    left: -999px;
}

#promo-left {
    clear: both;
    float: left;
    width: 375px;
}

#promo-right {
    float: right;
}

#pop {
    margin-left: 250px;
}

#promo-center {
    padding-top: 10px;
    text-align: center;
}

#promo-lcow {
    float: left;
    width: 300px;
    border-right: 2px dotted #999999;
    margin-left: 10px;
    text-align: center;
}

#promo-lcow p {
    text-align: left;
    color: #666666;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

#promo-rcow {
    float: right;
    width: 300px;
}

.title {
    padding: 5px 0px 5px 19px;
}

#pagetitle h1 span {
    position: absolute;
    left: -999px;
}
/*--------------------------------------------------------------*/
body {
    background: url(../images/mainbg.jpg);
    position: relative;
    text-align: center;
    background-attachment: fixed;
}

#line {
    clear: both;
    background: url(../images/dotted.gif) repeat-x center;
    height: 15px;
    width: 610px;
}

#wrapper {
    background: url(../images/bg/bg1.gif) repeat-y center;
    position: relative;
    margin: auto;
    min-width: 845px;
    width: 915px; /*73em=950px*/
    text-align: left;
    height: inherit;;
}
/*------header 開始-----*/
#header {
    height: 90px;
    /* border-top:3px solid #ff0000;
     margin-top: 7px;
     background-image: url("../image/hb.gif");
     background-color: #EBF0F3;
     background-image:url();
     background-repeat:no-repeat;
     height:80px;*/
}

#logo {
    position: absolute;;
    top: 10px;
    left: 25px;
}

#sitmap {
    position: absolute;
    float: right;
    font-size: 1.05em;
    /*
     color: #919999;
     padding: 5px 5px 0px 0px;
     margin-right: 10px;*/
    right: 20px;
    top: 10px;
}

#sitmap a {
    color: #006699;
}

#sitmap a:hover {
    text-decoration: underline;
}

#janome {
    position: absolute;
    clear: right;
    float: right;
    right: 20px;
    top: 40px
}

#nav {
    /*
     position: relative;
     background: url(../image/nav_back_o.gif) no-repeat center;
     top: 15px;
     background-color: #006699;
     border-bottom:6px  hidden  #ff0000;
     */
	background:#ff0000;
    left: 4px;
    margin-left: 5px;
    height:55px;
    width:905px;
    /*
     margin-bottom:-1px;
     */

}

#nav ul li {
    float: left;
}

#nav_sec {
    border-top: 5px solid #ff0000;
    clear: both;
    position: relative;
    top: -5px;
    left: 5px;
    background: url(../images/images/pd_btn_09.gif) repeat-x top center;
    height: 57px;
    width:905px;
    
}

#nav_pd {
    position: relative;
    left: 10px;
	
}
/*麵包屑-start*/
#crum {
    color: #808080;
    position: relative;
    clear: both;
    top: 20px;
    left: 10px;
}

#crum ul {
    display: inline;
    /*
     padding-left:0;
     margin-left:0;
     */
}

#crum ul li {
    display: inline;
    list-style-position: outside;
}

#crum ul li a:link {
    padding: .2em;
}

#crum ul ul li {
    background-image: url("../images/mark.gif");
    background-repeat: no-repeat;
    background-position: left;
    padding: 0px 0px 0px 15px;
}
/*-----------麵包屑-end-------------------*/
/*------------header end----------------------------*/
#main {
	margin:8px;
    clear: both;
    height:inherit;
    
}

#main-fri {
    position: relative;
    top: 5px;
    float: left;
    left: 17px;
    width: 660px;
    height: auto;
}

#main-fri2{	
	height:auto;
	width:660px;
	padding:3px;
	background:#ffffff;

}

#m_top {
    height: 15px;
    background: url("../images/bg/images/main_bg_01.gif") no-repeat center top;
}

#m_bot {
    background: url(../images/bg/box_d.gif) no-repeat bottom center;
    height: 20px;
}
#m_bot2 {
	
    background: url(../images/bg/box_d.gif) no-repeat top center;
    height: 24px;
}
#show {
    /*padding:2px 4px 2px 4px;
     border: #a0aff0 dashed 1px;
     #a0aff0:blue #AAE390*/
    background: url("../images/bg/images/main_bg_04.gif") repeat-y center;
    padding-left: 10px;
    margin-bottom: -3px;
}

#main_sub {
    clear: both;
    width: 625px;
    margin-top: 3px;
}

#main_sub_l {
    float: left;
    width: 370px;
    margin-right: 15px;
}

#main_sub_r {
    float: right;
    margin-right: 10px;
    padding-left: 5px;
}

#main-sec {
    position: relative;
    float: right;
    top: 5px;
    right: 15px;
    
height: auto;

    width: 200px;
}

#r_btn_b {
    margin-top: -3px;
}

#r_btn_m ul li {
    margin-top: -6px;
}

#r_btn_m ul ul li {
    position: relative;
    background: url("../images/r_btn_m_sec.gif") no-repeat center;
    height: 30px;
    left: 4px;
    top: -2px;
    padding-left: 55px;
}

#r_btn_m ul ul li a:hover {
    clear: both;
    display: block;
    position: relative;
    background: url("../images/r_btn_m_sec_o.gif") no-repeat left;
    height: 27px;
    left: -25px;
    padding-left: 25px;
}
#hrf{
	clear:both;
	position:relative;
	left:20px;
	top:5px;
	height:6px;
	width:880px;
	border-bottom:1px solid #999999;
}

/*底部DIV設定*/

#footer{ 
	clear: both;
   	font-size: 12px;
    color: #555555;
    width: 660px;
    Margin-Right: auto;
    Margin-Left: auto;
    background:url("../images/logo.gif") no-repeat left center;
/*
	border-top:1px dotted #535353;
*/
}
#info {
    float: right;
    padding-top: 45px;
}
#adda{
    float: left;
    position: relative;
    padding-left: 10px;
    padding-top: 75px;
    font-family: "Arial Black";
    font-size: large;
}



#copy {
    clear: both;
    text-align: center;
}

.style6 {
    font-size: 14px;
    color: #999999;
    font-weight: bold;
}


div#main_sub img{
	padding:6px;
	border:1px  dashed #c0c0c0;
}


/*old page*/
.unnamed1 {	font-size: 12px;
	line-height: 25px;
	color: #999999;
	border: 1px solid #CCCCCC;
}

.title1 {
	font-size: 16px;
	font-weight: bold;
	color: #666600;
}
.title2 {
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
	font-family: "sө";
	line-height: 25px;
}

.box {
	border: 1px solid #9EC778;
}
.line {
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
.bigword {
	font-size: 16px;
	font-weight: bold;
	color: #669933;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
.title3 {
	font-size: 12px;
	color: #000000;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {color: #FF0000}
.style3 {color: #669900}
.style4 {color: #FF0000}