/* -------------------------------------

paperboy xmas project 2009
2009.11.26
daiskip

------------------------------------- */

a {
	outline: none;
	}

.links {
	display: none;
	}


#xmas {
	width: 900px;
	margin: 0 auto;
	background: url(./img/back.png) repeat-y;
	position: relative;
	}

#xmas div.head {
	background: url(./img/head.png) no-repeat;
	position: relative;
	}
	div.head h2 {
		display: block;
		width: 550px;
		height: 100px;
		top: 75px;
		left: 160px;
		text-indent: -9999px;
		position: absolute;
		}
	div.head h2 a {
		display: block;
		height: 100%;
		}
	div.head .lead {
		width: 600px;
		padding: 310px 0 0 80px;
		font-size: 14px;
		line-height: 24px;
		}


#xmas div.center {
	}
	div.center .box_campaign {
		width: 751px;
		margin: 20px auto 0 auto;
		}

/*
#xmas div.bottom {
	background: url(./img/bottom.png) no-repeat;
	height: 150px;
	margin-top: -80px;
	}
*/
	.head_ribbon {
		position: absolute;
		top: 19px;
		left: 0;
		width: 252px;
		height: 378px;
		background: url(./img/head_ribbon.png) no-repeat;
		}
		* html .head_ribbon  {
			background: url(./img/head_ribbon.gif) no-repeat;
			}
