/*
Theme Name OKAWA
Theme URI:http://www.o-kouiki.jp/okawa/
Description:OKAWA
Author:OKAWA KOUIKI
*/

/* 全体構造
-------------------------------------------------*/
body {
 margin:0;
 padding:0;
 text-align:center;
 background-color:#cccccc;
 font-size:0.8em;
 font-family:"ＭＳ Ｐゴシック",sans-serif;
 }

a img {
 border:none;
 }

/* ヘッダ
-------------------------------------------------*/
#header {
 width:800px;
 height:80px;
 background: url(./image/back_logo.jpg) no-repeat top right;
 background-color:#ffffff;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 }

#header img{
 float:left;
 }

#searchform {
 float:right;
 width:270px;
 margin-top:2px;
 }

/* ナビゲーション（上部） 
-------------------------------------------------*/
#navigation {
 width:800px;
 padding-top:10px;
 padding-bottom:10px;
 background-color:#006699;
 border-bottom:1px solid #666666;
 height:15px;
 margin-left:auto;
 margin-right:auto;
 }

#navigation ul {
 margin:0;
 list-style:none;
 clear:both;
 padding:0;
 }

#navigation li {
 padding:0;
 float:left;
 padding-left:10px;
 padding-right:10px;
 border-right:1px solid #ffffff;
 font-size:1em;
 }

#navigation li a:hover {
 color:#ｆｆｆｆｆｆ;
 text-decoration:underline;
 }

#navigation li a {
 color:#ffffff;
 text-decoration:none;
 margin-top:12px;
 margin-bottom:12px;
 }

/* コンテナ 
-------------------------------------------------*/
#container {
 width:800px;
 background: url(./image/wallppr0830.gif) repeat-y ;
 background-color:#ffffff;
 padding-bottom:1px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 }

/* パンくずリスト
-------------------------------------------------*/
p#bread {
 clear:both;
 margin:0;
 padding:0;
 font-size:1em;
 }

/* コンテンツ
-------------------------------------------------*/

#content {
 float:right;
 width:560px;
 padding-top:10px;
 padding-right:20px;
 padding-bottom:10px;
 margin:0;
 background-color:#ffffff;
 }

#content ul {
 margin-top:0;
 margin-left:10px;

 padding-left:10px;
 }
#content ul li {
 line-height:2em;

 padding-left:0;
 margin-left:0;
 }


#content a {
 color:#00008b;
 text-decoration:none;
 }

#content a:hover {
 color:#ff6347;
 text-decoration:none;
 }

#content p {
 line-height:1.5em;
 }

#content p.date {
 text-align:right;
 color:gray;
 }

/* 箇条書き（番号付き）
-------------------------------------------------*/
#content ol {
 margin-left:3em; 
 padding-top:0px;
 margin-bottom:0px;
 }

#content ol li {
 line-height:1.5em;
　}


/* 見出し
-------------------------------------------------*/
#content h1#title {
 background-color:#708090;
 color:#ffffff;
 font-size:1.3em;
 line-height:1.7em;
 padding-left:5px;
 margin-top:5px;
 margin-bottom:10px;
 }

#content h2 {
 background-color:#ffffff;
 color:#222222;
 font-size:1.2em;
 padding-top:5px;
 padding-bottom:2px;
 padding-left:0px;
 margin-top:10px;
 margin-left:0px;
 border-bottom:2px solid #006699;
 }

#content h3 {
 background-color:#ffffff;
 color:#000000;
 font-size:1em;
 padding-top:3px;
 padding-bottom:2px;
 padding-left:5px;
 margin-top:20px;
 margin-left:0px;
 border-left:3px solid #666666;
 background-color:#ffffff;
 font-weight:normal;
 }

/* 新着情報
-------------------------------------------------*/

#new h1 {
border: 1px solid #996634;
border-radius: 3px;
background-image: -moz-linear-gradient(top, #ffe1ad, #fdc565 5%, #faa91c 12%, #ea8510 92%, #d96104);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffe1ad), to(#d96104), color-stop(5%, #fdc565), color-stop(12%, #faa91c), color-stop(92%, #ea8510));
box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 0 0 1px #f9a958;
 color:#ffffff;
 font-size:1.3em;
 padding-left:5px;
 line-height:1.7em;
 margin-top:5px;
 margin-bottom:10px;
 background-color:#ff7f50;
 }

#new dl {
 margin-top:0px;
 }

#new dt {
 line-height:2em;
 margin-left:10px;
 padding-left:10px;
 background: url(./image/listmark.gif) no-repeat center left;
 color:#666666;
 }

#new dd{
 line-height:2em;
 margin-top:-2em;
 margin-left:9.5em;
 padding-left:0em;
 padding-bottom:0;
 padding-right:0;
 margin-right:0px;
 }

/* 更新情報
-------------------------------------------------*/

#update h1 {
 background-color:#006699;
 color:#ffffff;
 font-size:1.3em;
 padding-left:5px;
 line-height:1.7em;
 margin-top:5px;
 margin-bottom:10px;
border: 1px solid black;
border-radius: 3px;
background-image: -moz-linear-gradient(top, #167fe8, #003c7b);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0099CC), to(#006699));
box-shadow: 0 0 5px rgba(0,0,0,0.75), inset 0 1px 0 rgba(255,255,255,0.55);
 }

#update dl {
 margin-top:0px;
 }

#update dt {
 line-height:2em;
 margin-left:10px;
 padding-left:10px;
 background: url(./image/listmark.gif) no-repeat center left;
 color:#666666;
 }

