@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

* {
	margin: 0px;
	padding: 0px;
	
	font-size: 13px;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;
	text-align: left;
}

body
{
padding: 0px;
text-align: center;
}

#pages
{
background:url(images/header/bg-header.jpg) left top repeat-x;
}

.brclear
{
clear:both;
font: 0pt/0pt sans-serif;
}


p, li, dt, dd, address {
	color: #444444;

	line-height: 1.4;
}
p {
	margin-bottom: 15px;
}
ul {
	margin: 0px 0px 20px 20px;
}
ul li ol li {
	margin: 0px 20px 0px 25px;
}
ul li ol {
	margin-bottom: 10px;
}
em {
	font-weight: bold;
}
img
{
border:none;
text-decoration: none;
}

object
{
margin-left: 10px;
}

pre {
	width: 430px;
	margin: 10px;
	padding: 5px;
	border: 1px solid #EEEEEE;

	overflow: auto;
}
code, var, kbd {
	color: #000080;

	font-family: 'ＭＳ ゴシック', monospace;
	line-height: 1.2;
}
blockquote {
	margin: 10px;
	border-left: 2px solid #7777AA;
}
blockquote p {
	color: #999999;
}

form fieldset {
	border: 0px solid #000000;
}
form legend {
	display: none;
}
form input, form select {
	margin-right: 1px;
	padding: 1px;

	font-size: 90%;
}
@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
	}
}
form select {
	margin-top: 1px;
}
form p input {
	text-align: center;
}
form textarea {
	padding: 1px;

	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
}

table {
	border-collapse: collapse;
}
table tr th {
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #eee;
	text-align: center;
}
table tr td {
	padding: 5px;
	border: 1px solid #aaa;
}
table tr td input {
	margin: -2px;
}

a:link, a:visited {
	color: #67D511;
	text-decoration: underline;
}
a:active, a:hover {
	color: #6AEB0C;
	text-decoration: underline;
}

/* ----- 基本構造 -------------------------------------- */

#container
{
width:800px;
margin:0px auto;
background-color:#fff;
}

#header
{
width:800px;
margin-top:0;
margin-bottom:15px;
float:none;
clear:both;
}

#navigation
{
width:180px;
margin:0;
float:left;
}

#logs
{
width:600px;
margin:0 0 10px 0;
float:right;
}

div#navi,div#page,div#gallery,div#trackback
{
margin:0;
}

div#contents,div#work,div#env,div#status
{
float:none;
clear:both;
margin:0;
padding:0;
}

div#footer
{
width:800px;
clear:both;
margin:0 0 10px 0;
border-top: 1px solid #777;
}

/* ----- ヘッダー -------------------------------------- */

#header-txt
{
display:none;
padding:0 0 2px 0;
float:none;
clear:both;
}

#header-txt h1
{
display:inline;
margin:0;
font-size:11px;
color:#998675;
}

#header-txt h1 span
{
display:none;
}

#header-txt h1 a {
text-decoration:none;
font-size:12px ! important;
font-weight:normal;
}

#header-txt p.summary
{
display:inline;
margin:0;
font-size:12px ! important;
color:#998675;
}
}

@media screen
{
div#header h1 a
	{
	font-family:Verdana,Arial,sans-serif;
	}
}

/* ----- メニュー -------------------------------------- */

#menu
{
width:800px;
height:260px;
float:none;
clear:both;
margin:0;
background:url(images/header/signboard.jpg) left top no-repeat;
}

#menu h2
{
display:none;
}

#menu ul
{
margin:5px 0px;
text-align:right;
padding-top:70px;
}

