/* ELEGANT
----------------------------------------------------------*/

@charset "utf-8";

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

/* 基本色 */
body {
	color:#333333;
}
/* サイトタイトル---(バックの画像によって、見やすい色に調整してください) */
#banner #site-title span {
	color:#B191C7;
}
/* リンクA---(まだ訪れていないページ) */
a{
	color:#0000FF;
}
/* リンクB---(訪れたページ) */
a:visited{
	color:#800080;
}
/* リンクC---(文字の上にマウスカーソルがあるとき) */
a:hover{
	color:#0000FF;
}
/* リンクD---(文字をクリックした時) */
a:active{
	color:#800080;
}
/* 見出し */
h1,h2,h3,h4,h5,h6{
	color:#333333;
}
/* 太字---(投稿時に【 B 】のボタンで囲った箇所) */
strong{
	color:#333333;
}
/* イタリック---(投稿時に【 I 】のボタンで囲った箇所) */
em{
	color:#333333;
}
/* アンダーライン---(投稿時に【 U 】のボタンで囲った箇所) */
u{
	color:#333333;
}
/* 引用---(投稿時に【“】のボタンで囲った箇所) */
	blockquote{
	color:#333333;
}
/* -------------------------------------------------------
以上で基本設定は終了です。ここから下のカスタマイズは、
スタイルシートに慣れている方以外は、
触られない事をおすすめします。
----------------------------------------------------------*/

