igner@charset "UTF-8";
/* COMMON CSS */

/* Color Chart class */
.wht { color: #ffffff; }
.blk { color: #000000; }
/* BLUE */
.blu { color: #369dd8; }
/* LGHT BLUE */
.lbl { color: #99bfe4; }
/* EXTRA LIGHT BLUE */
.elb { color: #cce3f3; }
/* DARK GREY */
.dgr { color: #707070; }
/* LIGHT GREY */
.lgr { color: #c8c8c8; }
/* YELLOW */
.ylw { color: #ffff00; }
/* LIGHT YELLOW */
.lyl { color: #ffffd7; }


/* Link Color */
a { text-decoration:none;}
a:link { color: #369dd8; }
a:visited { color: #99bfe4; }
a:hover { color: #369dd8; }
a:active { color: #369dd8; }

a:link.ylw { color: #369dd8; }
a:visited.ylw { color: #99bfe4; }
a:hover.ylw { color: #369dd8; background:#ffff00; }
a:active.ylw { color: #369dd8; }



/* Commons */
* {
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,Arial,sans-serif;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 1px;
}

html{
	height:100%;
	scrollbar-highlight-color: #369dd8;
	scrollbar-3dlight-color: #99bfe4;
	scrollbar-shadow-color: #369dd8;
	scrollbar-darkshadow-color: #99bfe4;
	scrollbar-arrow-color: #ffffff;
	scrollbar-face-color: #369dd8;
	scrollbar-track-color: #cce3f3;

}

/* Color Chart class */
.wht { color: #ffffff; }
.blk { color: #000000; }
/* BLUE */
.blu { color: #369dd8; }
/* LGHT BLUE */
.lbl { color: #99bfe4; }
/* EXTRA LIGHT BLUE */
.elb { color: #cce3f3; }
/* DARK GREY */
.dgr { color: #707070; }
/* LIGHT GREY */
.lgr { color: #c8c8c8; }
/* YELLOW */
.ylw { color: #ffff00; }
/* LIGHT YELLOW */
.lyl { color: #ffffd7; }

body {
	height: 100%;
	background: #ffffff;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
	color: #707070;
}

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
}

li {
	list-style-type:none;
}


hr {
	display:none;
}

p {
	width: auto;
	height: auto;
	word-break: break-all;
}

img {
	border:0;
}


/* FONT */
h1 {
	font: 12px bold;
	color: #369dd8;
	letter-spacing: 2px;
	text-indent: -9999px;
	overflow: hidden;
}

h2 {
	font: 10px normal;
	color: #707070;
	text-indent: -9999px;
	overflow: hidden;
}

h3 {
	font: 10px normal;
	color: #707070;
	text-indent: -9999em;
	overflow: hidden;
}

h4 {
	font: 10px normal;
	color: #707070;
}

h5 {
 font: 10px normal;
 color: #707070;
}

h6 {
	font: 10px normal;
	color: #707070;
}


.dgr14b {
	font-size: 14px;
	font-weight: bold;
	color: #707070;
	line-height: 23px;
}
.dgr14r {
	font-size: 14px;
	color: #707070;
	line-height: 23px;
}
.dgr12b {
	font-size: 12px;
	font-weight: bold;
	color: #707070;
	line-height: 21px;
}
.dgr12r {
	font-size: 12px;
	color: #707070;
	line-height: 21px;
}
.dgr10r {
	font-size: 10px;
	color: #707070;
	line-height: 19px;
}

.blu14b {
	font-size: 14px;
	font-weight: bold;
	color: #369dd8;
	line-height: 23px;
}
.blu14r {
	font-size: 14px;
	color: #369dd8;
	line-height: 23px;
}
.blu12b {
	font-size: 12px;
	font-weight: bold;
	color: #369dd8;
	line-height: 21px;
}
.blu12r {
	font-size: 12px;
	color: #369dd8;
	line-height: 21px;
}
.blu10r {
	font-size: 10px;
	color: #369dd8;
	line-height: 19px;
}

.lgr14b {
	font-size: 14px;
	font-weight: bold;
	color: #d3e3e3;
	line-height: 23px;
}
.lgr14r {
	font-size: 14px;
	color: #d3e3e3;
	line-height: 23px;
}
.lgr12b {
	font-size: 12px;
	font-weight: bold;
	color: #d3e3e3;
	line-height: 21px;
}
.lgr12r {
	font-size: 12px;
	color: #d3e3e3;
	line-height: 21px;
}
.lgr10r {
	font-size: 10px;
	color: #d3e3e3;
	line-height: 19px;
}
.pnk12b {
	font-size: 12px;
	font-weight: bold;
	color: #aa1b5f;
	line-height: 18px;
}
.pnk12r {
	font-size: 12px;
	color: #aa1b5f;
	line-height: 18px;
}
.pnk10r {
	font-size: 10px;
	color: #aa1b5f;
	line-height: 16px;
}

/* ID */
#mother {
	height: auto;
	width: 948px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0px;
	border-left: 1px #369dd8 solid;
	border-right: 1px #369dd8 solid;
}

#breadcrumbs {
	width: 948px;
	height: 16px;
	font-size: 10px;
	color: #369dd8;
	line-height: 16px;
	border-bottom: 1px #369dd8 solid;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#header {
	background: url("../cmnimg/header_obi_bg.gif");
	border-bottom: 1px #369dd8 solid;
	width: 948px;
	height: 140px;
}

#hdr-l {
	width: 415px;
	height: 140px;
	display: table-cell;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	vertical-align: middle;
}
* html #hdr-l{/* IE 6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #hdr-l{/* IE 7 */
	display: inline;
	zoom: 1;
}

#hdr-r {
    background: url("../cmnimg/copy.gif") no-repeat;
	width: 513px;
	height: 140px;
	display: table-cell;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
}
* html #hdr-r{/* IE 6 */
	display: inline;
	zoom: 1;
	text-indent: -9999px;
	overflow: hidden;
}
*:first-child+html #hdr-r{/* IE 7 */
	display: inline;
	zoom: 1;
	text-indent: -9999px;
	overflow: hidden;
}

#menu {
	width: 212px;
	margin: 0px;
	padding: 20px 0px 40px 0px;
	float: left;
	font-size: 12px;
	color: #707070;
	line-height: 21px;
	letter-spacing: 0.5px;
}

#main {
	width: 675px;
	margin: 0px;
	padding: 20px 30px 0px 30px;
	float: right;
	font-size: 12px;
	color: #707070;
	line-height: 21px;
	letter-spacing: 0.5px;
}

#footer {
 background: url("../cmnimg/footer.gif") no-repeat;
	width: 948px;
	height: 80px;
	border-top: 1px #369dd8 solid;
	border-bottom: 1px #369dd8 solid;
	text-indent: -9999px;
	overflow: hidden;
	clear: both;
}

#btn-l {
	width: 179px;
	margin: 0px;
	padding: 0px;
}
#btn-l h2 a {
	height: 59px;
	display: block;
	margin: 0px 0px 10px 0px;
}

#btn-s {
	width: 179px;
	margin: 0px;
	padding: 0px;
}
#btn-s h2 a {
	height: 40px;
	display: block;
	margin: 0px;
}
#btn-bnr {
	width: 179px;
	margin: 49px 0px 0px 0px;
	padding: 0px;
}
#btn-bnr h2 a {
	height: 58px;
	display: block;
	margin: 0px;
}



/* CLASS */

.slash {
    background: url("../cmnimg/slash_blu.gif");
	width: 948px;
	height: 9px;
}

.cts-belt {
    background: url("../cmnimg/cts-belt_blb.gif") repeat-y;
	width: 676px;
	height: 60px;
	clear: both;
}

.bigimg1 {
	width: 676px;
	height: 399px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	clear: both;
}
.bigimg2 {
	width: 676px;
	height: 319px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	clear: both;
}


.cntr-1 {
	width: 636px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}

.cntr-2l {
	width: 307px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}
.cntr-2r {
	width: 307px;
	margin: 0px;
	padding: 0px 0px 40px 21px;
	float: right;
	text-align: justify;
	text-justify: distribute;
}

.cntr-3l {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}
.cntr-3c {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 40px 21px;
	float: left;
}
.cntr-3r {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 40px 20px;
	float: right;
	text-align: justify;
	text-justify: distribute;
}

.cntr-4l {
	width: 144px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}
.cntr-4cl {
	width: 144px;
	margin: 0px;
	padding: 0px 0px 40px 20px;
	float: left;
	text-align: justify;
	text-justify: distribute;
}
.cntr-4cr {
	width: 144px;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	text-align: justify;
	text-justify: distribute;
}
.cntr-4r {
	width: 144px;
	margin: 0px;
	padding: 0px 0px 40px 19px;
	float: left;
	text-align: justify;
	text-justify: distribute;
}

.cntr-32l {
	width: 417px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}
.cntr-32r {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 40px 20px;
	float: right;
	text-align: justify;
	text-justify: distribute;
}

.cntr-32l_rvs {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: justify;
	text-justify: distribute;
	clear: both;
}
.cntr-32r_rvs {
	width: 417px;
	margin: 0px;
	padding: 0px 0px 40px 20px;
	float: right;
	text-align: justify;
	text-justify: distribute;
}

.wrks-img {
	border: 1px #369dd8 solid;
	width: 100px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.wrks-txt {
	width: 524px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-size: 10px;
	line-height: 19px;
}

.detail {
	width: 524px;
	height: 16px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: right
}
.contact {
	width: 198px;
	height: 21px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: right
}


/*------MENU concept*/
#btn-l h2.concept {
 background: url("../cmnimg/btn-concept_y.gif") no-repeat 0px 0px;
}
#btn-l h2.concept a {
	display:block;
	width:179px;
	height:59px;
 background: url("../cmnimg/btn-concept_w.gif") no-repeat 0px 0px;
}
#btn-l h2.concept a:hover  {
	background:none;
}
/*------MENU works*/
#btn-l h2.works {
 background: url("../cmnimg/btn-works_y.gif") no-repeat 0px 0px;
}
#btn-l h2.works a {
	display:block;
	width:179px;
	height:59px;
 background: url("../cmnimg/btn-works_w.gif") no-repeat 0px 0px;
}
#btn-l h2.works a:hover  {
	background:none;
}
/*------MENU price*/
#btn-l h2.price {
 background: url("../cmnimg/btn-price_y.gif") no-repeat 0px 0px;
}
#btn-l h2.price a {
	display:block;
	width:179px;
	height:59px;
 background: url("../cmnimg/btn-price_w.gif") no-repeat 0px 0px;
}
#btn-l h2.price a:hover  {
	background:none;
}
/*------MENU system*/
#btn-l h2.system {
 background: url("../cmnimg/btn-system_y.gif") no-repeat 0px 0px;
}
#btn-l h2.system a {
	display:block;
	width:179px;
	height:59px;
 background: url("../cmnimg/btn-system_w.gif") no-repeat 0px 0px;
}
#btn-l h2.system a:hover  {
	background:none;
}


