@charset "utf-8";

/*---page_top---*/

/*----TopNavi---*/

#top_navi {
	width: 900px;
	height:90px;
	margin: 0 auto;
	padding: 320px 0 0 0;
}
#top_navi ul.menu {
	width: 600px;
	float:left;
}
#top_navi ul.menu li {
	width: 190px;
	float:left;
	margin-right:10px;
}
#top_navi .mail_member {
	width: 280px;
	float:right;
}

#top_sns {
	width: 300px;
	height:90px;
	margin: 0 auto;
	padding: 0 0 0 0;
	

}
#top_sns ul.menu {
	width: 300px;
	margin: 0 auto;
}
#top_sns ul.menu li{
	width: 67px;
	float:left;
	margin-right:4px;
}
/*
#top_sns ul.menu li:last-child{
	width: 67px;
	float:left;
       margin-right:0px;
}*/



/*----Contents---*/

#contents {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: none;
}

/*----Maincolumn---*/

#maincolumn {
	float: left;
	width: 590px;
	margin: 0;
	padding: 0;
	font-size:100%;
}
#maincolumn ul.btn_tab {
	width: 590px;
	padding: 0 0 5px 0;
	background: url(../img/top/line.jpg) repeat-x left bottom;
}
#maincolumn ul.btn_tab li {
	height:35px;
	float:left;
}
#maincolumn .container_tab {
	width: 590px;
	/*height:285px;*/
	height:240px;
	overflow-y:scroll;
	/*margin-bottom:35px;*/
}
#maincolumn .container_tab dl {
	clear: both;
	width: 560px;
	padding:9px 0;
	/*padding:12px 0;*/
	margin: 0;
	border-bottom: 1px dotted #9F8D70;
}
#maincolumn .container_tab dt {
	/*width:150px;*/ /*100px*/
	float:left;
	display:block;
	padding:0 0 0 13px;
}
#maincolumn .container_tab dd {
	/*width:388px;*//*438*/
	width:366px;
	height:21px;
	float:right;
	display:block;
	overflow:hidden;
}
#maincolumn .container_tab dd .icon {
	/*width:90px;*/
	width:68px;
	float:left;
	display:block;
	margin-right:13px;
	/*margin-right:13px*/;
}
#maincolumn .container_tab dd .text {
	width:333px;
	float:left;
	display:block;
}
#maincolumn .block {
	width: 590px;
	padding:0 0 25px 0;
	line-height:120%;
}
#maincolumn .title_box {
	width:280px;
	padding: 0 0 5px 0;
	margin-bottom:6px;
	background: url(../img/top/line.jpg) repeat-x left bottom;
}
#maincolumn h3 {
	float:left;
}
#maincolumn .detail {
	width: auto;
	float: right;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
	font-size:92%;
	background: url(../img/top/icon.gif) no-repeat left center;
}
#maincolumn .box {
	width: 280px;
	display:block;
}
#maincolumn ul.topics {
	width: 280px;
	padding:0 0 10px 0;
}
#maincolumn ul.topics li {
	float: left;
	padding:0 0 0 13px;
	margin:0 20px 10px 0;
	background: url(../img/top/icon.gif) no-repeat 3px center;
}
#maincolumn ul.topics li.list {
	clear:both;
}


/*----Slideshow---*/

#slides {
	position:relative;
	width:900px;
	height:390px;
	margin:0 auto;
	/*z-index:100;*/
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
}
.slides_container a {
	width:900px;
	height:300px;
	display:block;
}

/*
	Next/prev buttons
*/

#products .next,#products .prev {
	/*position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;*/
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:900px;
	height:300px;
	display:block;
}

/*----Pagination---*/

.pagination {
	position: absolute;
	left: 0;
	bottom: 17px;
	width: 600px;
	padding:0;
	z-index:100;
}
#products .pagination li {
	float:left;
	margin:0;
	list-style:none;
}

#products .pagination li a {
	display:block;
	width:190px;
	height:63px;
	margin:0 10px 0 0;
	float:left;
}
#products .pagination li a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

#products .pagination li.current a {
	
}
.btn_mail {
	position: absolute;
	right: 0;
	bottom: 17px;
	width: 280px;
	z-index:100;
}
.btn_mail a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}