@charset "Shift_JIS";

body {
	text-align: center;
	/*background: #FFF;*/
}
#container {
	width: 100%;
	text-align: center;
}
a.half_alpha img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	background: #FFF;
}

/* easing
--------------------------------*/
a,
a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border: none;
	outline: none;
	-moz-outline-style: none;
}

/* header_menu
--------------------------*/
#header_menu {
	width: 750px;
	margin: 0 auto;
}
ul#logo_line {padding: 20px 0 0;}
ul#logo_line input.txt_area {
	width: 118px;
	height: 12px;
	padding: 6px;
	margin-top: 2px;
	background-color:#EFEFEF;
	border:1px solid #CCC;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position: relative;
	color:#333;
}
ul#logo_line input.submit {
	width: 55px;
	height: 30px;
}
ul#logo_line input.submit:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-transition: all 0.3s linear 0;
	-webkit-transition: all 0.3s linear 0;
}
ul#menu_line {
	margin: 10px 0 0;
	position: relative;
	z-index: 10;
}
ul#menu_line li {
	float: left;
	margin-left: 0 !important;
}

/* Mega Menu Styles
--------------------------*/
ul.mega-menu img#menu01 {
	background: url("../images/menu01.png") no-repeat 0 0;
}
ul.mega-menu li.mega-hover img#menu01 {
	background: url("../images/menu01_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu img#menu02 {
	background: url("../images/menu02.png") no-repeat 0 0;
}
ul.mega-menu li.mega-hover img#menu02 {
	background: url("../images/menu02_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu img#menu03 {
	background: url("../images/menu03.png") no-repeat 0 0;
}
ul.mega-menu li.mega-hover img#menu03 {
	background: url("../images/menu03_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu img#menu04 {
	background: url("../images/menu04.png") no-repeat 0 0;
}
ul.mega-menu li.mega-hover img#menu04 {
	background: url("../images/menu04_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu img#menu05 {
	background: url("../images/menu05.png") no-repeat 0 0;
}
ul.mega-menu li.mega-hover img#menu05 {
	background: url("../images/menu05_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu ul li ul,
ul.mega-menu .subnav {
	display: none;
}
ul.mega-menu li ul.subnav {
	position: absolute;
	top: 60px;
	left: 0;
	overflow: hidden;
	width: 725px;
	height: 261px;
	padding: 19px 12px 20px 13px;
}
ul.mega-menu li ul#sub02 {
	background: url("../images/bg_submenu02.png") no-repeat 0 0;
}
ul.mega-menu li ul#sub03 {
	background: url("../images/bg_submenu03.png") no-repeat 0 0;
}
ul.mega-menu li ul#sub04 {
	background: url("../images/bg_submenu04.png") no-repeat 0 0;
}
ul.mega-menu li ul li {
	margin: 0 1px 1px 0;
}

/* Mega Menu2 Styles (2nd)
--------------------------*/
ul.mega-menu2 img#menu01 {
	background: url("../images/m01.png") no-repeat 0 0;
}
ul.mega-menu2 li.mega-hover img#menu01 {
	background: url("../images/m01_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu2 img#menu02 {
	background: url("../images/m02.png") no-repeat 0 0;
}
ul.mega-menu2 li.mega-hover img#menu02 {
	background: url("../images/m02_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu2 img#menu03 {
	background: url("../images/m03.png") no-repeat 0 0;
}
ul.mega-menu2 li.mega-hover img#menu03 {
	background: url("../images/m03_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu2 img#menu04 {
	background: url("../images/m04.png") no-repeat 0 0;
}
ul.mega-menu2 li.mega-hover img#menu04 {
	background: url("../images/m04_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu2 img#menu05 {
	background: url("../images/m05.png") no-repeat 0 0;
}
ul.mega-menu2 li.mega-hover img#menu05 {
	background: url("../images/m05_on.png") no-repeat 0 0;
	cursor: pointer;
}
ul.mega-menu2 ul li ul,
ul.mega-menu2 .subnav {
	display: none;
}
ul.mega-menu2 li ul.subnav {
	position: absolute;
	top: 45px;
	left: 0;
	overflow: hidden;
	width: 750px;
	height: 85px;
	padding: 0;
}

/* wideslider
--------------------------*/
.wideslider {
	width: 100%;
	height: 322px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top: -15px;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #000 url("../images/prev.png") no-repeat right center;
}
.slider_next {
	background: #000 url("../images/next.png") no-repeat left center;
}
.pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	text-align: center;
	z-index: 200;
}
.pagination a {
	margin: 0 4px;
	width: 7px;
	height: 7px;
	display: inline-block;
	overflow: hidden;
	background: transparent url("../images/mark_off.jpg") no-repeat left top;
}
.pagination a.active {
	background: transparent url("../images/mark_on.jpg") no-repeat left top;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}