@charset "Shift_JIS";

@import url("//kamogawa.mag2.com/common/css/base.css");

/* 構造
----------------------------------------------------------*/
body {
	margin: 0 auto;
	background: #ba0000;
	text-align: center;
}

body#kanryo,
body#error {
	background: #ff0000;
}

#outline {
	margin: 0 auto;
	background: url("../img/bg.gif") repeat-y;
	width: 1040px;
	text-align: center;
}

body#kanryo #outline,
body#error #outline {
	background: none;
}

#container {
	margin: 0 auto;
	width: 780px;
	text-align: center;
}

body#error #header {
	padding-top: 5px;
}

body#error #header #logo {
	float: left;
}

body#error #header #mag {
	float: right;
}

body#kanryo #footer,
body#error #footer {
	padding-bottom: 10px;
}

/* 共通
----------------------------------------------------------*/
img {
	border: none;
}

/* 応募画面
----------------------------------------------------------*/
/* 応募資格 */
#ouboshikaku {
	padding: 5px 0 10px;
	background: url("../img/ouboshikaku_bg.gif") repeat-y;
	width: 780px;
}

#ouboshikaku dl {
	margin: 0 70px;
	padding-left: 227px;
	width: 413px;
	color: #090;
	background: url("../img/i_ouboshikaku.jpg") no-repeat left center;
	text-align: left;
}

* html #ouboshikaku dl {
	width: 640px;
}

#ouboshikaku dt {
	padding-top: 5px;
}

#ouboshikaku dd {
	padding-top: 5px;
	padding-left: 30px;
}

/* 応募はこちらから */
#oubo {
	padding: 0 130px 10px 170px;
	background: url("../img/oubo_bg.gif") repeat-y;
	width: 480px;
	text-align: left;
}

* html #oubo {
	width: 780px;
}

#oubo p {
	padding: 10px 0;
	width: 440px;
}
#oubo strong {
	font-weight: bold;
	color: #f00;
}


#oubo dl {
	margin-left: 20px;
	padding-bottom: 15px;
}

#oubo dt {
	padding-top: 5px;
	padding-left: 15px;
	background: url("../img/i_oubo.gif") no-repeat left center;
}

#oubo dd {
	padding-top: 0px;
	padding-left: 15px;
}

#idomu {
	margin: 0 auto;
	text-align: center;
}

/* 個人情報・訪問先の発表 */
#kojin-homon {
	margin: 0 105px;
	width: 570px;
	text-align: left;
}

body#kanryo #kojin-homon {
	margin: 0 152px;
	width: 476px;
	text-align: left;
}

/* 個人情報 */
#kojinjyoho {
	padding: 0 15px 0 20px;
	width: 333px;
	background: url("../img/kojinjyoho_bg.gif") repeat-y;
	font-size: 93%;
	line-height: 1.2;
}

#kojinjyoho p {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
}

#kojinjyoho p span{
	color: #f00;
}

/* 訪問先の発表 */
#homonsaki {
	padding: 5px 15px 0 20px;
	width: 333px;
	color: #090;
	background: url("../img/homonsaki_bg.gif") repeat-y;
}

* html #kojinjyoho,
* html #homonsaki {
	width: 368px;
}

/* 過去の思い出アルバム */
#omoide {
	padding-bottom: 10px;
	background: url("../img/omoide_bg.gif") repeat-y;
}

#omoide ul {
	padding: 10px 0;
	list-style: none;
}

#omoide li {
	padding: 0 13px;
	display: inline;
	font-size: 108%;
}

/* 応募完了画面
----------------------------------------------------------*/
/* おしゃべり広場 */
#ad {
	margin: 50px auto;
	padding: 10px;
	width: 580px;
	background: #fff;
	text-align: center;
}

* html #ad {
	width: 600px;
}

ul.osyaberi {
	margin-left: 20px;
	padding: 5px 0;
	list-style-image: url("https://www.mag2.com/h/img/ikuji/to_button.gif");
	text-align: left;
}

ul.osyaberi a {
	color: #000;
	text-decoration: none;
}

ul.osyaberi a:hover {
	color: #000;
	text-decoration: underline;
}

