@charset "UTF-8";
/* ---------------------------------------- /
/
/ 基本
/
/ ---------------------------------------- */
* { margin:0; padding:0;}
html,body { width:100%; height:100%;}
html { font-size:62.5%; overflow-y:scroll;}
body { background:url(../images/bg_01.jpg) repeat left top scroll; font-size:14px; font-size:1.4rem; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6;}
img { border:none; outline:none;}
ul { list-style:none; padding:0px;}
ol { padding:0px;}
li img { vertical-align:top;}
table { border-top:#999 solid 1px; border-left:#999 solid 1px; border-spacing:0px; width:100%;}
th,td { border-right:#999 solid 1px; border-bottom:#999 solid 1px; padding:5px 10px;}
area { border:none; outline:none;}

#wrap { background:url(../images/bg_02.png) no-repeat center top;}

#container { width:980px; margin:0px auto;}
#container h1,
#container h2,
#container p { margin-bottom:10px;}

#main { width:770px; float:right;}
#main #keyvisual { margin-bottom:20px;}
#main #contents { padding:0px 30px;}

#sidebar { width:210px; float:left;}
#sidebar #nav-global { margin-bottom:20px;}
#sidebar #box-plansearch,
#sidebar #list-fb,
#sidebar #list-link { background:#F2EEE3; padding:10px; margin-bottom:20px;}
#sidebar #list-fb li { border-bottom:#CCC solid 1px; padding:10px 0px;}
#sidebar #list-fb li a { color:#666; text-decoration:none;}
#sidebar #list-fb li a:hover { text-decoration:underline;}
#sidebar #list-fb li strong { color:#069;}
#sidebar #list-link li { margin-bottom:10px;}
#sidebar #list-link li a img { border:#B3B3B3 solid 1px;}
#sidebar #list-link li a:hover img { border:#CCC solid 1px; opacity:0.8;}

#retop { width:980px; margin:0px auto;}

#footer { background:url(../images/bg_03.jpg) repeat center top;}
#footer .container { width:980px; margin:0px auto; padding:20px 0px; color:#FFF;}
#footer .container .alignleft { width:440px;}
#footer .container .alignleft img,
#footer .container .alignleft p { margin-bottom:10px;}
#footer .container .alignleft a { color:#FFF;}
#footer .container .alignleft a:hover { text-decoration:none;}
#footer .container .alignleft span { font-size:12px; font-size:1.2rem;}
#footer .container .alignright { width:520px;}
#footer .container .alignright ul { width:140px; float:left; border-top:#FFF dotted 1px; margin-right:20px}
#footer .container .alignright ul li { padding:7px 0px; border-bottom:#FFF dotted 1px;}
#footer .container .alignright ul li a { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#FFF; text-decoration:none;}
#footer .container .alignright ul li a:hover { color:#06C;}
/* ---------------------------------------- /
/
/ Float・Clearfix
/
/ ---------------------------------------- */
.alignleft { float:left;}
.alignright { float:right;}
img.alignleft { margin:0px 10px 10px 0px;}
img.alignright { margin:0px 0px 10px 10px;}

.clear { clear:both;}

ul:after,
ol:after,
li:after,
dl:after,
dd:after,
#container:after,
.container:after,
#slide:after,
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
/*.clearfix { display:inline-table;}*/
/* For IE 6/7 (trigger hasLayout) */
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */