@charset "Shift_JIS";

/* コンテンツbox */
/* ---------- ページ先頭box ---------- */
#main div.box_top {padding: 4px 4px 8px; background-color: #FFFFFF;}
#main div.box_top h2 {
	margin: 0px 5px 5px;
	padding: 0px 3px;
	font-size: medium;
	_font-size: small;
	line-height: 140%;
	background-color: #EEEEEE;
}
#main div.box_top p.read {margin: 0px 8px 15px;}

/* ----- 上ライン有box ----- */
#main div.box_overline {padding: 4px 0px 0px; background: #FFFFFF url(../images/line_01.gif) repeat-x;}
#main div.box_overline h2,
#main div.box_overline h3 {
	clear: both;
	margin: 0;
	padding-left: 21px;
	height: 23px;
	color: #FFFFFF;
	font-size: medium;
	_font-size: small;
	line-height: 23px;
}

/* ----- 応募フォーム共通 ----- */
#main div.form {
	margin: 0px auto 20px;
	padding: 0px;
	width: 520px;
}
#main div.form h4 {margin: 0px 0px 10px 5px; text-align: left;}
#main div.form p {text-align: left;}
#main div.form p#asking {margin: 0px 5px 10px; padding: 5px 10px 10px; border: 1px dashed #999999;}
#main div.form p#asking span {border-bottom: 1px solid #FF0000;}
#main div.form table {margin: 0px auto 20px; text-align: left;}
#main div.form table td.text {line-height: 150%;}
#main div.form table td.text input {vertical-align: middle;}
#main div.form table td.obi {padding: 0px 10px; border-left: 5px solid #333366; background-color: #EEEEEE;}
/* オビ色パターン */
#main .present div.form table td.obi {border-left: 5px solid #FF9900;}
#main #sp div.form table td.obi {border-left: 5px solid #336600;}
#main #pre div.form table td.obi {border-left: 5px solid #0033CC;}
#main #baseball div.form table td.obi {border-left: 5px solid #3399FF;}

/* 応募要項 */
#main div.exp {
	margin: 0px auto 20px;
	padding: 0px;
	width: 520px;
	text-align: left;
	line-height: 130%;
}
#main div.exp h5 {margin: 10px 0px 5px;}
#main div.exp ul {
	margin: 15px 0px;
	padding: 0px 10px 0px 35px;
	line-height: 130%;
	list-style-type: square;
}
#main div.exp ul li {margin-bottom: 5px;}
#main div.exp ul ul {
	margin: 0;
	padding-left: 5px;
	color: #6666FF;
	line-height: 110%;
	list-style-type: none;
}
#main div.exp ul ul li {margin-bottom: 0; font-size: x-small; _font-size: xx-small;}


/* ---------- access ---------- */
#main div.access {margin: 0px 20px; width: 600px; line-height: 140%;}
#main div.access h3 {margin: 25px 0px 5px;}
#main div.access p {margin: 0px 10px 5px;}

#main div.access div.form {margin: 0px 10px 5px; padding: 5px 0px; width: 400px; text-align: center; background-color: #FF9900;}
#main div.access div.url {margin: 0px 10px 5px; padding: 5px 0px; width: 400px; background-color: #EEEEEE;}
#main div.access div.url p {margin: 0px 5px; line-height: 120%;}
#main div.access div.qr {margin: 0; padding: 0; width: 410px;}
#main div.access div.qr img {float: right; margin-left: 5px; border: 1px solid #CCCCCC;}
#main div.access div.qr ul {
	margin: 0;
	padding-left: 15px;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 130%;
	list-style-type: none;
}
#main div.access div.qr ul span {margin-right: 3px; color: #FF0000;}

#main div.access div div {clear: both; height: 5px;}
#main div.access div div hr {clear: both; _display: none;}


/* ---------- movie ---------- */
#main div.box_top h2.movie {
	margin: 0px auto 10px;
	padding: 0;
	background-color: #FFFFFF;
}

#main div.movie {margin: 0; padding: 4px; line-height: 130%; background-color: #FFFFFF;}
#main div.movie p {margin: 0px 10px 10px;}
#main div.movie p.read {
	margin: 0px auto 20px;
	_margin-bottom: 10px;
	padding: 5px 0px;
	border: 1px solid #CCCCCC;
	border-width: 1px 0px;
	width: 540px;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
	line-height: 140%;
	background: #EEEEEE url(../images/bg_gray.gif);
}
#main div.movie p.bottom {
	text-align:center;
	margin: 0px 0px 15px;
	color: #666699;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
}

