@charset "UTF-8";

/*	css情報
---------------------------------------------------------------
	/ common.css
	/ Last Update : 2009-2
	/ リセットおよび基本設定
---------------------------------------------------------------*/

/*-------------------------------------------------------------
	リセット
---------------------------------------------------------------*/

html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
	width: 143px;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin-bottom: 0.5em;
}


/*-------------------------------------------------------------
	ベース
---------------------------------------------------------------*/

body {
	color: #333;
	font-size: small;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	text-align: left;
	background: #fef6c7 url(../img/bg.jpg) left top repeat;
}

div#wrapping {
	width: 740px;
	margin: 36px auto 0 auto;
	padding: 0;
}


/*-------------------------------------------------------------
	リンク
---------------------------------------------------------------*/

a {
	text-decoration: underline;
}
a:link {
	color: #44a474;
	text-decoration: underline;
}
a:visited {
	color: #44a474;
	text-decoration: underline;
}
a:hover {
	color: #44a474;
	text-decoration: none;
}
a:active {
	color: #44a474;
	text-decoration: underline;
}

/*-------------------------------------------------------------
	他全般的なもの
---------------------------------------------------------------*/

img {
	border: 0;
	vertical-align: top;
}

.clear { clear:both;}
.right { float:right;}
.left { float:left;}




/*---------------------------------
	レイアウト
-----------------------------------*/

div#baseTop {
	width: 880px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/base_bg-top.gif) left top no-repeat;
}

div#base {
	width: 880px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/base_bg.gif) left top no-repeat;
}

div#header {
	width: 740px;
	padding: 0;
	margin: 0 0 8px 0;
	display:inline-block;
	min-height:1%;
}

div#header:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

div#header h1{
	width: 276px;
	float: left;
	margin-top: 10px;
}

div#header div#headerRight {
	width: 236px;
	float: right;
	background:url(../img/logo.gif) no-repeat right center;
	height: 58px;
}

div#header div#headerRight ul {
	width: 164px;
	text-align:right;
	padding-right: 20px;
	margin-top: 20px;
}

div#header p.logoImg{
	width: 54px;
}

div#contents{
	width: 740px;
	margin: 0;
	padding: 0;
	background: #222 url(../img/contents_bg.gif) left top repeat;
}

div#underContents{
	width: 740px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/contents_bg.gif) left top repeat;
}

div#contetnts h2{
	width: 531px;
	margin: 0;
	padding-left: 104px;
}

/*
div#contentsArea:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
*/

div#contentsBottom {
	width: 740px;
	margin: 40px 0 0;
	padding: 0;
	background: #222 url(../img/contents-bottom_bg.gif) left top repeat;
}


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

div#header ul {
	clear:both;
	margin: 0 auto;
}

div#header ul li,
ul#gNav li{
	width: 185px;
	display: inline;
}

div#header ul#gNav,
ul#gNav {
	width: 740px;
	padding-top:12px;
}

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

div#footer {
	width: 740px;
	margin: 12px 0 30px 0;
	padding: 0px;
	display:inline-block;
	min-height:1%;
}

div#footer:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

div#footer ul {
	float:left;
	margin-left: 8px;
}

div#footer li {
	display:inline;
	font-size: 87%;
	line-height: 100%;
	padding: 0 0 0 8px;
	background:url(../img/footer_icon.gif) left top no-repeat;
	}

div#footer li a{
	margin-right: 12px;
	padding: 0;
	color:#555;
}

div#footer li a:hover {
	color:#999;
}

div#footer p#copy {
	float:right;
	margin-right: 8px;
}

/*---------------------------------
	トップ
-----------------------------------*/

div#tsukadaComment {
	width: 740px;
	margin: 0;
}


div#twitterBox {
	width: 740px;
	margin: 10px 0;
}

div#twitterBox h3{
	float:left;
	width: 85px;
}

div#twitterBox p.h3Caption{
	float:right;
	text-align: left;
	width: 630px;
	font-weight: bold;
	color: #44a474;
}

ul.popup img.pop {
	display:block;
	top:-10000px;
	left:-10000px;
	position:absolute;
}

ul.popup a:hover {
	position:relative;
}

ul.popup a:hover img.pop{
	top:-112px;
	left:40px;
}

div#twitterTitle {
	width: 720px;
	display:inline-block;
	min-height:1%;
}

div#twitterTitle:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}




/*-------------------------------------------------------------
	下層ページ
---------------------------------------------------------------*/

p.caption {
	color:#555;
	line-height: 130%;
	padding: 5px 0;	
}


#contetnts {
	background: url(../img/contents_bg.gif) repeat-y left center;
	clear: both;
}

