@charset "utf-8";

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

	Home CSS

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


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

body {
	background-color:#FFF;
	background-image: url(../images/home/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 30px;
}

#wrapper #main {
	padding: 20px 0 30px;
}

#wrapper #sub {
	padding: 25px 0 30px;
}


/* mainvidual
--------------------------------------------- */

body.month03,
body.month04,
body.month05 {
	background-image: url(../images/home/body_bg_spring.jpg);
}

body.month06,
body.month07,
body.month08 {
	background-image: url(../images/home/body_bg_summer.jpg);
}

body.month09,
body.month10,
body.month11 {
	background-image: url(../images/home/body_bg_autumn.jpg);
}

body.month12,
body.month01,
body.month02 {
	background-image: url(../images/home/body_bg_winter.jpg);
}



/* header
--------------------------------------------- */

#header {
	height: 500px;
}

#header #head-contents {
	width: 320px;
	background-image: url(../images/home/hcontents_bg_03.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding: 0 0 7px;
	float: none;
}

#header #head-contents p.site-title {
	background-image: url(../images/home/hcontents_bg_01.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 17px 0 23px 35px;
}

#header #head-contents ul.sub-navi {
	background-image: url(../images/home/hcontents_bg_02.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 5px 17px 0;
	height: 17px;
	width: 286px;
}

#header #head-contents ul.sub-navi li {
	margin-right: 10px;
	float: left;
}

#header #head-contents #fontchanger {
	background-image: url(../images/home/hcontents_bg_02.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 10px;
	height: 34px;
	clear: both;
	float: none;
}

#header #head-contents #fontchanger dl {
	border-top: 1px solid #D5D5D5;
	padding: 6px 6px 0;
}


*html body #header #head-contents {/* IE 6 */
	background-image: url(../images/home/hcontents_bg_03.gif);
}

*html body #header #head-contents p.site-title {/* IE 6 */
	background-image: url(../images/home/hcontents_bg_01.gif);
}

*html body #header #head-contents ul.sub-navi {/* IE 6 */
	background-image: url(../images/home/hcontents_bg_02.gif);
}

*html body #header #head-contents #fontchanger {/* IE 6 */
	background-image: url(../images/home/hcontents_bg_02.gif);
}


/* news
--------------------------------------------- */

#wrapper #main #news {
	margin-bottom: 25px;
}

#wrapper #main #news .contents-title a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#wrapper #main #news .contents-title a:link,
#wrapper #main #news .contents-title a:visited {
	color: #FFF;
	text-decoration: none;
}

#wrapper #main #news .contents-title a:hover,
#wrapper #main #news .contents-title a:focus,
#wrapper #main #news .contents-title a:active {
	color: #FFF;
	text-decoration: underline;
}


/* sub-bnr
--------------------------------------------- */

#wrapper #sub .sub-bnr li {
	margin-bottom: 10px;
	zoom: 1;
}

	#wrapper #sub .sub-bnr li a img {
		display: block;
	}