/*------MENU process*/
#btn-s h2.process {
 background: url("../cmnimg/btn-process_y.gif") no-repeat 0px 0px;
}
#btn-s h2.process a {
	display:block;
	width:179px;
	height:40px;
 background: url("../cmnimg/btn-process_w.gif") no-repeat 0px 0px;
}
#btn-s h2.process a:hover  {
	background:none;
}
/*------MENU company*/
#btn-s h2.company {
 background: url("../cmnimg/btn-company_y.gif") no-repeat 0px 0px;
}
#btn-s h2.company a {
	display:block;
	width:179px;
	height:40px;
 background: url("../cmnimg/btn-company_w.gif") no-repeat 0px 0px;
}
#btn-s h2.company a:hover  {
	background:none;
}
/*------MENU info-jp*/
#btn-s h2.info-jp {
 background: url("../cmnimg/btn-info-jp_y.gif") no-repeat 0px 0px;
}
#btn-s h2.info-jp a {
	display:block;
	width:179px;
	height:40px;
 background: url("../cmnimg/btn-info-jp_w.gif") no-repeat 0px 0px;
}
#btn-s h2.info-jp a:hover  {
	background:none;
}
/*------MENU sitemap*/
#btn-s h2.sitemap {
 background: url("../cmnimg/btn-sitemap_y.gif") no-repeat 0px 0px;
}
#btn-s h2.sitemap a {
	display:block;
	width:179px;
	height:40px;
 background: url("../cmnimg/btn-sitemap_w.gif") no-repeat 0px 0px;
}
#btn-s h2.sitemap a:hover  {
	background:none;
}

