@charset "utf-8";



/* 初期設定

----------------------------------------------------- */

body {

  margin: 0;

  padding: 0;

  font-size: small;

  color: #333;

  background: #fff;

}

h1, h2 {

  color: #222;

}

h1 {

  font-size: x-large;

}

h2 {

  font-size: medium;

}

p {

  line-height: 1.7;

}

a:link, a:visited {

  color: #37c; 

}

a:hover {

  color: #999;

}

section, article, aside, nav, header, footer, hgroup {

  display: block;

}



/* ページの枠組み

----------------------------------------------------- */

#page {

  margin: 0 auto;

  width: 900px;

}

#main {

  float: left;

  width: 450px;

}

#sub {

  float: right;

  width: 450px;

}

footer {

  clear: both;

}

footer section {

  float: left;

  width: 280px;

}

footer #middle {

  margin: 0 30px;

}

#copyright {

  clear: both;

}



/* ヘッダー

----------------------------------------------------- */

header img {

  display: block;

}

#logo {

  margin: 20px 0;

}



/* ナビゲーション

----------------------------------------------------- */

nav ul {

  overflow: hidden;

  margin: 0 0 10px 0;

  padding: 0;

  border: 1px solid #ddd;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

  -webkit-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);

  box-shadow: inset 1px 1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.1);

  line-height: 1.0;

  background: url(conts/li-bg.jpg) repeat-x bottom;

} 

nav li, nav a {

  display: block;

}

nav li {

  float: left;

  border-right: 1px solid #ddd;

}

nav a {

  padding: 5px 15px;

  font-weight: bold;

  text-decoration: none;

  text-shadow: 1px 1px 0 #fff;

}

nav a:hover {

  background: url(conts/li-bg-hover.jpg) repeat-x bottom;

}

nav #current a {

  color: #333;

  background: #fff;

}



/* サイドバー

----------------------------------------------------- */

#sub aside {

  margin: 20px 0 20px 20px;

  padding: 15px;

  border: 1px solid #ddd;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

  background-color: #f5f5f5;

  -webkit-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);

  box-shadow: inset 1px 1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.1);

  text-shadow: 1px 1px 0 #fff;

}

#sub h2 {

  clear: both;

  margin-top: 0;

}

#sub img {

  float: left;

  margin: 0.4em 7px 0 0;

}



/* フッター

----------------------------------------------------- */

footer {

  border-top: 1px solid #ccc;

}

#copyright {

  padding-top: 20px;

  text-align: center;

  color: #999;

}