@charset "UTF-8";

@import url(reset.css);
@import url(common.css);

#topimage {
	background: url(../../images/topimage.jpg) no-repeat left top;
	height: 260px;
}


/* Font */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#free-design li,
#area .box {
	font-size: 77%;
}


/* Image-title */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

h2,
#iedukuri h3 {
	font-size: 2px;
	text-indent: -9999em;
}
h2 a,
#iedukuri h3 a {
	display: block;
	text-decoration: none;
}


/* Clear */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

inner  {
	zoom: 100%;
}
inner:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/* Common */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

h2 {
	height: 53px;
}
h2 a {
	height: 33px;
}
.ebox {
	margin-bottom: 10px;
}
.ebox .inner {
	padding-left: 20px;
}

/* Topics */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#topics {
	width: 375px;
	float: left;
}
#topics h2 {
	background: url(../../images/t-topics.gif) no-repeat left top;
}
#topics dt, #topics dd {
	margin-bottom: 0.8em;
}
#topics dl {
	margin-left: 15px;
}
#topics dt {
	float: left;
	text-align: right;
	width: 9em;
}
#topics dd {
	margin-left: 10em;
}
#topics dt.news {
	background: url(../../images/p-news.gif) no-repeat left center;
	color: #3E583F;
}
#topics dt.kengaku {
	background: url(../../images/p-kengaku.gif) no-repeat left center;
	color: #784322;
}


/* Flash */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#flash {
	width: 260px;
	float: right;
}


/* Iedukuri */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#iedukuri {
	margin-bottom: 30px;
}
#iedukuri img {
	float: none;
	margin-bottom: 10px;
}

/* Box */
#iedukuri .box {
	width: 200px;
	margin-right: 5px;
	float: left;
}
#iedukuri .box p {
	background: url(../../images/iedukuri-bg01.gif) no-repeat left top;
	padding: 5px 10px 0 5px;
}

#iedukuri #ie-alldenka {
	margin-right: 0;
}

/* Title */
#iedukuri h2 {
	background: url(../../images/t-iedukuri.gif) no-repeat left top;
	height: 43px;
}
#iedukuri h3 {
	height: 87px;
}
#iedukuri h3 a {
	height: 87px;
}

#ie-about h3 {	background: url(../../images/ie-about.jpg) no-repeat left top;}
#ie-free h3 {	background: url(../../images/ie-free.jpg) no-repeat left top;}
#ie-fp h3 {	background: url(../../images/ie-fp.jpg) no-repeat left top;}
#ie-alldenka h3 {	background: url(../../images/ie-alldenka.jpg) no-repeat left top;}
#ie-after h3 {	background: url(../../images/ie-after.jpg) no-repeat left top;}


/* free-design */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#free-design {
	margin-bottom: 40px;
	width: 382px;
	float: left;
	text-align: right;
}
#free-design .inner {
	width: 362px;
	margin: 0 0 0 auto;
	text-align: left;
	padding: 0;
}
#free-design h2 {
	background: url(../../images/t-design.gif) no-repeat left top;
	margin-bottom: 10px;
	text-align: left;
}
#free-design h2 a {
	height: 53px;
}
#free-design li {
	width: 114px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	background: #FFF5DE url(../../images/design-bg.gif) no-repeat left bottom;
	padding-bottom: 1px;
}
#free-design li.m { margin-right: 0;}
#free-design li.la { margin-bottom: 0;}

#free-design li span {
	padding-left: 22px;
}


/* Watch */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#watch {
	float: right;
	width: 248px;
	margin-bottom: 40px;
}
#watch h2 {
	background: url(../../images/t-watch.gif) no-repeat left top;
	margin-bottom: 10px;
}
#watch h2 a {
	height: 53px;
}
#watch li {
	margin-bottom: 5px;
}
#watch .bnr {
	margin-top: 10px;
}

/* Area */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#area {
	line-height: 1.5;
	clear: both;
}
#area h2 {
	background: url(../../images/t-area.gif) no-repeat left top;
	height: 43px;
}
#area .box {
	border-bottom: 1px dashed #CCC;
	border-top: 1px dashed #CCC;
	padding: 5px;
	margin: 5px 0;
}