/*++++++++++++++++++++++++++++++++++++++++++++++++++

　　「YNFPを楽しむ10の方法」専用スタイルシート

++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*==================================================
ページ全体の設定
==================================================*/
body{
	margin:0;
	padding:0;
	background:#ffffff url(../common_img/bt_bg.jpg) repeat-x top;
	font-family:メイリオ,Meiryo;
}

div#wrapper{
	width:814px;
	margin:0 auto;
	background: url(../common_img/common_bg.gif) repeat-y left;
}


/*==================================================
ヘッダーの設定
==================================================*/
div#header{
	width:800px;
	margin:0 auto;
	border-bottom:1px solid #666666;
	background:#333333 url(../images/eventspecial/header-bg1.gif) repeat-x;
}
div#header p{
	height:20px;
	margin:0;
	padding:3px 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
div#header p a{text-decoration:none; color:#ffffff;}

div#header-image{
	width:800px;
	height:200px;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}

div#header-image h1{margin:0; padding:0;}
div#header-image h1 img{border:none;}


div#topnav{
	width:800px;
	margin:0 auto;
	background:#990000 url(../../images/eventspecial/menu-bg1.gif) repeat-x;
}

div#topnav div.menu{margin:0 auto; height:33px;}

/*==================================================
ページボディの設定
==================================================*/
div#pagebody{
	width:800px;
	margin:0 auto;
	padding:0;
	background-color:#f0f0f0;
}

#contents{
	width:580px;
	margin:0 auto 0 auto;
	padding:10px;
	background-color:#ffffff;
}

#contents h2{clear:both;}

#contents p{
	margin:0 10px 10px 35px;
	font-size:14px;
	line-height:20px;
}

#contents p.back{
	margin:0;
	padding:0;
	width:580px;
	text-align:right;
	clear:both;
}
#contents p.back img{border:none;}

#contents ol{
	margin:0 0 10px 50px;
	padding:0;
	list-style-type:decimal;
	font-size:12px;
}
#contents ol li{
	line-height:1.6em;
	margin-left:30px;
	list-style-type:decimal;
}
#contents img{border:none;}

#contents h2{padding:5px 0; border-bottom:1px dashed #dddddd;}
#contents h2 img{vertical-align:middle; margin-right:3px;}

#contents p img.bg240x180{margin-bottom:10px;}

#contents p a{white-space:nowrap;}

/*====================================================================================
　画像背景用CSS
　　画像の背景にグラデーションのかかった枠を入れるためのスタイルシート
　　画像の幅と高さに応じて呼び出し
　　ここに満たないサイズの場合、個別に padding を調整し、幅・高さをあわせること
====================================================================================*/
img.bg64x48{
	margin:0 5px 5px 5px;
	padding:8px;
	background:#f0f0f0 url(../common_img/thumbnail-bg_64x48.gif) no-repeat;
}
img.bg120x90{
	margin:0 5px 5px 5px;
	padding:8px;
	background:#f0f0f0 url(../common_img/thumbnail-bg_120x90.gif) no-repeat;
}
img.bg160x120{
	margin:0 5px 5px 5px;
	padding:8px;
	background:#f0f0f0 url(../common_img/thumbnail-bg_160x120.gif) no-repeat;
}
img.bg240x180{
	margin:0 5px 5px 5px;
	padding:8px;
	background:#f0f0f0 url(../common_img/thumbnail-bg_240x180.gif) no-repeat;
}
img.bg320x240{
	margin:0 5px 5px 5px;
	padding:8px;
	background:#f0f0f0 url(../common_img/thumbnail-bg_320x240.gif) no-repeat;
}

/*==================================================
フッターの設定
==================================================*/

#footer{
	width:800px;
	height:40px;
	margin:0 auto;
	background:#333333 url(../images/eventspecial/footer-bg1.gif) repeat-x top;
	clear:both;
}
#footer p{
	margin:0;
	padding:5px 0 0 0;
	font-size:12px;
	line-height:15px;
	text-align:center;
	color:#f0f0f0;
}
#footer p a{color:#f0f0f0;}