#update dd{
 line-height:2em;
 margin-top:-2em;
 margin-left:9.5em;
 padding-left:0em;
 padding-bottom:0;
 padding-right:0;
 margin-right:0px;
 }

/* 紹介文
-------------------------------------------------*/
#content p#intro {

 padding:10px;
 background:#CEEBF7;
 margin:0;
border: 1px solid black;
border-radius: 2px;
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
box-shadow: 0 1px 5px rgba(0,0,0,0.75), inset 0 1px 0 white;
 }

/* トップページイメージ
-------------------------------------------------*/
#content p#toppage {
 background: url(http://www.o-kouiki.jp/wp-content/themes/okawa/image/sanuki2.jpg) no-repeat;
 height:366px;
 }


/* ページのトップへ
-------------------------------------------------*/
#container p#totop {
 clear:both;
 text-align:right;
 padding-right:20px;
 margin-top:10px;
 margin-bottom:10px;
 margin-right:20px;
 background: url(./image/totop.gif) no-repeat center right;
 } 
#container p#totop a {
 color:#00008b;
 text-decoration:underline;
 }

#container p#totop a:hover {
 color:#ff6347;
 text-decoration:none;
 }

/* ページのトップへ（その２）
-------------------------------------------------*/
#container p.totop_2 {
 clear:both;
 text-align:right;
 padding-right:20px;
 margin-top:10px;
 margin-bottom:10px;
 margin-right:0px;
 background: url(./image/totop.gif) no-repeat center right;
 } 

/* 次のページへ
-------------------------------------------------*/
#content p#next {
 text-align:center;
 margin-top:20px;
 } 

/* テーブルレイアウト
-------------------------------------------------*/
#content table#default {
 border:2px solid #666666;
 border-collapse:collapse;
 border-spacing:0;
 background-color:#ffffff;
 empty-cells:show;
 margin-bottom:20px;
 }

#content table#default th {
 border:1px solid #666666;
 background-color:#cccccc;
 padding:5px;
 text-align:center;

 }

#content table#default td {
 border:1px solid #666666;
 padding:5px;
 line-height:1.5em;
 }

#content table#default caption {
 text-align:left;
 padding-bottom:0px;
 padding-top:0px;
 }


/* サイドバー
-------------------------------------------------*/
#sidebar {
 float:left;
 width:200px;
 padding-top:15px;
 padding-bottom:35px;
 margin:0px;
 }
#sidebar ul {
 margin-left:10px;
margin-top:0;
 padding:0px;
 border-top:0px solid #006699;
 list-style:none;
 }

#sidebar li.menu {
 margin-top:5px;
 border-right:10px solid #006699;
 border-bottom:1px solid #006699;
 text-align:center;
 font-weight:bold;
 font-size:1.2em;
 letter-spacing:2px;
  line-height:1.7em;

 }

#sidebar li.menu a {
 display:block;
 width:;
 margin:0;
 text-decoration: none;
 background-color:#CEEBF7;
 color:#555555;
  }
#sidebar li.menu a:hover {
 display:block;
 width:;
 margin:0;
 text-decoration:underline;
 background-color:#ffffff;
 color:#ff6347;
  }

#sidebar li#honbu {
 margin-top:20px;
 border-right:10px solid #228b22;
 border-bottom:1px solid #228b22;
 text-align:center;
 font-weight:bold;
 font-size:1.2em;
 letter-spacing:2px;
 line-height:1.7em;
 }

#sidebar li#honbu a {
 display:block;
 width:;
 margin:0px;
 text-decoration: none;
 background-color:#CCFFCC;
 color:#555555;
  }
#sidebar li#honbu a:hover {
 display:block;
 width:;
 margin:0px;
 text-decoration:underline;
 background-color:#ffffff;
 color:#ff6347;
  }

#sidebar li#library {
 margin-top:5px;
 border-right:10px solid #228b22;
 border-bottom:1px solid #228b22;
 text-align:center;
 font-weight:bold;
 font-size:1.2em;
 letter-spacing:2px;
 line-height:1.7em;
 }

#sidebar li#library a {
 display:block;
 width:;
 margin:0px;
 text-decoration: none;
 background-color:#CCFFCC;
 color:#555555;
  }
#sidebar li#library a:hover {
 display:block;
 width:;
 margin:0px;
 text-decoration:underline;
 background-color:#ffffff;
 color:#ff6347;
  }

/* アドレス
-------------------------------------------------*/
#sidebar p#adress {
 margin-left:10px;
 padding:10px;
 font-size:0.9em;
 background-color:#e6e6e6;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 color:#333333;
 line-height:1.5em;
 }
/* サイトマップ
-------------------------------------------------*/
#content p.list {
 background: url(./image/listmark.gif) no-repeat center left;
 margin-left:10px;
 margin-bottom:0;
 padding-left:10px;
 line-height:2em;
 }
#content li.sitemap {
 margin-left:2em;
 background: url(./image/listmark_2.gif) no-repeat center left;
 }

/* お問い合わせ
-------------------------------------------------*/
#form dl {
 margin-top:0px;
 }

#form dt {
 line-height:2em;
 margin-left:10px;
 padding-left:10px;
 }

#form dd{
 line-height:2em;
 margin-top:-2em;
 margin-left:11em;
 margin-bottom:1em;
 padding-left:0em;
 padding-bottom:0;
 padding-right:0;
 margin-right:0px;
 }


/* フッタ
-------------------------------------------------*/
#footer {
 clear:both;
 width:800px;
 background-color:#006699;
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;
 color:#ffffff;
 font-size:0.9em;
 margin-left:auto;
 margin-right:auto;
 }

#footer a {
 color:#ffffff;
 }