/*------MENU blog*/
#btn-bnr h2.blog {
 background: url("../cmnimg/btn-blog_w.gif") no-repeat 0px 0px;
}
#btn-bnr h2.blog a {
	display:block;
	width:179px;
	height:58px;
 background: url("../cmnimg/btn-blog.gif") no-repeat 0px 0px;
}
#btn-bnr h2.blog a:hover  {
	background:none;
}











/* index.html */
.info-box {
	border: 1px #369dd8 solid;
	width: 380px;
	margin: 0px;
	padding: 0px;
}


/* topics.html */
#topics {
	width: 90%;
	margin: 10px;
	padding: 0px;

}

.topics-day {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	font-size: 12px;
	color: #369dd8;
	line-height: 21px;
}
.topics-cap {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #369dd8;
	line-height: 21px;
}
.topics-read {
	margin: 0px;
	padding: 0px 0px 20px 20px;
	font-size: 10px;
	color: #707070;
	line-height: 19px;
}
.topics-read img {
	margin: 4px 0px;
}



/* price.html */
.sitemap-txt {
	width: 636px;
	margin: 0px 0px 40px 40px;
	padding: 0px;
	clear: both;
	font-size: 14px;
	line-height: 23px;
}

/* sitemap.html */
.price-spec {
	width: 307px;
	margin: 0px 0px 40px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 10px;
	line-height: 19px;
}