#underContetnts {
	background: url(../img/contents_bg.gif) left top repeat-y;
	width: 740px;
}

#underContetnts div#path {
	width: 740px;
	margin: 0;
	padding: 3px 0;
	background: url(../img/under-contents_path.gif) left top no-repeat;
}

#underContetnts div#path p{
	width: 740px;
	margin: 0;
	padding: 0 0 0 25px;
	color: #996633;
	font-weight: bold;
}

#underContetnts  div#contentsBox {
	width: 720px;
	background: url(../img/under-contents_top.gif) left top no-repeat;
	padding: 30px 0 0 0;
	margin: 0 10px;
}

#underContetnts div#contentsBox #contentsBoxMiddle {
	width: 660px;
	background: url(../img/under-contents_middle.gif) left top repeat-y;
	padding: 0 30px 28px 30px;
	margin: 0px;
}

#underContetnts #underContentsBottom {
	background: url(../img/page-top_bg.gif) bottom left no-repeat;
	margin-top: 20px;
	padding: 0px;
}

#underContetnts #underContentsBottom p.pageTop{
	text-align:right;
	padding: 5px;
	margin: 0px;
}

div.teamBox {
	width: 650px;
	background: url(../img/team_comment_line.gif) left top repeat-x;
	padding-top: 10px;
	margin-top: 5px;
}

div.teamBox div.teamBoxContents {
	width: 655px;
}
div.teamBoxContents table {
	width: 500px;
	margin: 0 auto;
	padding: 10px 0;
}

div.teamBoxContents table p{
	color:#555555;
}

div.teamBoxContents th p span {
	font-weight: normal;
}

div.teamBoxContents td {
	width: 347px;
}

div.teamBoxContents td img{
	margin-right: 10px;
}


div.teamBoxContents dl {
	width: 650px;
	background-image: url(../img/team_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	display:inline-block;
	min-height:1%;
	padding-top: 5px;
	
}

div.teamBoxContents dl:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}


div.teamBoxContents dt {
	width: 88px;
	margin: 0 0 0 15px;
	float:left;
}

div.teamBoxContents dd {
	width: 520px;
	float: right;
	line-height: 160%;
	margin:5px 0 0 5px;
	padding-left: 22px;
	color: #555555;
	background: url(../img/team_comment-caption.gif) left top no-repeat;
}


div#helpBox {
	width: 650px;
	margin: 0;	
	background:url(../img/team_line.gif) left bottom no-repeat;
}


div#helpBox table {
	margin: 10px auto 20px auto;
}

div#helpBox table p span{
	font-weight:normal;
}


div.pageLink {
	width: 720px;
	margin: 0;
	padding:0;
	clear: both;
}

ul#footerLink {
	width: 740px;
	text-align:center;
	margin: 12px 0 0 0;
	padding: 0;
}

ul#footerLink li{
	display:inline;
	width: 150px;
	font-size: 87%;
}

ul#footerLink li a{
	color:#555;
	margin-right: 8px;
}

ul#footerLink li a:hover{
	color:#555;
	text-decoration:none;
}

/*---------------------------------
	開催宣言
-----------------------------------*/
div#declareBox {
	width: 630px;
	margin: 0 auto;
	background:url(../img/declare-box_bottom.gif) no-repeat left bottom;
	padding-bottom: 105px;
}

div#declareBox h2{
	margin: 0;
	padding: 0;
}

div#declareBox div#declareBoxMiddle {
	width: 630px;
	margin: 0;
	padding: 10px 0;
	background:url(../img/declare-box_middle.gif) repeat-y left top;
}

div#declareBox div#declareBoxMiddle p {
	margin: 0;
	padding: 5px 30px;
	line-height: 140%;
}

div#declareBox div#declareBoxMiddle p.name {
	padding: 5px 0 0 0;
	font-weight: bold;
	text-align: center;
}

/*---------------------------------
	ルール
-----------------------------------*/

table#ruleBox {
	padding: 0;
	width: 660px;
	margin: 0px;
}

table#ruleBox th,
table#ruleBox td{
	margin: 0;
	padding: 10px;
	background:url(../img/rule-line.gif) left bottom repeat-x;
}

table#ruleBox th {
	color: #44a474;
}

table#ruleBox td{
	background:url(../img/rule-line_contents.gif) left bottom repeat-x;
	color: #555555;
}



/*---------------------------------
	参加チーム一覧
-----------------------------------*/
h2.teamCaption,
h2.ruleCaption{
	margin: 0;
	padding: 12px 0 8px 0;
}

div.team {
	clear:both;
	background: url(../img/team_bottom.gif) left bottom no-repeat;
	width: 655px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
}

div.team h3{
	padding: 0;
	margin: 0;
}