@charset "utf-8";
/* CSS Document */

/* styles.css
**************************************************************************************

1.デフォルト
2.フォント設定
3.ヘッダー
4.フッター
5.メイン画像
6.タブ
7.右ナビゲーション
8.メイン記事
9.ページ下部ボタン

**************************************************************************************/ 

/* 1.デフォルト
=============================================================================*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
body * {line-height:1.5}
br{letter-spacing:normal}
ul li a img{margin:0;padding:0;}


/* 1-2.基本リンク */

a{
 overflow:hidden;
}

a:link {
 color:#008A60;
 text-decoration:underline;
}

a:visited {
 color:#9A44B0;
 text-decoration:underline;
}

a:hover {
 color:#FF6600;
 text-decoration:underline;
}

a:active {
 color:#FF6600;
 text-decoration:underline;
}


/* 1-3.基本レイアウト */

html {
 background-color:#edf8f5;
}

body{
 background-color:#edf8f5;
 /*font-family:Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";*/
 font-family:Verdana, Osaka, "ＭＳ Ｐゴシック";
 letter-spacing:1px;
 color:#444444;
}

hr{
 display:none;
}

#head-tx p{
 width:950px;
 color:#868686;
 margin: 0 auto;
 padding:5px 0 15px 0;
}

#container{
 margin: 0 auto;
 width: 950px; /* IE5.5-6.0対策 */
}

#header{
 padding:0 0 67px 0;
 margin: 0 auto;
 width: 950px; /* IE5.5-6.0対策 */
 background: url("common/image/header_bg007.gif") no-repeat left bottom;
}

#wrapper{
 margin: 0 auto;
 width: 950px;
 margin:0 0 40px 0;
}

#main-info {
 float: left;
 width: 710px;
 padding:0;
 margin:0;
} 

#lnavi-info {
 float: right;
 width: 220px;
}

#pnavi{
 width: 710px;
 padding:20px 0 0 0;
 margin-bottom:10px;
}

#footer{
 margin: 0 auto;
 width: 950px; /* IE5.5-6.0対策 */
 background:url("common/image/footer_bg003.gif") repeat-x 0 0;
 padding-top:20px;
}

 
/* 1-4.フロートクリア */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 
.clearfix  {
 display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
 margin: 0;
 padding: 0;
 clear: both;
}

.clearall {
 clear: both;
 height: 0;
}

/* Hides from IE-mac \*/
.clearall {
 visibility: hidden;
}
/* End hide from IE-mac */


/* 1-5.リーダ設定 */

p.hide {
 margin: 0;
 padding: 0;
 width: 0;
 height: 0;
 overflow: hidden;
 position: absolute;
 text-indent: -9999px;
}


/* 2.フォント設定
=============================================================================*/

p.tx{
 font-size:93%;
 line-height:2.0;
}

p.link{
 font-size:122%;
 font-weight:bold;
 line-height:1.2;
}

p.link span{
 display:block;
 font-size:63%;
 font-weight:normal;
 line-height:1.2;
}

p.caution{
 font-size:93%;
 color:#FF0000;
 line-height:1.3;
 margin:0 0 20px 0;
}

ul.tx li{
 font-size:93%;
 line-height:1.6;
}

/* 2-2.header */

#head-tx{
 font-size: 10px;
}

#wrapper div.bread{
 font-size: 93%;
}


/* 2-3.footer */

#footer ul.fnavi{
 font-size:1px;
}

#footer p.footer-tx{
 font-size: 93%;
}


/* 3.ヘッダー
=============================================================================*/

#info #header{
 padding:0 0 12px 0;
 margin: 0 auto;
 background:none;
 width: 950px; /* IE5.5-6.0対策 */
}


div#header div.logo {
    width:483px;
	background:url("common/image/logo_bg.gif") no-repeat bottom right;
	float:left;
}

div#header div.logo a,
div#header div.logo span {
    display:block;
	width:183px;
	height:40px;
	text-indent:-9999px;
	background:url("common/image/logo.gif") no-repeat 0 0;
}

/* 3-2.グローバルナビゲーション */

div#header ul.gnavi {
	width:300px;
	padding:26px 0 0 0;
	margin:0 0 14px 0;
	float:right;
}