#menu ul li
{
display:inline;
margin-left:10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navigation h2
{
width:180px;
margin:0 0 5px 0;
padding:0;
}

div#navigation h2 span
{
display:none;
font-size:11px;
color:#754C24;
}

div#navigation .block
{
width:180px;
margin:0 0 20px 0;
text-align:center;
}

div#navigation .block-inner
{
padding:5px;
background-color:#f80;
}

div#navigation ul
{
margin:0;
}

div#navigation ul li
{
display:block;
margin:0 0 1px 0;
list-style:none;
font-size:11px;
}

div#navigation dl
{
margin: 0px 5px 0px 5px;
}

div#navigation dl dt
{
}
div#navigation dl dd
{
}

.category
{
width:180px;
margin:0;
}

.category-inner
{
width:180px;
margin:0;
list-style:none;
}

.category-inner2
{
width:180px;
margin:0;
padding-top:5px;
list-style:none;
}

.parent a
{
display:block;
width:180px;
color:#fff;
text-decoration:none;
}

.parent a span
{
display:block;
padding:2px 0 2px 5px;
}

.parent a:link,.parent a:visited,.parent a:active
{
color:#fff;
background-color:#f50;
}

.parent a:hover
{
color:#fff;
background-color:#fb0;
}

.parent div
{
display:block;
width:180px;
color:#fff;
text-decoration:none;
background-color:#f50;
}

.parent div span
{
display:block;
padding:2px 0 2px 5px;
}

.child a,
.child2 a
{
display:block;
width:180px;
text-decoration:none;
color:#fff;
}

.child a:link,.child a:visited,.child a:active
{
color:#fff;
background-color:#f80;
}

.child a:hover
{
color:#fff;
background-color:#fb0;
}

.child a span
{
display:block;
padding:2px 0 2px 20px;
}

.child2 a:link,.child2 a:visited,.child2 a:active
{
color:#fff;
background-color:#f80;
}

.child2 a:hover
{
color:#fff;
background-color:#fb0;
}

.child2 a span
{
display:block;
padding:2px 0 2px 5px;
}

/* ----- 検索 ----- */

div#navigation form
{
margin:0;
padding:0;
}

div#navigation form dl
{
}

div#navigation form dl dt
{
display: none;
}

div#navigation form dl dd
{
}

div#navigation form dl dd .search-bt
{
font-size:11px;
text-align:center;
}

div#navigation form p
{
margin:0 0 0 5px;
}

#calendar
{
width:180px;
margin:0 0 2px 0;
}

#cal-title
{
width:180px;
margin:0 0 2px 0;
}

#cal-title tr th {
	padding:5px;
	border-width:0;
	border-bottom-style:solid;
	border-color:#fff;
	background-color:#f80;
	text-align:left;
	color:#fff;
}

#calendar tr td {
	padding:3px;
	border:1px solid #f80;
	text-align:center;
}

@media screen
{
	div#navigation table tr td
	{
	padding:3px;
	}
}

#calendar .weeks-title
{
	color:#666;
}

#calendar .empty
{
	color: #666;
}

#calendar .day {
	color: #666;
}
#calendar .satday {
	color: #66c;
}
#calendar .sunday {
	color: #c66;
}
#calendar .today {
	background-color: #eee;
}

.ca-links
{
width:180px;
margin:0;
}

#ca-links td
{
	padding:5px;
	border:none;
	background-color:#f80;
	color:#fff;
}

#ca-left{text-align:left;}
#ca-right{text-align:right;}

#ca-links tr td a
{
color:#fff;
font-size:12px;
}

/* ----- 作品一覧 -------------------------------------- */

div#logs
{
width:600px;
}

html>body div#logs
{
width:600px;
}

div#gallery .gallery
{
width:600px;
margin-bottom:10px;
}

div#gallery .text *
{
font-size: x-small;
}

html>body div#gallery .text *
{
font-size: small;
}

div#gallery h2
{
display:none;
}

div#gallery h3
{
margin:0 0 5px 0;
padding:0;
}

div#gallery h3 span
{
display:none;
font-size:11px;
color:#754C24;
}

.right-titles
{
width:600px;
margin-bottom: 5px;
background: url(images/right/bg-title.jpg) left top repeat-y;
}

.right-titles h3
{
margin:0 ! important;
color:#fff;
font-size:13px;
padding:7px 0 7px 10px ! important;
}

.right-titles a:link,
.right-titles a:visited,
.right-titles a:active
{
color:#fff;
text-decoration:none;
}

div#gallery h4
{
margin: 10px;
}

/* ----- コンセプト ----- */

#concept
{
width:600px;
margin:10px 0 15px 0;
}

#concept-txt
{
margin:0;
padding:7px;
border:3px solid #FF7800;
}

#concept-txt p
{
width:580px;
margin:0;
padding:0;
line-height:140%;
color:#754C24;
font-size:13px;
}