.lv1 {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.lv2 {
	margin: 0px;
	padding: 10px 0px 10px 20px;
}

.lv3 {
	margin: 0px;
	padding: 0px 0px 10px 60px;
	font-size: 12px;
	line-height: 21px;
}



/* concept.html */
.ccptbox-l {
    background: #ffffd7;
	width: 168px;
        height: 350px;
	margin: 0px;
	padding: 15px;
	float: left;
	letter-spacing: 0.5px;
	text-align: justify;
	text-justify: newspaper;
}
.ccptbox-c {
    background: #ffffd7;
	width: 168px;
        height: 280px;
	margin: 0px;
	padding: 15px;
	float: left;x
	text-align: justify;
	text-justify: newspaper;
}
.ccptbox-r {
    background: #ffffd7;
	width: 168px;
        height: 280px;
	margin: 0px;
	padding: 15px;
	float: right;
	text-align: justify;
	text-justify: newspaper;
}



/* system.html */
.sstmbox-3l {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 40px;
	float: left;
}
.sstmbox-3c {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 21px;
	float: left;
}
.sstmbox-3r {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 20px;
	float: right;
}
.sstmbox-3l_u {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 40px;
	float: left;
}
.sstmbox-3c_u {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 21px;
	float: left;
}
.sstmbox-3r_u {
	width: 198px;
	margin: 0px;
	padding: 0px 0px 20px 20px;
	float: right;
}
.sstmbox-1 {
	width: 636px;
	margin: 20px 0px 15px 40px;
	padding: 0px;
	clear: both;
}

.sstmbox-2r_rgt {
	width: 307px;
	margin: 0px 0px 40px 21px;
	padding: 0px;
	float: right;
	text-align: center;
}
.arwbox {
	width: 174px;
	margin: 0px;
	padding: 0px;
}

.sstmbox-l {
    background: #ffffd7;
	width: 198px;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	text-align: center;
	font-size: 10px;
	color: #369dd8;
	line-height: 13px;
}
.sstmbox-c {
    background: #ffffd7;
	width: 198px;
	margin: 0px;
	padding: 10px 0px;
	float: left;
	text-align: center;
	font-size: 10px;
	color: #369dd8;
	line-height: 13px;
}
.sstmbox-r {
    background: #ffffd7;
	width: 198px;
	margin: 0px;
	padding: 10px 0px;
	float: right;
	text-align: center;
	font-size: 10px;
	color: #369dd8;
	line-height: 13px;
}
.system_cap {
	margin: 0px;
	padding: 11px 0px 0px 0px;
}
.system_cap2 {
	width: 636px;
	margin: 20px 0px 0px 40px;
	padding: 0px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #369dd8;
	line-height: 23px;
}
.system_cap3 {
	font-size: 12px;
	font-weight: bold;
	color: #369dd8;
	line-height: 21px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
.system-txt {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}



.navi {
	width: 636px;
	margin: 0px 0px 40px 40px;
	padding: 0px;
	font-size: 10px;
	color: #369dd8;
	line-height: 19px;
	clear: both;
        text-align: center;
}

.engy-l1 {
	width: 307px;
	height: 200px;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	float: left;
}
.engy-r1 {
	width: 307px;
	height: 200px;
	margin: 0px;
	padding: 0px 0px 0px 21px;
	float: right;
}
.engy-txt {
	width: 636px;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	clear: both;
	font-size: 10px;
	color: #707070;
	line-height: 19px;
}
.engy-l2 {
	width: 207px;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 40px 50px;
	float: left;
}
.engy-r2 {
	width: 207px;
	margin: 0px 0px 0px 21px;
	padding: 0px 50px 40px 50px;
	float: right;
}

#taishin_img {
    background: url("../cmnimg/taishin_img4.gif") no-repeat;
	width: 307px;
	height: 412px;
	text-indent: -9999px;
	overflow: hidden;
}


/* process.html */
.prcs-l {
	width: 116px;
	height: 136px;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	float: left;
	clear: both;
}
.prcs-r {
	width: 499px;
	height: 136px;
	margin: 0px;
	padding: 15px 0px 0px 20px;
	float: right;
}


/* company.html */
.dsnr-c {
	width: 307px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 10px;
	color: #369dd8;
	line-height: 16px;
}
.dsnr-l {
	width: 50px;
	margin:9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 10px;
	color: #707070;
	line-height: 19px;
	clear: both;
}
.dsnr-r {
	width: 217px;
	margin:9px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	float: left;
	font-size: 10px;
	color: #707070;
	line-height: 19px;
}

.dsnr-l2 {
	width: 120px;
	margin:9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 10px;
	color: #369dd8;
	line-height: 14px;
}
.dsnr-r2 {
	width: 143px;
	margin:9px 0px 0px 4px;
	padding: 0px 40px 0px 0px;
	float: left;
	font-size: 10px;
	color: #369dd8;
	line-height: 14px;
}




/* topics.html */
topics-frame {
	width: 380px;
	height:307px
	margin: 0px;
	padding: 0px;
 border: none;
}



/* info.html */
.info-cap {
	width: 636px;
	margin: 0px 0px 40px 40px;
	padding: 0px;
	clear: both;
	font-size: 12px;
	color: #369dd8;
	line-height: 21px;
	text-align: center;
}



#mail-form {
	width: 636px;
	height: auto;
	margin: 0px;
	padding: 0p;
	border-collapse: collapse;
	font-size: 10px;
	line-height: 19px;
	text-align: left;
}
.left {
	width: 150px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	font-color: #369dd8;
}
.right {
	width: 486px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
}
.center {
	width: 636px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
}
.confirm {
	width: 636px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #aa1b5f;
}
.btn {
	width: 636px;
	height: auto;
	margin: 0px;
	padding: 4px;
	text-align: center;
}
.fld_a {
	width: 450px;
	height: auto;
	border: 1px #eaeaea solid;
	ime-mode: active;
}
.fld_b {
	width: 450px;
	height: auto;
	border: 1px #eaeaea solid;
	ime-mode: inactive;
}
.checkbox {
	padding: 0px;
	margin: 0px 4px 0px 0px;
	border: 1px #eaeaea solid;
}
.area {
	width: 450px;
	height: 150px;
	font-size: 12px;
	line-height: 18px;
	border: 1px #eaeaea solid;
	ime-mode: active;
}

