@charset "utf-8";
/* CSS Document */
@import url("common.css");




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

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

#mainvisual {
	width: 860px;
	height: 373px;
	padding-top: 10px;
	background-color: #EAEAEA;
}
#banner {
	height: 366px;
	width: 250px;
	float: left;
	background-color: #EAEAEA;
}
#mainImage {
	background-image: url(../images/home-main-img.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 366px;
	width: 610px;
	float: right;
	background-color: #EAEAEA;
}

#maincolumn,#sidebar {
	overflow: hidden;
	text-align: left;
	padding-top: 10px;
}

#maincolumn {
	width: 610px;
	float: right;
	clear: both;
}

#sidebar {
	width: 250px;
	float: left;
}


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

main-visual
-----------------------------------------*/


/*banner
-----------------------------------------*/

#banner ul {
	list-style-type: none;
	height: 366px;
	width: 250px;
}
#banner ul li {
	height: 58px;
	width: 250px;
	margin-bottom: 3px;
}
#banner ul li a {
	display: block;
	height: 58px;
	width: 250px;
	text-indent: -9999px;
}

/* マウスオフ */
#jbanner1 { background: url(../images/home_banner.jpg) no-repeat -250px 0px;}
#jbanner2 { background: url(../images/home_banner.jpg) no-repeat -250px -58px;}
#jbanner3 { background: url(../images/home_banner.jpg) no-repeat -250px -116px;}
#jbanner4 { background: url(../images/home_banner.jpg) no-repeat -250px -174px;}
#jbanner5 { background: url(../images/home_banner.jpg) no-repeat -250px -232px;}
#jbanner6 { background: url(../images/home_banner.jpg) no-repeat -250px -290px;}

/* マウスオーバー */
#jbanner1 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px 0px;}
#jbanner2 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px -58px;}
#jbanner3 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px -116px;}
#jbanner4 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px -174px;}
#jbanner5 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px -232px;}
#jbanner6 a:hover { background: url(../images/home_banner.jpg) no-repeat 0px -290px;}

/*mainImage
-----------------------------------------*/


#mainImage h2,#mainImage p { text-indent: -9999px; }



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

maincolumn

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

#pagecontent {
	margin-left: 20px;
	width: 590px;
	margin-bottom: 30px;
}
#lead {
	background-image: url(../images/home-read.gif);
	background-repeat: no-repeat;
	height: 70px;
	text-indent: -9999px;
}
#pagecontent p { padding-bottom: 1em; }
#home-illust {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

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

sidebar

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

#wnew-header {
	background-image: url(../images/home-midashi-wnew.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 250px;
}
#wnew-header a {
	display: block;
	height: 25px;
	width: 250px;
	text-indent: -9999px;
}
#wnew-content {
	padding-top: 10px;
	padding-bottom: 20px;
}
#wnew-content dt { color: #F29600; }
#wnew-content dd {}
#wnew-content dd a {}


#link-header {
	background-image: url(../images/home-midashi-link.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
	text-indent: -9999px;
}
#outlink {
	list-style-type: none;
	padding-bottom: 30px;
}
#outlink li {
	height: 50px;
	width: 250px;
}
#outlink li a {
	display: block;
	height: 41px;
	width: 250px;
	text-indent: -9999px;
}

#link-docomo {
	background-image: url(../images/home-banner-docomo.gif);
	background-repeat: no-repeat;
}
#link-tullys {
	background-image: url(../images/home-banner-tullys.gif);
	background-repeat: no-repeat;
}