/* ----- ＮＥＷＳ ----- */

#news
{
width:600px;
margin:0 0 5px 0;
}

#news-footer
{
width:600px;
margin-bottom:15px;
}

.news-list
{
width:579px;
margin:0;
padding:0;
}

.news-list ul
{
margin:0;
padding:0;
list-style:none;
}

.news-list ul li
{
margin:0 0 2px 0;
padding:3px 0 3px 5px;
font-size:12px;
color:#333;
line-height:125%;
}

.color-a{background-color:#42E34D;}
.color-b{background-color:#62E012;}
.color-c{background-color:#98EE29;}
.color-d{background-color:#78F08C;}
.list-last{margin-bottom:0 ! important;}

.news-list ul li span
{
font-size:10px;
color:#fff;
font-weight:bold;
font-family:Verdana,Arial,Helvetic,sans-serif;
}

.news-list ul li a
{
font-size:12px;
text-decoration: underline;
}

.news-list ul li a:link,
.news-list ul li a:visited,
.news-list ul li a:active
{
color:#fff;
text-decoration: none;
}

.news-list ul li a:hover
{
color:#ccc;
text-decoration: underline;
}

/* ----- トップ新着記事一覧 ----- */

div#gallery .latest-thumbnail
{
padding:6px;
background-color:#fb0;
}

div#gallery .latest-thumbnail-inner
{
width:588px;
margin:0;
}

div#gallery .top-thumbnail
{
with:196px;
height:280px;
float:left;
text-align:center;
margin:0;
padding:0;
}

div#gallery .thumb-body
{
padding:5px;
}

div#gallery .thumb-body-inner
{
width:186px;
background:url(images/right/bg-thumbnail.jpg) left bottom no-repeat;
background-color:#f8f8f8;
}

div#gallery .thumb-contents
{
/*border:3px solid #f80;*/
padding:10px 10px 75px 10px;
}

div#gallery .thumb-title
{
width:166px;
margin:0;
padding-bottom:4px;
color:#f50;
font-weight:bold;
}

div#gallery .thumb-img
{
width:166px;
margin:0;
padding-bottom:4px;
}

div#gallery .thumb-txt
{
width:166px;
margin:0;
padding-bottom:4px;
color:#666;
}

div#gallery div.top-thumbnail img
{
width:166px;
height:120px;
}

/* ----- カテゴリ新着記事一覧 ----- */


div#gallery .thumb-body-inner2
{
width:186px;
background:url(images/right/bg-thumbnail2.jpg) left bottom no-repeat;
background-color:#f8f8f8;
}

/* ----- エントリー ----- */

div#gallery .entry
{
padding:10px;
margin-bottom:20px;
background-color:#fb0;
}

div#gallery .entry-inner
{
width:580px;
background:url(images/right/bg-entry.jpg) left bottom no-repeat;
background-color:#f8f8f8;
}

div#gallery .entry-body
{
padding:10px;
}

div#gallery .entry-image
{
width:560px;
margin-bottom:5px;
text-align:center;
}

div#gallery .text .navi {
	margin: 0px 10px;
	text-align: center;
	list-style: none;
	margin:0;
	padding:0;
}
div#gallery .text .navi * {
	font-size: 11px;
}
div#gallery .text .navi ul {
	margin-left: -10px;
}
div#gallery .text .navi li {
	display:inline;
	margin-right: 10px;
}


div#gallery .entry-txt
{
width:560px;
margin-bottom: 5px;
}

div#gallery .entry-txt p
{
margin:0;
font-size:13px;
line-height:130%;
color:#666;
}

/* ----- コメント ----- */

#comment
{
padding:10px;
margin-bottom:20px;
background-color:#fb0;
}

#comment-inner
{
width:580px;
padding-bottom:60px;
background:url(images/right/bg-comment.jpg) left bottom no-repeat;
background-color:#f8f8f8;
}

#comment-body
{
padding:10px;
}

div#comment .comments {
	margin-bottom: 10px;
	padding:0;
}

div#comment h3 {
	margin: 0 0 5px 0;
	font-size:12px;
}

div#comment .text * {
	font-size: x-small;
}
html>body div#comment .text * {
	font-size: small;
}
div#comment .text p {
	margin: 5px 10px 0 10px;
}

