@charset "UTF-8";

/* 文字色の基本設定
----------------------------------------------------------*/

/* 基本色 */
body {
	color:#333333;
}
/* サイトタイトル---(バックの画像によって、見やすい色に調整してください) */
#banner h1 a span,#banner p.site-title a span {
	color:#FFFFFF;
}
/* リンクA---(まだ訪れていないページ) */
a{
	color:#3F658C;
}
/* リンクB---(訪れたページ) */
a:visited{
	color:#4A5C6A;
}
/* リンクC---(文字の上にマウスカーソルがあるとき) */
a:hover{
	color:#9A996D;
}
/* リンクD---(文字をクリックした時) */
a:active{
	color:#B3BECC;
}
/* 見出し */
h1,h2,h3,h4,h5,h6{
	color:#000000;
}
/* 太字---(投稿時に【 B 】のボタンで囲った箇所) */
strong{
	color:#333333;
}
/* イタリック---(投稿時に【 I 】のボタンで囲った箇所) */
em{
	font-style:normal;
color:#FF0000;
}
/* アンダーライン---(投稿時に【 U 】のボタンで囲った箇所) */
u{
	color:#333333;
}
/* 引用---(投稿時に【“】のボタンで囲った箇所) */
	blockquote{
	color:#333333;
}
img {
border: 0;
}

/* 背景色の基本設定
----------------------------------------------------------*/
/* 全体の背景色 */
body{
	background-color:#BBBBBB;
}
/* 記事の背景色 */
#container{
	background-color:#FFFFFF;
}

/* -------------------------------------------------------
以上で基本設定は終了です。ここから下のカスタマイズは、
スタイルシートに慣れている方以外は、
触られない事をおすすめします。
----------------------------------------------------------*/


/* ヘッダー画像のスタイル
----------------------------------------------------------*/
	#banner h1,#banner p.site-title{
	height:150px;
	width:800px;
	background-image:url('image/back-title.jpg');
	display:block;
}
	#banner h1 a,#banner p.site-title a{
	font-size:2em;
	font-family:"HG創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";
	font-weight:normal;
	text-decoration:none;
	padding:10px 10px 10px 20px;
	position:relative;
	top:60px;
}

/* body
----------------------------------------------------------*/
*{margin:0; padding:0;}
body{ font-size:0.8em;  text-align:center; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
#container{ text-align:left; margin-right:auto; margin-left:auto; border-width:0px 1px; border-color:#555555; border-style:solid; width:800px; background-image:url(image/back-container.png); background-repeat:repeat-y; }
div.sec{ }


/* header
----------------------------------------------------------*/
#header { background-color:#89AAFF; width:800px;}

#bread{ color:#FFFFFF; font-size:0.9em; padding:5px;background-color:#0049FF;background-image:url(image/back-box01.png); background-repeat:repeat-x; }
#bread p {display: inline; }
#bread h1 {display: inline; color:#ffffff; font-size:100%;}
#bread a{ color:#FFFFFF;}
#bread span{background:url(image/icon-arrow02.png) 0px 0px no-repeat; list-style:none; padding:0px 0px 0px 10px;font-weight:bold; margin-right:5px;}
*html #bread span{background:url(image/icon-arrow01.png) 0px 3px no-repeat;}

#header #search {height:30px; }
#header #search h2{ margin:0px 10px 0px 15px;display:inline;}
#header #search form{display:inline;}


/* center
----------------------------------------------------------*/
#center{ }
*html #center{height:1%;}


/* content
----------------------------------------------------------*/
#content{ float:left; min-height: 1px; width:550px; display:inline; }
*html #content{ margin:15px 0px 15px 15px; height:1%; }
html>body #content{margin:15px 5px 15px 15px;}

#content p.intro{ margin:0px 0px 1em; }
#intro h2, #intro h1{ font-family: "HG創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std";font-size:1.6em; margin:0px 0px 10px 0px;background:url(image/icon-caption01.png) no-repeat; padding:5px 0px 3px 30px; border-bottom:#555555 1px solid;}
#intro h2 span, #intro h1 span{ margin:0px 0px 0px 0.5em; border:0px 0px 0px 0px solid}
#intro #desc{ margin:0px 0px 10px 0px; }

#content #main{margin:10px 0px 0px 0px; padding:0px 0px 10px 0px;}
#content #main h3{font-size:140%;margin:10px 0 0 0;padding-left: 25px;background-image: url(image/icon-search01.png);background-repeat: no-repeat;background-position: left center;}
#content #main h4 { font-size:120%; padding:5px 0px 0px 25px; background:url(image/icon-entry01.png) 0px 0px no-repeat; display:block; line-height:140%; margin:5px 0 0 0;}
#content #main h5 { font-size:120%; padding:5px 0px 0px 5px; display:block; line-height:140%; border-left:5px solid #0000FF; margin: 5px 0;}
#content #main h3 a {text-decoration: none; color: #000000;}
#content #main h4 a {text-decoration: none; color: #000000;}
#content #main h5 a {text-decoration: none; color: #000000;}
#content #main p{font-size:120%;line-height:140%;margin:0.3em 0 0 0;}
#content #main #top ul{margin:0; padding:0;}
#content #main #top li{font-size:120%; line-height:140%;margin:5px 0; list-style-type:none;}


#content #main ul.category li{ margin:0px 0px 0.5em 5px;list-style-type:none;}
#content #main ul.category li a.category-link{ font-size:1.3em; font-weight:bold; text-decoration:none; padding:5px 0px 0px 25px; background:url(image/icon-entry01.png) 0px 0px no-repeat; display:block; }
#content #main ul.category li span.category-desc{ font-size:0.9em;margin:0px 0px 0px 20px; padding:5px 0px 0px 0px; display:block;  }
#content #main ul.category li.entry-link a{ font-size:1em; font-weight:normal; text-decoration:underline; padding:3px 0px 0px 20px; background:url(image/icon-entry02.png) no-repeat; }
#content #main ul.category li hr{ color:#555555; margin:1em 0px 1em 0px;background-color:#555555;border:none;width:100%;height:1px; }

#content #main ul.entry li{ margin:0px 0px 0.5em 5px;list-style-type:none;}
#content #main ul.entry li.entry-link a{ font-size:1em; font-weight:bold; text-decoration:underline; padding:3px 0px 0px 15px;background:url(image/icon-entry02.png) no-repeat; }
#content #main ul.entry span.entry-desc{ margin:0.3em 0px 1.5em 15px; display:block; }
#content #main ul ul{margin:0px 0px 0px 1em;}
#content #main .entry-body{ margin:0px 0px 1em 0px; }
#content #main .entry-body h1,#content #main .entry-more h1{ font-size: 2em; margin: .67em 0; }
#content #main .entry-body h2,#content #main .entry-more h2{ font-size: 1.5em; margin: .83em 0; }
#content #main .entry-body h3,#content #main .entry-more h3{ font-size:140%;margin:0.5em 0 0 0;padding-left: 25px;background-image: url(image/icon-search01.png);background-repeat: no-repeat;background-position: left center; }
#content #main .entry-body h4,#content #main .entry-more h4{ margin: 1.33em 0 0 0; }
#content #main .entry-body h5,#content #main .entry-more h5{ font-size:0.83em; margin: 1.33em 0 0 0; }
#content #main .entry-body h6,#content #main .entry-more h6{ font-size: 0.67em; margin: 1.33em 0 0 0; }
#content #main .entry-body p,#content #main .entry-more p{ font-size:1.1em; line-height:150%; margin-top:10px; margin-bottom:1em; }
#content #main .entry-body ul,#content #main .entry-more ul,#content #main .entry-body ol,#content #main .entry-more ol{ margin-left:2em; }
#content #main .entry-body table,#content #main .entry-desc table { width:520px;border: double 5px #999999;
width: 100%;
text-align: center;
margin: 0 auto 5px auto;}
#content #main .entry-body table th,#content #main .entry-desc table th { background: #AAFFFF;text-align:center;}
#content #main .entry-body dl,#content #main .entry-more dl { margin:10px 0 10px 20px;font-size:110%; }
#content #main .entry-body dl dt,#content #main .entry-more dl dt { font-weight:bold; }
#content #main .entry-body dl dd,#content #main .entry-more dl dd { margin: 0 0 5px 15px; }
#content #main p.edit{ text-align:right; margin:0px 0px 0.5em; }

