/* CSS Document */
body, table, th, td, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, span, em, strong{ 
	font-family: 'Myriad Pro',Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,'平成角ゴシック', sans-serif;
	line-height: 135%;
	color: #000; font-style: normal
}
form, #logo, .alt{ margin: 0px; padding: 0px }

/* Link */
a, a:link, a:visited{ color: #000; text-decoration: underline; }
a:hover, a:active{ color: #009EDF }
a.cnav, a.cnav:visited, a.cnav:link{ color: #FFF; text-decoration: none; font-size: 10px }
a.cnav:hover, a.cnav:active{ color: #F90 }

/* Font */
h1, .txXL{ font-size: 14pt }
h2, .txL{ font-size: 12pt }
body, table, div, h3, h4, h5, h6{ font-size: 10pt }
em, .txS, .caption, #sidemenu dt, #sidemenu dd{ font-size: 9px }
#cnavProd, #cnavResin, #cnavSupport, #cnavCorp, #cnavRecruit, #cnavGroup, #cnavCont, #cnavPolicy, #cnavSmap, #cnavCStudy, #cnavInfo{ font-size: 10px }
.barResinT, .barResinTB, .barResinB, .barResinLa, .barResinDa{ font-size: 9pt }
.barResinLb, .barResinDb{ font-size: 9px }
.txXS{ font-size: 7pt }

h1, h2, h3{ font-weight: bold }
h1, h2, h3, h4, h5, h6, p{ margin: 0px 0px 9px 0px; padding: 0px }
.barResinT, .barResinTB, .barResinLa, .barResinDa{ font-weight: bold }

/* List */
ul.def, ol.def{ margin: 9px 0px 0px 0px; padding: 0px 0px 0px 24px }
ul.def li, ol.def li{ margin: 0px 0px 9px 0px; padding: 0px }
ul.def{ list-style: url( ../images/list_arrow.gif ) }
ul.def .none{ list-style: none }
ul.def ol{ list-style: decimal }

ul.box{ margin: 0px 0px 9px 0px; padding: 0px; list-style: none; }
ul.box li{ margin: 0px 0px 6px 0px; padding: 1px 6px 2px 16px; border: 1px solid #DFDFDF; background: #EFEFFF url( ../images/box_sq.gif ) no-repeat 3px 4px }

/* Color */
.cmetBlue{ color: #009edf }
.cmetDarkBlue{ color: #396077 }
.cmetLightBlue{ color: #96b5c7 }
.white{ color: #FFF }
.yellow{ color: #FF0 }
.red{ color: #C00 }
.orange{ color: #C90 }
.caption{ color: #636560 }

/* Background */
.bgGray{ background: #EFEFEF }
.bgDarkGray{ background: #DDD }
.bgBlue{ background: #CCEFFF }
.bgDarkBlue{ background: #7facd5 }

/* Box */
.pd3{ padding: 3px }
.pd6{ padding: 6px }
.pd9{ padding: 9px }
.pd12{ padding: 12px }
.pd15{ padding: 15px }
.pd18{ padding: 18px }
.pd21{ padding: 21px }
.pd0x3{ padding: 0px 3px }
.pd0x6{ padding: 0px 6px }
.pd0x9{ padding: 0px 9px }
.pd0x12{ padding: 0px 12px }
.pd0x15{ padding: 0px 15px }
.pd0x18{ padding: 0px 18px }
.pd0x21{ padding: 0px 21px }
.pd3x0{ padding: 3px 0px }
.pd6x0{ padding: 6px 0px }
.pd9x0{ padding: 9px 0px }
.pd12x0{ padding: 12px 0px }
.pd15x0{ padding: 15px 0px }
.pd18x0{ padding: 18px 0px }
.pd21x0{ padding: 21px 0px }
.pd0x9x0x0{ padding: 0px 9px 0px 0px }
.exbox{ border: 1px solid #ccf; padding: 6px; margin: 6px }


/* Each Page Style */
#FLASHStage{ margin: 1px; padding: 0px }

#information{ background: url( ../images/top/bg_info.gif ) repeat-y }
#information dl{ margin: 0px; padding: 0px 12px }
#information dt { float: left; padding-left: 1.5em; background: url( ../images/box_sq.gif ) no-repeat left 1px;	}
#information dd { margin-left: 8em; }
#information dt, #information dd{ margin-bottom: 9px }

#pageFrame{ margin-bottom: 21px }
#pageFrame th#title{ background: url( ../images/ptit/ptit_bg.gif ) no-repeat left bottom; text-align: left }
#pageFrame td#corner{ background: url( ../images/ptit/corner_bg.gif ) repeat-y; padding: 0px }

.tableStage th{ background: #F3F4F5 url( ../images/list_tit.gif ) no-repeat left bottom; padding: 6px 9px 6px 9px; text-align: left }
.tableStage th div{ background: url( ../images/list_arrow.gif ) no-repeat; padding-left: 6px; line-height: 100% }
.tableStage td{ padding: 6px 9px; border-bottom: 1px solid #E2E4E6; border-left: 1px solid #E2E4E6 }
.tableStage th, .tableStage td{ border-top: 1px solid #FFF }
.tableStage td.none{ border: none }

/* Table Style */
.corp{}
.corp th, .corp td{ margin: 0px 0px 1px 0px; padding: 6px 6px 9px 6px; border-bottom: 1px dotted #96b5c7; text-align: left }
.corp th{ background: #e0e9ee; border-left: 2px solid #96b5c7; vertical-align: middle; color: #21789b }
.corp td{  vertical-align: top }
.corp td.non{ border: 0px }

/* Decoration */
.pagetitle{ margin-bottom: 18px; border-bottom: 5px solid #DFDFDF }
.texTitle{ background: url( ../images/bar_texTitle.gif ) no-repeat; height: 29px; margin: 0px; padding: 9px 3px 0px 12px; color: #FFF; line-height: 100% }
.dividerY{ background: url( ../images/dividerY.gif ) repeat-y }
.dividerHB{ background: url( ../images/bar_HBlue.gif ) repeat-y }
.dividerHP{ background: url( ../images/bar_HPurple.gif ) repeat-y }
.detail{ background: url( ../images/arrow_detail.gif ) no-repeat left top; padding: 0px 0px 3px 15px; line-height: 100% }

.barResinT{ background: url( ../images/resin/barResin_1.gif ) repeat-x; color: #FFF; font-weight: normal }
.barResinLa{ background: url( ../images/resin/barResin_La.gif ) repeat-x }
.barResinLb{ background: url( ../images/resin/barResin_Lb.gif ) repeat-x }
.barResinDa{ background: url( ../images/resin/barResin_Da.gif ) repeat-x }
.barResinDb{ background: url( ../images/resin/barResin_Db.gif ) repeat-x }
.barResinTB{ background: url( ../images/resin/barResinB_1.gif ) repeat-x; color: #FFF }
.barResinB{ background: url( ../images/resin/barResinB.gif ) repeat-x }
.barResinT, .barResinLa, .barResinLb, .barResinDa, .barResinDb, .barResinTB, .barResinB{ padding: 0px 6px }
.barResinLa, .barResinLb, .barResinDa, .barResinDb{ text-align: center }
.barResinTB{ padding: 0px 0px 0px 3px }
.barResinTB a{ display: block; height: 34px; line-height: 34px; padding: 0px 0px 0px 3px; background: url( ../images/resin/barResinB_1.gif ) repeat-x }
.barResinTB a, .barResinTB a:link, .barResinTB a:visited{ color: #FFF; text-decoration: none; font-weight: normal }
.barResinTB a:hover{ background: url( ../images/resin/barResinB_1b.gif ) repeat-x; color: #300 }

.barCS{ margin-bottom: 12px }
.barCS th{ background: #FFF url( ../images/case/bar_CS-2.gif ) repeat-x; padding-right: 18px }
.barCS td{ background: #f4f6f8 url( ../images/case/bar_CS-3.gif ) repeat-x }
.barCS td.front{ background: none }
.barCS td img{ margin-left: 1px; float: left }
.barCS td img.end{ margin: 0px 1px }
.barCSBox{ margin-bottom: 21px }
.barCSBox td.is{ padding: 12px }
.barCSBox td.is img{ margin-left: 1px; float: left }
.barCSH{ background: #FFF url( ../images/case/bar_cs2.gif ) repeat-x 14px 0px; vertical-align: top }
.barCSV{ background: #FFF url( ../images/case/bar_cs3.gif ) repeat-y } 

#loginbg{ background: #FFF url( ../images/sup/login.jpg ) no-repeat }

/* for sitemap */
#sitemap{ margin: 0px; padding: 6px }
#sitemap li{ list-style: none; padding: 0px 0px 0px 1px }
#sitemap li span{ border-left: 6px solid #CCC; padding: 3px 2px; }
#sitemap dl{ margin: 9px 21px 9px 21px; padding: 3px 6px; border: 1px solid #ccc }
#sitemap dt{ border-left: 6px solid #CCC; padding: 0px 0px 0px 2px; margin: 3px 0px }
#sitemap dd{ margin: 0px; padding: 3px 0px 3px 21px }

#prd dt{ border-color: #339 }
#prd a{ color: #339 }
#res dt{ border-color: #C66 }
#res a{ color: #C66 }
#sup dt{ border-color: #393 }
#sup a{ color: #393 }
#corp dt{ border-color: #66C }
#corp a{ color: #66C }
#ext a{ color: #666 }

#sitemap a{ text-decoration: none }
#sitemap a:hover{ text-decoration: underline }