@charset "UTF-8";

/*==基本パーツ==*/
body {
	text-align:center;

	width:100%;
}
#wrapper {
	text-align:center;
	width:100%;
	max-width:2048px;

	clear:both;
	position:relative; top:0px; left:0px;
}
#contents {
	text-align:left;
	margin:0 10px;
	border:1px #333 solid;
	background:url(../images/clover.jpg);

}

#page-base {
	text-align:center;
	float:right;
	width:74.5%;
}
#menu-base {
	text-align:center;
	width:25% !important;
	width:100%;
	width:25% !important;
	float:left;
}

#page {
	margin:5px 5px 5px 0;
	border:2px #787 solid;
	width:auto;
	background:#fff url(../images/tree_w.jpg);
	clear:both;
}
#page-header, #page-footer, #channel, #items, #search {
	padding:0.5em 0.5em 0 0.5em;
	border-bottom:1px #888 dotted;
	width:auto !important;
	width:100%;
	clear:both;
}

#page-footer { border-bottom:0px; }

/*==サイトヘッダ（バナー）==*/
#header {
	padding:0 10px 0 10px;
	border-top:2px #777 dotted;
	background:url(../images/header_top_right.jpg) no-repeat bottom right;
	background-repeat:no-repeat;
	background-position:bottom right;
	height:100px;
	max-height:100px;
	min-height:100px;

	clear:both;
}
#header h1.title {
	font-size:1.4em;
	display:none;
}
#header .image, #header .image a, #header a .image { background:transparent; }
#header .image a img, #header a img.image { outline:none; }

/*==ページヘッダ==*/
#page-header h2.title {
	color:#aaa;
	font-weight:normal;
	letter-spacing:0.2em;
	padding:2px 2px 2px 0.5em;
	border:1px #333 solid;
	background:#444 url(../images/back2.gif);
}
#page-header h2.title a {
	color:#fff;
	font-weight:bold;
	padding:2px;
}
#page-header .subtitle {
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0em;
	margin-left:.2em;
}
#page-header h2.title a:hover, #page-header a .subtitle:hover {
	color:#111;
	background:#fff url(../images/back7.gif);;
}
#page-header .description {
	font-size:0.9em;
	text-align:right;
	clear:both;
}
#page-header p {
	color:#555;
	line-height:1.1em;
	margin:0;
	padding:0 1.5em;
}
#page-header .navi .to-top, #page-header .navi li.title {
	display:none;
}

/*==ページフッタ==*/
#page-footer {
	clear:both;
}

/*==チャンネル==*/
#channel .item {
	margin:0;
	padding:0.5em 0;
	border:2px #6bc solid;
	background:#fefefe url(../images/onpu5a.jpg);

	clear:both;
}
#channel h2.title, #channel h3.title {
	padding-left:0.5em;
	letter-spacing:0.2em;
}
#channel .subtitle {
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0em;
	margin-left:.2em;
}
#channel p, #channel ul {
	padding-left:1em;
}

/*==アイテム==*/
#items .item {
	margin:0 0 1em 0;
	padding:0.5em 1em 0.5em 1em;
	border:2px #cb6 solid;
	background:#fefefe url(../images/onpu5b.jpg);

	clear:both;
}
#items .item h3.title {
	font-size:1.4em;
	letter-spacing:0.2em;
	border-bottom:2px #dcd solid;
}
#items .item h3.title, #items .item h3.title a:link { color:#336; }
#items .item h3.title a:hover {color:#8f8; }
#items .item .title-link {
	font-size:1.2em;
	font-weight:bold;
	text-indent:0em;
	margin:4px;
	float:right;
}
#items .item .date { clear:both; }
#items .name { color:#c48; font-size:1.2em; font-weight:bold; }
#items .name a:link, #items .name a:visited { color:#c24; font-size:1em; font-weight:bold; }
#items .name a:hover { color:#ffc; font-size:1em; font-weight:bold; }
#items .item .category {
	font-size:0.9em;
	float:right;
}
#items .item .description {}
#items .item .entry-link { float:right; margin-right:1em;}
#items .item .image {
	margin:0.5em 0.5em 0.5em 0.5em;
}
#items .item .image.dsc {width:300px; height:225px; }
#items .item .image.vdsc {width:300px; height:400px; }
#items .item .image.wide {width:300px; height:168px; }
#items .item .image.vwide {width:300px; height:533px; }
#items .item .image.square {width:300px; height:300px; }

/*ライトバック*/
#items p.writeback {
	font-size:1em;
	text-indent:0em;
	padding:1px 0.5em;
	border:1px #edc solid;
	background:#fff;
}
#items p.writeback a:link span, #items p.writeback a:visited span { color:#766 }
#items p.writeback a span.writeback-exist { color:#f04; font-weight:bold; }
#items p.writeback a:hover { background:#eee }

#items div.writeback {
	margin:0 0 1em 0;
	padding:0.5em 1em 0.5em 1em;
	border:2px #fe9 solid;
	background:#fefefe url(../images/onpu6b.jpg);

	clear:both;
}
#items div.writeback h3.title {
	font-size:1.4em;
	letter-spacing:0.2em;
	border:none;
}
#items div.writeback form {
	padding:0.5em;
	border:1px #ccc solid;
	background:#fff;

}
#items div.writeback .writeback-item {
	margin:0.5em 0;
	padding:0;
	border:1px #ccc solid;

}
#items div.writeback .writeback-item.comment-item {
}
#items div.writeback textarea {

}
#items div.writeback p.url {
	font-size:1em;
	overflow:auto;
}
#items div.writeback li.url {
	font-size:0.9em;
	overflow:hidden;
}
#items div.writeback dl { margin:0.5em 2px }
#items div.writeback dt.title {
	font-size:1.1em;
	color:#333;
	text-indent:0.5em;
	letter-spacing:0.1em;
	padding:2px;
	background:#ccc url(../images/back5.gif);
}
#items div.writeback dd {
	font-size:0.9em;
	margin:4px;
	text-indent:0;
}
#items div.writeback dl dl dd {
	font-size:1em;
	margin:0 0 0.5em 0;
	padding:0 0 0.2em 1.2em;
	border-bottom:1px #ccc dotted;
}
#items div.writeback li { text-indent:0em;}
#items div.writeback .name { font-size:1em; }
.no-url { color:#333; }

/*==メニュー（サイドバー）==*/
#menu {
	margin:5px;

}
#menu li {
	list-style-position:outside;
	list-style-type:none;
}
#menu h4, #menu h4 a:link, #menu h4 a:visited , #menu h4 a:hover {
	color:#446; background-color:transparent;
}
#menu p { text-indent:0em }
#menu a { text-decoration:none }
#menu a:link { color:#361 }
#menu a:visited { color:#684 }
#menu a:active { color:#f8c }
#menu a:hover { color:#8fc; background:#228 }

#menu .item {
	text-align:left;
	text-indent:0em;
	margin:0 0 5px 0;
	padding:2px 4px 5px 4px;
	border:2px #ccc solid;
	background:#fff url(../images/gakuf2a.gif);
}
/*カテゴリ*/
#menu .categories {
	border:2px #88c solid;
}
#menu .categories a {
	font-weight:bold;
	font-size:1.65em;
	line-height:1.4em;
	padding:2px;
	margin:0;
}
#menu .categories a:hover {color:#8fc; background:#228; }
#menu .categories ul {
	display:block;
}
#menu .categories li {
	font-size:0.7em;
	line-height:1.2em;
	margin:0;
	display:block;
}
#menu .categories li li { font-size:1em }
#menu .categories ul ul { padding-left:0 }
#menu .categories ul ul ul { padding-left:1em }
#menu .categories ul ul ul a { color:#356; font-size:1.5em }
#menu .categories ul ul ul ul a { color:#656; font-size:1.43em }

/*記事リスト*/
#menu .entries-list {}
#menu .entries-list ul, #menu .entries-list li {
	display:block;
}
#menu .entries-list li {
	font-size:0.7em;
	line-height:1.1em;
}
#menu .entries-list li li {
	font-size:1em;
	margin-bottom:1px;
}
#menu .entries-list li a {
	font-size:1.43em;
	line-height:1.2em;
	padding:1px 2px;
}
#menu .entries-list li li a {
	font-size:1em;
	line-height:1.1em;
	padding:1px 2px;
}

/*ライブ情報*/
#menu .live-list {
	border:2px #8c8 solid;
}
#menu .live-list li { line-height:1.2em; margin-bottom:2px }
#menu .live-list li a { border-bottom:1px #888 dotted }
#menu .live-list .place { color:#884; font-size:1.2em }
#menu .live-list p {
	color:#333;
	font-size:0.8em;
	line-height:1.5em;
	text-indent:0em;
	margin:1px 0 2px 0;
}
#menu .live-list p.entry-link {
	font-size:1em;
	line-height:1em;
	text-align:right;
}
/*サイト情報*/
#menu .site-about {
	border:2px #eaa solid;
}
#menu .site-about dt { color:#624; }
#menu .site-about .title { font-size:1.1em; line-height:1.2em; font-weight:bold; text-indent:0; margin-bottom:0.5em; }
#menu .url ,#menu .url wbr { color:#361; text-indent:0; margin-bottom:0.5em; }
#menu .url a:hover ,#menu .url  a:hover wbr { color:#8fc; }
#menu .site-about .name { font-size:1.1em; color:#c26; font-weight:bold; }
#menu .site-about img { margin-left:0; }
#menu img { vertical-align:middle; margin:2px 5px 3px 0; }
#menu .image { margin-right:5px }
#menu .transparent:hover { background-color:transparent; }