#content #main ul#navi{ margin-top:10px; padding:10px; background-color:#DEE8FF; }
#content #main ul#navi li.entry-link { background:url(image/icon-arrow01.png) 0px 2px no-repeat; list-style:none; padding:0px 0px 5px 10px; margin-right:5px; }
#content #main ul#navi li.entry-link span.entry-desc{ margin:5px 0px 0px 5em; padding:5px; border:1px solid #555555; background-color:#F5F5F5; display:block; }
#content #main ul#navi li ul{ line-height:150%; margin:5px 0px 0px 5em;padding:5px; border:1px solid #555555; background-color:#F5F5F5; }
#content #main ul#navi li ul li{ display:inline;}
#content #main ul#navi li ul li a{ margin:0px 1em 0px 0px;}

#content #main .site-map ul { line-height:150%; margin-left:2em; }
#content #main .site-map ul li{ margin-top:1em; }
#content #main .site-map ul ul li{ margin-top:0em; }


/* menu
----------------------------------------------------------*/
#menu{ float:right; width:220px; padding-top:10px;}
*html #menu{ height:1%; }

#menu .sec{ font-size:0.9em; margin:0px 10px 10px 10px;padding:10px; border:1px solid #555555; background-color:#DEE8FF; }
#menu .sec p {font-size:1.2em;background:url(image/icon-caption02.png) no-repeat; list-style:none; padding:5px 0px 5px 25px; font-weight: bold;}

#menu #categories h2{font-size:1.2em;background:url(image/icon-caption02.png) no-repeat; list-style:none; padding:5px 0px 5px 25px;}
#menu #categories ul{list-style-type:none; }
#menu #categories ul li a { font-weight:bold; text-decoration:none; margin-bottom:5px; padding:5px 10px 5px 20px; border:1px solid #555555; display:block; background:#FFFFFF url(image/icon-arrow01.png) 10px 9px no-repeat; }
#menu #categories ul li a:visited{ color:#00137F; }
#menu #categories ul li a:hover{ background-color:#DEE8FF; }
#menu #categories ul li .category-desc{display:none;}
#menu #categories ul ul{margin-left:10px;}

#menu #info ul li{background:url(image/icon-arrow01.png) no-repeat; list-style:none; padding:0px 0px 5px 10px;}
#menu .blog { text-align: right;}

/* footer
----------------------------------------------------------*/
#footer{ font-size:0.9em; text-align:center; clear:both; width:800px; background-color:#89AAFF; }
#footer p{ }
#footer #under-menu{ color:#00137F; text-align:center; padding:10px;}
#footer #under-menu ul{ line-height:150%; margin-bottom:5px;  }
#footer #under-menu ul li{ margin:5px 0.7em; list-style-type:none; display:inline; }
#footer #powered{ color:#FFFFFF;padding:10px; background-color:#0049FF;background-image:url(image/back-box01.png); background-repeat:repeat-x; }
#footer #powered a{ text-decoration:none; color:#FFFFFF; }
#footer #powered a.top-link{ text-decoration:underline; }
#footer #powered ul li{ display:inline; list-style-type:none; }