@charset "UTF-8";
 
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; margin: 0; }
 
/* BASE */
html { margin-bottom:1px; height: 100%; }
body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana", sans-serif; color: #666; background-color: #fff; margin: 0; padding: 0; }
 
/* HIDE HACK FROM MAC-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* END HIDING */
 
/* FLOAT CLEAR */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
 /* HIDE HACK FROM MAC-IE5 \*/
 * html .clearfix { height: 1%; }
 .clearfix {display: block; } /* END HIDING */
 .clearfix { overflow: hidden; } /* FOR DREAMWEAVER DESIGN-VIEW */
 
/* BROWSER SLECT /scripts/css_browser_selector.js */
/* Win All-Browsers */
.win body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana", sans-serif; }
/* Win IE8 */
.win.ie8 body { font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana",s ans-serif; }
/* Mac All-Browser */
.mac body { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Geneva", "Arial"," Verdana", sans-serif; }
 
/* LINK */
a { /*\*/overflow: hidden;/**/ }
a:link, a:visited { color: #666; text-decoration: none; }
a:hover { color: #08c; text-decoration: underline; }
a:focus { outline: none; }
a.underline:link, a.underline:visited { text-decoration: underline; }
a.mail:link, a.mail:visited, a.pagelink:link, a.pagelink:visited { color: #08c; text-decoration: underline; }
 
/* LINK ARROW */
a.more:link, a.more:visited { color: #08c; margin-right: 15px; padding-left: 8px; background: url(../../images/common/arrow_08c.gif) no-repeat 0 50% ; font-weight: normal; text-decoration: none; white-space: nowrap; }
a.morelink:link, a.morelink:visited { color: #08c; margin-right: 15px; padding-right: 10px; background: url(../../images/common/arrow_08c.gif) no-repeat 100% 50%; text-decoration: none; white-space: nowrap; }
a.jump:link, a.jump:visited { display: inline; float: right; color: #08c; margin-left: 15px; padding-left: 8px; background: url(../../images/common/arrow_08c.gif) no-repeat 0 50% ; font-weight: normal; text-decoration: none; white-space: nowrap; }
a.more:hover, a.morelink:hover, a.jump:hover { color: #08c; text-decoration: underline; }
 
 
/* BASE TEXT */
p { font-weight: normal; font-size: 12px; line-height: 18px; color: #666; margin-bottom: 18px; text-align: left; }
h1 { font-weight: bold; font-size: 16px; line-height: 24px; color: #333; margin-bottom: 8px; text-align:left; }
h2 { font-weight: bold; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 7px; text-align:left; }
h3 { font-weight: bold; font-size: 12px; line-height: 18px; color: #333; margin-bottom: 6px; text-align:left; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; color: #666; margin-bottom: 6px; text-align:left; }
h5 { font-weight: bold; font-size: 10px; line-height: 15px; color: #333; margin-bottom: 5px; text-align:left; }
h6 { font-weight: bold; font-size: 10px; line-height: 15px; color: #666; margin-bottom: 5px; text-align:left; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
p.bottom, h1.bottom, h2.bottom, h3.bottom, h4.bottom, h5.bottom, h6.bottom { margin-bottom: 0; }
 
/* IMG */
img { _behavior: url(js/iepngfix/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 15px 0 0; border: 0; }
img.lefttop { float: left; margin: 2px 15px 15px 0; border: 0; }
img.right { float: right; margin: 2px 0 0 15px; border: 0; }
img.righttop { float: right; margin: 2px 0 15px 15px; border: 0; }
 
/* LIST */
ul.square, ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
 
/* HR */
hr { border-width: 1px 0 0 0; border-style: solid; border-color: #999; height: 1px; margin-bottom: 15px; }
hr.dot { border-width: 1px 0 0 0; border-style: dotted; border-color: #999; height: 1px; }
hr.dash { border-width: 1px 0 0 0; border-style: dashed; border-color: #999; height: 1px; }