@charset "utf-8";
/* browser　reset */
html { color:#000; background:#FFF }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
del, ins { text-decoration:none }
li { list-style:none }
caption, th { text-align:left; font-weight:normal }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
abbr, acronym { border:0; font-variant:normal }
sup { vertical-align:baseline }
sub { vertical-align:baseline }
legend { color:#000 }
/************************************************
 共通設定
************************************************ */
html { font-size: 62.5%; }
body { color: #333; background: #ffffff; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
#container_wrap { margin: 0 auto; width: 960px; background: url(../img/background/bg_container.gif) repeat-y; border-top: 1px solid #c9c9ca; border-right: 1px solid #c9c9ca; border-left: 1px solid #c9c9ca; }
#container { padding: 30px 40px 25px 20px; width: 900px; text-align: left; }
/* フロートクリア
----------------------------------------------- */
/* for modern browsers */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* for IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; overflow:hidden; }
/* リンク
----------------------------------------------- */
a:link, a:visited { color: #09F; text-decoration: none; }
a:link:hover, a:visited:hover { color: #03F; text-decoration: underline; }
/* フォント
----------------------------------------------- */
.font10pt { font-size: 10px; font-size: 1.0rem; }
.font18pt { font-size: 18px; font-size: 1.8rem; }
.bold { font-weight: bold; }
/* 行揃え
----------------------------------------------- */
.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.justify { text-align: justify; text-justify: distribute; }
.broad01 { width: 85%; }
.broad02 { width: 60%; }
.broad03 { width: 30%; }
.broad04 { width: 15%; }
/* ボタン
----------------------------------------------- */
.opacityrollover { }
.rollover { }
/* ==============================================
 ヘッダー
=============================================== */
#header { width: 900px; height: 70px; position: relative; }
h1#logo { position: absolute; top: 0; left: 0; }
h2.line01 { position: absolute; top: 18px; left: 120px; }
#header li.btn { position: absolute; top: 30px; left: 800px; }
/* メニュー */
#menu { height: 30px; width: 900px; margin-bottom: 10px; }
#menu li { float: left; width: 180px; height: 30px; }
/* メイン画像 */
#main_img { width: 900px; height: 200px; margin-bottom: 10px; }
/* ==============================================
 コンテンツ カラム指定
=============================================== */
/* コンテンツ */
#contents { width: 900px; }
/* メインカラム 2列右 */
#maincolumn { float:right; width:710px; }
/* サイドカラム */
#leftcolumn { float:left; width:180px; }
/* ==============================================
 フッター
=============================================== */
#footer { background: url(../img/background/bg_footer.gif) repeat-x; margin: 0 auto; padding: 7px; width: 948px; height: 12px; font-size: 12px; }
#navi { float: left; line-height: 12px; }
#navi li { display: inline; border-right: 1px solid #82c1ea; padding: 0 7px 0 5px; }
#navi li.l_line { border-left: 1px solid #82c1ea; }
#navi li a { color: #FFF; text-decoration: none; }
#navi li a:hover { color: #FFF; text-decoration: underline; }
#copyright { float: right; line-height: 12px; color: #FFF; }