/*
	.bottom_ribbon {
		position: absolute;
		bottom: 2px;
		right: 1px;
		width: 290px;
		height: 267px;
		background: url(./img/bottom_ribbon.png) no-repeat;
		}
		* html .bottom_ribbon  {
			background: url(./img/bottom_ribbon.gif) no-repeat;
			}
*/

	.service_lolipop {
		position: absolute;
		top: 150px;
		left: 70px;
		width: 114px;
		height: 142px;
		background: url(./img/service/lolipop.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_lolipop {
			background: url(./img/service/lolipop.gif) no-repeat;
			}
	.service_chicappa {
		position: absolute;
		top: 260px;
		left: 170px;
		width: 129px;
		height: 87px;
		background: url(./img/service/chicappa.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_chicappa {
			background: url(./img/service/chicappa.gif) no-repeat;
			}
	.service_cmsp {
		position: absolute;
		top: 195px;
		left: 210px;
		width: 93px;
		height: 96px;
		background: url(./img/service/cmsp.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_cmsp {
			background: url(./img/service/cmsp.gif) no-repeat;
			}
	.service_goope {
		position: absolute;
		top: 180px;
		left: 320px;
		width: 81px;
		height: 112px;
		background: url(./img/service/goope.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_goope {
			background: url(./img/service/goope.gif) no-repeat;
			}
	.service_muumuu {
		position: absolute;
		top: 179px;
		left: 420px;
		width: 88px;
		height: 83px;
		background: url(./img/service/muumuu.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_muumuu {
			background: url(./img/service/muumuu.gif) no-repeat;
			}
	.service_heteml {
		position: absolute;
		top: 205px;
		left: 530px;
		width: 129px;
		height: 87px;
		background: url(./img/service/heteml.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_heteml {
			background: url(./img/service/heteml.gif) no-repeat;
			}
	.service_petit {
		position: absolute;
		top: 250px;
		left: 400px;
		width: 129px;
		height: 87px;
		background: url(./img/service/petit.png) no-repeat;
		text-indent: -9999px;
		}
		* html .service_petit {
			background: url(./img/service/petit.gif) no-repeat;
			}

	.chara a {
		display: block;
		height: 100%;
		}


/* -------------------------------------------

1201 Services

------------------------------------------- */

div.campaign_title {
	text-align: center;
	margin-bottom: 20px;
	}

div.campaign_mainimage {
	text-align: center;
	}


div.lead_no1 {
	margin-top: 20px;
	}

div#services {
	margin: 20px 0;
	padding: 0;
	}
div#services h3 {
	clear: both;
	margin-bottom: 10px;
	}
div.service_box {
	width: 240px;
	float: left;
	margin: 0 10px 10px 0;
	font-size: 11px;
	}
	div.service_box:hover {
		}


div#service_lolipop,
div#service_chicappa,
div#service_heteml {
	margin-bottom: 20px;
	border: 1px solid #28acf3;
	}
div#service_cmsp,
div#service_petit,
div#service_grouptube,
div#service_jugem,
div#service_goope {
	border: 1px solid #4dbb1c;
	}

div#service_muumuu {
	text-align: center;
	background: #fff;
	padding-top: 30px;
	}
	div#service_muumuu p {
		margin: 10px;
		text-align: left;
		font-size: 11px;
		line-height: 18px;
		}


div#service_heteml,
div#service_goope,
div#service_muumuu {
	margin-right: 0;
	}








div.service_box p.copy {
	background: #eee;
	margin: 10px 0 0 0;
	text-align: center;
	}
div.service_box h3.name {
	text-align: center;
	font-size: 12px;
	display: none;
	}
div.service_box div.logo {
	text-align: center;
	/* text-indent: -9999px; */
	}
div.service_box p.description {
	margin: 0 10px;
	font-size: 11px;
	line-height: 18px;
	}
div.service_box table {
	border: 3px solid #ccc;
	margin: 10px auto;
	width: 200px;
	background: #ccc;
	-moz-border-radius: 3px;
	}
	div.service_box table th {
		background: #f5f5f5;
		font-size: 11px;
		text-align: center;
		}
	div.service_box table td {
		background: #fff;
		font-size: 11px;
		text-align: center;
		padding: 5px 0;
		}
		div.service_box table td s {
			color: #666;
			}
		div.service_box table td span.zero {
			font-size: 11px;
			color: #cc0000;
			margin-left: 10px;
			}

div.service_box ul.point {
	margin: 0 0 10px 10px;
	}
div.service_box ul.point li {
	list-style-type: none;
	background: url(./img/list.gif) no-repeat;
	padding-left: 20px;
	}

div.service_box div.order {
	text-align: center;
	margin: 0 0 10px 0;
	}







div#etc {
	width: 800px;
	margin: 40px auto 0 auto;
	}
div#etc div.title {
	margin-bottom: 20px;
	text-align: center;
	}
div#etc div.banners {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	}
	div#etc div.banners img {
		margin: 2px;
		border: 2px solid #ccc;
		}
	div#etc div.banners img:hover {
		border: 2px solid #ff3355;
		}



#xmas div.bottom {
	background: url(./img/bottom.png) no-repeat;
	height: 150px;
	margin-top: -80px;
	}
	* html #xmas div.bottom {
		margin-top: 0;
		}

	/*
	.bottom_ribbon {
		position: absolute;
		bottom: 2px;
		right: 1px;
		width: 290px;
		height: 267px;
		background: url(./img/bottom_ribbon.png) no-repeat;
		}
		* html .bottom_ribbon  {
			background: url(./img/bottom_ribbon.gif) no-repeat;
			}
	*/




/* -------------------------------------------

1210 30days

------------------------------------------- */

div.no2 {
	padding: 30px 0 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

div.days {
	margin-top: 20px;
	}
	img.capture {
		float: left;
		}
	div.days_right {
		margin-left: 423px;
		}
		div.days_right div.days_logo {
			text-align: center;
			}
		div.days_right p {
			margin: 10px;
			}
		div.days_right table {
			background: #000;
			margin: 0 10px;
			border: 3px solid #eee;
			}
			div.days_right table th {
				background: #333;
				color: #fff;
				text-align: center;
				padding: 2px 15px;
				font-size: 11px;
				}
			div.days_right table td {
				background: #fff;
				color: #333;
				text-align: center;
				padding: 5px 15px;
				}


/* -------------------------------------------

1214 calamel

------------------------------------------- */

div.no3 {
	padding: 20px 0 20px 0;
	}

div.calamel {
	margin-top: 20px;
	}
	img.capture {
		float: left;
		}
	div.calamel_right {
		margin-left: 423px;
		}
		div.calamel_right div.calamel_logo {
			text-align: center;
			}
		div.calamel_right p {
			margin: 10px;
			}