@charset "Shift_JIS";
/*

ファイル名 : masthead_new.css;
概要 : このCSSファイルはページのヘッダ・フッタ設定を記述しています。

＃2009/08/06　
ヘッダのサイトIDからh1属性を取り除き、div#siteIDとして置き換えます。
同時にbody直下タグライン（p#MainTagLine）を新たに設定します。
（umegrafix梅野）

 */



/* 1.ページ全体のCSS
------------------------------------------------------------------------- */
/*
*{
	margin:0; padding:0;
}
*/
body{
	margin:0; padding:0;
    background-color:#FFFFFF;
}

a{
	outline:none;
}


/* 2.ヘッダ部のCSS
------------------------------------------------------------------------- */

p#MainTagLine {
	text-align:center;
	padding:4px 0 2px;
	margin:0;
	color:#C00;
	font-size:12px;
	line-height:1;
	background:#efefef;
}

p#MainTagLine strong {
	color:#C00;
	font-size:12px;
	font-weight:normal;
	background:#efefef;
}

#headmast {
	background:url(../../img/mainbg.gif) repeat-x 0 52px;
    text-align:center;
/*    background-color:#EFEFEF;*/
}

#headerWrapper{
	width:720px;
	margin:0 auto;
	padding:8px 0 0 0;
	text-align:left;
}

#headerWrapper img{
	border: none;
	vertical-align:bottom;
}


/* 2-1.ヘッダ上部のCSS
------------------------------------------------------------------------- */
#headerWrapper #headMenuArea{
	width:720px;
	height:27px;
	margin:0;
	padding:0;
}

#headerWrapper #headMenuArea p{
	margin:0;
	padding:0;
}

#headerWrapper #headMenuArea p.txt{
	width:238px;
	height:12px;
	margin:9px 122px 0 0;
	font-size:1px;
	float:left;
}

#headerWrapper #headMenuArea ul{
	margin:6px 0 0 0;
	padding:0;
	float:left;
}

#headerWrapper #headMenuArea li{
	margin:0;
	padding:0 10px 0 0;
	font-size:1px;
	list-style:none;
	display:block;
	float:left;
}

#headerWrapper #headMenuArea p.btn{
	width:128px;
	height:22px;
	margin:3px 0 0 0;
	padding:0;
	font-size:1px;
	float:left;
}


/* 2-2.ヘッダロゴ部のCSS
------------------------------------------------------------------------- */
#headerWrapper #gMenuArea{
	width:720px;
	/*height:32px;*/
	margin:0 0 3px 0;
	padding:0;
	clear:both;
}

#headerWrapper #gMenuArea div#siteID a {/*H1をやめてdivに変更*/
	width:220px;
	height:40px;
	margin:0 24px 0 0;
	padding:0;
	position:rerative;
	text-indent:-9999px;
	background:url(../../img/h1img01.gif) 0 0 no-repeat;
	float:left;
}

#headerWrapper #gMenuArea ul{
	margin:0 6px 0 0;
	padding:0;
	float:left;
}

#headerWrapper #gMenuArea li{
	text-indent:-9999px;
	margin-top:3px;
	list-style:none;
	float:left;
}

#headerWrapper #gMenuArea li.btn01 a{
	width:103px;
	height:32px;
	background:url(../../img/gmenu.gif) 0 0;
	display:block;
}

#headerWrapper #gMenuArea li.btn02 a{
	width:97px;
	height:32px;
	background:url(../../img/gmenu.gif) -103px 0;
	display:block;
}

#headerWrapper #gMenuArea li.btn03 a{
	width:96px;
	height:32px;
	background:url(../../img/gmenu.gif) -200px 0;
	display:block;
}

#headerWrapper #gMenuArea li.btn01 a:hover{
	background:url(../../img/gmenu.gif) 0 -39px;
}

#headerWrapper #gMenuArea li.btn02 a:hover{
	background:url(../../img/gmenu.gif) -103px -39px;
}

#headerWrapper #gMenuArea li.btn03 a:hover{
	background:url(../../img/gmenu.gif) -200px -39px;
}

#headerWrapper #gMenuArea p{
	width:171px;
	height:45px;
	margin:0;
	padding:0;
	float:left;
}


/* 2-2.ヘッダロゴ・カテゴリメニュー部のCSS
------------------------------------------------------------------------- */
#headerWrapper #mainMenuArea{
	width:720px;
	height:59px;
	margin:-3px 0 7px 0;
	padding:0;
	clear:both;
}

