@charset "UTF-8";

/****************************
  global
*****************************/

#contents {
	width: 984px;
}

#header #logo, 
#header #navi, 
#footer {
	padding-right: 23px;
	padding-left:  23px;
}

#header #navi #search_words_navi {
	right: 47px;
}

#header #navi #search_button_navi {
	right: 23px;
}

/****************************
  visual_top
*****************************/

.wrapper_visual_top {
	width:  938px;
	height: 448px;
	margin:  0 auto 50px;
	padding: 0;
}

/****************************
  ticker
*****************************/

#ticker {
	clear:   both;
	width:   938px;
	height:  39px;
	margin:  0 auto 20px;
	padding: 0;
	background: url(../images/common/bg_newsticker.gif) no-repeat;
	overflow: hidden;
}

ul#news, 
ul#news li {
	margin:  0;
	padding: 0;
}

ul#news li a {
	margin:  0;
	padding: 0 15px;
	display: block;
	color:   #444444;
	font-size:   12px;
	line-height: 39px;
}

ul#news li span {
	margin:  0;
	padding: 0 1em 0 0;
}

/****************************
  grid_column_home
*****************************/

ul.grid_column_home {
	clear: both;
	width:  938px;
	height: 200px;
	margin:  0 auto;
	padding: 0;
}

ul.grid_column_home li {
	float: left;
	width:  308px;
	height: 200px;
	margin:  0;
	padding: 0;
	background: url(../images/common/bg_grid_column_home.gif) no-repeat;
}

ul.grid_column_home li:hover {
	background: url(../images/common/bg_grid_column_home_on.gif);
}

/****************************
  wrapper_information
*****************************/

.wrapper_information {
	clear: both;
	width: 938px;
	margin:  30px auto;
	padding: 20px 0 12px 0;
	border-top:    1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

dl.dl_information_home {
	float:   left;
	width:   270px;
	margin:  0 0 0 43px;
	padding: 0;
}

dl.dl_information_home:first-child {
	clear: both;
	margin-left: 22px;
}

dl.dl_information_home dt {
	margin:  0 0 10px 0;
	padding: 0;
	font-size:   13px;
	line-height: 14px;
	font-weight: bold;
	color: #444444;
}

dl.dl_information_home dd {
	margin:  0 0 5px 0;
	padding: 0;
}

dl.dl_information_home dd, 
dl.dl_information_home dd a {
	font-size:   12px;
	line-height: 15px;
	color: #666666;
	font-weight: normal;
}

/****************************
  bxslider
*****************************/

.bx-wrapper {
	margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: none;
	left: 0px;
}

/****************************
  bxslider visual_top
*****************************/

.wrapper_visual_top .bx-wrapper .bx-pager.bx-default-pager a {
	   -moz-border-radius: none;
	-webkit-border-radius: none;
	        border-radius: none;
	width:  22px;
	height: 22px;
	background: url(../images/bxslider/bullets.png) no-repeat 0 0;
}

.wrapper_visual_top .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrapper_visual_top .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../images/bxslider/bullets.png) no-repeat 0 -22px;
}

/* arrow */

.wrapper_visual_top .bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 99;
	display: block;
	overflow: hidden;
	width:  26px;
	height: 52px;
	margin: -26px 0 0;
	padding: 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	        transition: all .3s ease;
}

.wrapper_visual_top .bx-wrapper .bx-prev {
	left: -27px;
	background: url(../images/bxslider/navi_vt.png) no-repeat 0 0;
}
.wrapper_visual_top .bx-wrapper .bx-next {
	right: -27px;
	background: url(../images/bxslider/navi_vt.png) no-repeat -26px 0;
}

.wrapper_visual_top .bx-wrapper:hover .bx-prev { left:  -10px; opacity: 0.7; }
.wrapper_visual_top .bx-wrapper:hover .bx-next { right: -10px; opacity: 0.7; }
.wrapper_visual_top .bx-wrapper .bx-next:hover, 
.wrapper_visual_top .bx-wrapper .bx-prev:hover { opacity: 1; }

/****************************
  bxslider carousel
*****************************/

.wrapper_carousel .bx-wrapper .bx-prev {
	left: -23px;
	background: url(../images/bxslider/controls2.png) no-repeat 0 -42px;
}

.wrapper_carousel .bx-wrapper .bx-next {
	right: -23px;
	background: url(../images/bxslider/controls2.png) no-repeat -22px -42px;
}

.wrapper_carousel .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.wrapper_carousel .bx-wrapper .bx-next:hover { background-position: -22px 0; }

.wrapper_carousel .bx-wrapper .bx-controls-direction a {
	margin-top: -21px;
	width:  22px;
	height: 42px;
}