.completed {
	font-size: 12px;
	line-height: 18px;
	margin: 18px 0px 0px 0px;
	padding: 9px;
}

#tel_b {
	padding: 0px 0px 0px 0px;
	margin: 0px 18px 0px 9px;
}


/* works-details */

#imgtbl {
	width: 636px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#imgtbl-6cl {
	width: 476px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#imgtbl-6cr {
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
#div-6cl {
	width: 476px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}
#div-6cr {
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	float: right;
}
.tbl6c-1 {
	width: 476px;
	height: 358px;
 border-bottom: 1px #ffffff solid;
}
.tbl6c-2 {
	width: 158px;
	height: 118px;
}
.tbl6c-3 {
	width: 158px;
	height: 118px;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
}
.tbl6c-4 {
	width: 158px;
	height: 118px;
}
.tbl6c-5 {
	width: 159px;
	height: 238px;
	border-left: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
}
.tbl6c-6 {
	width: 159px;
	height: 238px;
	border-left: 1px #ffffff solid;
}
.tbl7d-5 {
	width: 159px;
	height: 157px;
	border-left: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
}
.tbl7d-6 {
	width: 159px;
	height: 157px;
	border-left: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
}
.tbl7d-7 {
	width: 159px;
	height: 158px;
	border-left: 1px #ffffff solid;
}
.div2 {
	width: 317px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div4 {
	width: 317px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div8 {
	width: 158px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div8a-1 {
	width: 316px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div6c-1 {
	width: 477px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div16 {
	width: 158px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div16-2 {
	width: 317px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div9 {
	width: 211px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div9-4 {
	width: 421px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.div21 {
	width: 90px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div21-2 {
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div21-4 {
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.div21-9 {
	width: 272px;
	height: auto;
	margin: 0px;
	padding: 0px;
}



.voice-cap {
	width: 77px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 40px 40px;
	float: left;
	text-align: right;
}
.voice-area {
	width: 519px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	float: right;
}
.voice-comment {
	background: #99bfe4;
	width: 280px;
	height: auto;
	margin: 0px;
	padding: 2px 10px;
	font-size: 12px;
	color: #ffffff;
	line-height: 18px;
	text-align: justify;
	text-justify: distribute;
}
#spec {
	width: 631px;
	height: auto;
	margin: 0px;
	padding: 0p;
	border-collapse: collapse;
	font-size: 10px;
	color: #369dd8;
	line-height: 19px;
	text-align: left;
	text-align: justify;
	text-justify: distribute;
}
.spec-l {
	width: 50px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
	vertical-align: top;
}
.spec-r {
	width: 254px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
	vertical-align: top;
}
.spec-lb {
	width: 50px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
	vertical-align: top;
}
.spec-rb {
	width: 241px;
	height: auto;
	margin: 0px;
	padding: 4px;
	border: 1px #369dd8 solid;
	border-spacing: 0px;
	border-collapse: collapse;
	color: #369dd8;
	vertical-align: top;
}
.works-ttl {
	font-size: 18px;
	font-weight: bold;
	color: #369dd8;
	line-height: 27px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.works-cap {
	font-size: 14px;
	font-weight: bold;
	color: #369dd8;
	line-height: 23px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


@media print {

body {
_zoom: 0.68;
}

table {
_zoom: 0.98;

}

}