@charset "Shift_JIS";

/* -----------------------------------
	style reset
----------------------------------- */

div#happyxy0807 h1,
div#happyxy0807 h2,
div#happyxy0807 h3,
div#happyxy0807 div,
div#happyxy0807 p,
div#happyxy0807 ul,
div#happyxy0807 li {
	margin: 0;
	padding: 0;
}

div#happyxy0807 ul {
	list-style: none;
}



/* -----------------------------------
	class
----------------------------------- */

/* clearfix ------------ */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from MacIE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */



/* -----------------------------------
	typography
----------------------------------- */

div#contents div#happyxy0807 .txt10 {
	font-size: 10px;
	line-height: 12px;
}

div#contents div#happyxy0807 .txt11 {
	font-size: 11px;
	line-height: 14px;
}

div#contents div#happyxy0807 .txt12 {
	font-size: 12px;
	line-height: 16px;
}

div#contents div#happyxy0807 .txt14 {
	font-size: 14px;
	line-height: 22px;
}



/* -----------------------------------
	layout
----------------------------------- */

div#happyxy0807 {
	padding: 0 0 23px;
	background-color: #fee0ea;
width:690px;
}


/* ヘッダ --------------- */

div#happyxy0807 div.headArea {
	position: relative;
	width: 690px;
	min-height: 336px;
	height: auto !important;
	height: 336px;
	background: #FDE0E9 url(../img/head_bg.gif) no-repeat;
}

div#happyxy0807 div.headArea p.img {
	float: left;
	width: 530px;
	text-align: right;
}

div#happyxy0807 div.headArea div.info {
	float: right;
	width: 160px;
}

div#happyxy0807 div.headArea div.info ul {
	padding: 0 30px 0 18px;
}

div#happyxy0807 div.headArea div.info ul li {
	text-indent: -1em;
}

div#happyxy0807 div.headArea div.plugin {
	z-index: 10;
	position: absolute;
	top: 312px;
	left: 23px;
	width: 500px;
	height: 24px;
}

div#happyxy0807 div.headArea div.plugin p.banner {
	float: left;
	margin-right: 10px;
}

div#happyxy0807 div.headArea div.plugin p.txt12 {
	padding: 6px 0 0;
}


/* 放送分インデックス --------------- */

div#happyxy0807 div.indexArea {
	margin: 0 0 0 21px;
	padding: 2px 0 0;
}

div#happyxy0807 div.indexArea div.index {
	margin: 18px 0 0;
}

div#happyxy0807 div.indexArea h2 {
	padding-left: 1px;
}

div#happyxy0807 div.indexArea div.setWrap {
	margin: 14px 0 0;
	background: url(../img/index_bg.gif) no-repeat left bottom;
}

div#happyxy0807 div.indexArea div.set {
	float: left;
	width: 154px;
	margin-right: 11px;
	padding: 0 0 8px;
}

div#happyxy0807 div.indexArea div.set h3 {
	padding: 4px 0 3px 26px;
	color: #fff;
	background: url(../img/index_tit_bg.gif) no-repeat;
font-weight:bold;
}

div#happyxy0807 div.indexArea div.set p.img {
	padding: 10px 0 0 15px;
	background: url(../img/index_img_bg.gif) no-repeat;
}

div#happyxy0807 div.indexArea div.set p.tit {
	padding: 5px 14px 0;
}

div#happyxy0807 div.indexArea p.bosyu {
	padding: 10px 20px 0 0;
	text-align: right;
}


/* カップル大募集 --------------- */

div#happyxy0807 div.bosyuArea {
	width: 650px;
	margin: 30px 0 0 20px;
	padding: 0 0 24px;
	background: url(../img/bosyu_bg.gif) no-repeat left bottom;
}

div#happyxy0807 div.bosyuArea div.content {
padding:0 20px 20px;
}

div#happyxy0807 div.bosyuArea p.howto {
	padding: 8px 0 0;
}

div#happyxy0807 div.bosyuArea p.note {
	padding: 8px 0 0;
	padding-left: 1em;
	text-indent: -1em;
	color: #AC185B;
}

div#happyxy0807 div.bosyuArea p.address {
	padding: 6px 0 0;
}

div#happyxy0807 div.bosyuArea p.btn {
	padding: 16px 0 0;
	text-align: center;
}

div#happyxy0807 div.bosyuArea p.kojin {
	padding: 16px 0 0;
	text-align: center;
}

div#happyxy0807 div.bosyuArea ul {
	margin: 8px 0 0;
	padding: 12px 0 0;
	background: url(../img/bosyu_dot.gif) repeat-x;
}

div#happyxy0807 div.bosyuArea ul li {
	padding: 2px 0 2px 13px;
	background: url(../img/bosyu_listmark.gif) no-repeat 0 6px;
}


/* ページトップ --------------- */

div#happyxy0807 p.pagetop {
	padding: 12px 20px 0 0;
	text-align: right;
}




/* -----------------------------------
	layout: popup
----------------------------------- */

body#popupPage div#happyxy0807 {
	width: 480px;
	margin: 0 auto;
	padding: 0;
	background: url(none);
}
* html body#popupPage div#happyxy0807 {
	margin-left: 60px;
}

body#popupPage div#contents div#happyxy0807 div.title {
	min-height: 34px;
	height: auto !important;
	height: 34px;
	margin: 0 0 11px;
	color: #ffffff !important;
	background: url(../img/pop_tit_bg.gif) no-repeat;
}

body#popupPage div#happyxy0807 div.title p.txt14 {
	float: left;
	padding: 6px 0 0 35px;
color:#fff;
}

body#popupPage div#happyxy0807 div.title p.lead {
	padding: 10px 10px 8px 0;
	text-align: right;
color:#fff;
}