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



/* ■ お問い合わせ ■ */


/* メールマガジン【JSPニュース】のご案内 */
#maga {
	width:744px;
	margin: 0px 0px 10px 16px;
	background: url(../images/bg_magazine.jpg) no-repeat right;
}
#maga ul{
	width:500px;
	height:111px;
	padding: 0px 0px 70px 0px;
}
#maga li{
	font-size: 78%;
	line-height: 1.4;
}
#maga li.ttl{
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	color: #3971C3;
}
#maga li.ttl2{
	padding: 24px 0px 0px 0px;
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	color: #CC0000;
}
#maga .redb{
	font-weight: bold;
	color: #CC0000;
}


/* メールマガジン【JSPニュース】のご案内 */
#minput {
	width:744px;
	margin: 0px 0px 10px 16px;
	font-size: 78%;
	line-height: 1.4;
}
#minput .ta{
	width:744px;
}

#minput .bgb{
	background: #DEE9F2;	
	padding: 8px;
}
#minput .bgb{
	background: #DEE9F2;	
}
#minput ul{
	width:120px;
	padding: 0px 0px 0px 35px;
	float:left;
}
#minput li{
	font-size: 78%;
	line-height: 1.4;
}
#minput .redb{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
#minput .area{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#minput .input {
	width:270px;font-size: 14px;background-color: #ffffff;border: 1px solid #7f9db9;margin: 0px 0px 0px 6px;
}
#minput .sread{
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.4;
}

/* ■ 確認ボタン設定 ■ */
#mail .area2{
	width:100%;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#mail td{
	padding: 3px 3px 3px 3px;
}
#mail .input {
	width:200px;font-size: 14px;background-color: #ffffff;border: 1px solid #7f9db9;margin: 0px 0px 0px 6px;
}






/* ■ 確認ボタン設定 ■ */
#btn {
	padding: 0px 0px 0px 105px;
	text-align: center;
	background: #DEE9F2;
}
#btn ul{
	padding: 5px 0px 5px 0px;
	width:px;
}
#btn li{
	font-size:12px;
	width:148px;
	margin-right: auto;
	margin-left: auto;
}
#btn .pad1{
	padding: 14px 0px 0px 0px;
}
#btn a{display:block;}
#btn a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}
#btn a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}

/* メールマガジンsample */
#sample {
	width:744px;
	margin: 0px 0px 10px 16px;
	font-size: 88%;
	line-height: 1.2;
}


/* ■ 確認ボタン設定 ■ */
#btn2 {
	margin: 0px 0px 30px 16px;
	text-align: center;
	width:744px;
	background: #DEE9F2;
}
#btn2 ul{
	padding: 14px 0px 14px 0px;
	width:744px;
}
#btn2 li{
	font-size:88%;
	width:148px;
	margin-right: auto;
	margin-left: auto;
}
#btn2 .pad1{
	padding: 14px 0px 0px 0px;
}
#btn2 a{display:block;}
#btn2 a{
	color:#333333;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}
#btn2 a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight: bold;
	background: url(../images/btn_b01.gif) no-repeat;
	height:33px;
}
#btn2 .cmt{
	text-align: center;
	font-size:88%;
	line-height:1.4;
	color: #CC0000;
	padding: 16px 0px 0px 0px;
	font-weight: bold;
}



/* 大会風景写真  */
#pastphtts {
	width:674px;
	margin: 0px 0px 0px 16px;
	padding: 16px 0px 30px 70px;
	font-size: 88%;
	line-height: 1.2;
}
#pastphtts table{
	padding: 0px 20px 16px 20px;
	width:744px;
}
#pastphtts td{
	padding: 0px 0px 6px 18px;
}
#pastphtts .flame{
	padding: 5px 0px 0px 5px;
	background: url(../images/photoflame_small.gif) no-repeat;
	width: 109px;
	height: 84px;
}
#pastphtts .photo{
	padding: 8px 0px 8px 0px;
	width:96px;
}
#pastphtts .cmt{
	padding: 8px 0px 0px 0px;
	font-size:75%;
}

#pastphtts a{display:block;}
#pastphtts a{
	color:#333333;
	text-decoration:underline;
}
#pastphtts a:hover {
	color:#0099FF;
	text-decoration:underline;
}