div#header ul.gnavi li {
	height:14px;
	font-size:1px;
	text-indent:-9999px;
	float:left;
}

div#header ul.gnavi li a {
	display:block;
	height:14px;
}

div#header ul.gnavi li.gnavi001 a {
	width:45px;
	background:url("common/image/gnavi.gif") no-repeat 0 0;
}

div#header ul.gnavi li.gnavi001 {
	width:45px;
}

div#header ul.gnavi li.gnavi001 a:hover ,
div#header ul.gnavi li.gnavi001-c ,
div#header ul.gnavi li.gnavi001-c a {
	width:45px;
	background:url("common/image/gnavi.gif") no-repeat 0 -14px;
}

div#header ul.gnavi li.gnavi001-c {
	width:45px;
}

div#header ul.gnavi li.gnavi002 a {
	width:121px;
	background:url("common/image/gnavi.gif") no-repeat -45px 0;
}

div#header ul.gnavi li.gnavi002 a:hover ,
div#header ul.gnavi li.gnavi002-c ,
div#header ul.gnavi li.gnavi002-c a {
	width:121px;
	background:url("common/image/gnavi.gif") no-repeat -45px -14px;
}

div#header ul.gnavi li.gnavi003 a {
	width:129px;
	background:url("common/image/gnavi.gif") no-repeat -166px 0;
}

div#header ul.gnavi li.gnavi003 a:hover ,
div#header ul.gnavi li.gnavi003-c ,
div#header ul.gnavi li.gnavi003-c a {
	width:129px;
	background:url("common/image/gnavi.gif") no-repeat -166px -14px;
}


/* 3-3.サブナビゲーション */

div#header ul.snavi {
    width:950px;
	clear:both;
}

div#header ul.snavi li {
	height:37px;
	text-indent:-9999px;
	float:left;
}

div#header ul.snavi li a {
	display:block;
	height:37px;
}

div#header ul.snavi li.snavi001 a {
	width:238px;
	background:url("common/image/snavi.gif") no-repeat 0 0;
}

div#header ul.snavi li.snavi001 a:hover ,
div#header ul.snavi li.snavi001-c ,
div#header ul.snavi li.snavi001-c a {
	width:238px;
	background:url("common/image/snavi.gif") no-repeat 0 -37px;
}

div#header ul.snavi li.snavi002 a {
	width:237px;
	background:url("common/image/snavi.gif") no-repeat -238px 0;
}

div#header ul.snavi li.snavi002 a:hover ,
div#header ul.snavi li.snavi002-c ,
div#header ul.snavi li.snavi002-c a {
	width:237px;
	background:url("common/image/snavi.gif") no-repeat -238px -37px;
}

div#header ul.snavi li.snavi003 a {
	width:237px;
	background:url("common/image/snavi.gif") no-repeat -475px 0;
}

div#header ul.snavi li.snavi003 a:hover ,
div#header ul.snavi li.snavi003-c ,
div#header ul.snavi li.snavi003-c a {
	width:237px;
	background:url("common/image/snavi.gif") no-repeat -475px -37px;
}

div#header ul.snavi li.snavi004 a {
	width:238px;
	background:url("common/image/snavi.gif") no-repeat -712px 0;
}

div#header ul.snavi li.snavi004 a:hover ,
div#header ul.snavi li.snavi004-c ,
div#header ul.snavi li.snavi004-c a {
	width:238px;
	background:url("common/image/snavi.gif") no-repeat -712px -37px;
}


/* 4.フッター
=============================================================================*/

div#footer ul.fnavi {
	width:274px;
	height:12px;
	margin:0 0 30px 0;
}

div#footer ul.fnavi li {
	height:12px;
	text-indent:-9999px;
	float:left;
}

div#footer ul.fnavi li a {
	display:block;
	height:12px;
}

div#footer ul.fnavi li.fnavi001 a {
	width:88px;
	background:url("common/image/footer_tl001.gif") no-repeat 0 0;
}

div#footer ul.fnavi li.fnavi001 a:hover ,
div#footer ul.fnavi li.fnavi001-c ,
div#footer ul.fnavi li.fnavi001-c a {
	width:88px;
	background:url("common/image/footer_tl001.gif") no-repeat 0 -12px;
}

