@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-05-26
 * Editor:    contents yamamoto
 * Modified:  2009-05-26 by:contents yamamoto
 *
 * ***********************************************************
 */
 
/* ---------- top container ---------- */

#container {
	background: url(../img/top_bg.jpg) no-repeat center top;
}


/* =====================================================

  header area

===================================================== */
 
/* ---------- top header ---------- */

#happyoTop #header {
	height: 259px;
}

#happyoTop #header #logo {
	left: -44px;
	top: 0px;
}

#happyoTop #header h1 {
	width: 583px;
	height: 236px;
	position: absolute;
	top: 11px;
	padding: 0px;
	left: 21px;
	z-index: 1;
}

#happyoTop #header #nyako {
	position: absolute;
	z-index: 2;
	right: -92px;
	top: 169px;
}

#happyoTop  #header #happyotxt {
	margin: 0px 0px 20px;
	padding: 0px;
	z-index: 3;
	position: absolute;
	left: 88px;
	bottom: -192px;
}


/* =====================================================

  contents area

===================================================== */

#happyoTop #main {
}

#happyoTop #main .inner {
	background: url(../img/top_main_bg.jpg) no-repeat center top;
	padding-top: 197px;
}

#happyoTop #main h2 {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
}

#happyoTop #main .happyoList {
	margin: 0px auto 8px;
	text-align: center;
	width: 790px;
}

#happyoTop #main .happyoList ul {
}

#happyoTop #main .happyoList ul li {
	padding-top:5px;
}

#happyoTop #main .nyusenList{
	background: #F7F2DF;
	padding: 10px;
	margin: 0px auto 25px;
	width: 770px;
}

#happyoTop #main .nyusenList .inBox{
	background: #FFFFFF;
	padding: 8px 10px;
	margin-top: 5px;
}

#happyoTop #main .nyusenList ul.leftbox{
	width: 360px;
	float:left;
}

#happyoTop #main .nyusenList li{
	padding: 10px 0px;
	background: url(../common/ten.gif) repeat-x left bottom;
}

#happyoTop #main .nyusenList li.noline{
	background: url(none);
}

#happyoTop #main .nyusenList li p{
	font-weight: bold;
	font-size: 108%;
}

#happyoTop #main .nyusenList li p span{
	font-size: 95%;
	color: #A93F31;
	padding-right: 3px;
}

#happyoTop #main .nyusenList li p.namae{
	font-size: 95%;
	text-align:right;
}

#happyoTop #main .nyusenList ul.rightbox{
	width: 360px;
	float:right;
}

#happyoTop #main .ctnblock {
	text-align:center;
	margin: 5px auto 15px;
	width: 785px;
}

#happyoTop #main .text01 {
	margin-bottom: 10px;
}

#happyoTop #main .touhyoBlock {
	margin: 0px auto 20px;
	width: 790px;
	text-align: center;
}

#happyoTop #main .touhyoBlock .present {
	border-bottom: 1px solid #CCCCCC;
}

#happyoTop #main .touhyoBlock .present .box {
	float:left;
	width:355px;
	padding: 15px 0px;
	border-right: 1px solid #CCCCCC;
}

#happyoTop #main .touhyoBlock .present .noline{
	border-right: none;
	padding-left: 5px;
	width: 428px;
}

#happyoTop #main .touhyoBlock .present .box .photo {
	float:left;
	width: 157px;
}

#happyoTop #main .touhyoBlock .present .box .photo02 {
	float:left;
	width: 140px;
}


#happyoTop #main .touhyoBlock .present .box ul {
	padding-top: 5px;
	float: left;
}

#happyoTop #main .touhyoBlock .present .box ul li {
	font-weight: bold;
	padding: 2px 0px;
}

#happyoTop #main .touhyoBlock .present .box ul li.tit {
	margin-bottom:10px;
}

#happyoTop #main .touhyoBlock .present .box ul.list02 {
	width: 287px;
}

#happyoTop #main .touhyoBlock .present .box ul.list02 li {
	float: left;
	width: 127px;
}

#happyoTop #main .touhyoBlock .present .box ul.list02 li.tit {
	float: none;
}

#happyoTop #main .touhyoBlock .present .box ul.list02 li.long {
	width: 158px;
}

#happyoTop #main .touhyoBlock .cokkie {
	font-weight: bold;
	margin: 5px 0px 15px;
}

#happyoTop #main .touhyoBlock .cokkie img {
	float: left;
	width: 200px;
	margin-right:15px;
	vertical-align:middle;
}

#happyoTop #main .touhyoBlock .cokkie p {
	padding-top:10px;
}

#happyoTop #main .backnumBlock {
	margin: 0px auto;
	text-align: center;
	width: 800px;
}

#happyoTop #main .backnumBlock ul {
	background: #F5F5F8;
	padding: 15px;
	margin: 5px;
}

#happyoTop #main .backnumBlock ul li {
	float:left;
	width:125px;
	background: url(../img/arw02.gif) no-repeat left center;
	padding-left: 20px;
}


#happyoTop #main .block01 {
	margin: 35px auto 0px;
	width: 780px;
}

#happyoTop #main .block01 .boxLeft {
	float: left;
	width: 362px;
}


#happyoTop #main .block01 .boxLeft .kenteiArea {
	margin-bottom: 15px;
}

#happyoTop #main .block01 .kenteiArea .kenteifla {
	background: #C8EAF2;
	padding:5px;
}

#happyoTop #main .block01 .boxRight {
	width: 362px;
	float: right;
}

#happyoTop #main .block01 .boxRight ul.bana {
	margin-bottom: 25px;
}

#happyoTop #main .block01 .boxRight ul.bana li {
	margin-bottom: 5px;
}

#happyoTop #main .block01 .boxRight .nyakoCreate {
	padding: 10px 10px 10px 20px;
	border: 1px solid #E1E1E1;
	background: url(../img/neko.jpg) no-repeat right center;
}


#happyoTop #footer {
	background: url(../common/foot_bg.jpg) no-repeat center -35px;
	height: 70px;
}