/* ::::: http://waku-commu.sakura.ne.jp/css/style.css ::::: */

* { margin: 0px; padding: 0px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; list-style: outside none none; font-size: 13px; color: rgb(102, 102, 102); }
html { min-height: 100%; background: transparent url('bg_header.jpg') repeat-x scroll 0% 0%; }
body { min-height: 100%; text-align: center; background: transparent url('bg_footer.jpg') repeat-x scroll center bottom; }
#wrapper { height: 100%; text-align: left; margin: 0px auto; width: 1200px; }
h1 { margin: 0px; padding: 0px; }
h2 { clear: both; border-top: 2px solid rgb(109, 178, 224); border-bottom: 1px dotted rgb(204, 204, 204); height: 50px; line-height: 50px; padding: 0px 0px 0px 40px; margin: 0px 0px 20px; width: 530px; color: rgb(16, 52, 77); font-size: 130%; background: transparent url('_icon2.png') no-repeat scroll 10px 12px; }
#sidebar h2 { width: 230px; }
a { color: rgb(21, 153, 230); text-decoration: none; }
a:hover { color: rgb(115, 189, 230); text-decoration: underline; }
p { margin: 10px 0px 0px; }
#header { width: 860px; min-height: 78px; padding: 16px 170px 0px; float: left; margin: 0px 0px 36px; }
#header ul#gnavi { display: block; float: right; width: 699px; }
#header ul#gnavi li { display: block; float: left; height: 40px; line-height: 40px; text-align: center; padding: 0px; width: 110px; margin: 0px 0px 0px 5px; background: transparent url('gnavi_bg.gif') no-repeat scroll 0% 0%; }
#header ul#gnavi li:first-child a { border-left: medium none; }
#header ul#gnavi li a { display: block; height: 40px; text-align: center; line-height: 40px; width: 100%; font-size: 85%; color: rgb(51, 51, 51); font-weight: bold; text-shadow: 0px 1px 0px rgb(255, 255, 255); }
#header ul#gnavi li.on { background: transparent url('gnavi_on.gif') no-repeat scroll center bottom; }
#header ul#gnavi li.on a { color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); }
#header ul#gnavi li.on a:hover { color: rgb(255, 255, 255); }
#header ul#gnavi li a:hover { color: rgb(109, 178, 224); }
div#mainVisual { clear: both; width: 100%; text-align: center; padding: 0px 0px 36px; }
#mainColumn { width: 570px; float: left; margin: 0px 0px 0px 165px; padding: 0px; }
#mainColumn div.main { margin: 0px 10px 25px; float: left; width: 548px; }
#mainColumn div.main::after { content: ""; clear: both; }
#mainColumn div.main div:nth-child(3) { float: left; width: 344px; margin: 0px 10px; }
#mainColumn div.main div:nth-child(4) { float: left; width: 172px; margin-right: 10px; }
div#license { text-align: right; margin-right: 25px; }
div p {  }
dl.news { width: 100%; clear: both; float: left; margin: 20px 0px 0px; }
dl.news dt { font-weight: lighter; color: rgb(0, 0, 102); width: 80px; }
dl.news:first-child { margin: 0px; }
#sidebar { width: 270px; padding: 0px; margin: 0px 165px 0px 0px; float: right; }
#sidebar div.container { padding: 10px; border: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255) url('bg_sec.jpg') repeat-x scroll center bottom; margin: 0px 0px 35px 10px; float: left; width: 230px; }
ul#links { display: block; float: left; width: 250px; padding: 0px 10px; }
ul#links li { margin: 0px 0px 20px; float: left; display: block; }
ul#links li a { float: left; display: block; }
#footer { clear: both; text-align: center; background: transparent url('bg_footerimage.jpg') no-repeat scroll center top; padding: 197px 0px 0px; height: 155px; }