@charset "utf-8";

/* RESET */

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 { font-size:1em; }
pre,code,address,caption,cite,code { font-weight:normal; font-style:normal; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }

/* BASE */
.clearfix:after {
content: "."; 
display: block; 
visibility: hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear: both; 
}

.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.clearfix + *{ clear: both; }

table.specs { margin:1em auto; border:1px solid #ccc; border-collapse:separate; }
table.specs tr .left { border-left:0; }
table.specs tr .right { border-right:0; }
table.specs tr th,
table.specs tr td { vertical-align:top; padding:.6em 1em; border-right:1px solid #fff; border-left:1px solid #eaeaea; }
table.specs thead tr th,
table.specs tr.even td { background:#f4f4f4; }

body { font:small "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", Verdana, "ＭＳ Ｐゴシック", Arial, sans-serif; background:#fff; color:#333; margin:0 auto; }

p,li,dt,dl,th,td { line-height:1.6; }

a { color:blue; }
a:hover { color:#D01F3C; }

p { padding:5px; }

ul,ol { margin-top:0.5em; margin-bottom:0.5em; }
ul { list-style:none; margin-left:0.5em; }
ol { list-style:decimal inside; margin-left:0.5em; }

ul.circle { list-style:circle; margin-left:2em; }
ul.disc { list-style:disc; margin-left:2em; }
ul.square { list-style:square; margin-left:2em; }

caption { text-align:left; font-weight:bold; padding:8px; }

/* LAYOUT */
.red_bold { color:#c00; font-weight:bold; }
.blue_bold { color:blue; font-weight:bold; }
.ref { color:#ccc; font-size:xx-small; }
.p_title { line-height:130%; padding:5px; background:url(/images/common/line.gif) 0 100% repeat-x; }

.tag_blue{ background:url(/images/common/box_head_blue.gif) repeat-x top; color:#fff; padding:8px; }

.path_menu,.topic_path{ border:1px solid #ccc; background: url(/images/common/box_head_white.gif) repeat-x top; padding:8px; }
.topic_path ul { margin:0; }

.line { background:url(/images/common/line.gif) 0 100% repeat-x; }
.margin_bottom { margin-bottom:10px; }

br.clear-both,div.clear-both{ font:1px/1px monospace; display:block; }
.clear-both { clear:both; }

.contents_box { margin-bottom:10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:3px; }

.data-table dl { clear:both; background:url(/images/common/line.gif) 0 100% repeat-x; }
.data-table dt { float:left; width:10em; padding:0.5em 0 0.1em 1em; font-weight:normal; }
.data-table dd { margin:0 0 0 10em; padding:0.5em 1em; }
.data-table ul { margin:0; padding:0; }
.data-table li { list-style-type:none; display:block; }

.tb_gray caption{ background: url(/images/common/box_head_blue.gif) repeat-x top; color:#fff; }
.tb_gray th{ padding:5px; background: url(/images/common/box_head_blue.gif) repeat-x top; color:#fff; text-align:center; }
.tb_gray td { padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f7f7f7; }

#title { font-size:x-large; font-weight:normal; border-bottom:1px solid #ccc; padding:20px 0 10px; }
#title_image { padding:20px 0; }

.topic_path li,
.h_nav li { display:inline; margin:0 0.25em; }

#copyright { padding:7px; }

/* GLOBALHEADER */
#globalheader { width:760px; margin:20px auto 10px; }
#globalheader #globalnav { text-align:right; }
#globalheader #globalnav li { display:inline; margin:3px; }
#globalheader #logo { width:760px; height:40px; }
#globalheader #searchbox { background-color:#e7e7e7; padding:3px; }

/* MAIN */
#main { width:760px; margin:0 auto; }

/* GLOBALFOOTER */
#globalfooter { width:760px; margin:10px auto 15px; border-top:1px solid #999; }
#globalfooter #footernav { margin-top:10px; text-align:center; }
#globalfooter #footernav li { display:inline; margin:3px; }
#globalfooter #copyright { text-align:center; }

/* GRID */
.column { float:left; margin-left:10px; }
.grid2col { width:760px; }
.grid2col .column.first { width:600px; }
.grid2col .column.last { width:150px; }

.column.first { margin-left:0 !important; }
.column.last { float:right !important; }