@charset "UTF-8";

/* header.css
**************************************************************************************


/* header-layout
=============================================================================*/

div#header div.header-wrap {
	width:980px;
	margin:0 auto;
	padding-bottom:35px;
}

div#header div.header-main {
	width:186px;
	float:left;
	padding-top:27px;
}

div#header div.header-sub {
	width:650px;
	padding:34px 0 0 0;
	float:right;
	position:relative;
}


/* logo
=============================================================================*/

div#header div.header-main .logo {
	width:186px;
}


/* header-sub
=============================================================================*/

/* ヘッダーリンク */

div#header div.header-sub ul.sub-navi {
	width:252px;
	float:right;
	font-size:1px;
}

div#header div.header-sub ul.sub-navi li {
	float:left;
}

div#header div.header-sub ul.sub-navi li.snavi001{
	padding:9px 15px 0 0;
}
div#header div.header-sub ul.sub-navi li.snavi001 a:hover img{
	 filter: alpha(opacity=70);
	 -moz-opacity:0.70;
	 opacity:0.70;
}

div#header div.header-sub ul.sub-navi li.snavi002{
	padding:0 ;
}


/* 文字サイズ変更 */

div#header div#fontController {
	float:right;
	width:111px;
	padding:0 0 0 70px;
	margin:0 17px 0 0;
	background:url("../../image_new/fontsize-tx.gif") no-repeat 0 8px;
}

div#header div#fontController dt {
	display:none;
}

div#header div#fontController dd {
	float:left;
}

div#header div#fontController dd a {
	display:block;
	height:29px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image_new/fontsize-bt.gif") no-repeat 0 0;
}

div#header div#fontController dd.small {
	display:none;
}

div#header div#fontController dd.small ,
div#header div#fontController dd.small a {
	display:none;
}

div#header div#fontController dl dd.small a:hover ,
div#header div#fontController dl dd.small a.small-btn-on {
	display:none;
}

div#header div#fontController dd.middle ,
div#header div#fontController dd.middle a {
	width:50px;
	background-position:0 0;
}

div#header div#fontController dl dd.middle a:hover ,
div#header div#fontController dl dd.middle a.reset-btn-on {
	background-position:0 bottom;
}

div#header div#fontController dd.large ,
div#header div#fontController dd.large a {
	width:59px;
	background-position:-52px 0;
	float:right;
}

div#header div#fontController dl dd.large a:hover ,
div#header div#fontController dl dd.large a.large-btn-on {
	background-position:-52px bottom;
}




/* サイト内検索 */

div#header div.search-deco {
	float:left;
	width:183px;
	height:29px;
}

#srchBox
{
width:183px;
_width:183px;
background-color:#FFFFFF;
color:#000000;
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:0;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
height: 24px;
width:144px;
margin-right:0;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:31px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 5px;
border:1px solid #b0b0b0;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}


/* gnavi
=============================================================================*/

#gnavi {
	width:100%;
	background:url("../../image_new/gnavi-bg001.gif") repeat-x left top;
}
#gnavi ul {
	width:980px;
	height:121px;
	margin:0 auto;
	position:relative;
	background:url("../../image_new/gnavi-bg002.gif") repeat-x left top;

}
#gnavi ul li {
	position:absolute;
	top:0;
	height:119px;
}
#gnavi ul li a {
	display:block;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image_new/gnavi.gif") no-repeat 0 0;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001 a {
	background-position:0 0;
	width:179px;
	height:119px;
}
#gnavi ul li.gnavi001 a:hover ,
#gnavi ul li.gnavi001-c a {
	background-position:0 bottom;
	width:179px;
	height:119px;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002 a {
	background-position:-179px 0;
	width:179px;
	height:119px;
}
#gnavi ul li.gnavi002 a:hover ,
#gnavi ul li.gnavi002-c a {
	background-position:-179px bottom;
	width:179px;
	height:119px;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003 a {
	background-position:-355px 0;
	width:179px;
	height:119px;
}
#gnavi ul li.gnavi003 a:hover ,
#gnavi ul li.gnavi003-c a {
	background-position:-355px bottom;
	width:179px;
	height:119px;
}
#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004 a {
	background-position:-538px -6px;
	width:120px;
	height:107px;
}
#gnavi ul li.gnavi004 a:hover ,
#gnavi ul li.gnavi004-c a {
	background-position:-538px -125px;
	width:120px;
	height:107px;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005 a {
	background-position:-659px -6px;
	width:120px;
	height:107px;
}
#gnavi ul li.gnavi005 a:hover ,
#gnavi ul li.gnavi005-c a {
	background-position:-659px -125px;
	width:120px;
	height:107px;
}

#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006 a {
	background-position:-784px -6px;
	width:190px;
	height:53px;
}
#gnavi ul li.gnavi006 a:hover ,
#gnavi ul li.gnavi006-c a {
	background-position:-784px -125px;
	width:190px;
	height:53px;
}

#gnavi ul li.gnavi007 ,
#gnavi ul li.gnavi007 a {
	background-position:-784px -60px;
	width:190px;
	height:53px;
}
#gnavi ul li.gnavi007 a:hover ,
#gnavi ul li.gnavi007-c a {
	background-position:-784px -179px;
	width:190px;
	height:53px;
}

/*position*/
#gnavi ul li.gnavi001,
#gnavi ul li.gnavi001-c{
	left:0;
}
#gnavi ul li.gnavi002,
#gnavi ul li.gnavi002-c {
	left:179px;
}
#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003-c{
	left:355px;
}
#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004-c{
	left:538px;
	top:6px;
}
#gnavi ul li.gnavi005,
#gnavi ul li.gnavi005-c {
	left:659px;
	top:6px;
}
#gnavi ul li.gnavi006,
#gnavi ul li.gnavi006-c {
	left:784px;
	top:6px;
}
#gnavi ul li.gnavi007,
#gnavi ul li.gnavi007-c {
	left:784px;
	top:60px;
}