/* ----- トラックバック ----- */

div#trackback h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#trackback dl {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
div#trackback dl dt {
	margin-top: 10px;
	margin-left: 10px;
}
div#trackback dl dd {
	margin-left: 30px;
}

/* ----- 右コンテンツ共通 ----- */

div#gallery dl.detail
{
margin: 15px 0 0 0;
padding:10px;
}

div#gallery dl.detail2
{
margin: 0;
padding:10px;
float:right;
clear:right;
}

div#gallery dl.detail dt {
	float: left;
	clear: left;
	width: 7.5em;
	font-family:"ＭＳ ゴシック","Osaka-等幅 ";
}

div#gallery dl.detail2 dt {
	float: left;
	clear: left;
	width: 6em;
	font-size:11px;
	font-family:"ＭＳ ゴシック","Osaka-等幅 ";
}

div#gallery dl.detail2 dd
{
font-size:11px;
}

div#gallery .info {
	margin:0;
	padding:20px 70px 20px 0;
	text-align:right;
}
div#gallery .info * {
	font-size: 10px;
}
div#gallery .info li {
	display: inline;
	margin-left: 5px;
	font-size:10px;
}

div#gallery .info li a {
	font-size:11px;
}

div#gallery .list {
	margin: 0px 0px 10px 20px;
	padding: 5px 10px;

	background-color: #F7F7F7;
}
div#gallery .list h4 {
	margin: 0px 0px 15px 0px;
	padding: 3px 5px;

	color: #444444;
}
div#gallery .list ul {
	margin: 0px 0px 10px 20px;
}
div#gallery .list dl dt {
	margin: 0px 5px;
        font-weight: bold;
}
div#gallery .list dl dd {
	margin: 10px 10px 0px 15px;
}


/* ----- ページ移動 ------------------------------------ */

div#page
{
width:600px;
margin:0;
}

div#page h2 {
	display: none;
}

div#page ul {
	width:600px;
	margin: 0px;
	text-align:center;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi
{
width:600px;
margin:0;
}

div#navi h2 {
	display: none;
}

div#navi ul {
	width:600px;
	margin: 5px 0px;
	text-align:center;
}
div#navi ul li {
	display: inline;

	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}

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

div#contents h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#contents h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#contents h4 {
	margin-bottom: 10px;
}

div#contents dl {
	margin-bottom: 20px;
}
div#contents dl dt {
	margin-top: 10px;
}
div#contents dl dd {
	margin-left: 30px;
}

/* ----- 処理選択 -------------------------------------- */

div#work h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}

div#work form {
	margin: 10px 0px;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	float: left;
}
div#work form input {
	padding: 0px;
}

/* ----- フォーム -------------------------------------- */

div#form h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}

div#form form {
	margin-bottom: 10px;
}
div#form form dl {
	margin-bottom: 20px;
}
div#form form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
div#form form dl dd {
}
div#form form dl dd textarea {
	margin-top: 2px;
}
div#form form ul {
	margin: 0px 0px 20px 0px;
}
div#form form ul li {
	list-style-type: none;
}

/* ----- 環境設定 -------------------------------------- */

div#env h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#env h3 {
	margin-bottom: 15px;
	padding: 5px;

	background-color: #CCCCCC;
}

div#env dl {
	margin-bottom: 20px;
}
div#env dl dd {
	margin-bottom: 10px;
}

div#env form {
	margin-bottom: 20px;
}

/* ----- ステータス ------------------------------------ */

div#status h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #BBBBBB;
	border-bottom: 3px double #BBBBBB;
}
div#status h3 {
	margin-bottom: 15px;
	padding: 3px 0px;
	border-bottom: 1px double #BBBBBB;
}
div#status h4 {
	margin-bottom: 10px;
}

div#status dl {
	margin-bottom: 20px;
}
div#status dl dt {
	float: left;
	clear: left;
	width: 10em;
}
div#status dl dd {
}

/* ----- フッター -------------------------------------- */

div#footer address
{
padding: 10px 0px 20px 0px;
}

div#footer p
{
padding: 10px 0px 20px 0px;
text-align: center;
color:#888;
}

/* ----- 個別指定 -------------------------------------- */

.new {
	color: #FF0000;
}