@charset "Shift-JIS";
/**********************************************************************
MYCOM : サイト一周年記念キャンペーン用 [ /conts/css/anniversary/index.css ]

08.02.29
Last Modified: 08.02.29
**********************************************************************/


/* 目次
-------------------------------------------------
	・タグの初期化
 ・共通クラス
 ・ページ全体
 ・コンテンツ
------------------------------------------------- */




/* -----------------------------------------------
タグの初期化
------------------------------------------------- */
body, p, ul, li, ol, dl, dt, dd, img, a, div {
	margin: 0;
	padding: 0;
}

body {
	line-height: 100%;
}

img {
	display:block;
	border: none;
}

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



/* 共通クラス
------------------------------------------------- */
.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 */

.MarginTop10 {margin-top		 :10px;}
.MarginTop20 {margin-top		 :20px;}
.MarginTop30	{margin-top 		:30px;}

.MarginBtm10 {margin-bottom		 :10px;}
.MarginBtm20 {margin-bottom		 :20px;}
.MarginBtm30	{margin-bottom 		:30px;}

.MarginR10 {margin-right:10px;}

.f10 {
	font-size:10px;
}

.blue {
	color:#191B6D;
	font-weight:bold;
}

li.list00 {	background:url(../../image/anniversary/marker_00.gif) left 2px no-repeat;	padding-left:15px;	margin-bottom:10px;}
li.list01 { background:url(../../image/anniversary/marker_01.gif) left 2px no-repeat;	padding-left:20px;	margin-bottom:13px;}
li.list02 { background:url(../../image/anniversary/marker_02.gif) left 2px no-repeat;	padding-left:20px;	margin-bottom:13px;}
li.list03 { background:url(../../image/anniversary/marker_03.gif) left 2px no-repeat;	padding-left:20px;	margin-bottom:13px;}


/* ページ全体
------------------------------------------------- */
div#Content {
	color:#333333;
	line-height:140%;
	font-size:12px;
	width:780px;
	margin:0px auto;
}


/* コンテンツ
------------------------------------------------- */

/* トップ */
div#Content div#Top p.floatLeft,
div#Content div#Top p.floatRight {
	width:143px;
}

div#Content div#Top {
	width:780px;
	margin-bottom:20px;
}

div#Content div#Top div#Center {
	width:494px;
	text-align:center;
}

div#Content div#Top div#Center img {
	margin:0px auto 20px auto;
}

div#Content div#Top div#Center p {
	margin:0px auto 10px auto;
}

/* キャンペーンリスト */
div#Content ul#CampaignList {
	width:780px;
	margin:0;
}

div#Content ul#CampaignList li {
	width:253px;
}

div#Content ul#CampaignList li p.JumpBtn {
	background:url(../../image/anniversary/list_bg.gif) left top no-repeat;
	padding:10px 65px;
}

/* アテンション */
div#Content div#Attention {
	width:700px;
	background:url(../../image/anniversary/attention_bg.gif) left top repeat-y;
	border:3px #FF0000 solid;
	margin:20px 0 20px 37px;
}

div#Content div#Attention img {
}

div#Content div#Attention p.floatLeft {
	width:510px;
	text-align:center;
	padding:10px 10px 10px 30px;
}

div#Content div#Attention p.floatLeft strong {
	color:#FF0000;
	font-size:14px;
}

/* キャンペーン01 */
div#Content div#Campaign01 {
	background:url(../../image/anniversary/cam01_bg.gif) left top repeat-y;
	margin-bottom:30px;
}

div#Content div#Campaign01 div.floatLeft {
	width:337px;
	text-align:center;
	margin-left:20px;
	_margin-left:10px;
}

div#Content div#Campaign01 div.floatLeft img {
	margin-bottom:10px;
}

div#Content div#Campaign01 div.floatLeft p {
	margin:0px auto 10px auto;
}

div#Content div#Campaign01 div.floatRight {
	width:345px;
	text-align:center;
	margin-right:25px;
	_margin-right:12px;
}

div#Content div#Campaign01 div.floatRight p img {
	margin:0px auto 10px auto;
}

div#Content div#Campaign01 div.floatRight p {
	margin:0px auto 10px auto;
}

div#Content div#Campaign01 div.floatRight ol {
	text-align:left;
}

div#Content div#Campaign01 div.floatRight ol li ul li {
	margin-top:5px;
	font-weight:bold;
	margin-left:10px;
}

/* キャンペーン02,03 */
div#Content div#Campaign0203 {
	width:780px;
	background:url(../../image/anniversary/cam0203_bg.gif) left top repeat-y;
}

div#Content div#Campaign0203 ol, ul {
	text-align:left;
	margin:0px 15px;
}

div#Content div#Campaign0203 div p img {
	margin:0px auto 10px auto;
}

div#Content div#Campaign0203 div p {
	margin:0px auto 10px auto;
}

div#Content div#Campaign0203 div.floatLeft {
	width:380px;
	text-align:center;
}

div#Content div#Campaign0203 div.floatRight {
	width:380px;
	text-align:center;
}

div#Content div#Campaign0203 div.floatRight p#Prize01_Text{
	width:310px;
	margin:0px auto 25px auto;
}

div#Content div#Campaign0203 div.floatRight p#Prize01_Img {
	margin-bottom:65px;
}