div#footer ul.fnavi li.fnavi002 a {
	width:111px;
	background:url("common/image/footer_tl001.gif") no-repeat -88px 0;
}

div#footer ul.fnavi li.fnavi002 a:hover ,
div#footer ul.fnavi li.fnavi002-c ,
div#footer ul.fnavi li.fnavi002-c a {
	width:111px;
	background:url("common/image/footer_tl001.gif") no-repeat -88px -12px;
}

div#footer ul.fnavi li.fnavi003 a {
	width:75px;
	background:url("common/image/footer_tl001.gif") no-repeat -199px 0;
}

div#footer ul.fnavi li.fnavi003 a:hover ,
div#footer ul.fnavi li.fnavi003-c ,
div#footer ul.fnavi li.fnavi003-c a {
	width:75px;
	background:url("common/image/footer_tl001.gif") no-repeat -199px -12px;
}



/* 4-2.SEO文言 */

div#footer p.footer-tx{
	color:#929292;
	font-size:10px;
	padding:0 0 20px 0;
}


/* 4-3.コピーライト */

div#footer p.copy{
	width:272px;
	height:18px;
	text-indent:-9999px;
	margin:0 auto 20px auto;
	background:url("common/image/copy.gif") no-repeat 0 0;
}


/* 5.メイン画像
=============================================================================*/

div#main-img {
	width:950px;
	height:177px;
	margin:0 0 20px 0;
}


/* 6.タブ
=============================================================================*/

div#tab-navi {
	width:950px;
	height:29px;
	padding:0 0 44px 0;
	margin:0 0 20px 0;
	background:url("image/bbs-tab-bg002.gif") no-repeat left bottom;
}

div.appearance {
	background:url("image/bbs-tab-bg003.gif") no-repeat left bottom !important;
}

div.performer {
	background:url("image/bbs-tab-bg004.gif") no-repeat left bottom !important;
}

div.member {
	background:url("image/bbs-tab-bg005.gif") no-repeat left bottom !important;
}

div.notice {
	background:url("image/bbs-tab-bg006.gif") no-repeat left bottom !important;
}

div.webpage {
	background:url("image/bbs-tab-bg007.gif") no-repeat left bottom !important;
}

div#tab-navi ul {
	width:914px;
	padding:0 0 0 36px;
}

div#tab-navi ul li {
	width:171px;
	height:29px;
	text-indent:-9999px;
	margin:0 4px 0 0;
}

div#tab-navi ul li a {
	display:block;
	width:171px;
	height:29px;
}

div#tab-navi ul li {
	width:171px;
	height:29px;
	text-indent:-9999px;
	margin:0 4px 0 0;
	float:left;
}

div#tab-navi ul li.tab001 a {
	background:url("image/bbs-tab-bg001.gif") no-repeat 0 0;
}

div#tab-navi ul li.tab001 a:hover {
	background-position:0 -29px;
}

div#tab-navi ul li.tab002 a {
	background:url("image/bbs-tab-bg001.gif") no-repeat -175px 0;
}

div#tab-navi ul li.tab002 a:hover {
	background-position:-175px -29px;
}

div#tab-navi ul li.tab003 a {
	background:url("image/bbs-tab-bg001.gif") no-repeat -350px 0;
}

div#tab-navi ul li.tab003 a:hover {
	background-position:-350px -29px;
}

div#tab-navi ul li.tab004 a ,
div#tab-navi ul li.tab004 {
	width:178px;
	background:url("image/bbs-tab-bg001.gif") no-repeat -525px 0;
}

div#tab-navi ul li.tab004 a:hover {
	background-position:-525px -29px;
}

div#tab-navi ul li.tab005 a {
	background:url("image/bbs-tab-bg001.gif") no-repeat -707px 0;
}

div#tab-navi ul li.tab005 a:hover {
	background-position:-707px -29px;
}


/* 7.右ナビゲーション
=============================================================================*/

/* 投稿ボタン */
div#lnavi-info ul.form-btn li {
	width:219px;
	height:91px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}

div#lnavi-info ul.form-btn li a {
	display:block;
	width:219px;
	height:91px;
	background:url("image/lnavi-btn001.gif") no-repeat 0 0;
}

div#lnavi-info ul.form-btn li a:hover {
	background-position:0 -91px;
}

/* RSSボタン */
div#lnavi-info ul.rss-btn li {
	width:219px;
	height:51px;
	text-indent:-9999px;
	margin:0 0 6px 0;
}

div#lnavi-info ul.rss-btn li a {
	display:block;
	width:219px;
	height:51px;
	background:url("image/lnavi-btn002.gif") no-repeat 0 0;
}

div#lnavi-info ul.rss-btn li a:hover {
	background-position:0 -51px;
}

/* RSSとは？ */
div#lnavi-info p.about-rss {
	width:66px;
	height:14px;
	font-size:1px;
	text-indent:-9999px;
	padding:0 0 0 150px;
	margin:0 0 10px 0;
}

div#lnavi-info p.about-rss a {
	display:block;
	width:66px;
	height:14px;
	background:url("image/lnavi-btn003.gif") no-repeat 0 0;
}

div#lnavi-info p.about-rss a:hover {
	background-position:0 -14px;
}

/* アーカイブ */
div#lnavi-info div.archive {
	width:219px;
	padding:0 0 7px 0;
	margin:0 0 10px 0;
	background:url("image/lnavi-bg001.gif") no-repeat left bottom;
}

div#lnavi-info div.archive-in {
	width:189px;
	padding:40px 15px 5px 15px;
	background:url("image/lnavi-bg001.gif") no-repeat 0 0;
}

div#lnavi-info div.archive-in h3 {
	display:none;
}

div#lnavi-info div.archive-in ul {
	width:189px;
	overflow:hidden;
}

div#lnavi-info div.archive-in ul li {
	width:189px;
	padding:5px 0 0 0;
	margin:-1px 0 5px 0;
	background:url("image/lnavi-line001.gif") repeat-x 0 0;
}

div#lnavi-info div.archive-in ul li a {
	padding:0 0 0 13px;
	background:url("image/lnavi-ar001.gif") no-repeat 5px 5px;
}

div#lnavi-info div.archive-in ul li a:hover {
	background:url("image/lnavi-ar001on.gif") no-repeat 5px 5px;
}


/* 注意事項 */
div#lnavi-info div.note {
	width:219px;
	padding:0 0 7px 0;
	margin:0 0 10px 0;
	background:url("image/lnavi-bg002.gif") no-repeat left bottom;
}

div#lnavi-info div.note-in {
	width:189px;
	padding:40px 15px 5px 15px;
	background:url("image/lnavi-bg002.gif") no-repeat 0 0;
}

div#lnavi-info div.note-in h3 {
	display:none;
}

div#lnavi-info div.note-in p {
	font-size:70%;
}



/* 8.メイン記事
=============================================================================*/

div#main-info div.article {
	width:674px;
	border:#d3d3d3 1px solid;
	padding:13px 17px;
	margin:0 0 10px 0;
	background-color:#ffffff;
}

div#main-info div.article-appearance {
	background:url("image/main-bg001.gif") #ffffff no-repeat 0 0;
}

div#main-info div.article-performer {
	background:url("image/main-bg002.gif") #ffffff no-repeat 0 0;
}

div#main-info div.article-member {
	background:url("image/main-bg003.gif") #ffffff no-repeat 0 0;
}

div#main-info div.article-notice {
	background:url("image/main-bg004.gif") #ffffff no-repeat 0 0;
}

div#main-info div#article-webpage {
	background:url("image/main-bg005.gif") #ffffff no-repeat 0 0;
}

div#main-info div.article div.article-title {
	width:674px;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	background:url("image/lnavi-line001.gif") repeat-x left bottom;
}

div#main-info div.article div.article-title h2 {
	font-size:114%;
	font-weight:bold;
}

div#main-info div.article div.article-title p {
	color:#555555;
	font-size:70%;
}

/* 続きを読むボタン */
div#main-info div.article div.article-content div.more {
	width:674px;
}

div#main-info div.article div.article-content div.more p {
	width:60px;
	height:11px;
	font-size:1px;
	text-indent:-9999px;
	padding:0 !important;
	float:right;
}

div#main-info div.article div.article-content div.more p a {
	display:block;
	width:60px;
	height:11px;
	background:url("image/main-btn001.gif") no-repeat 0 0;
}

div#main-info div.article div.article-content div.more p a:hover {
	background-position:0 -11px;
}

/* 記事内コンテンツ */

/* 見出し */

div#main-info div.article div.article-content h3 {
	font-size:114%;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0 0 8px 0;
	background:url("image/lnavi-line001.gif") repeat-x left bottom;
}

/* 段落 */

div#main-info div.article div.article-content p {
	padding:0 0 1.5em 0;
	line-height:1.6;
}

/* リスト */

div#main-info div.article div.article-content ul {
	padding:0 0 1.5em 0;
	margin:0 0 0 20px;
	list-style-type:disc;
}
div#main-info div.article div.article-content ul li {
	list-style-type:disc;
	line-height:1.6;
}

/* 番号付きリスト */

div#main-info div.article div.article-content ol {
	padding:0 0 1.5em 0;
	margin:0 0 0 26px;
	list-style-type:decimal;
}

div#main-info div.article div.article-content ol li {
	list-style-type:decimal;
	line-height:1.6;
}

/* 画像 */

div#main-info div.article div.article-content img {
	display:-moz-inline-box;
	display:inline-block;
	border:#d7d7d7 1px solid;
	padding:3px;
	margin:0 0 20px 0;
	background-color:#ffffff;
}

/* 引用文 */

div#main-info div.article div.article-content blockquote {
	width:600px;
	border:#e4e4e4 1px solid;
	padding:8px;
	margin:0 auto 1.5em auto;
	background-color:#fefbf3;
	line-height:1.6;
}

/* 表組み */

div#main-info div.article div.article-content table {
	width:673px;
	border-top:#c7c7c7 1px solid;
	border-left:#c7c7c7 1px solid;
	margin:0 0 1.5em;
}

div#main-info div.article div.article-content table tr th,
div#main-info div.article div.article-content table tr td {
	border-bottom:#c7c7c7 1px solid;
	border-right:#c7c7c7 1px solid;
	padding:5px 8px;
}

div#main-info div.article div.article-content table tr th {
	background-color:#eff9ff;
}

div#main-info div.article div.article-content table tr td {
	background-color:#ffffff;
}



/* 9.ページ下部ボタン
=============================================================================*/

div#pnavi p.catetop {
	width:194px;
	height:12px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px auto;
}

div#pnavi p.catetop a {
	display:block;
	width:194px;
	height:12px;
	background:url("image/main-btn004.gif") no-repeat 0 0;
}

div#pnavi p.catetop a:hover {
	background-position:0 -12px;
}

div#pnavi p.hometop {
	width:75px;
	height:12px;
	font-size:1px;
	text-indent:-9999px;
	float:left;
}

div#pnavi p.hometop a {
	display:block;
	width:75px;
	height:12px;
	background:url("image/main-btn002.gif") no-repeat 0 0;
}

div#pnavi p.hometop a:hover {
	background-position:0 -12px;
}

div#pnavi p.pagetop {
	width:108px;
	height:12px;
	font-size:1px;
	text-indent:-9999px;
	float:right;
}

div#pnavi p.pagetop a {
	display:block;
	width:108px;
	height:12px;
	background:url("image/main-btn003.gif") no-repeat 0 0;
}

div#pnavi p.pagetop a:hover {
	background-position:0 -12px;
}


/* 10.ページ送り
=============================================================================*/

div.pager {
	width:710px;
	padding:20px 0 0 0;
}

div.pager ul {
	text-align:center;
}

div.pager ul li {
	display:inline;
}

div.pager ul li span {  
    display: -moz-inline-box;
    display: inline-block;
    border:#d3d3d3 1px solid;
    padding: 2px 7px 4px;
	margin:0 3px 0 0;
    background-color: #ffffff;  
 
}  
div.pager ul li a {  
    display: -moz-inline-box;
    display: inline-block;
	text-decoration:none;
    border:#d3d3d3 1px solid;
    padding: 2px 7px 4px;
	margin:0 3px 0 0;
    background-color: #ffffff;  
}  
div.pager ul li a:hover {
	color: #ffffff;
    border:#d3d3d3 1px solid;
    background-color:#008a60;
 
}