#headerWrapper #mainMenuArea ul{
	width:90px;
	height:59px;
	margin:0;
	padding:0;
	float:left;
}

#headerWrapper #mainMenuArea li{
	text-indent:-9999px;
	list-style:none;
}

#headerWrapper #mainMenuArea li a{
	width:90px;
	height:21px;
	display:block;
}

#headerWrapper #mainMenuArea li.btn01 a{
	height:21px;
}

#headerWrapper #mainMenuArea li.btn02 a{
	height:19px;
}

#headerWrapper #mainMenuArea li.btn03 a{
	height:19px;
}

/* menu01 */
#headerWrapper #mainMenuArea ul.menu01 li.btn01 a{
	background:url(../../img/mainmenu.gif) 0 0;
}

#headerWrapper #mainMenuArea ul.menu01 li.btn02 a{
	background:url(../../img/mainmenu.gif) 0 -21px;
}

#headerWrapper #mainMenuArea ul.menu01 li.btn03 a{
	background:url(../../img/mainmenu.gif) 0 -40px;
}

#headerWrapper #mainMenuArea ul.menu01 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) 0 -59px;
}

#headerWrapper #mainMenuArea ul.menu01 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) 0 -80px;
}

#headerWrapper #mainMenuArea ul.menu01 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) 0 -99px;
}
/* //menu01 */

/* menu02 */
#headerWrapper #mainMenuArea ul.menu02 li.btn01 a{
	background:url(../../img/mainmenu.gif) -90px 0;
}

#headerWrapper #mainMenuArea ul.menu02 li.btn02 a{
	background:url(../../img/mainmenu.gif) -90px -21px;
}

#headerWrapper #mainMenuArea ul.menu02 li.btn03 a{
	background:url(../../img/mainmenu.gif) -90px -40px;
}

#headerWrapper #mainMenuArea ul.menu02 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -90px -59px;
}

#headerWrapper #mainMenuArea ul.menu02 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -90px -80px;
}

#headerWrapper #mainMenuArea ul.menu02 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -90px -99px;
}
/* //menu02 */

/* menu03 */
#headerWrapper #mainMenuArea ul.menu03 li.btn01 a{
	background:url(../../img/mainmenu.gif) -180px 0;
}

#headerWrapper #mainMenuArea ul.menu03 li.btn02 a{
	background:url(../../img/mainmenu.gif) -180px -21px;
}

#headerWrapper #mainMenuArea ul.menu03 li.btn03 a{
	background:url(../../img/mainmenu.gif) -180px -40px;
}

#headerWrapper #mainMenuArea ul.menu03 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -180px -59px;
}

#headerWrapper #mainMenuArea ul.menu03 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -180px -80px;
}

#headerWrapper #mainMenuArea ul.menu03 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -180px -99px;
}
/* //menu03 */

/* menu04 */
#headerWrapper #mainMenuArea ul.menu04 li.btn01 a{
	background:url(../../img/mainmenu.gif) -270px 0;
}

#headerWrapper #mainMenuArea ul.menu04 li.btn02 a{
	background:url(../../img/mainmenu.gif) -270px -21px;
}

#headerWrapper #mainMenuArea ul.menu04 li.btn03 a{
	background:url(../../img/mainmenu.gif) -270px -40px;
}

#headerWrapper #mainMenuArea ul.menu04 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -270px -59px;
}

#headerWrapper #mainMenuArea ul.menu04 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -270px -80px;
}

#headerWrapper #mainMenuArea ul.menu04 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -270px -99px;
}
/* //menu04 */

/* menu05 */
#headerWrapper #mainMenuArea ul.menu05 li.btn01 a{
	height:21px;
	background:url(../../img/mainmenu.gif) -360px 0;
}

#headerWrapper #mainMenuArea ul.menu05 li.btn02 a{
	background:url(../../img/mainmenu.gif) -360px -21px;
}

#headerWrapper #mainMenuArea ul.menu05 li.btn03 a{
	background:url(../../img/mainmenu.gif) -360px -40px;
}

#headerWrapper #mainMenuArea ul.menu05 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -360px -59px;
}

#headerWrapper #mainMenuArea ul.menu05 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -360px -80px;
}

#headerWrapper #mainMenuArea ul.menu05 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -360px -99px;
}
/* //menu05 */