/* まぐまぐトップページにもどる */
#to-magtop {
	padding-bottom: 25px;
}

#to-magtop a {
	color: #fff;
	font-size: 138%;
}

/* エラー画面
----------------------------------------------------------*/
/* エラーメッセージ */
#error-comment {
	margin: 50px auto;
	padding: 10px;
	width: 580px;
	color: #093;
	background: #fff;
}

* html #error-comment {
	width: 600px;
}

#error-comment p span {
	font-size: 138%;
}

/* 応募締め切り画面
----------------------------------------------------------*/
/* 応募締め切り */
#shimekiri {
	width: 780px;
	color: #093;
	background: url("../img/shimekiri_bg.gif") repeat-y;
	position: relative;
	text-align: left;
}

#shimekiri p {
	padding: 0 155px 10px 145px;
	line-height: 1.35;
}

#shimekiri-santa {
	position: absolute;
	top: 45px;
	right: 75px;
}

/* サンタ噴出し */
#fukidashi {
	margin: 5px 0 20px 0;
	width: 780px;
	height: 172px;
	color: #fff;
	background: url("../img/fukidashi_bg.gif") no-repeat;
	position: relative;
	text-align: left;
}

#fukidashi p {
	padding: 40px 295px 10px 135px;
	line-height: 1.35;
	font-size: 13px;
}

#fukidashi-santa {
	position: absolute;
	top: 0;
	right: 75px;
}

/* 挑戦者たち */
#tyosensya {
	width: 410px;
	background: url("../img/tyosensya_bg.gif") repeat-y;
}

#tyosensya ul {
	margin: 0 25px 0 35px;
	width: 350px;
	list-style: none;
	text-align: left;
}

#tyosensya li {
	display: inline;
	text-align: left;
}

#tyosensya li img {
	border: 1px solid #333;
}

/* 人気のスポーツ・クリスマスプレゼントランキング */
.ranking {
	width: 370px;
	background: url("../img/ranking_bg.gif") repeat-y;
}

.ranking table {
	margin: 0 35px;
	width: 300px;
	text-align: left;
}

.ranking td img {
	margin: 5px 4px 5px 5px;
}

/* コメント */
.comment {
	width: 370px;
	background: url("../img/comment_bg.gif") repeat-y;
	position: relative;
	text-align: left;
}

.comment p {
	padding: 10px 85px 0 30px;
	color: #093;
	background: url("../img/comment_top.gif") no-repeat;
	line-height: 1.1;
	font-size: 93%;
}

.comment-santa {
	position: absolute;
	top: 5px;
	right: 20px;
}

/* 訪問先決定画面
----------------------------------------------------------*/
/* 挑戦者決定 */
#kettei {
	width: 780px;
	background: url("../img/kettei_bg.gif") repeat-y;
}

#kettei_l {
	width: 370px;
	float: left;
}

#kettei_r {
	width: 410px;
	float: right;
}

#kettei dl {
	padding-bottom: 10px;
	font-size: 108%;
	text-align: left;
}

#kettei dt {
	font-weight: bold;
}

#kettei_l dl {
	margin-top: 10px;
	margin-left: 100px;
	width: 270px;
}

#kettei_l dt {
	float: left;
	color: #906;
}

#kettei_l dd {
	color: #c06;
}

#kettei_l dd.fl {
	padding-right: 10px;
	float: left;
}

#kettei_r dl {
	margin-right: 100px;
	margin-left: 10px;
	width: 300px;
}

#kettei_r dl#episode dt {
	color: #03c;
}

#kettei_r dl#episode dd {
	color: #06f;
}

#kettei_r dl#hogosya dt {
	color: #060;
}

#kettei_r dl#hogosya dd {
	color: #090;
}

/* 今後の動向 */
#kongo {
	margin: 10px 144px 20px 268px;
	width: 368px;
	color: #fff;
	position: relative;
}

#kongo p {
	padding: 5px 15px 0 20px;
	width: 333px;
	color: #090;
	background: url("../img/homonsaki_bg.gif") repeat-y;
	line-height: 1.35;
	text-align: left;
}

* html #kongo p {
	width: 368px;
}

#kongo-santa {
	position: absolute;
	top: 0;
	left: -108px;
}