/*サーチ窓*/
div.site-search {
	font-size:0.9em;

	margin:0;
	padding:0.5em 0;
}
.site-search p { font-size:0.9em; margin:0 0 4px 0; }
.site-search input {margin:0 2px; }

/*サンクス欄*/
#menu .thanks { font-size:0.8em; }
#menu .thanks p { font-size:1em; line-height:1.1em; text-indent:0em; }

/*==サイトフッタ==*/
#footer {
	margin:0.5em 1.5em;

	border-bottom:2px #777 dotted;
}
.copyright {
	font-size:0.9em;
	text-indent:0em;
}

/*==その他==*/
/*階層ナビ*/
ul.navi, ul.e-navi, div.navi ul {
	margin:2px 2px 2px 0;
	display:block;

	clear:both;
}
ul.navi li, ul.e-navi li, div.navi ul li {
	color:#333;
	line-height:1.1em;
	margin:2px 2px 0.5em 0;
	display:block;
	float:left;
}
ul.navi li, div.navi ul li {
	font-size:0.9em;
}
ul.navi li li, ul.e-navi li li, div.navi ul li li {
	font-size:1em;
}
ul.navi .to-back, ul.navi .to-top, ul.navi .to-admin {
	float:right;
}
ul.navi a, ul.e-navi a, div.navi ul a {
	color:#fff;
	margin:0;
	padding:2px 0.5em;
	border:1px #333 solid;
	background:#444 url(../images/back2.gif);
	display:inline;
}
ul.navi a:visited, ul.e-navi a:visited, div.navi ul a:visited {
	color:#fff;
}
ul.navi a:hover, ul.e-navi a:hover, div.navi ul a:hover {
	color:#111;
	background:#aaa url(../images/back7.gif);
	border-color:#888;
}
ul.e-navi {
	float:right;
}
div.navi.f-navi ul { clear:none; float:left; }

.f-navi ul ul { display:none; }

/*サイト上下部リンク*/
#head-link, #foot-link { font-size:0.9em; margin:0 1px 0 0.5em; }
#head-link li { margin:0 1px 5px 1px; padding:0; }
#head-link li a, ul.navi .to-admin a { color:#88c; background:#eef; border-color:#eee; }
#head-link {

}
#foot-link {
	font-size:0.7em;
	margin:0 1px 0 0.5em;
	position:absolute; top:0px; left:10%;
	width:88%;
	overflow:hidden;	
}
#foot-link a { color:#888; padding:0 1px; background:#f8f8f8; }

/*homeのみ表示*/
#sitehome {
	color:#fff;
	font-size:1.2em;
	text-align:left;
	padding:0 1em 0 0.5em;
	border:4px #f04 solid;
	border-left:0px #000;
	border-right:0px #000;
	background:#000;
	clear:both;
}
#sitehome .title {
	color:#c4f;
	line-height:1.1em;
	text-align:right;
}
#sitehome .date {
	color:#eec;
	text-align:right;
	margin-bottom:1.5em;
}
#sitehome .description { font-size:0.9em; color:#0f0 }
#sitehome .note {
	color:#ff0;
	text-decoration:underline;
	font-weight:bold;
	text-indent:0em;
	margin-top:1em;
	padding:0.5em;
	overflow:auto;
}
#sitehome .image {
	margin:10px 10px 10px 0;
	margin-bottom:10px;
	border:4px #000 solid;
	float:left;
}
#sitehome .image.dsc {width:300px; height:225px; }
#sitehome .image.vdsc {width:300px; height:400px; }
#sitehome .image.wide {width:300px; height:168px; }
#sitehome .image.vwide {width:300px; height:533px; }
#sitehome .image.square {width:300px; height:300px; }
#sitehome .image.sc {width:300px; height:200px; }
#sitehome .image.vsc {width:300px; height:450px; }

/*サーチ*/
#search .item {
	margin:0 0 1em 0;
	padding:0.5em 1em 0.5em 1em;
	border:2px #cb6 solid;
	background:#fefefe url(../images/onpu5b.jpg);

	clear:both;
}
#search .item h2 {
	font-size:1.4em;
	letter-spacing:0.2em;
	border-bottom:2px #dcd solid;
}
#search .item dl {
	margin:1.5em 0;
}
#search .item dt a {
	font-size:1.2em;
	font-weight:bold;
}
#search .item dd {
	margin:0 0 1em 0;
}

/*Bassデータ用*/
.bass-data {
	line-height:1.2em;
	margin:1.5em 0.5em;
	border:2px #333 dotted;
	border-bottom:none;
	width:auto !important;
	width:80%;
	overflow:auto;
}
.bass-data dt {
	line-height:1.2em;
	font-weight:bold;
	padding:1px 0.5em;
}
.bass-data dd {
	line-height:1.2em;
	padding:1px 0.5em;
	border-bottom:2px #333 dotted;
}