/* body
----------------------------------------------------------*/
*{margin:0; padding:0;}
body{ font-family:sans-serif; font-size:0.8em; color:#333333; text-align:center; background:#C4B8CB; }
h1,h2,h3,h4,h5,h6{ font-size:1em; }
img{ border:0px; }
table{ font-family:sans-serif; font-size:0.8em; color:#333333; }
#container{ width:800px; text-align:left; margin:0 auto; border-right:5px solid #CCBBD1; border-left:5px solid #CCBBD1; background:#EEE6F2; }


/* header
----------------------------------------------------------*/
#header{ }
#bread{ font-size:0.9em; color:#E6DBEF; text-align:right; padding:5px 15px; border-bottom:solid 5px #9C80AF; background-color:#B191C7; }
*html #bread{ width:800px; }
#bread a{ color:#EEEEEE;}
#bread span{ font-weight:bold; margin-right:5px; }
#banner { height:150px; width:800px; background:url(image/back-title.jpg) no-repeat 0px 0px; display:block; }
#banner #site-title{ padding:50px 0 0 20px; }
#banner #site-title a{ font-family:"HG創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std"; }
#banner #site-title span{ font-size:2em; font-weight:bold; padding:30px 10px 10px 20px; display:block; text-decoration:none; }
*html #banner #site-title span{ font-size:2em; font-weight:bold; padding:50px 10px 10px 10px; display:block; text-decoration:none; }
#intro{ padding:10px 30px; line-height:150%; }
#intro-main{ background:#EEE6F2; padding:10px 30px; line-height:150%; }

/* center
----------------------------------------------------------*/
#center{ background:url(image/patetitle-back01.png) no-repeat; }
#back{ background:url(image/content-back01.png) repeat; }

/* content
----------------------------------------------------------*/
#content{ width:800px; display:inline; }

#content .sec{ clear:both; }

#page-title01{ font-size:1.5em; position:relative; top:31px; margin:0 0 35px 0px; padding:5px 0 7px 0px; background:#B191C7 url(image/patetitle-back02.png) repeat-x 0 bottom;  }
#page-title01 span{ color:#FFFFFF; padding:0 0 0 35px; background:url(image/icon03.png) no-repeat 17px top;}
#page-title02{ font-size:1.5em; position:relative; top:31px; margin:0 0 60px 0px; padding:5px 0 7px 0px; background:#B191C7 url(image/patetitle-back02.png) repeat-x 0 bottom; }
#page-title02 span{ color:#FFFFFF; padding:0 0 0 35px; background:url(image/icon03.png) no-repeat 17px top; display:block;}

#page-index{ font-size:0.9em; padding:5px 0 0 0; background:url(image/icon07.png) 30px 0 no-repeat; width:800px; overflow:hidden; }
#page-index ul{ height:51px; line-height:150%; margin:5px 0 0 90px; }
#page-index li{ list-style:none; background:url(image/icon05.png) 0 2px no-repeat; float:left; white-space:nowrap; }
#page-index li a { margin:0 2em 0 1.4em; }

#main {}
#main .category { padding:0px 1px; }
#main .category a{ color:#000000; text-decoration:none; float:left; height:200px; width:266px; background:url(image/category-back01.png) 0px 0px no-repeat; display:block; overflow:hidden; }
#main .category a:hover{ background:url(image/category-back01.png) 266px 0px; }
#main .category .title01{ position:relative; width:266px; top:30px; height:68px; display:block; overflow:hidden; }
#main .category .title01 .title02{ font-size:1.2em; color:#FFFFFF; font-weight:bold; padding:5px 0px 0px 0px; background:url(image/category-back02.png) -1px 0px repeat-y; display:block; width:266px;}
#main .category .title01 .title02 .title03{ display:block; padding:0px 0px 0px 0px; background:url(image/icon03.png) 15px 0px no-repeat;}
#main .category a .under_line01{ display:block; position:relative; left:0px; padding:0 60px 10px 30px; background:url(image/category-back03.png) -1px bottom no-repeat; }
#main .category .sec{ height:95px; margin:0px; padding:0px 30px 0px 30px; line-height:150%; position:relative; top:-20px; display:block; overflow:hidden; }
#main .category a .button01{ position:relative; top:-30px; left:207px; height:51px; width:52px; background:url(image/icon06.png) 0 0px no-repeat; display:block; }
#main .category a:hover .button01{ background:url(image/icon06.png) -53px 0px no-repeat; }
#main .category .sec ul li{list-style:none; display:inline;}

#main h2.entry-title{ font-size:1.3em; margin:5px 30px -28px 30px; padding:0 0 0 18px;  background:url(image/icon01.png) no-repeat 3px 5px; }
#main h2.entry-title a{ font-weight:normal; font-family:"HG創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std"; color:#B191C7; }
#main ul.entry li{ margin:0px 0px 0.5em 5px;list-style-type:none;}
#main ul.entry li.entry-link a{ font-weight:bold; text-decoration:underline; padding:3px 0px 0px 18px; background:url(image/icon-entry02.png) no-repeat; }
#main .entry-desc { margin:0 15px; }
#main .entry-desc p { display:inline; } 
#main .entry-desc .detail a { margin:0 15px; padding:0 0 0 17px; background:url(image/icon05.png) 0px 2px no-repeat; display:inline; }

#main ul ul{ margin:0px 0px 0px 1em; }
#main .entry-body{ float:left; width:460px; }
#main .entry-body div{ display:block; padding:0px 15px; border-right:dotted 1px #B191C7; }
#main .entry-more{ float:right; width:280px; }
#main .entry-more div{ display:block; padding:0px 15px; }
#main .entry-body02 div{ display:block; padding:0 15px; border:0;}
#main .entry-body02 div p{ font-size:0.9em; line-height:180%; margin-top:10px; margin-bottom:1em;  }
#main .entry-body02 ul{ margin-left:2em; }
#main .entry-body02 .cap{ font-size:13px; color:#B191C7; font-weight:bold; margin:0 15px 15px 15px; }
#main .entry-body p,#main .entry-more p{ font-size:0.9em; line-height:180%; margin-top:10px; margin-bottom:1em; }
#main .entry-body ul,#main .entry-more ul{ margin-left:2em; }
#main .entry-body .cap,#main .entry-more .cap{ font-size:13px; color:#B191C7; font-weight:bold; margin:0 15px 15px 15px; }
#main .entry-more .cap { margin-left:0; }
#main .entry-more h3.cap { margin-left:15px; }
#main .entry-body h1,#main .entry-body02 h1,#main .entry-more h1{ font-size: 2em; margin: .67em 0; }
#main .entry-body h2,#main .entry-body02 h2,#main .entry-more h2{ font-size: 1.5em; margin: .83em 0; }
#main .entry-body h3,#main .entry-body02 h3,#main .entry-more h3{ font-size:1.17em; margin: 1em 0; }
#main .entry-body h4,#main .entry-body02 h4,#content #main .entry-more h4{ margin: 1.33em 0; }
#main .entry-body h5,#main .entry-body02 h5,#content #main .entry-more h5{ font-size:0.83em; margin: 1.67em 0; }

.clear{ clear:both; margin-top:-1em;}

.submenu01{ clear:both; font-size:0.9em; text-align:right; margin:0 1.5em 0 0; padding:0.5em 0; }
#main .submenu01 a{ color:#B191C7; padding:0 0 0.2em 1.3em; background:url(image/icon01.png) no-repeat 0px 2px; }
#main ul.submenu02{ font-size:0.9em; text-align:right; margin:0 4.5em 1em 0; }
#main ul.submenu02 li{ list-style-type:none; display:inline; }

#content ul#navi{ margin:10px 15px 15px; background-color:#FFFFFF; overflow:hidden; width:710px; }
#content ul#navi strong { color:#B191C7; }
#content ul#navi li.entry-link { list-style:none; padding:0px 0px 5px 0px; }
#content ul#navi li.entry-link span.entry-desc{ margin:5px 0px 0px 6.8em; padding:5px; line-height:150%; display:block; }
#content ul#navi li ul{ line-height:150%; width:560px; margin:5px 0px 0px 6.8em; padding:5px; }
#content ul#navi li ul li{ list-style:none; background:url(image/icon05.png) 0 4px no-repeat; float:left; white-space:nowrap; margin:0 1.6em 0 0;padding:0 0 0 17px;}
#content ul#navi li ul li a{ }

.content-top,.content-bottom{ clear:both; }

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

#main .corners_box01 { width:740px; margin:45px 30px 30px 30px; background: #ffffff; }

/* menu
----------------------------------------------------------*/
#hide_menu {z-index:1; padding:0; margin-top:-27px; border:0; }
#hide_menu #menu {display: none; }
#hide_menu:hover a{ }
#hide_menu:hover #menu{width:780px; display:block;z-index:5; position:absolute; margin-top:-4px;padding:10px 0px; border:solid 10px #9C80AF; background:#EEE6F2 url(image/patetitle-back01.png) 0 -100px no-repeat; }
#hide_menu:hover #menu .sec{ margin:0; padding:10px 30px; }
#hide_menu:hover #menu .sec h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#B191C7; padding:0 0 0 1.2em; background:url(image/icon01.png) no-repeat 0px 2px; }
#hide_menu:hover #menu #categories{}
#hide_menu:hover #menu #categories ul{ padding:5px 20px 0 20px;}
#hide_menu:hover #menu #categories ul li{ line-height:150%; background:url(image/icon02.png) 0px 2px no-repeat; display:inline; white-space:nowrap; }
#hide_menu:hover #menu #categories ul li a{ margin:0px 2em 0px 1em; }
#hide_menu:hover #menu #categories ul li a:hover{}
#hide_menu:hover #menu #search{}
#hide_menu:hover #menu #search form{ padding:5px 20px 0 20px; }
#hide_menu:hover #menu #search form input{ border:solid 1px #CCCCCC;}
#hide_menu:hover #menu #search form span input{ background:#B191C7; border:solid 1px #B191C7; color:#FFFFFF;}

*html #hide_menu table {border-collapse:collapse; width:800px;position:absolute; margin:27px 0 0 -213px;z-index:5; font-family:sans-serif; font-size:1em; color:#333333; }
*html #hide_menu a.hide, #hide_menu a:visited.hide {display:none; }
*html #hide_menu a:hover{background: no-repeat;}
*html #hide_menu a:hover div.#menu{width:800px; display:block;padding:10px 0px; border:solid 10px #9C80AF; background:#EEE6F2 url(image/patetitle-back01.png) 0 -100px no-repeat; }
*html #hide_menu a:hover div.#menu .sec{ margin:0; padding:10px 30px; }
*html #hide_menu a:hover div.#menu .sec h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#B191C7; padding:0 0 0 1.2em; background:url(image/icon01.png) no-repeat 0px 0px; }
*html #hide_menu a:hover div.#menu #categories{}
*html #hide_menu a:hover div.#menu #categories ul{ padding:5px 20px 0 20px;}
*html #hide_menu a:hover div.#menu #categories ul li{ float:left; line-height:150%; background:url(image/icon02.png) 0px 2px no-repeat; white-space:nowrap; }
*html #hide_menu a:hover div.#menu #categories ul li a{ margin:0px 2em 0px 1em; }
*html #hide_menu a:hover div.#menu #categories ul li a:hover{}
*html #hide_menu a:hover div.#menu #search{}
*html #hide_menu a:hover div.#menu #search form{ padding:10px 20px; }
*html #hide_menu a:hover div.#menu #search form input{ border:solid 1px #CCCCCC;}
*html #hide_menu a:hover div.#menu #search form span input{ background:#B191C7; border:solid 1px #9C80AF; color:#FFFFFF;}

/* footer
----------------------------------------------------------*/
#footer{ font-size:0.9em; clear:both; width:800px; background-color:#B191C7; border-bottom:solid 6px #9C80AF; }
#footer #under-menu{ text-align:center; background-color:#C4B8CB; }
#footer #under-menu ul{ color:#00137F; text-align:center; line-height:1.5em; padding:10px; }
#footer #under-menu ul li{ margin:5px 0.7em; list-style-type:none; display:inline; }
#footer #powered{ float:right; width:400px; line-height:200%; padding:10px 0px 0px 0px; color:#FFFFFF; }
#footer #info { float:left; padding:10px 0px 0px 0px; width:400px; }
#footer #info ul{ padding:5px 10px 0 30px; }
#footer #info ul li{ float:left; padding:0px 17px; background:url(image/icon01.png) no-repeat 0px 2px; list-style:none; line-height:1.5em; white-space:nowrap; }
#footer #info ul li a{ color:#E6DBEF; }
#footer #powered a{ text-decoration:none; color:#EEEEEE; }
#footer #powered a.top-link{ text-decoration:underline; }