@charset "UTF-8";

@import "style.css";

@import "header.css";







/*	TOP-PAGE

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

#top-page h1{display:none;}



/*top-purpose*/

#top-purpose{

	margin-top:18px;

	padding:5px;

	background: #f0f0f0;

}

#top-purpose h2,#top-purpose h3{float:left;}

#top-purpose h2{margin-right:11px;}

#top-purpose h3{margin-right:7px;}

#top-purpose h3.end{margin-right:0px;}



/*top-4column (news,info,pickup,shop,question)*/

#top-4column{margin-top:18px;}

#top-4column #top-news .title,  #top-4column #top-info .title {

	padding-top:5px;

	padding-left:5px;

	padding-right:3px;

	height:24px;

	margin: 4px;

	border-bottom: 1px solid #c8c8c8;

}

#top-4column #top-news h2, #top-4column #top-info h2 {

	float:left;

	width:80px;

}

#top-4column #top-news .goto-list,  #top-4column #top-info .goto-list {

	float:right;

	width:100px;

	font-size:10px;

	text-align: right;

}

#top-4column .goto-list a.arrow {

	padding:0 10px;

	margin-right:5px;

	background: url(../img/top_arrow.gif) no-repeat left center;

	border-right: 1px solid #cccccc;display:inline-block;height:17px;

}

#top-4column .goto-list a.arrow:link, #top-4column .goto-list a.arrow:visited {

	color:#7d7d7d;

}

#top-4column .goto-list a.arrow:hover, #top-4column .goto-list a.arrow:active {

	color:#73beff;

}

#top-4column #top-news,  #top-4column #top-info {
	float:left;
	width:196px;
	margin-right:20px;
	font-size:85%;
	height: 313px;
	border: 1px solid #c8c8c8;
}

* html #top-4column #top-news,* html #top-4column #top-info {/*ie6*/

	height: 290px;

}



#top-4column #top-news .list,  #top-4column #top-info .list{
	width:178px;
	height:271px;
	overflow-y: scroll;
	padding-right:6px;
	margin-left: 8px;
}

#top-4column #top-news .list h3,

#top-4column #top-info .list h3{

	background: url(../img/dotline.gif) repeat-x left bottom;

	padding-bottom: 7px;

	margin-top: 7px;

	font-weight: normal;

}

#top-4column #top-news strong,

#top-4column #top-info strong{

	color:#000000;

	font-weight: normal;

	padding-right:95px;

}

#top-4column strong.new{

	background: url(../img/top_icon_new.gif) no-repeat right top;

}

#top-4column strong.update{

	background: url(../img/top_icon_update.gif) no-repeat right top;

}

#top-4column strong.site-info{

	background: url(../img/top_icon_site.gif) no-repeat right top;

}

#top-4column strong.info{

	background: url(../img/top_icon_info.gif) no-repeat right top;

}

#top-4column strong.event{

	background: url(../img/top_icon_event.gif) no-repeat right top;

}

#top-4column strong.company{

	background: url(../img/top_icon_company.gif) no-repeat right top;

}



#top-4column #top-pickup {
	float:left;
	width:215px;
	border: 3px solid #dcdcdc;
	height: 310px;
}



#top-4column #top-pickup .title {

	margin:3px;

	padding: 4px;

	border-bottom: 1px solid #cccccc;

}

#top-4column #top-pickup h2 {

	float:left;

	width:140px;

}

#top-4column #top-pickup .goto-list {

	float:right;

	width:55px;

	font-size:10px;

	line-height:20px;

	text-align: right;

}

#top-4column #top-pickup .goto-list a.arrow {

	padding:0 0 0 10px;

	background: url(../img/top_arrow.gif) no-repeat left center;

	border-right: none;

	border-top-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin: 0px;

}

#top-4column #top-pickup .list {

	margin-left:7px;

	margin-bottom:5px;

	width:196px;

	height:243px;

	overflow-y: scroll;

	font-size:85%;

	padding-right: 7px;

}

