@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 {
	float:left;
	width:196px;
	margin-right:15px;
	font-size:85%;
	height: 296px;
	border: 1px solid #c8c8c8;
}

 #top-4column #top-info {
	float:left;
	width:215px;
	margin-right:15px;
	height: 296px;
	border: 1px solid #c8c8c8;
}

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

	height: 300px;

}

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

	width:178px;

	height:254px;

	overflow-y: scroll;

	padding-right:6px;

	margin-left: 8px;

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

margin-left:7px;

	margin-bottom:5px;

	width:196px;

	height:253px;

	overflow-y: scroll;

	font-size:85%;

	padding-right: 7px;
	
}

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

	height: 290px;

}

#top-4column #top-info .list {/*ie6*/

	height:250px;

}



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

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

	padding-bottom: 15px;

	font-weight: normal;

	margin-bottom: 15px;

}
#top-4column #top-info .list h3 {
	background: url(../img/dotline.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
	font-weight: normal;	

}

#top-4column #top-info .list h3 {
	
	display: block;
	
	
}
#top-4column #top-info .list h3 {
	
	zoom: 100%;
	}




#top-4column #top-info .list h3 span {
	
	float:left;

	width:50px;

	display:block;
}

#top-4column #top-info .list h3 span img {
	border: 1px solid #ffffff;
}





#top-4column #top-news strong {

	color:#000000;

	font-weight: normal;

	padding-right:80px;

}
#top-4column #top-info strong {

	float:right;

	width:120px;

	margin-bottom:0px;

	margin-right:5px;

	font-weight: normal;
}
.no_img {
	float:left!important;
	width: 100%!important;
}
#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);
background-repeat: no-repeat;
	background-position: 0px 14px;
}

#top-4column strong.info1 {

	background: url(../img/top_icon_info.gif) ;
background-repeat: no-repeat;
	background-position: 0px 14px;
}

#top-4column strong.info2 {
	background-image: url(../img/top_icon_info2.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
}

#top-4column strong.info3 {

	background: url(../img/top_icon_info3.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 14px;
}


#top-4column strong.event {

	background: url(../img/top_icon_event.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 14px;

}

#top-4column strong.company {

	background: url(../img/top_icon_company.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 14px;

}

/*重要なお知らせ*/
#top-4column strong.info1_02 {

	background: url(../img/top_icon_info.gif) ;
background-repeat: no-repeat;
	background-position: 69px 1px;
}

/*お知らせ*/
#top-4column strong.info2_02 {
	background-image: url(../img/top_icon_info2.gif);
	background-repeat: no-repeat;
	background-position: 69px 1px;
}

/*販売店へのお知らせ*/
#top-4column strong.info3_02 {

	background: url(../img/top_icon_info3.gif) ;
	background-repeat: no-repeat;
	background-position: 69px 1px;
}

/*イベント*/
#top-4column strong.event_02 {

	background: url(../img/top_icon_event.gif) ;
	background-repeat: no-repeat;
	background-position: 69px 1px;

}

/*会社情報*/
#top-4column strong.company_02 {

	background: url(../img/top_icon_company.gif) ;
	background-repeat: no-repeat;
	background-position: 69px 1px;

}


#top-4column #top-pickup {

	float:left;

	width:215px;

	border: 3px solid #dcdcdc;

	height: 292px;

}

#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:253px;

	overflow-y: scroll;

	font-size:85%;

	padding-right: 7px;

}

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

	height: 290px;

}

#top-4column #top-pickup .list {/*ie6*/

	height:250px;

}

#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:210px;
}

#top-shop {
	width:93px;
	height:26px;
	padding-top: 53px;
	padding-left: 117px;
	margin-bottom: 10px;
	background-image: url(../img/top_shop2.gif);
	background-repeat: repeat;
	background-position: -0px top;
}

#top-shop h3 {

	font-weight: normal;

}

#top-shop a {
	display:block;
	height:20px;
	line-height: 20px;
	padding-left: 12px;
	font-size: 10px;
	width: 74px;
	background-color: #FFFFFF;
	background-image: url(../img/top_arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}

#top-question {
	width:198px;
	height:132px;
	padding:6px;
	border: 1px solid #509bfa;
	background-color: #F4F9FF;
}

#top-question .photo {
	float:left;
	width:51px;
	margin-top: 2px;
	margin-left: -2px;
}

#top-question h2 {

	float:right;

	width:151px;

	height:24px;

}

#top-question .text {
	float:right;
	width:145px;
	font-size:10px;
	margin-right: 0px;
	padding-top: 5px;
}

#top-question li a {
	font-size:12px;
	display:block;
	width:140px;
	height:19px;
	border: 1px solid #dcdcdc;
	background: #FFFFFF url(../img/top_arrow2.gif) no-repeat 20px center;
	line-height: 19px;
	margin-top: 5px;
	margin-left:8px;
	padding-left:40px;
}

/*top-banner*/







#top-banner {

	height:126px;

	margin-top:22px;

	padding:10px 10px 0px;

	background: #f5f5f5;

}

#top-banner div.banner {

	width:641px;

	float:left;

	display:block;

}

#top-banner div.banner h3 {

	float:left;

	display:block;

	width:215px;

	height:60px;

}

#top-banner div.banner h3.end {

	width:211px;

}

#top-banner h3.members {

	float:right;

	width:231px;

	height:117px;

}

/*	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:145px;

	height:24px;

}

#top-question h2 {
	background: url(../img/top_question_r.gif) no-repeat;
	width:145px;
	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;

 }