/* ----- 詳細説明 ----- */
#main div.movie div.info {
	margin: 0px auto 20px;
	padding: 0px;
	width: 520px;
	text-align: left;
	line-height: 140%;
}
#main div.movie div.info h3 {margin: 10px 0px 5px;}
#main div.movie div.info h4 {margin: 20px 0px; text-align: center; font-size: small; _font-size: x-small; line-height: 120%;}
#main div.movie div.info h4 a {text-decoration: none;}
#main div.movie div.info h4 a img {border: 2px solid #0000FF;}
#main div.movie div.info h4 a:hover img {border: 2px solid #FF0000;}

#main div.movie div.info img.float_left {margin: 5px 8px 3px 5px; border: 1px solid #333366;}
#main div.movie div.info img.float_right {margin: 5px 5px 3px; border: 1px solid #333366;}
#main div.movie div.info p {margin: 0px 10px 10px;}
#main div.movie div.info p.point {
	margin: -32px 10px 5px;
	height: 27px;
	color: #666666;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
}
#main div.movie div.info p.etc {font-size: medium; _font-size: small; line-height: 120%;}

#main div.movie div.info div {margin: 0;}
#main div.movie div.info div.left {float: left; width: 275px;}
#main div.movie div.info div.right {float: left; width: 245px;}
#main div.movie div.info div.left p,
#main div.movie div.info div.right p {font-size: medium; _font-size: small; line-height: 120%;}

#main div.movie div.info div.left p.small,
#main div.movie div.info div.right p.small {margin: 0px 10px 5px; font-size: small; _font-size: x-small;}

#main div.movie div.info div.left ul,
#main div.movie div.info div.right ul {margin: 0px 0px 10px 0px; padding-left: 30px;}


#main div.movie div.info hr.line {
	margin: 20px 0px;
	_margin: 10px 0px;
	height: 1px;
	color: #CCFFCC;
	border: 0px solid #CCFFCC;
	border-bottom-width: 1px;
	visibility: visible;
}
#main div.movie#sp div.info hr.line {border-color: #CCFFCC;}
#main div.movie#pre div.info hr.line {border-color: #CCFFFF;}


/* ---------- present ---------- */
#main div.box_top h2.present {
	margin: 10px auto;
	padding: 0;
	background-color: #FFFFFF;
}

#main div.present {margin: 0; padding: 4px; line-height: 130%; background-color: #FFFFFF;}
div.present p {margin: 0px 10px 10px;}
#main div.present p.read {
	margin: 0px auto 20px;
	_margin-bottom: 10px;
	padding: 5px 0px;
	border: 1px solid #CCCCCC;
	border-width: 1px 0px;
	width: 540px;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
	line-height: 140%;
	background: #EEEEEE url(../images/bg_gray.gif);
}
div.present p.bottom {
	margin: 0px 0px 15px;
	color: #FF6600;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
}
div.present p.text_right a {
	background: url(../images/icon/arrow_anime01.gif) left center no-repeat;
	padding-left: 15px;
}

div.present h3 {margin: 10px 0px 5px;}
div.present hr.line {
	margin: 10px 5px;
	_margin: 0px 5px;
	height: 1px;
	color: #FF9900;
	border: 0px solid #FF9900;
	border-bottom-width: 1px;
	visibility: visible;
}