*html #top-4column #top-pickup {/*ie6*/

	height: 280px;

}

#top-4column #top-pickup .list {/*ie6*/
	height:270px;
}

#top-4column #top-pickup .list h3 {

	background: url(../img/dotline.gif) repeat-x left bottom;

	padding-bottom: 10px;

	margin-top: 10px;

	font-weight: normal;

}

#top-4column #top-pickup .list h3 span {

	float:left;

	width:50px;

	display:block;

}

#top-4column #top-pickup .list h3 span img {

	border: 1px solid #ffffff;

}

#top-4column #top-pickup .list h3 strong {

	float:right;

	width:120px;

	margin-bottom:0px;

	margin-right:5px;

	font-weight: normal;

}

* html #top-4column #top-pickup .list h3 strong {

	width:130px;

	margin-right:0px;

}/*ie6*/

#top-4column #top-pickup .list a:link, #top-4column #top-pickup .list a:visited {

	color:#509bfa;

	text-decoration: underline;

}

#top-4column #top-pickup .list a:hover, #top-4column #top-pickup .list a:active {

	color:#73beff;

	text-decoration: none;

}

#top-4column #top-column-end {

	float:right;

	width:221px;

}

#top-shop{
	width:210px;
	height:33px;
	padding-top: 40px;
	padding-left: 11px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	background-image: url(../img/top_shop02.gif);
	background-repeat: repeat;
	background-position: left top;
}

#top-shop h3{
	font-weight: normal;
}

#top-shop a{
	display:block;
	height:20px;
	background: #FFFFFF url(../img/top_arrow.gif) no-repeat 10px center;
	line-height: 20px;
	padding-left: 17px;
	font-size: 11px;
	width: 155px;
	border-right: 1px solid #a19fa1;
	border-bottom: 1px solid #a19fa1;
	white-space:nowrap;
}

#top-question{

	width:211px;

	padding:5px 5px 1px 5px;

	background: #f5f5f5;

}

#top-question h3{padding-bottom:4px;}





/*top-banner*/

#top-banner{

	margin-top:22px;

	padding:10px 10px 10px 17px;

	background: #f5f5f5;

}

#top-banner h3{float:left;display:block;width:215px;}









/*	top-page rollover

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

/*top-purpose*/

#top-purpose01 a,#top-purpose02 a,#top-purpose03 a{display:block;width:217px;height:66px;}

#top-purpose01{background: url(../img/top_purpose01_r.jpg) no-repeat;width:217px;height:66px;line-height:1;}

#top-purpose02{background: url(../img/top_purpose02_r.jpg) no-repeat;width:217px;height:66px;line-height:1;}

#top-purpose03{background: url(../img/top_purpose03_r.jpg) no-repeat;width:217px;height:66px;line-height:1;}

#top-question h2 a:hover {background-color:transparent;}

#top-question h2 a:hover img {visibility:hidden;}



/*top-question*/

#top-question h2 a{display:block;width:151px;height:24px;}

#top-question h2{background: url(../img/top_question_r.gif) no-repeat;width:151px;height:24px;line-height:1;}

#top-purpose01 a:hover,#top-purpose02 a:hover,#top-purpose03 a:hover {background-color:transparent;}

#top-purpose01 a:hover img,#top-purpose02 a:hover img,#top-purpose03 a:hover img {visibility:hidden;}





/*	top-page clearfix

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

#top-4column #top-pickup .list h3:after {

	content: " ";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}

* html #top-4column #top-pickup .list h3 {

	display: inline-block;

}

/* no ie mac \*/

* html #top-4column #top-pickup .list h3 {

	height: 1%;

}

#top-4column #top-pickup .list h3 {

	display: block;

}

/* */

#top-4column #top-pickup .list h3 {

	zoom: 100%;

}


/*print frash*/

#flash-print{display:none;}

@media print {

 #top-img{

    display:none;

 }

 #flash-print{

    display:block;

 }

}