@charset "utf-8";

body{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.8;
	color:#fff;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#111111; 
	}

a{
	color:white;
	text-decoration: underline;
/*	color:#ff6600; */
/*	text-decoration:none; */
	}

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

a:hover img {
	filter: alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;
}
	
	
#main{
	margin:0;
	padding:0;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#221f22;
	display:block;
}

#main_index {
	margin:0;
	padding:0;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#221f22;
	display:block;
}


#header a{
	text-decoration:none;
	font-size:85%;
	letter-spacing:1pt;
}

#header{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	text-decoration:none;
}

#logo{
	margin:10px 0 0 0;
	float:left;
	text-align:left;
}

#head_navi{
	margin:0;
	padding:10px 0 0 0 ;
	color:#cccccc;
	clear:right;
	text-align:right;
	letter-spacing:1px;
}

img { border: none; }

div#content {
	padding-bottom: 1px;
	position: relative;
	width:810px;
	height:100%;
	border-top:0px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	margin-top:90px;
	_margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:20px 20px;
	display: block;
}

#content_left{
	float:left;
	width:220px;
	height:auto;
	margin:20px 10px 0 0;
	_margin:0px 10px 0 0;
	padding:10px;
	border:0px solid white;
	display: inline;
	line-height:210%;
}

#content_left a {
	color:#white;
	text-decoration:none;
}


#content_left span {
	color:#aaaaaa;
	text-decoration:underline;
}

#content_right{
	font-size: 90%;
	letter-spacing:1px;
	line-height:180%;
	margin:10px 0 0 0;
	padding:10px;
	_padding:0px;
	float:left;
	width:540px;
	border:0px solid white;
	display: inline;
}

#content_right h1{
	font-size:20px;
	letter-spacing:1px;
	font-family: "Times New Roman", Times, serif;
	margin:0 0 10px -20px;
	padding:0;
	}

#content_right pre {
	font-size:11px;
	letter-spacing:1px;
	line-height:200%;
	}

#footer{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	padding:0 0 10px 0;
	text-align:left;
}

#footer a {
	color:#white;
	text-decoration:none;
}


#footer span {
	color:#aaaaaa;
	text-decoration:underline;
}

#footer td {
	vertical-align:top;
}


/*======================================

	Global Navigation Module
	
=======================================*/

#menu{
	margin:0;
	padding:0 0 0 0px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	border-left:0px solid #666666;
	display:block;
}

ul#gnavi {
	margin:0;
	padding:0;
	border-top: 0px solid #333333;
	border-bottom: 0px solid #e5e5e5;
	float:left;
	height:40px;
}

ul#gnavi li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

.gnavi_line {
	height:40px;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	border-bottom: 1px solid #666666;
}

.gnavi_line_index {
	width: 8px;
	height:40px;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	border-bottom: 0px solid #666666;
}


/*--------------------------------------
	1.Button
---------------------------------------*/

ul#gnavi li a {
	margin:0;
	padding:0; /* Button Height */
	_padding-bottom:2px;
	display: block;
	position: relative; /* IE6 Bug Fix */
	text-align: center;
	border-right: 0px solid #666666;
	border-left: 0px solid #666666;
	border-bottom: 1px solid #666666;
}

ul#gnavi li img { border:none; height:40px; }


/*--------------------------------------
	2. On mouse
---------------------------------------*/

ul#gnavi li a:hover img {
/*	background-color: #191c19; */
	background-image: none;
	filter: alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;
}


/*--------------------------------------
	3. Current 
---------------------------------------*/

ul#gnavi li.current a:link,
ul#gnavi li.current a:visited,
ul#gnavi li.current a:hover {
	color: #ffffff;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 0px solid #666666;
}

/*--------------------------------------
	clearFix
---------------------------------------*/

ul#gnavi {
	_height: 1px;
	min-height: 1px;
}

ul#gnavi:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/

ul#gnavi {
	height: auto;
	overflow: hidden;
}
/* end */


/*--------------------------------------
	角を丸くする
---------------------------------------*/

span.r1{margin: 0 5px; background-color:#666666; display:block; height: 1px; _height:0px; _background-color:none; _margin:-80px 0 0 0; _padding:0;}
span.r2{margin: 0 3px; background-color:#666666; display:block; height: 1px; _height:0px; _background-color:none; _margin:0; _padding:0;}
span.r3{margin: 0 2px; background-color:#666666; display:block; height: 1px; _height:0px; _background-color:none; _margin:0; _padding:0;}
span.r4{margin: 0 1px; background-color:#666666; display:block; height: 1px; _height:0px; _background-color:none; _margin:0; _padding:0;}


/*--------------------------------------
	第二階層 subtitle
---------------------------------------*/

div.subtitle { border-left:5px solid #444444; padding-left:10px; margin:40px 0 10px 0; }

div.border { border-top:1px solid #333333; width:100%; margin:20px 0 0 0; padding:0; }


/*--------------------------------------
	インデックスページのmessage部分
---------------------------------------*/

ul#portfolio { text-decoration:none; padding:10px; font-size:12px; letter-spacing:0px; background-color:#292629; }

div#message  { margin:20px 0 0 20px; padding:0; }

div#message iframe{ width:860px; }


/*--------------------------------------
	インデックスページのcontent部分
---------------------------------------*/

div#content_index {
	padding-bottom: 1px;
	position: relative;
	width:900px;
	*width:850px;
	height:100%;
	border:1px solid white;
	border-top:0px;
	border-bottom:0px solid #666666;
	border-left:0px solid #666666;
	border-right:0px solid #666666;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:20px;
	display: block;
}

#content_index_left{
	float:left;
	width:385px;
	height:auto;
	margin:0;
	padding:0px;
	border:0px solid white;
	display: inline;
	line-height:210%;
}

#content_index_left         { text-decoration:none; color:#ffffff; font-size:11px; }
#content_index_left a       { text-decoration:none; color:#dddddd; font-size:12px; line-height:22px; }
#content_index_left a:hover { text-decoration:underline; color:#dddddd; font-size:12px; }


#content_index_center {
	width:200px;
	font-size: 90%;
	letter-spacing:1px;
	line-height:10px;
	margin:0 25px 0 20px;
	padding:0;
	border:0px solid white;
	float:left;
	display: inline;
}


#content_index_right{
	font-size: 90%;
	letter-spacing:1px;
	line-height:180%;
	margin:0;
	padding:0;
	float:left;
	width:230px;
	border:0px solid white;
	vertical-align:top;
	text-align:right;
	display: inline;
}

#content_index_right img { padding:0 0 10px 0; }


/*--------------------------------------
	インデックスページの最新のイベント部分
---------------------------------------*/

#recent_event div { margin:20px 0 0 0; }
#recent_event h3 { font-size:12px; font-weight:lighter; line-height:6px; letter-spacing:1px; margin:30px 0 7px 0; }
#recent_event ul { margin:10px 0 0 0; padding:0; }
#recent_event li { 
	font-size:10px;
	line-height:15px;
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;
	float:left;
 }
#recent_event li a:hover { color:white; text-decoration:underline; }


/*--------------------------------------
	インデックスページのヘッダー
---------------------------------------*/

#header_index_image {
	position:absolute; 
	left:0px; top:0px; 
	padding:0px; 
	width:900px; 
	height:470px; 
	text-align:center;
}

#header_index_submenu {
	position:absolute; top:10px; right:0px; 
	width:190px; 
	vertical-align:top; 
	text-decoration:none; 
	letter-spacing:1px;
}

#header_index_submenu a{
	text-decoration:none;
	font-size:85%;
	letter-spacing:1pt;
}


/*--------------------------------------
	イベントページ
---------------------------------------*/


/*---------------
 おススメのイベント
-----------------*/

div.reccomended_event h2 { text-decoration:none; letter-spacing:0px; }

div.reccomended_event ul.reaction {
	margin: 5px 10px 0 0;
	padding: 0.3em;
	_height: 1px; /* for IE */
	border-top: 1px solid #666666;
}

div.reccomended_event ul.reaction li {
	margin: 0;
	padding-right: 15px;
	display: inline;
	border-right: 2px solid #eee;
}

div.reccomended_event ul.reaction li a {
	padding-left:0px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}

div.reccomended_event ul.reaction li.apply a {
	padding-left: 24px;
	background-image: url(images/icon/v_icon010101.gif);
}

div.reccomended_event ul.reaction li.open a {
	margin-left:6px;
	padding-left: 24px;
	background-image: url(images/icon/v_icon080101.gif);
}

div.reccomended_event ul.reaction li.all a {
	background-image: url(images/icon/v_icon110102.gif);
}


div.reccomended_event img {
	width:150px;
	margin :0px;
	padding:0px 10px 0px 0px;
	float: left;
}



/*---------------
 小さいエントリー　左右
-----------------*/

div.mini_left {
	width: 265px;
	float: left;
	clear:none;
	display:inline;
	margin:0px;
	padding:5px 5px 5px 0;
}

div.mini_left img {
	width:80px;
	margin :0 10px 10px 0;
	padding:0;
	float: left;
}

div.mini_left h3 { text-decoration:none; letter-spacing:0px; }

div.mini_right {
	width: 265px;
	float: left;
	clear:right;
	display:inline;
	margin:5px 0 5px 5px ;
	padding:0px;
}

div.mini_right img {
	width:80px;
	margin :0 10px 10px 0;
	padding:0;
	float: left;
}

div.mini_right h3 { text-decoration:none; letter-spacing:0px; }


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

div.individual {
	color: #eeeeee;
	background-color: #333333;
	margin-right:10px;
	padding:10px;
	display:block;
	min-height:110px;
}


div.individual strong {
	margin-top:0px;
	padding-top:0px;
	color: #666666;
	line-height:20px;
}

div.individual a:link    { color: #aaaaaa; text-decoration: none; }
div.individual a:visited { color: #aaaaaa; text-decoration: none; }
div.individual a:active  { color: #ffffff; }
div.individual a:hover   { color: #dddddd; text-decoration: underline; }



/*=========================================================

	div#utilities (Sidebar)
	
=========================================================*/


/*--------------------------------------
	Tag Cloud
---------------------------------------*/

ul.tagCloud {
	margin:0;
	padding:0;
	line-height: 1;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

ul.tagCloud li a {
	padding: 0!important;
	text-decoration: none;
	background-image: none!important;
}

/* Tag level 1>6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #ffffff;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #eeeeee;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #dddddd;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #cccccc;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #bbbbbb;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #aaaaaa;
}

/* On Mouse */
ul.tagCloud li a:hover {
	color: #000;
}

/*
コメント・トラックバック数など、
数を表す部分で使われます
*/

.count {
	color: #aaa;
}

div#utilities dl dd ul.tagCloud {
	margin: 0;
	padding: 0.5em 8px;
}


div#utilities h3 { 
	font-size:12px; 
	line-height:0px; 
	margin:20px 0px 10px 0px; 
	padding:0px;
	font-weight: normal;
 }



/*--------------------------------------
	.randam
---------------------------------------*/


div.randam a   { text-decoration:none; font-size:8px; line-height:12px; }
div.randam img { width:60px; height:60px; }




/*--------------------------------------
	カテゴリ
---------------------------------------*/


ul.category {
	margin-top: 0px;
	padding: 0 0 0px 0px;
	_height: 1px; /* for IE */
}


ul.category li {
	margin: 0;
	padding-right: 5px;
	display: inline;
}

ul.category li a {
	text-decoration:none;
	background-image: url(images/arrow/v_arrow080102.gif);
	padding-left: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	_background-position: 0 0.2em;
}

ul.category h4 {
	color: white;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
	line-height:0px;
	margin:30px 0 10px 0;
}

/*--------------------------------------
	.feed
---------------------------------------*/

ul.feed {
	margin:0px;
	padding:0px;
}

li.atom,
li.rss {
	list-style-type: none;
	list-style-position: outside;
}

li.atom a,
li.rss a {
	padding-left: 20px!important;
	background-image: url(images/mark/icon_feed.gif)!important;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}



/*---------------
 イベント 詳細ページ
-----------------*/

div.detail {
	color: #eeeeee;
	font-size: 14px;
	line-height:200%;
	background-color: #333333;
	margin:0px 0 0 0;
	padding:20px;
	display:block;
	min-height:200px;
}


div.detail strong {
	margin-top:0px;
	padding-top:0px;
	color: #666666;
	line-height:20px;
}

div.detail a:link    { color: #aaaaaa; text-decoration: none; }
div.detail a:visited { color: #aaaaaa; text-decoration: none; }
div.detail a:active  { color: #ffffff; }
div.detail a:hover   { color: #dddddd; text-decoration: underline; }

div.detail h2 { text-decoration:none; letter-spacing:0px; }

div.detail blockquote {
	margin:20px 0px 0px 0px;
	padding:0;
	width:auto;
	font-size: 12px;
	line-height:150%;
}

div.detail span.contact { font-size:12px; line-height:150%; margin:10px 0 0 0; }

div.detail img {
	width:300px;
	margin :0px;
	padding:0px 20px 0px 0px;
	float: left;
}


div.detail ul.reaction {
	font-size:11px;
	margin: 20px 0 0 0;
	padding: 0.3em;
	_height: 1px; /* for IE */
	border-top: 2px solid #666666;
}

div.detail ul.reaction li {
	margin: 0;
	padding-right: 15px;
	display: inline;
	border-right: 2px solid #eee;
}

div.detail ul.reaction li a {
	padding-left:0px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}

div.detail ul.reaction li.apply a {
	padding-left: 24px;
	background-image: url(images/icon/v_icon010101.gif);
}

div.detail ul.reaction li.open a {
	padding-left: 24px;
	background-image: url(images/icon/v_icon080101.gif);
}

div.detail ul.reaction li.all a {
	background-image: url(images/icon/v_icon110102.gif);
}



/*---------------
 検索結果 個別エントリ
-----------------*/

div.individual_search_result {
	border:1px solid #333333;
	text-decoration:none;
	padding:10px 10px 10px 20px;
	margin-bottom:5px;
	font-size:12px;
	min-height:75px;
	background-image: url(images/arrow/v_arrow080102.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px 17px;

}


div.individual_search_result img {
	width:75px;
	text-decoration:none;
	text-align:right;
	margin:0 10px 10px 0;
	float:right;
}

div.individual_search_result a{
	color:#dddddd;
	text-decoration:none;
}

div.individual_search_result a:hover {
	color:white;
	background-color:#333333;
	text-decoration: underline;
}


span.end { 
	color:orange;
	font-size:9px;
	text-decoration:none;
}

span.end a { 
	color:orange;
	font-size:9px;
	text-decoration:none;
}

span.end a:hover { 
	color:#ffeedd;
	font-size:9px;
	text-decoration:none;
}


/*---------------
 Topic Path
-----------------*/

p.topicPath {
	font-size:10px;
	padding-left: 0px;
	text-decoration:none;
}

p.topicPath a { text-decoration:none; }

/* 現在位置 */
p.topicPath span.current {
	font-size:11px;
	text-decoration:none;
}

/* 検索結果 */
p.topicPath span.search_result {
	margin-left:20px;
	font-size:11px;
	text-decoration:none;
}

p.topicPath span.search_result strong { color:#999999; font-size:17px; letter-spacing:1px; }


/*---------------
 イベントレポート
-----------------*/

div.report img { margin-bottom:10px; width:200px; clear:left;}

/*---------------
ニュースレター
-----------------*/
#cont_nl_r{ border:1px dotted #FFF; padding:10px 5px 0px 5px;}

.nl_mail{margin-bottom:5px;}


.news_letter_tit{
	font-size:140%;
	margin-bottom:10px;
}

.nl_cont_tit{margin:8px 0px 7px 0px;}
.nl_cont_inp{ width:170px; }
.nl_sub{ margin-top:5px;}