@charset "Shift_JIS";

/*------------------------------------------------------------------------------
	K-MIX - Radio the Boom! CSS
	URL: http://www.k-mix.co.jp/
	Date: 2008-04-01
	Copyright (C) K-MIX All Rights Reserved.
------------------------------------------------------------------------------*/

html,
body{
	background: repeat-x url(../img/bg_body.jpg) center top;
}
div#headWrap{
	padding-bottom:8px;
	background-color: transparent;
}
div#header{
	margin-bottom:0;
}

/*	#contentHead
----------------------------------------------------*/

div#contentHead{
	position:relative;
	height:345px;
}
div#contentHead h1 img{
}
div#contentHead h1{
	margin-top:12px;
	height: 188px;
}
/* #about */
div#contentHead div#about{
	position: absolute;
	width:227px;
	padding: 0;
	left: 465px;
	top: 230px;
}
div#contentHead div#about h2{
	display: none;
}
div#contentHead div#about ul li{
	margin-bottom:0.5em;
	padding-left:5px;
	border-left:3px solid #f24e4f;
}

/* #globalNav */
div#contentHead ul#globalNav{
	position:absolute;
	top:240px;
	left: 10px;
}
div#contentHead ul#globalNav li{
	float:left;
	padding-right:30px;
}
div#contentHead ul#globalNav li a{
	display:block;
	padding:0;
	background: url(../img/ico/ico_list.gif) no-repeat left center;
	border-bottom: 2px solid #00fff7;
}
div#contentHead ul#globalNav li a:hover{
	background-position:1px center;
}


/*	#mainContent
----------------------------------------------------*/

div#mainContent{
	width:545px;
	float: left;
}

/*  #happy : happy calendar */
div#mainContent #happy{
	width:545px;
}
div#mainContent #happy h2{
	margin-bottom: 25px;
}


div#mainContent #happy .description{
	width: 292px; /*‚Ù‚ñ‚Æ‚Í292px*/
}

div#mainContent #happy .description p{
	color: #97866e;
	padding-left: 15px;
	border-left: 2px solid #97866e;
}

div#mainContent #happy ul{
	width: 496px;
	margin: 0 0 0 49px;
	padding-top: 40px;
	position: relative;
}
* html div#mainContent #happy ul{
	margin-left: 25px;
	width: 550px;
}

div#mainContent #happy ul li{
	width: 228px;
	float: left;
	margin: 0 0 0 20px;
	background: no-repeat url(../img/bg/bg_happy_li.gif);
	position: relative;
}

div#mainContent #happy ul li.mon{
	position: absolute;
	float: none;
	top: -160px;
	left: 248px;
}

* html div#mainContent #happy ul li.mon{
	left: 268px;
}

div#mainContent #happy ul li h3{
	position: absolute;
	top: 61px;
	left: 129px;
	width: 97px;
	text-align: center;
}

div#mainContent #happy ul li .photo{
	position: absolute;
	top: 0;
	left: 0;
}
div#mainContent #happy ul li .photo a{
	display: block;
	padding: 14px 0 0 13px;
	background: no-repeat url(../img/ico/ico_happy_zoom.gif) 196px 109px;
	width: 215px;
	height: 127px;
}
div#mainContent #happy ul li .photo a:hover{
	background-image: url(../img/ico/ico_happy_zoom_on.gif);
}

div#mainContent #happy ul li .photo span{
	width: 114px;
	height: 112px;
	display: block;
	overflow: hidden;
	border-bottom: 2px solid #00fff7;
}

div#mainContent #happy ul li .photo img{
	height: 112px;
	margin-left: -25px;
}

div#mainContent #happy ul li p{
	padding-top: 146px;
	color: #be6e08;
	line-height: 1.3;
	margin-bottom: 10px;
}

div#mainContent #happy ul li p .from{
	color: #857c6f;
}


/*	#subContent
----------------------------------------------------*/

div#subContent{
	width: 215px;
	float: right;
	margin-top:50px;
}

/* #timetable */

div#subContent #timetable h2{
	margin-bottom: 10px;
}

div#subContent #timetable dl{
	margin-left: 5px;
}
div#subContent #timetable dl dt{
	border-top: 1px solid #d4d4d4;
	margin: 6px 0 0 0;
	position: relative;
	height: 12px;
}
div#subContent #timetable dl dt img{
	padding: 2px 4px 2px 0;
	background: #fff;
	position: absolute;
	top:-6px;
	left: 0;
}

div#subContent #timetable dl dd{
	margin-bottom: 10px;
	color: #857c6f;
	line-height: 1.3;
}

div#subContent #timetable dl dd a{
	color: #0ea29d;
	display: block;	
	padding-right: 20px;
	padding-left: 0;
	background: no-repeat url(../img/ico/ico_arrow_001.gif) right center;
	min-height: 15px;
	text-decoration: none;
}

* html div#subContent #timetable dl dd a{
	height: 15px;
}
div#subContent #timetable dl dd a:hover{
	color: #3ac7e1;
	text-decoration: underline;
}


/*	#footer
----------------------------------------------------*/
div#footer{
	position:relative;
	background: url(../img/bg_body.jpg) center -95px;
	height: 195px;
	margin:0;
	padding: 0;
}
div#footer p.toTop{
	text-align:center;
}
div#footer p.toTop a{
	display:block;
	width:171px;
	margin:0 auto;
	padding: 0;
	background:url(../img/ico/ico_arrow_top.gif) no-repeat center top;
	text-align:center;
}
div#footer p#copyright{
	padding-top:3em;
	color:#fff;
}