@charset "UTF-8";

/*
 * CSS
 * stylesheet for screen layout
 *
 * @file        top.css
 */

@media all {

/********** format for exclusive use of the TOPPAGE **********/

#topTeaserContainer {
	clear: both;
	float: left;
	background-image: url(../images/top_teaser_bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	width: 100%;
	height: 265px;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}


#topTeaserContainer {

	text-align: center;
}

#topTeaserContainer .mainImg {
	position: relative;
	width: 900px;
	height: 256px;
	background-image: url(../images/top_main.jpg);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
}

#topTeaserContainer .mainImg a {
	position: absolute;
	top: 181px;
	left: 1px;
	display:block;
	width: 417px;
	height: 44px;
	text-indent: -9999px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}

#topTeaserContainer .mainImg a:hover {
	background:url(../images/top_main_btn.jpg);
	position: absolute;
	top: 181px;
	left: 12px;
	display:block;
	width: 417px;
	height: 44px;
	text-indent: -9999px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}


.topImage {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


/********** top templete list elements **********/


.topTempleteListBox {
	float:left;
	width: 620px;
	margin-top: 10px;
}


.topTempleteList li {
	float:left;
	/*width: 182px;*/
	margin-bottom: 10px;
	margin-right: 30px;
}

.thumbDesc {
	font-size: 70%;
	line-height: 160%;
}

.thumbDesc a {
	font-size: 120%;
	font-weight: bold;
}

.thumbBtn {
	padding: 10px 0;
	text-align: center;
}

.thumbImg img {
	border: solid 1px #dedede;
}

.topTempleteList li.end {
	margin-right: 0;
}



/********** topLeftColumn elements **********/

#topLeftColumn {
	float: left;
	width: 620px;
	padding-top: 10px;
}

/********** topRightColumn elements **********/

#topRightColumn {
	float: right;
	width: 260px;
	margin-top: 10px;
}



/********** top right banner elements **********/

.topRightBannerBox {
	margin-bottom: 15px;
}

.topRightBannerList {
	margin-bottom: 10px;
}

.topRightBannerList li {
	margin-bottom: 5px;
}

.topRightBannerList .topBnrImage {
	padding: 0;
}

.topRightBannerList .topBnrDesc {
	padding: 5px 10px 10px;
	font-size: 80%;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}

.topIchioshiTxt {
	width:260px;
	height:200px;
	overflow:auto;
}

.topIchioshiTxt p {
	padding: 5px 10px 10px 10px;
	font-size:0.8em;
	line-height:1.4em;
	text-align:left;
}


}