/* ----- 詳細説明 ----- */
div.present div.info {
	margin: 0px auto 20px;
	padding: 0px;
	width: 520px;
	text-align: left;
	line-height: 130%;
}
div.present div.info img.float_right {margin: 5px 5px 3px 3px; border: 1px solid #333366;}
div.present div.info p {margin: 0px 10px 10px;}
div.present div.info p.limit {
	margin: -32px 10px 5px;
	height: 27px;
	color: #EE0000;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
}
div.present div.info div {margin: 0;}
div.present div.info div.left {float: left; width: 245px; text-align: center;}
div.present div.info div.right {float: left; width: 275px;}
div.present div.info div.left img {border: 1px solid #333333;}
div.present div.info div.right p {margin: 0px 20px 10px 0px; font-size: small; _font-size: x-small; line-height: 120%;}

/* ----- 賞品説明 ----- */
div.present div.goods {
	margin: 0px auto 20px;
	padding: 0px;
	width: 520px;
	text-align: left;
	line-height: 130%;
}
div.present div.goods h4 {
	margin: 10px 5px 5px;
	padding: 4px 5px;
	border: 1px solid #FF9900;
	border-width: 0px 0px 1px 5px;
	font-size: small;
	_font-size: x-small;
	text-align: left;
	line-height: 110%;
	background-color: #FFEEDD;
}
div.present div.goods p {margin: 0px 10px 5px;}
div.present div.goods p.limit {
	margin: -32px 10px 5px;
	height: 27px;
	color: #EE0000;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
}
/* 1品 */
div.present div.goods div {margin: 0;}
div.present div.goods div.left {float: left; width: 245px; text-align: center;}
div.present div.goods div.right {float: left; width: 275px; text-align: left;}
div.present div.goods div.left img {border: 1px solid #333333;}
div.present div.goods div.right p {margin: 0px 20px 10px 0px; font-size: small; _font-size: x-small;}
/* 2品 */
div.present div.goods div.twin {margin: 0px auto; text-align: left;}
div.present div.goods div.twin div {float: left; width: 260px;}
div.present div.goods div.twin div.clear {float: none; width: auto;}
div.present div.goods div.twin p {margin: 0px 5px 5px 10px;}
div.present div.goods div.twin div img {float: left; margin: 0px 5px 5px 10px; border: 1px solid #333333;}
/* 3品 */
div.present div.goods div.trio {margin: 0px auto;}
div.present div.goods div.trio div {float: left; width: 173px; text-align: center;}
div.present div.goods div.trio div.clear {float: none; width: auto;}
div.present div.goods div.trio p {margin: 0px 5px 5px; text-align: left;}
div.present div.goods div.trio div img {border: 1px solid #333333;}


/* ---------- 野球（バッテリー賞）用 ---------- */
#baseball table {margin: 0px 10px; background-color: #CCCCCC;}
#baseball th {color: #555555; font-size: small; _font-size: x-small; background-color: #EEEEEE;}
#baseball th.null {color: #FFFFFF; background-color: #666666;}
#baseball th.central {color: #FFFFFF; background-color: #6699CC;}
#baseball th.pacific {color: #FFFFFF; background-color: #339999;}
#baseball th.special {color: #FFFFFF; background-color: #CC0000;}
#baseball td {background-color: #FFFFFF;}

div.present#baseball p.bottom {color: #0033CC;}
div.present#baseball hr.line {border-color: #AAFFFF;}


/* ---------- photo-con ---------- */
#main div.box_top div.read_photo {margin: 10px auto 0px;}
#main div.box_top h2.photo,
#main div.box_top h3.photo {
	margin: 0px auto;
	padding: 0;
	background-color: #FFFFFF;
}

#main div.photo {margin: 0; padding: 4px; line-height: 130%; background-color: #FFFFFF;}
#main div.photo p {margin: 0px 10px 10px;}
#main div.photo p.bottom {margin: 0px auto 10px; padding: 5px; width: 500px; text-align: left; background-color: #EEEEEE;}

#main div.photo div.first,
#main div.photo div.other {
	margin: 0px auto 20px;
	padding: 0px;
	width: 510px;
	text-align: left;
	line-height: 130%;
}

/* ----- 最優秀賞 ----- */
#main div.photo div.first h3 {
	margin: 0px 0px 5px;
	padding: 4px;
	color: #FFFFFF;
	font-size: 100%;
	text-align: right;
	line-height: 130%;
	background-color: #FF9900;
}
#main div.photo div.first h3 span {float: left; font-size: medium; _font-size: small; line-height: 110%; _line-height: 120%;}

#main div.photo div.first div {margin: 0;}
#main div.photo div.first div.left {float: left; width: 180px; text-align: center;}
#main div.photo div.first div.right {float: left; width: 330px;}
#main div.photo div.first div.right p {
	margin: 10px 10px 0px 0px;
	color: #666699;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
	line-height: 140%;
}
#main div.photo div.first div.waku {margin: 5px 0px 0px 5px; width: 500px; background: #DDDDDD;}
#main div.photo div.first div.waku p {margin: 0; padding: 0px 10px; border: 1px solid #666699; border-width: 0px 1px;}
#main div.photo div.first div.waku p span {color: #FF6600; font-weight: bold;}
/* ----- 優秀賞 ----- */
#main div.photo div.other h4 {
	margin: 0px 0px 5px;
	padding: 4px;
	color: #3366CC;
	font-size: 100%;
	text-align: right;
	line-height: 130%;
	background-color: #FFCC66;
}
#main div.photo div.other h4 span {float: left; _line-height: 130%;}

#main div.photo div.other div {margin: 0;}
#main div.photo div.other div.left {float: left; width: 180px; text-align: center;}
#main div.photo div.other div.right {float: left; width: 330px;}
#main div.photo div.other div.right p {
	margin: 0px 10px 5px 0px;
	padding: 5px;
	color: #666699;
	line-height: 120%;
}
#main div.photo div.other div.right p.comment {margin-bottom: 20px; color: #333333; background-color: #DDDDDD;}
#main div.photo div.other div.right p span {color: #003366; font-weight: bold;}
#main div.photo div.other div.right p.comment span {color: #FF6600;}


/* 右エリアはspodom.cssに */