@charset "UTF-8";

body {
	background: #faf7f0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, "新細明體", Osaka, "標楷體";
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
        padding: 0px;
	vertical-align: top;
	}
	
p {
	line-height: 1.3em;
	margin: 0;
	padding: 3px 0;
	}
	
dl {
	border-bottom: dotted 1px #CCC;
	clear: both;
	margin: 0;
	padding: 5px 0;
	}
	
dt {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 6em;
	}
	
dd {
	margin: 0;
	padding: 0;
	}
	
.dl_bottom {
	border-bottom: 1px solid #FFF;
	margin-bottom: 15px;
	}
	

h1,h2,h3,h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin:0;
	padding: 0;
	}
	
a, a:link {
	color: #333;
	text-decoration: none;
	}
	
a:hover {
	color: #666;
	text-decoration: underline;
	}
	
.clear_both {
	clear: both;
	font-size: 1px;
	height: 1px;
	}
	
.img_border {
	border: 1px solid #8bbfd4;
	}

/*　========== HEADER ===========　*/
#header {
        background: url(../images/header_bg.gif) repeat;
	width: 950px;
	height: 60px;
	text-align: center;
	}

#header img {
        float: left;
	vertical-align:bottom;
	padding: 0px 0 0 25px;
	}

#header h2 {
	font-size: 24px;
        color: #6666ff;
	margin: 0;
        padding: 10px 0 0 0px;
	}
#header div {
        color: #009999;
	float: right;
	font-size: 13px;
	font-weight: normal;
	padding: 15px 15px 0 0;
	text-align: right;
        }

#header a:link {
	color: #009999;
	text-decoration: none;
	}

#header a:hover {
	color: #0000cc;
	text-decoration: none;
	}

#header ul {
	float: right;
	margin: 15px 15px 0px 0px;
}

#header li.inline {
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	vertical-align:auto;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 150%;
	border-right: solid 1px #000000;
	color: #000000;
}

#header li.inline a{
	color: #000000;
	text-decoration: none;
}

#header li.inline a:hover{
	color: #000000;
	text-decoration: underline;
}

/*　========== CONTENT ===========　*/

#wrapper {
	margin: 0 auto;
	width: 950px;
	}

#content_wrap {
	background: url(../images/content_bg.gif) center repeat;
	text-align: left;
	}

#content {
	padding: 15px 0px;
	}

#cont_right {
	float: right;
        margin-right: 15px;
	width: 720px;
	}

#content_main h3 {
	background: url(../images/h_bg_01.gif) no-repeat;
	color: #8bbfd4;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 8px;
	}


.content_h3 {
	background: url(../images/h_bg_01.gif) no-repeat;
	color: #8bbfd4;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 8px;
	}

#content_main h4 {
	color: #8bbfd4;
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding: 10px 10px 0 0;
	text-align: right;
	}

#content_main ul {
	list-style-type: none;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 15px 10px;
	}

#content_title {
	color: #fff;
	}

#content_title h3 {
	background-color: #455206;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin-bottom: 15px;
	padding: 15px 0 0 15px;
	}

#content_title h4 {
	font-size: 10px;
	font-weight: normal;
	margin-top: -60px;
	margin-bottom: 40px;
	padding: 15px 10px 0 0;
	text-align: right;
	}

#cont_left {
        background: url(../images/navi_li_bg.gif) repeat;
	float: left;
	width: 200px;
	}

#cont_left h2 {
	background: url(../images/navi_title_bg.gif) no-repeat top center;
	color: #8bbfd4;
	font-size: 13px;
	height: 30px;
	margin: 0;
	padding: 12px 0 0 20px;
	}

#cont_left ul {
	padding: 0 0 5px;
	list-style-type: none;
	margin: 0 20px 15px 20px;
	}

#cont_left li {
	background: url(../images/navi_li_bullet.gif) no-repeat 0 5px;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 5px 0 5px 30px;
	}

#content_main div.feature h3 {
	background: url(../images/point_bg.gif) no-repeat;
	color: #e65252;
	height: 30px;
	margin: 0 0 10px;
	padding: 15px 0 0;
	text-align: center;
	width: 115px;
	}

/*=============== FOOTER ==================*/

.FooterDiv{
	clear: both;
	margin: 0px;
	width: 950px;
	background-color: #455206;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
        height: 35px;
	line-height: 150%;
	color: #FFFFFF;
	vertical-align:auto;
	text-align: center;
}

.FooterDiv a{
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 150%;
	color: #FFFFFF;
	text-decoration: underline;
}

.FooterDiv a:hover{
	text-decoration: none;
}

/* ========== Page Div =========== */
#pageDiv {
        margin: 3px;
        text-align: center;
}

/* ========== TABLE =========== */
	
table {
	border: 1px #FFF;
	font-size: 11px;
	padding: 5px;
	}

.table_main {
        border: 1px #FFF;
	font-size: 11px;
	padding: 5px;
        width: 720px;
}
	
.td_title {
	color: #fff;
	background: #777155;
	text-align: center;
        white-space: nowrap;
	}
	
.td_gray_01 {
	background: #F2F2F2;
	}
	
.td_gray_01_center {
	background: #E6E6E6;
	text-align: center;
	}

.td_gray_02 {
	background: #E6E6E6;
	}
	
.td_gray_02_center {
	background: #E6E6E6;
	text-align: center;
	}
	
/* ========== INPUT =========== */

input.button {
    font-family: "新細明體", "標楷體", Arial, Helvetica, sans-serif, Osaka;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    vertical-align: middle;
}

input.enter_text {
    font-family: "新細明體", "標楷體", Arial, Helvetica, sans-serif, Osaka;
    font-size: 12px;
    height: 14px;
    vertical-align: middle;
}

