/* ==========================================================================
 コンペ共通
=========================================================================== */
#compe {
	color: #333;
}
#compe h1,
#compe h2,
#compe h3,
#compe h4 
#str_container #str_contents #compe h1,
#str_container #str_contents #compe h2,
#str_container #str_contents #compe h3,
#str_container #str_contents #compe h4 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background:0;
}
#str_container #str_menuAndContents #str_contents {
	float:left;
}
#str_container #str_contents #compe h2.none{
	margin:0;
}

#compe #header {
	margin: 0 0 15px 0;
}
#compe .section {
	margin: 0 0 25px 0;
}
#compe .float_l {
	float: left;
}
#compe .float_r {
	float: right;
}

/* ==========================================================================
 コンペTOP
=========================================================================== */
.top {
	width: 770px;
}

a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

/*
 幹事さん必見！おすすめの特集＆キャンペーン
--------------------------------------*/
#recomendcontents{
	margin-bottom:10px;
}
#recomendcontents .headingGray{
	overflow:hidden;
}
#recomendcontents .inner {
	width:750px;
	overflow:hidden;
}
#recomendcontents .inner div{
	width:370px;
	overflow:hidden;
}
#recomendcontents .inner div img{
	margin-right:10px;
	float:left;
}


/*
 当日までの段取り
--------------------------------------*/
.top ul.flow {
	margin: 0 0 10px 0;
	padding: 0;
}
.top ul.flow li {
	float: left;
	width: 237px;
	margin: 0;
	padding: 0;
}
.top ul.flow li.arrow {
	float: left;
	width: 29px;
	padding: 12px 0 0 0;
	text-align: center;
}

.top ul.flow li a {
	display:block;
	text-indent: -9999px;
	height: 46px;
}

.top ul.flow li a:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}
.top ul.flow li.step01 a {
	background: url(/compe/images/btn_index_step01.gif);
}
.top ul.flow li.step02 a {
	background: url(/compe/images/btn_index_step02.gif);
}
.top ul.flow li.step03 a {
	background: url(/compe/images/btn_index_step03.gif);
}
.top ul.flow li.step04 a {
	background: url(/compe/images/btn_index_step04.gif);
}
.top ul.flow li.step05 a {
	background: url(/compe/images/btn_index_step05.gif);
}
.top ul.flow li.step06 a {
	background: url(/compe/images/btn_index_step06.gif);
}
.top ul.flow li.step07 a {
	background: url(/compe/images/btn_index_step07.gif);
}
.top ul.flow li.step08 a {
	background: url(/compe/images/btn_index_step08.gif);
}

/*
 ルール・ショップ　バナーエリア
--------------------------------------*/
.top ul.banner li {
	float: left;
	padding: 0 25px 0 0;
}
.top ul.banner li.end,
.howto #navi ul li.end {
	padding: 0 0 0 0;
}

.top #compechart .float_r {
	width: 500px;
}
.top #compechart .float_r h5 {
	font-size: 150%;
	margin: 0 0 10px 0;
}
.top #compechart .float_r p {
	margin: 0 0 15px 0;
}


/* ==========================================================================
 下層ページ共通
=========================================================================== */
.howto {
	width: 960px;
}
#compe h2.howto,
#compe h3.howto
 {
	margin: 0 0 23px;
}

.howto #navi ul
 {
	margin: 0 0 10px;
}

/*
 ナビゲーション
--------------------------------------*/
.howto #navi ul {
	padding: 0;
	
}
.howto #navi ul li {
	float: left;
	padding: 0 23px 0 0;
	
}

/*
 ステップブロック
--------------------------------------*/
.howto .stepblock {
	border: 2px solid #53a62d;
	background: url(/compe/images/bg_step.jpg);
}
.howto .stepblock .float_l {
	width: 238px;
	padding: 15px 0 0 10px;
}
.howto .stepblock .float_r {
	padding: 10px 10px 10px 0;
	width: 685px;
	font-size: 108%;
}
.howto .stepblock .float_r p {
	margin: 0;
	padding: 0;
}
#compe .howto .stepblock h5 {
	padding: 0;
}
.howto .stepblock .point {
	color: #F60;
	font-weight: bold;
}

.howto .stepblock p.notes {
	color: #eb4055;
	font-size: 93%;
}

/*
 ステップブロック　dlリスト
--------------------------------------*/
.howto .stepblock dl.method {
}
.howto .stepblock dl.method dt {
	padding: 2px 0 1px 5px;
	display: inline;
	color: #f60;
	font-weight:bold;
	border-left:5px solid #f60;
}
.howto .stepblock dl.method dd {
	padding: 5px 0 5px 10px;
}
.howto .stepblock dl.method dd.rule {
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	margin: 0 0 15px 10px;
}


/*
 ステップブロック　ulリスト
--------------------------------------*/
.howto .stepblock ul.list {
	margin: 0;
	padding: 0 0 0 1em;
	/*　IE6/7 hack*/
	*padding: 0 0 0 1.5em;

}
.howto .stepblock ul.list li {
	list-style:disc;
	margin: 0 0 5px 0;

}
.howto .stepblock ul.list li.ex,
.howto .stepblock dl.method dd.ex {
	list-style: none;
	margin: 0 0 0 0;
	font-size: 93%;

}

.howto .stepblock p.bnr_txt {
	border-left: 5px #53a62d solid;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}

/*
 ステップブロック　olリスト
--------------------------------------*/
.howto .stepblock ol.num {
	padding: 0 0 0 1.5em;
	margin: 0;
	/*　IE6/7 hack*/
	*padding: 0 0 0 2em;


}
.howto .stepblock ol.num li {
	list-style: decimal;

}



/*
 ステップブロック　テーブル
--------------------------------------*/
.howto .stepblock table.table_type {
	width: 100%;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.howto .stepblock table.table_type th,
.howto .stepblock table.table_type td {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
}

.howto .stepblock table.table_type th {
	background: #666;
	color: #fff;
}
.howto .stepblock table.table_type td {
	background: #FFF;
}