/* 当日画面
----------------------------------------------------------*/
/* ライブ中継 */
.live {
	margin: 30px auto 0;
	width: 680px;
	text-align: center;
}

.live_comment {
	width: 448px;
	background: url("../img/live_bg.gif") repeat-y;
	text-align: left;
}

.live_fukidashi {
	width: 448px;
	background: url("../img/live_fukidashi.gif") no-repeat left center;
}

.live_bottom {
	width: 448px;
	background: url("../img/live_bottom.gif") no-repeat left bottom;
}

.live_comment dl {
	padding: 12px 12px 0 30px;
	width: 406px;
	color: #f00;
	background: url("../img/live_top.gif") no-repeat left top;
	font-weight: bold;
	font-size: 108%;
}

* html .live_comment dl {
	width: 448px;
}

.live_comment dt {
	float: left;
	width: 266px;
}

.live_comment dd {
	float: right;
	width: 140px;
	text-align: right;
}

.live_comment p {
	margin: 3px 12px 0 30px;
	padding: 5px 0 12px 0;
	border-top: 2px solid #f00;
	width: 406px;
	line-height: 1.3;
}


/* 後日画面
----------------------------------------------------------*/
.unit {
	margin: 0 50px;
	width: 680px;
}
.unit img {
	border: 2px solid #000;
}


.unit dl {
	border-bottom: 1px solid #fff;
	min-height: 40px;
	color: #fff;
	background: url("../img/i_fire.gif") no-repeat left center;
	font-size: 153%;
	font-weight: bold;
	position: relative;
	text-align: left;
}

* html .unit dl {
	height: 40px;
}

.unit dt {
	width: 85px;
	position: absolute;
	top: 15px;
	left: 35px;
}

.unit dd {
	margin-left: 120px;
	padding-top: 15px;
}

.unit table {
	margin: 15px auto;
	text-align: center;
}

.unit span {
	display: block;
	font-size: 116%;
	line-height: 1.3;
	text-align: left;
}

/* 吹き出し */
.f_right {
	background: url("../img/f_right.gif") no-repeat right center;
}

.f_left {
	background: url("../img/f_left.gif") no-repeat left center;
}

/* カセット1 */
.unit01 .bg,
.unit01 p,
.unit02 .bg,
.unit02 p,
* html .unit01 span,
* html .unit02 span {
	width: 425px;
}

.unit01 .bg {
	background: url("../img/f_410bg.gif") repeat-y 15px center;
}

.unit01 p {
	background: url("../img/f_410top.gif") no-repeat 15px top;
}

.unit01 span {
	padding: 10px 10px 10px 25px;
	width: 390px;
	background: url("../img/f_410bottom.gif") no-repeat 15px bottom;
}

/* カセット2 */
.unit02 .bg {
	background: url("../img/f_410bg.gif") repeat-y left center;
}

.unit02 p {
	background: url("../img/f_410top.gif") no-repeat left top;
}

.unit02 span {
	padding: 10px 25px 10px 10px;
	width: 390px;
	background: url("../img/f_410bottom.gif") no-repeat left bottom;
}

/* カセット3 */
.unit03,
.unit03_2 {
	padding: 0 5px;
}

.unit03 .bg,
.unit03_2 .bg,
.unit03 p,
.unit03_2 p,
* html .unit03 span,
* html .unit03_2 span {
	width: 204px;
}

.unit03 .bg,
.unit03_2 .bg {
	background: url("../img/f_204bg.gif") repeat-y left center;
}

.unit03 p {
	background: url("../img/f_204top.gif") no-repeat left top;
}

.unit03_2 p {
	background: url("../img/f_204top2.gif") no-repeat left top;
}

.unit03 span {
	padding: 10px 10px 28px;
	width: 184px;
	background: url("../img/f_204bottom2.gif") no-repeat left bottom;
}

.unit03_2 span {
	padding: 28px 10px 10px;
	width: 184px;
	background: url("../img/f_204bottom.gif") no-repeat left bottom;
}

/* カセット6 */
.unit06 .bg,
.unit06 p,
.unit07 .bg,
.unit07 p,
* html .unit06 span,
* html .unit07 span {
	width: 220px;
}

