@charset "UTF-8";
/* CSS Document */

.h_line {
	border-bottom:1px solid #666;
	margin-bottom:10px;
	}
	
.fs_18px {
	font-size:18px;
	}

.s_menu08,
.s_menu09 {
	position:relative;
}

.s_menu08 p {
	margin-bottom: 0px;
	padding-bottom: 6px;
}

.s_menu08 .note {
	padding:5px 10px 0 20px;
	display:block;
	font-size:11px;
	color:#888;
	line-height:1.2em;
}

.slidepanel_btn {
	width: 11px;
	position: absolute;
	top: 0px;
	right: -7px;
	background-image: url("../images/common/02_slide_open01.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #d2d0cf;
	cursor:pointer;
}
.slidepanel_box {
	position: absolute;
	z-index: 10000;
	left: 220px;
	cursor: pointer;
	display: none;
}

.slidepanel_btn.active {
	background-image: url("../images/common/02_slide_close01.gif");
}


#slidepanel_closure_1{	top: -35px; }
#slidepanel_closure_2{	top: -40px; }
#slidepanel_closure_3{	top: -30px; }

#slidepanel_closure_4{	top: -10px;}
#slidepanel_closure_5{	top: -15px;}
#slidepanel_closure_6{	top: -40px;}


.header02top {
	float: left;
	width: 165px;
	padding-top:30px;
}

.menu_btn2 {
	width: 785px;
}
.menu_btn2 li {
	float: left;
}

.menu_btn li img,
.menu_btn2 li img {
	vertical-align:middle;
}

.top_head {
	overflow:hidden;
	margin-bottom:10px;
}

.top_head .slider {
	width:680px;
	float:left;
}

.top_head .info {
	width:250px;
	height:335px;
	float:right;
}

.top_head .info h2 {
	background:#8bccc4;
	font-size:15px;
	line-height: 1.5em;
	color:#fff;
	float:left;
	padding:0 10px;
	border-radius:5px 5px 0 0 ;
	height:22px;
}

.top_head .info .data {
	clear:both;
	width:250px;
	height:313px;
	background:#f5f5f5;
}

.top_head .info dl {
	background:#f5f5f5;
	overflow:auto;
/*	height:293px;*/
	clear:both;
	padding:10px;
	font-size:12px;
	line-height:1.3em;
}

.top_head .info dt {
	font-size:12px;
	line-height:1.3em;
	padding:0.3em 0;
}

.top_head .info dd {
	font-size:12px;
	line-height:1.3em;
	padding:0.3em 0;
	margin:-1.9em 0 0 5.5em;
}

.top_head .info .nodata {
	clear:both;
	margin:0 auto;
	width:250px;
	height:313px;
	background:#f5f5f5;
	position:relative;
}

.top_head .info .nodata p {
	position:absolute;
	top:50%;
	margin-top:-1em;
	margin-left:30px;
}

.top_leftarea {
	width:756px;
	float:left;
	overflow:hidden;
}

.top_leftarea h2 {
	font-size:14px;
	line-height:1em;
	text-align:center;
	background:url("../images/common/00_lefthw.png") repeat-x center center;
	margin:0 5px 5px 0;
}

.top_leftarea h2 span {
	background:#fff;
	padding:0 5px;
	font-size:15px;
}

.top_rightarea {
	width:184px;
	float:right;
	overflow:hidden;
}
.top_rightarea h2 {
	font-size:14px;
	line-height:1em;
	text-align:center;
	background:url("../images/common/00_righthw.png") repeat-x center center;
	margin:0 5px 5px 0;
}

.top_rightarea h2 span {
	background:#fff;
	padding:0 5px;
	font-size:15px;
}

.top_rightarea #randombnr li {
	display:none;
}

.top_product_box {
	float:left;
	width:184px;
	margin:0 5px 5px 0;
}

.top_product_box .base {
	position:relative;
	cursor:pointer;
}

.top_product_box .base h3 {
	position:absolute;
	top:0;
	left:0;
	width:184px;
	background:rgba(255,255,255,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff,gradienttype=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)";
	zoom:1;
	text-align:center;
	line-height:1.5em;
	font-size:16px;
	padding:5px 0;
}

.top_leftarea .fr {
	float:right;
}

.top_leftarea .cl {clear:left;}

.top_product_list {
	background:#eeeded;
}

.top_product_list ul{
	margin:0;
	padding:10px 10px 0;
}

.top_product_list ul li{
	margin:0;
	padding:0 0 10px 0;
	font-size:12px;
	line-height:1.1em;
}

.top_product_box .accordion_label {
	background:#b7b7b7;
	color:#fff;
	font-size:12px;
	border-radius:0 0 5px 5px;
	text-align:center;
	line-height:1em;
	padding:2px 0;
	cursor:pointer;
}

.top_product_box .accordion_label .panel_close {
	display:none;
}

#loginpanel {
	background:#f5f5f5;
	border-radius:10px;
	position:relative;
	width:575px;
	overflow:hidden;
	font-size:12px;
}

#loginpanel h2 {
	background:#307eeb;
	color:#fff;
	font-size:15px;
	padding:5px;
	text-align:center;
}

#loginpanel .logo {
	float:left;
	padding:10px 0 10px 35px;
}

#loginpanel .logo2 {
	position:absolute;
	bottom:10px;
	right:10px;
}

#loginpanel form {
	float:right;
	padding:28px 70px 0 0;
}

#loginpanel form .frame {
	background:#d3d1d0;
	padding:5px 10px 5px 10px;
	margin-right:5px;
	border-radius:5px;
	margin-bottom:25px;
}

#loginpanel form .frame input {
	width:173px;
	border:1px solid #aaa;
	margin-bottom:5px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#colorbox {
	box-shadow:5px 5px 10px rgba(0,0,0,0.2);	border-radius:10px;
}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{-webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxContent{overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{}
#cboxLoadingGraphic{}
#cboxLoadingOverlay{background:#f5f5f5;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {display:none;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}