/* feature.cssは【特集】のみで使用するCSSです。
　 共通のレイアウトや汎用classなどはcommon.cssに記述しています。
--------------------------------------------------------------------------------
*/


/* 大会一覧ページ */
#feature {
	margin: 0px 0px 10px 16px;
}
#feature .table {
	width:744px;
}
#feature .txt {
	width:474px;
	font-size:75%;
	line-height:1.4;
}

#feature .banner{
	padding: 0px 0px 8px 12px;
	width: 270px;
}

/* 概要 20091023 */

#outline {
	margin: 20px 0px 0px 16px;
}
#outline img{
	margin: 0px 0px 6px 0px;
}
#outline .read{
	font-size:88%;
	line-height:1.4;
	margin: 16px 16px 16px 16px;
}
#outline .readsmall{
	font-size:75%;
	line-height:1.4;
	margin: 16px 16px 16px 16px;
}
#outline li{
	line-height:1.8;

}

/* 合宿地一覧 20100517 */

#list {
	margin: 10px 0px 0px 16px;
	text-align:left;	
}

/* 合宿地詳細 20100518 */

#picture {
	margin: 20px 0px 0px 18px;
}
#picture .read{
	font-size:68%;
	line-height:1.4;
}

/* 概要背景カラー 20091221 */

#groutline {
	margin: 8px 0px 32px 0px;
	background:#FFFFCC;
}
#groutline .read{
	font-size:75%;
	line-height:1.4;
	margin: 0px 32px 0px 32px;
}

/* イメージ写真 20091023 */

#imgpht {
	width:744px;
	margin: 0px 0px 0px 16px;
	padding: 16px 0px 10px 0px;
	border: 1px solid #CCCCCC;
}
#imgpht table{
	padding: 0px 0px 0px 0px;
	width:744px;
}
#imgpht .photo{
	padding: 8px 0px 8px 0px;
	width:280px;
	text-align: center;
}
#imgpht .waku{
	margin-left: 10px;
	padding: 10px 0px 0px 0px;
	background: url(../images/photoflame_big.gif) no-repeat;
	width: 247px;
	height: 191px;
}
#imgpht .cap{
	padding: 0px 0px 0px 0px;
	font-size:75%;
	font-weight: bold;
	color: #0051C5;
}


/* 参加チームの声 20091023 */

#voice {
	width:744px;
	margin: 0px 0px 20px 14px;
}
#voice .area{
	border: 1px solid #CCCCCC;
	padding: 12px;
	font-size:12px;
	line-height:1.4;
}
#voice .vie{
	margin: 5px 2px 5px 0px;
	width:692px;
	border: 1px dotted #7AA8CC;
	padding: 12px;
	font-size:12px;
	line-height:1.4;
	background: #DEE9F2;
}
#voice .player{
	background: url(../images/icon_voice.gif) no-repeat;
	padding: 4px 0px 3px 20px;
	font-weight: bold;
	color: #00519C;
}
#voice .read{
	color: #00519C;
	padding: 0px 0px 0px 20px;
}



/* 大会一覧 20091023 */

#taikai { margin: 20px 0px 20px 14px;}
#taikai .area { width:716px; border: 4px solid #E1E1E1;padding: 16px 12px 16px 12px;}
#taikai .ttl { font-size:88%; font-weight: bold; color: #0051C5; padding: 6px 0px 6px 0px;}
#taikai li.link {
	font-size:75%;
	font-weight:bold;
	line-height:21px;
	padding: 0px 13px 4px 14px;
	background: url(../images/arrow01.gif) no-repeat; 
}
#taikai .logo { text-align:center;}


/* カテゴリごとに大会をみる 20091028 */
#contact {
	width:760px;
}
#contact .bg{
	height:31px;
	padding:  12px 6px 3px 48px;
	background: #DEDEDE url(../images/topics_backimg.gif) no-repeat;
}
#contact h2{
	font-size:14px;
	line-height:1.4;
}
#contact .area{
	padding:  10px 0px 18px 48px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#contact .link {
	display:inline;
	font-size:75%;
	line-height:1.4;
	padding: 0px 13px 0px 14px;
	background: url(../images/arrow01.gif) no-repeat;
}
#contact .link2 {
	display:inline;
	font-size:75%;
	line-height:1.4;
	padding: 0px 13px 0px 14px;
	background: url(../images/arrow02.gif) no-repeat;
}


/* ■ ボタン設定 ■ */
#bbtn {
	font-size:75%;
	line-height:1.4;
	width:710px;
	padding: 10px 0px 10px 0px;
}
#bbtn ul{
	text-align:center
}

#bbtn li{
	margin: 0px 5px 0px 0px;
	width:166px;
	float:left;
}
#bbtn li.bth{
	margin: 0px 0px 0px 0px;
	width:166px;
}

#bbtn .pad1{
	padding: 14px 0px 0px 0px;
}
#bbtn .pad2{
	padding: 7px 0px 0px 3px;line-height: 1.3;letter-spacing: -1px;
}

#bbtn a{display:block;}

#bbtn a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b04.gif) no-repeat;
	height:38px;
}

#bbtn a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b04.gif) no-repeat;
	height:38px;
}