.unit06 .bg {
	background: url("../img/f_204bg.gif") repeat-y 16px center;
}

.unit06 p {
	background: url("../img/f_204top.gif") no-repeat 16px top;
}

.unit06 span {
	padding: 10px 10px 10px 25px;
	width: 185px;
	background: url("../img/f_204bottom.gif") no-repeat 16px bottom;
}

/* カセット7 */
.unit07 .bg {
	background: url("../img/f_204bg.gif") repeat-y left center;
}

.unit07 p {
	background: url("../img/f_204top.gif") no-repeat left top;
}

.unit07 span {
	padding: 10px 25px 10px 10px;
	width: 185px;
	background: url("../img/f_204bottom.gif") no-repeat left bottom;
}

/* カセット10 */
.unit10 .bg,
.unit11 .bg,
.unit10 p,
.unit11 p,
* html .unit10 span,
* html .unit11 span {
	width: 302px;
}

.unit10 .bg {
	background: url("../img/f_286bg.gif") repeat-y 16px center;
}

.unit10 p {
	background: url("../img/f_286top.gif") no-repeat 16px top;
}

.unit10 span {
	padding: 10px 10px 28px 25px;
	width: 267px;
	background: url("../img/f_286bottom2.gif") no-repeat 16px bottom;
}

/* カセット11 */
.unit11 .bg {
	background: url("../img/f_286bg.gif") repeat-y left center;
}

.unit11 p {
	background: url("../img/f_286top.gif") no-repeat left top;
}

.unit11 span {
	padding: 10px 25px 28px 10px;
	width: 267px;
	background: url("../img/f_286bottom2.gif") no-repeat left bottom;
}

/* カセット12 */
.unit12 .bg,
.unit12 p,
* html .unit12 span {
	width: 302px;
}

.unit12 .bg {
	background: url("../img/f_286bg.gif") repeat-y 16px center;
}

.unit12 p {
	background: url("../img/f_286top2.gif") no-repeat 16px top;
}

.unit12 span {
	padding: 28px 10px 10px 25px;
	width: 267px;
	background: url("../img/f_286bottom.gif") no-repeat 16px bottom;
}

/* カセット13 */
.unit13 .bg,
.unit13 p,
* html .unit13 span {
	width: 236px;
}

.unit13 .bg {
	background: url("../img/f_204bg.gif") repeat-y 16px center;
}

.unit13 p {
	background: url("../img/f_204top.gif") no-repeat 16px top;
}

.unit13 span {
	padding: 10px 25px;
	width: 186px;
	background: url("../img/f_204bottom.gif") no-repeat 16px bottom;
}

/* 後日メール */
#gojitu {
	margin-top: 10px;
	width: 780px;
	background: url("../img/kettei_bg.gif") repeat-y;
	text-align: left;
}

#gojitu-photo {
	padding: 0 10px 10px 100px;
	float: left;
	width: 196px;
}

* html #gojitu-photo {
	width: 306px;
}

#gojitu p {
	padding: 0 100px 10px 0;
	float: left;
	width: 374px;
	color: #06f;
	font-size: 116%;
	line-height: 1.3;
	text-align: left;
}

* html #gojitu p {
	width: 474px;
}

/* メッセージ */
#message-santa {
	margin: 10px auto;
	width: 470px;
	background: url("../img/i_message.jpg") no-repeat right center;
	text-align: left;
}

#message {
	width: 354px;
	background: url("../img/message_bg.gif") repeat-y;
}

#message p {
	padding: 0 25px 10px 10px;
	width: 319px;
	background: url("../img/message_bottom.gif") no-repeat left bottom;
	font-size: 116%;
	line-height: 1.3;
}

* html #message p {
	width: 354px;
}

/* 台詞色分け */
font.santa,
font.child,
font.tona01,
font.tona02,
font.tona03,
font.tona04 {
	display: block;
}

font.santa {
	color: #090;
}

font.child {
	color: #f00;
}

font.tona01 {
	color: #f60;
}

font.tona02 {
	color: #39f;
}

font.tona03 {
	color: #90c;
}

font.tona04 {
	color: #f09;
}