/* ============== SELECT ================ */
select {
    font-family: "新細明體", "標楷體", Arial, Helvetica, sans-serif, Osaka;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
}

/* =========== SEARCH TOOLBAR DIV =========== */
#search_toolbar {
	margin: 0px 3px 9px 3px;
}

#search_toolbar div{
	margin: 5px 5px;
}

/* =========== CREATE INFO DIV =========== */
#createInfo {
	margin: 3px 3px;
}

#createInfo div{
	margin: 5px 5px;
}


/*　========== TEXT ===========　

.text_orange {
	color: #e65252;
	}
*/

/*　==========COMPANY===========　

#company dt {
	color: #e65252;
	width: 90px;
	}

#company dd {
	float: left;
	width: 440px;
	}

.freedial {
	color:#e65252;
	padding-top: 5px;
	}

.map {
	border-bottom: 2px solid #8bbfd4;
	margin-bottom: 10px;
	}
*/

/* ========== CONTACT BOX ===========　

#contact_box {
	background: url(../images/contact_bg.gif) no-repeat top center;
	height: 110px;
	padding: 20px 20px 0 30px;
	}

#contact_box h3 {
	color: #8bbfd4;
	padding-bottom: 15px;
	text-align: center;
	}
*/

/* ========= menubar ============

#footer {
	clear: both;
	color: #FFF;
	background:url(../images/footer_bg.gif) center repeat;
	height: 35px;
	padding: 8px 14px 0;
	text-align: center;
	}
*/

/*　========= menubar ============

#menubar {
	margin: 0;
	background:url(../images/menubar_bg.gif) no-repeat;
	padding: 0 10px;
	}

#menubar a {
	background: url(../images/btn_bg.gif) no-repeat;
	color: #8bbfd4;
	display: block;
	float: left;
	font-size: 11px;
	height: 44px;
	margin-right: 2px;
	padding: 10px 0 0 40px;
	}

#menubar a:hover {
	background-position: 0 -55px;
	text-decoration: none;
	}

#menubar h2 {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	font-weight: bold;
	padding-top: 5px;
	}

.menu_a {
	width: 156px;
	}

.menu_b {
	width: 154px;
	}
*/
/* ============ 特徴 ============= 
.feature {
	margin-bottom: 5px;
	}

div.feature  div{
	display:table-cell;
	vertical-align:top;
	}

* html div.feature div{/* IE 6 
	display:inline;
	zoom:1;
	}

*:first-child+html div.feature div{/* IE 7 
	display:inline;
	zoom:1;
	}

.feature_text {
	padding-left: 15px;
	}

*html .feature_text {/*IE6
	width: 400px;
	}
        
*:first-child+html .feature_text {/*IE7
	width: 400px;
	}
*/
/*　==========SERVICE===========　

div.service div{
	display:table-cell;
	margin-bottom:1px;
	vertical-align:middle;
	}

* html div.service div{/* IE 6
	display:inline;
	zoom:1;
	}

*:first-child+html div.service div{/* IE 7
	display:inline;
	zoom:1;
	}

.service_text {
	padding-left: 10px;
	}

div.service_text h3 {
	color: #8bbfd4;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 0 10px;
	}

#topic {
	border: 3px solid #8bbfd4;
	margin-top: 15px;
	padding: 3px;
	}

.topic_img {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	padding: 5px;
	}

div.topic_img div{
	display:table-cell;
	margin-bottom:1px;
	vertical-align:top;
	}

* html div.topic_img div{/* IE 6
	display:inline;
	zoom:1;
	}

*:first-child+html div.topic_img div{/* IE 7
	display:inline;
	zoom:1;
	}

.topic_img_text {
	padding-left: 10px;
	}

*html div.topic_img_text {/* IE 6
	width: 410px;
	}

*:first-child+html div.topic_img_text {/* IE 7
	width: 410px;
	}

#topic p {
	font-size: 11px;
	}

.topic_img h4 {
	color: #8bbfd4;
	margin-top: 5px;
	font-size: 12px;
	}

#topic h3 {
	background: #e9f2f7;
	color: #8bbfd4;
	margin-bottom: 5px;
	padding: 5px;
	}
*/
/* ==========CONCEPT =============

.concept h2 {
	color: #8bbfd4;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.concept p {
	padding: 10px 0;
	}
*/

/*　==========SEMINAR===========　

.seminar {
	padding: 0 0 10px;
　}

.seminar dt {
	color: #e65252;
	width: 12em;
	}

.seminar dd {
	margin-left: 12em;
	}
*/
/*　========= TOP ============　

.campaign_ttl {
	background:url(../images/title_01_bg.gif) no-repeat;
	color: #D46E00;
	font-size: 20px;
	height: 20px;
	margin-bottom: 15px;
	padding: 20px 0;
	text-align: center;
	}

.company_info {
	margin-bottom: 15px;
	}

div.company_info  div{
	display:table-cell;
	vertical-align:bottom;
	}

* html div.company_info div{/* IE 6
	display:inline;
	zoom:1;
	}

*:first-child+html div.company_info div{/* IE 7
	display:inline;
	zoom:1;
	}

.company_info_text {
	padding-left: 10px;
	}

*html .company_info_text {/*IE6
	width: 320px;
	}

*:first-child+html .company_info_text {/*IE7
	width: 320px;
	}

.company_info h3 {
	color: #8bbfd4;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 0 10px;
	}

.campaign_ttl {
	background:url(../images/title_01_bg.gif) no-repeat;
	color: #e65252;
	font-size: 20px;
	height: 20px;
	margin-bottom: 15px;
	padding: 20px 0;
	text-align: center;
	}
*/