@charset "Shift-JIS";
/**********************************************************************
FMB 特設サイト 朝日子供新聞企画
**********************************************************************/


/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:none;
	vertical-align:top;
}

ul, dl, ol {
	list-style-type:none;
}

strong {
	font-weight:normal;
}

address {
	font-style:normal;
}

body {
				background-color:#4B281F;
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}


/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
 text-decoration:none;
	color:#333;
	outline:none;
}

a:hover {
 text-decoration:underline;
}


/* -----------------------------------------------
コンテンツ
------------------------------------------------- */
div#wrapper {
	background-color:#4B281F;
	color:#333;
}

div#header {
	background:url(../img/head_bg.jpg) left top repeat-x;
}

div#header h1 {
	width:968px;
	margin:0px auto;
}

div#contents {
	background:url(../img/content_bg.gif) left top repeat;
	padding:20px 0px;
}

div#contents ul {
	width:908px;
	margin:0px auto;
}

div#contents ul li {
	width:138px;
	float:left;
	padding-bottom:15px;
}

div#contents ul li.margin {
	margin-right:40px;
}

div#contents ul li h2 {
	width:130px;
	height:20px;
	letter-spacing:-0.05em;
	margin-top:8px;
}


div#footer {
	width:908px;
	color:#CCC;
	font-size:93%;
	padding:15px 0px;
	margin:0px auto;
}

div#footer p {
	background:url(../img/footer_arrow.gif) left 1px no-repeat;
	float:left;
	padding-left:20px;
	margin-right:20px;
}

div#footer p a {
	color:#CCC;
	text-decoration:none;
}

div#footer p#copy {
	background:none;
	text-align:right;
	float:right;
	color:#C1BDC2;
	padding:0px;
	margin:0px;
}

/* メッセージページ */
body#messagePage {
	background:url(../img/desk_bg.jpg) left top repeat;

}
	
div#messageWrapper_goods {
	background:url(../img/desk_goods.jpg) center top no-repeat;
	position:relative;
	padding-top:71px;
}
	
div#messageWrapper div#message {
	width:576px;
	height:576px;
	margin:0px auto;
	position:relative;
}
	
div#messageWrapper div#message h1 {
	width:576px;
	height:24px;
	position:absolute;
	left:0px;
	top:11px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	z-index:1;
}
	
div#messageWrapper div#message div#scope {
	width:576px;
	height:576px;
	position:absolute;
	_left:0px;
	_top:0px;
	overflow:hidden;
}
	
div#messageWrapper div#message div#scope ul {
	position:relative;
	left:0px;
	top:0px;
}
	
div#messageWrapper div#message div#scope ul li {
	float:left;
}
	
div#messageWrapper div#navi {
	width:576px;
	height:25px;
	position:relative;
	margin:0px auto;
	margin-top:28px;
	padding-bottom:30px;
}
	
div#messageWrapper div#navi p {
	cursor:pointer;
}
	
div#messageWrapper div#navi p#next {
	position:absolute;
	right:0;
	top:0;
}
	
div#messageWrapper div#navi p#prev {
	position:absolute;
	left:0;
	top:0;
	display:none;
}
	
div#messageWrapper div#navi p#close {
	position:absolute;
	left:44%;
	top:0;
}