/* menu06 */
#headerWrapper #mainMenuArea ul.menu06 li.btn01 a{
	background:url(../../img/mainmenu.gif) -450px 0;
}

#headerWrapper #mainMenuArea ul.menu06 li.btn02 a{
	background:url(../../img/mainmenu.gif) -450px -21px;
}

#headerWrapper #mainMenuArea ul.menu06 li.btn03 a{
	background:url(../../img/mainmenu.gif) -450px -40px;
}

#headerWrapper #mainMenuArea ul.menu06 li.btn01 a:hover{
	height:21px;
	background:url(../../img/mainmenu.gif) -450px -59px;
}

#headerWrapper #mainMenuArea ul.menu06 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -450px -80px;
}

#headerWrapper #mainMenuArea ul.menu06 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -450px -99px;
}
/* //menu06 */

/* menu07 */
#headerWrapper #mainMenuArea ul.menu07 li.btn01 a{
	background:url(../../img/mainmenu.gif) -540px 0;
}

#headerWrapper #mainMenuArea ul.menu07 li.btn02 a{
	background:url(../../img/mainmenu.gif) -540px -21px;
}

#headerWrapper #mainMenuArea ul.menu07 li.btn03 a{
	background:url(../../img/mainmenu.gif) -540px -40px;
}

#headerWrapper #mainMenuArea ul.menu07 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -540px -59px;
}

#headerWrapper #mainMenuArea ul.menu07 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -540px -80px;
}

#headerWrapper #mainMenuArea ul.menu07 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -540px -99px;
}
/* //menu07 */

/* menu08 */
#headerWrapper #mainMenuArea ul.menu08 li.btn01 a{
	background:url(../../img/mainmenu.gif) -630px 0;
}

#headerWrapper #mainMenuArea ul.menu08 li.btn02 a{
	background:url(../../img/mainmenu.gif) -630px -21px;
}

#headerWrapper #mainMenuArea ul.menu08 li.btn03 a{
	background:url(../../img/mainmenu.gif) -630px -40px;
}

#headerWrapper #mainMenuArea ul.menu08 li.btn01 a:hover{
	background:url(../../img/mainmenu.gif) -630px -59px;
}

#headerWrapper #mainMenuArea ul.menu08 li.btn02 a:hover{
	background:url(../../img/mainmenu.gif) -630px -80px;
}

#headerWrapper #mainMenuArea ul.menu08 li.btn03 a:hover{
	background:url(../../img/mainmenu.gif) -630px -99px;
}
/* //menu08 */


/* 2-3.ヘッダロゴ・カテゴリメニュー部のCSS
------------------------------------------------------------------------- */
#subMenuArea{
	width:720px;
	/*height:51px;*/
	margin:0;
	padding:0 0 5px 0;
	clear:both;
}

#subMenuArea #subMenuAreaLeft{
	width:470px;
	float:left;
}

#subMenuArea #subMenuAreaLeft ul{
	height:25px;
	margin:0 0 12px 0;
	padding:0;
}

#subMenuArea #subMenuAreaLeft li{
	width:146px;
	height:25px;
	list-style:none;
	float:left;
}

#subMenuArea #subMenuAreaLeft li a{
	display:block;
}

#subMenuArea #subMenuAreaLeft li.btn01{
	margin:0;
	padding:0 22px 0 0;
}

#subMenuArea #subMenuAreaLeft li.btn02{
	margin:0;
	padding:0;
}

#subMenuArea #crumbList{
	margin:0;
	padding:0;
	clear:both;
}

#subMenuArea #crumbList p{
	margin:0;
	padding:0;
	/*font-weight:bold;*/
	font-size:12px;
	color:#323232;
}

#subMenuArea #crumbList a{
	color:#4343ff;
	text-decoration:none;
}

#subMenuArea #crumbList a:hover{
	color:#8080ff;
	text-decoration:none;
}

#subMenuArea #subMenuAreaRight{
	width:242px;
	float:right;
}

#subMenuArea #subMenuAreaRight p{
	margin:0;
	padding:0;
}


/* 3.その他のCSS
------------------------------------------------------------------------- */
.w64{
	width:64px;
}

.w74{
	width:74px;
}

.clearB{
	clear:both;
}

#footer_tr {
	background-color:#B71600;
}

#footer_navi {
	font-size:90%;
}