@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif; color: #666; }

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 150%; }

img { border: none; }

.clear { clear: both; }

#wrapper { width: 1000px; margin: 0px auto; }
#header { padding: 20px 10px 0; }
h1 { font-size: x-small; line-height: 40px; padding: 0 10px; }
#pagebody { padding: 0 19px; }
#mainimg { border: 1px solid #ccc; width: 960px; }

/*-- navi yoko
-------------------------------------------*/
#navi { clear: both; overflow: hidden; height:120px; width: 980px; }
#navi li { list-style-type:none; float:left; }

/*-- footer 
-------------------------------------------*/
#footer { padding: 0px 20px; }
#copyright { color: #333; line-height: 20px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover, a:active { color: #333; text-decoration:none; }
a:focus{ outline: none; }

/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/*-- colors 
-------------------------------------------*/
.red { color: #c00; }
.blue { color: #00c; }
.green { color: #0c0; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }