@charset "UTF-8";
/*======================================================================

　WORLD COSPLAY SUMMIT 2010
　
　	[00] BASE
	[01] LINK
	[02] HEADER
	[03] FOOTER
	[04] G-NAVI
	[05] NEWS
	[--] SUB
	[--] GALLERY
	[99] LAYOUT COLOR
             

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

/*======================================================================
	[00] BASE
======================================================================*/
* {
	font-size: 100%;
	}

body#gnav-s-bnr {
	font-family: Verdana, Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Pゴシック", Osaka, sans-serif;
	font-size: 1.0em;
	color: #777777;
	line-height: 1.3;
	}

#container_wcs {
	_position: relative;
	_overflow: visible;
	text-align: left;
	margin: 0 auto;
	padding-left: 12px;
	width: 944px;
	background: url(/wcs/2010/images/img_contents.gif) repeat-y;
	}

/*#container_wcs {
	position: relative;
	text-align: left;
	overflow: visible;
	margin: 0 auto;
	padding-left: 12px;
	width: 944px;
	background: url(/wcs/2010/images/img_contents.gif) repeat-y;
	}*/

#common_main {
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-left: 22px;
	_margin-left: 11px;
	}

#common_main #primary {
	float: right;
	width: 480px;
	margin-right: 20px;
	margin-left: 20px;
	_margin-right: 10px;
	_margin-left: 10px;
	}

#common_main #secondary {
	float: left;
	width: 160px;
	}

#common_main #secondary p {
	font-size: 0.6em;
	line-height: 1.2;
	margin-top: 4px;
	margin-bottom: 10px;
	}

#sub {
	float: right;
	width: 196px;
	margin-top: 10px;
	margin-right: 46px;
	_margin-right: 17px;
	}

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

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}


/*======================================================================
	[01] COMMON
======================================================================*/
/* LINK
---------------------------------------------*/
a:link 		{text-decoration: none; color: #1ba9c4;}
a:visited 	{text-decoration: none; color: #1ba9c4;}
a:hover 	{text-decoration: none; color: #7BB70B;}
a:active 	{text-decoration: none; color: #7BB70B;}
.article a:hover {text-decoration: underline; color: #7BB70B;}

/* ARTICLE
---------------------------------------------*/
p.article_title {
	margin: 18px auto 3px;
	border-left: 6px solid #255A61;
	border-bottom: 1px solid #255A61;
	color: #255A61;
	padding-left: 7px;
	font-size: 0.9em;
	line-height: 1.6;
	font-weight: bold;
	}

p.article {
	margin: 0px 6px 12px;
	font-size: 0.8em;
	line-height: 1.5;
	}

.article span {
	color: #666666;
	font-weight: bold;
	line-height: 1.4;
	}


/* FLAG
---------------------------------------------*/
.flag_s {
	clear: both;
	margin: 5px 0;
	padding: 0px 0 0 6px;
	font-size: 1.0em;
	line-height: 1.2;
	color: #666666;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	}

.flag_s img {
	vertical-align: middle;
	margin: 5px 10px 10px 0px;
	border: 1px solid #666666; 
	}

.flag_xs {
	clear: both;
	margin: 3px 0;
	padding: 0;
	}

.flag_xs img {
	vertical-align: middle;
	margin: auto 5px;
	border: 1px solid #666666;
	}

/* SUB BLOCK
---------------------------------------------*/
.sub_block{
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(/wcs/2009/images/block_green_contents.gif) repeat-y left top;
	font-size: 0.6em;
	}

.sub_block h4{
	font-size: 0.9em;
	font-weight: normal;
	}

.latest_news_block{
	padding: 6px;
	}

.latest_news_block p{
	padding: 6px;
	border-bottom: 1px dotted #ccc;
	}

.latest_news_block p img{
	margin: auto 3px;
	border: 1px solid #999; 
	}

.latest_news_block a{
	font-size: 1.2em;
	}

/*

.latest_news_block p{
	margin: 6px;
	border-bottom: 1px dotted #ccc;
	background-color:#33FFFF;
	}

.latest_news_block p span {
	border: 1px solid #999; 
	}

.latest_news_block a{
	font-size: 1.2em;
	}*/


/* RELATED LINK
---------------------------------------------*/
h3.list_title {
	margin: 0 0 5px;
	padding-left: 5px;
	color: #FFFFFF;
	border-left: 6px solid #599764;
	background: #7BB70B;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.6;
	}

.link_block01 {
	clear: both;
	padding: 10px 0 20px 0;
	}

.link_block01 p {
	margin: 3px 0;
	padding: 0 6px 0 16px;
	background: url(/wcs/2010/images/list_mark_02.gif) 5px 0.5em no-repeat;
	font-size: 0.8em;
	}

/*.link_block01 span {
	display: block;
	clear: left;
	}*/

/*.pageNavi {
	margin-bottom: 10px;
	text-align: center;
	}*/


/* TOPIC PATH
---------------------------------------------*/
#topic_path{
	margin-left: 28px;
	margin-top: 5px;
	font-size: 0.8em;
	}

#topic_path a:link {
	text-decoration: none;
	color: #1BA9C4;
	}

#topic_path a:visited {
	text-decoration: none;
	color: #1BA9C4;
	}

#topic_path a:hover {
	border-bottom:1px #7BB70B solid;
	color: #7BB70B;
	}

#topic_path a:active {
	text-decoration: none;
	color: #7BB70B;
	}



/*======================================================================
	[02] HEADER
======================================================================*/
#header {
	width: 944px;
	height: 82px;
	margin-bottom: 4px;
	margin-left: -12px;
	text-align: left;
	background: url(/wcs/2010/images/img_header.gif) no-repeat;
	}

#header h1 {
	position: relative;
	left: 34px;
	top: 32px;
	width: 324px;
	}

#header #shortcut {
	text-align: right;
	font-size: 0.8em;
	color: #666666;
	padding-top: 10px;
	padding-right: 50px;
	}

#header #shortcut a:link	{font-weight: bold; text-decoration: none; color: #666666;}
#header #shortcut a:visited	{font-weight: bold; text-decoration: none; color: #666666;}
#header #shortcut a:hover	{font-weight: bold; text-decoration: none; color: #7BB70B;}
#header #shortcut a:active	{font-weight: bold; text-decoration: none; color: #1ba9c4;}


/*======================================================================
	[03] FOOTER
======================================================================*/
#footer {
	clear: both;
	width: 944px;
	height: 60px;
	margin-left: -12px;
	text-align: center;
	background: url(/wcs/2010/images/img_footer.gif) no-repeat left bottom;
	}

#footer img {
	margin: 6px auto;
	}

#copyright {
	margin-bottom: 10px;
	padding-top: 10px;
	_padding-top: 0px;
	font-size: x-small;
	}



/*======================================================================
	[04] G-NAVI
======================================================================*/
#gnavi_jpn, #gnavi_eng 		{width: 876px; height: 42px; margin: 0 auto 10px 22px; position: relative; z-index: 1; line-height: 21px;}

#gnavi_jpn #globalnavi,
#gnavi_eng #globalnavi 		{margin: 0; padding: 0;}
#gnavi_jpn #globalnavi li,
#gnavi_eng #globalnavi li 	{display: inline;}
#gnavi_jpn #globalnavi li a,
#gnavi_eng #globalnavi li a {float: left; width: 146px; height: 0; padding-top: 42px; overflow: hidden; }

#gnavi_jpn #globalnavi li a {background-image: url(/wcs/2010/images/g_navi_jpn.gif); background-repeat: no-repeat;}/*日本語*/
#gnavi_eng #globalnavi li a {background-image: url(/wcs/2010/images/g_navi_eng.gif); background-repeat: no-repeat;}/*英語*/

/* BUTTONS
---------------------------------------------*/
#gnavi_jpn #globalnavi li#gn-news a,
#gnavi_eng #globalnavi li#gn-news a 		{background-position: 0 0;}
#gnavi_jpn #globalnavi li#gn-event a,
#gnavi_eng #globalnavi li#gn-event a 		{background-position: -146px 0;}
#gnavi_jpn #globalnavi li#gn-preliminary a,
#gnavi_eng #globalnavi li#gn-preliminary a 	{background-position: -292px 0;}
#gnavi_jpn #globalnavi li#gn-profile a,
#gnavi_eng #globalnavi li#gn-profile a 		{background-position: -438px 0;}
#gnavi_jpn #globalnavi li#gn-report a,
#gnavi_eng #globalnavi li#gn-report a 		{background-position: -584px 0;}
#gnavi_jpn #globalnavi li#gn-gallery a,
#gnavi_eng #globalnavi li#gn-gallery a 		{background-position: -730px 0;}

/* OVER STATES
---------------------------------------------*/
#gnavi_jpn #globalnavi li#gn-news a:hover,
#gnavi_eng #globalnavi li#gn-news a:hover 			{background-position: 0 -42px;}
#gnavi_jpn #globalnavi li#gn-event a:hover,
#gnavi_eng #globalnavi li#gn-event a:hover 			{background-position: -146px -42px;}
#gnavi_jpn #globalnavi li#gn-preliminary a:hover,
#gnavi_eng #globalnavi li#gn-preliminary a:hover 	{background-position: -292px -42px;}
#gnavi_jpn #globalnavi li#gn-profile a:hover,
#gnavi_eng #globalnavi li#gn-profile a:hover 		{background-position: -438px -42px;}
#gnavi_jpn #globalnavi li#gn-report a:hover,
#gnavi_eng #globalnavi li#gn-report a:hover 		{background-position: -584px -42px;}
#gnavi_jpn #globalnavi li#gn-gallery a:hover,
#gnavi_eng #globalnavi li#gn-gallery a:hover 		{background-position: -730px -42px;}

/* PRESSED STATES
---------------------------------------------*/
#gnavi_jpn #globalnavi li#gn-news a:active,
#gnavi_eng #globalnavi li#gn-news a:active 			{background-position: 0 -84px;}
#gnavi_jpn #globalnavi li#gn-event a:active,
#gnavi_eng #globalnavi li#gn-event a:active 		{background-position: -146px -84px;}
#gnavi_jpn #globalnavi li#gn-preliminary a:active,
#gnavi_eng #globalnavi li#gn-preliminary a:active 	{background-position: -292px -84px;}
#gnavi_jpn #globalnavi li#gn-profile a:active,
#gnavi_eng #globalnavi li#gn-profile a:active 		{background-position: -438px -84px;}
#gnavi_jpn #globalnavi li#gn-report a:active,
#gnavi_eng #globalnavi li#gn-report a:active 		{background-position: -584px -84px;}
#gnavi_jpn #globalnavi li#gn-gallery a:active,
#gnavi_eng #globalnavi li#gn-gallery a:active 		{background-position: -730px -84px;}

/* ON STATES
---------------------------------------------*/
#gnavi_jpn.news #globalnavi li#gn-news a,
#gnavi_eng.news #globalnavi li#gn-news a 				{background-position: 0 -84px !important;}
#gnavi_jpn.event #globalnavi li#gn-event a,
#gnavi_eng.event #globalnavi li#gn-event a 				{background-position: -146px -84px !important;}
#gnavi_jpn.preliminary #globalnavi li#gn-preliminary a,
#gnavi_eng.preliminary #globalnavi li#gn-preliminary a 	{background-position: -292px -84px !important;}
#gnavi_jpn.profile #globalnavi li#gn-profile a,
#gnavi_eng.profile #globalnavi li#gn-profile a 			{background-position: -438px -84px !important;}
#gnavi_jpn.report #globalnavi li#gn-report a,
#gnavi_eng.report #globalnavi li#gn-report a 			{background-position: -584px -84px !important;}
#gnavi_jpn.gallery #globalnavi li#gn-gallery a,
#gnavi_eng.gallery #globalnavi li#gn-gallery a 			{background-position: -730px -84px !important;}





/*======================================================================
	[05] NEWS
======================================================================*/
#primary .news_block01 {
	margin: 0 0 10px 0;
	}

/* NEWS LIST
---------------------------------------------*/
#primary .news_block01 {
	margin: 0px 0 20px 0;
	}

ul.news_list01 li {
	float: left;
	padding: 10px;
	border-bottom: dotted 1px #ccc;
	}

ul.news_list01 li .thum01 {
	float: left;
	margin-right: 5px;
	}

ul.news_list01 li .article01 {
	float: right;
	width: 380px;
	margin: 0;
	}

ul.news_list01 li .article01 a {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.1;
	}

ul.news_list01 li .article01 p {
	padding-top: 0.2em;
	font-size: 0.8em;
	line-height: 1.1;
	}

ul.news_list01 li .thum01 span {
	display: block;
	width: 66px;
	height: 66px;
	padding: 2px;
	border: 1px solid #ccc;
	}

ul.news_list01 li h4,
ul.news_list02 li h4 {
	font-weight: normal;
	font-size: 0.6em;
	}

ul.news_list02 li {
	padding: 10px;
	border-bottom: dotted 1px #ccc;
	}

ul.news_list02 li .article02 {
	width: 460px;
	margin: 5px 0;
	}

ul.news_list02 a {
	padding: 2px 0px 0px 16px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.1;
	background: url(/wcs/2010/images/arrow_01.gif) 6px 0.5em no-repeat;
	}

.btnMore {
	clear: both;
	padding-top: 6px;
	padding-right: 6px;
	text-align: right;
	font-size: 0.8em;
	}


/* NEWS TEXT
---------------------------------------------*/
.news_head01 {
	margin: 6px 0;
	color: #7BB70B;
	font-size: 0.9em;
	line-height: 1.2;
	}

.news_block01 dt {
	display: inline;
	padding: 2px 6px 0 16px;
	/*color: #599764;*/
	color: #666666;
	font-size: 0.7em;
	float: right;
	line-height: 1.2;
	background: url(/wcs/2010/images/list_mark_01.gif) 5px 0.5em no-repeat;
	}

.news_block01 dd {
	clear: both;
	}

.news_block01 table {
	width: 480px;
	margin: 6px auto;
	border-collapse: collapse;
	border-spacing: 0;
	}

.news_block01 th,
.news_block01 td {
	padding: 5px 10px;
	line-height: 1.5;
	vertical-align:text-top;
	font-size:0.8em;
	color: #666666;
	border: 1px solid #FFFFFF;
	background: #f9f9f9;
	}

.news_block01 th {
	font-weight: bold;
	text-align: left;
	background: #f5fae8;
	}

.news_block01 .att {
	color: #e6564b;
	}


/*======================================================================
	[--] GALLERY
======================================================================*/
/* picasa + lytebox
---------------------------------------------*/
ul#photo_list li {
	width: 80px;
	height: 80px;
	background: transparent url(/wcs/2010/images/photos_bg.jpg) top left no-repeat;
	overflow: hidden;
	float: left;
	}

ul#photo_list li span {
	display: block;
	margin: 7px;
	}


/*======================================================================
	[--] PAST SITE
======================================================================*/
#primary .past_block01 {
	margin: 0 0 20px 0;
	}

ul.past_list01 li a,
ul.past_list02 li a{
	/*white-space:nowrap;*/
	margin-left: 20px;
	padding: 4px 0px 0px 16px;
	font-size: 0.8em;
	background: url(/wcs/2010/images/arrow_01.gif) 6px 0.5em no-repeat;
	}

ul.past_list01 h3,
ul.past_list02 h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 6px;
	padding-bottom: 4px;
	font-weight: bold;
	line-height: 1.1;
	border-bottom: dotted 1px #ccc;
	}

ul.past_list02 h3 {
	margin-top: 10px;
	}

ul.past_list01,
ul.past_list02{
	padding: 2px 0 10px;
	}


/*======================================================================
	[99] LAYOUT COLOR
======================================================================*/

/*#container_wcs		{background-color: #69f1c3;}
#common_main 			{background-color: #69f1c3;}
#common_main #primary	{background-color: #f08466;} 
#common_main #secondary	{background-color: #fac03b;} 
#sub					{background-color: #8bb9dd;} 





/*#primary .news_block01 h2 {
	padding: 0px 0px 11px 0px;
	background: #FFFFFF;
	line-height: 1;
	}

.news_block01 ul li {
	margin-top: 3px;
	margin-bottom: 10px;
	}