@charset "utf-8";

/****************************************************************/
/*CSS MENU*/
/*【1】全体レイアウト*/
/*【2】共通：HEADER MENU FOOTER*/
/*【3】共通FONT*/
/****************************************************************/

/*【1】全体レイアウト*/

/*初期化*/
*{margin: 0; padding: 0;}
h1,h2{ line-height: 0;}
img{ border: 0;}

/* =========== Global Settings =========== */
body {
	/*background: #ffffff;*/
	background-image: url(../image/bg_main.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	text-align: center; /* コンテナが中央揃え*/
	color: #666666;
	font-family:  "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana, Arial,sans-serif;
	font-size: 12px;
	/*background-attachment: fixed;*/
	background-position: center center;
}
#container {
	/*background-image: url(../image/bg_main.jpg);*/
	/*background-repeat: repeat-y;*/
	background: #ffffff;
	width: 850px;
	margin: 0 auto; /* 中央揃え */
	text-align: left; /* bodyの text-align: center より優先 */

}
/*======link======*/
/*a{
	font-weight: bold;
	color: #6cbccd;
	font-size: 12px;
	text-decoration: none;
}
A:Hover{
	color: #f79bb6;
	text-decoration:underline;
}
*/

.notxt{ display:none; font-size:10%; text-decoration:none; text-indent:-9999px;}
.left{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.clear{ clear:both; display:block;}
/*.img_m{vertical-align:middle;}*/



/* =========== Global Settings =========== */
body {
	/*background: #ffffff;*/
	background-image: url(../image/bg_main.jpg);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	text-align: center; /* コンテナが中央揃え*/
	color: #666666;
	font-family:  "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana, Arial,sans-serif;
	font-size: 12px;
	background-attachment: fixed;
	background-position: center center;
}
#container {
	/*background-image: url(../image/bg_main.jpg);*/
	/*background-repeat: repeat-y;*/
	background: #ffffff;
	width: 850px;
	margin: 0 auto; /* 中央揃え */
	text-align: left; /* bodyの text-align: center より優先 */
	position:relative;

}
/*======link======*/
/*a{
	font-weight: bold;
	color: #6cbccd;
	font-size: 12px;
	text-decoration: none;
}
A:Hover{
	color: #f79bb6;
	text-decoration:underline;
}
*/

.notxt{ display:none; font-size:10%; text-decoration:none; text-indent:-9999px;}
.left{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
.clear{ clear:both; display:block;}
.t_center{ text-align:center;}
.t_left{ text-align:left;}
.t_right { text-align:right;}

/*.img_m{vertical-align:middle;}*/


/****************************************************************/
/*【2】共通：HEADER MENU FOOTER*/
/*======header======*/
#header h1{ display:none; text-decoration:none; text-indent:-9999px;}
#header {
	background-image: url(../image/top_bg.gif);
	background-repeat: no-repeat;
	background-color: #d9d9d9;
	width:850px;
	height:35px;
	background-position: center top;
	/*position: absolute;*/
}
#header #seach {
	float: right;
	margin-top: 5px; padding-top: 0px; top: 0px;
	margin-left:630px;
	position: absolute;
}
/*======mail======*/
ul#mail{
	width:157px;
	height:35px;
	position: relative;
	/*background-image: url(../image/hd_mail.gif);
	background-repeat: no-repeat;*/
	margin-left:500px;
	margin-top: 0;
	margin-bottom: 0;
	/*display: inline;*/
	left: 0px;
	top: 0px;
}
ul#mail li{
	position:relative;
	/*position: absolute;*/
	top:0;
	float:left;
	display: inline;
}
ul#mail li, ul#mail li a {
	display: block;
	height:35px; 
	text-decoration: none; 
	font-size: 1px;
	display: inline;
}
ul#mail li.mail01{ left:0; width:52px; float:left; position:relative;	display: inline;}
ul#mail li.mail02{ left:52px; width:54px; float:left; position:relative;	display: inline;}
/*ul#mail li.mail03{ left:106px; width:22px;}*/

#WLSearchBoxDiv {
	float:left;
	position: absolute;
	margin-left:0;
	height: 35px;
	width: 210px;
	top: 0px;
	/*left: 170px;
	position:absolute;
	z-index:10;*/
}
/*======menu======*/
#menu{
	width:850px;
	margin:0;
	position: absolute;
	padding: 0px;

	}
ul#menu{
	width:850px;
	height:27px;
	margin:0;
	position: absolute;
	background-image: url(../image/menu_01.gif);
	background-repeat: no-repeat;
	padding: 0px;
}
ul#menu li{ position:absolute; top:0; 
	/*float:left;*/
}
ul#menu li, ul#menu li a {
	display: block;
	height:27px; 
/*	text-indent: -999999px; text-decoration: none; font-size: 1px;*/
}
ul#menu li.menu01,ul#menu li.menu01_on{ left:0; width:94px;}
ul#menu li.menu02,ul#menu li.menu02_on { left:94px; width:95px;}
ul#menu li.menu03,ul#menu li.menu03_on { left:189px; width:95px;}
ul#menu li.menu04,ul#menu li.menu04_on { left:284px; width:95px;}
ul#menu li.menu05,ul#menu li.menu05_on { left:379px; width:95px;}
ul#menu li.menu06,ul#menu li.menu06_on { left:473px; width:94px;}
ul#menu li.menu07,ul#menu li.menu07_on { left:567px; width:94px;}
ul#menu li.menu08,ul#menu li.menu08_on { left:662px; width:94px;}
ul#menu li.menu09,ul#menu li.menu09_on { left:756px; width:94px;}

ul#menu li.menu01 a:hover {background: transparent url(../image/menu_03.gif) 0px 0px no-repeat;	z-index:15;}
ul#menu li.menu02 a:hover {background: transparent url(../image/menu_03.gif) -94px 0px no-repeat;}
ul#menu li.menu03 a:hover {background: transparent url(../image/menu_03.gif) -189px 0px no-repeat;}
ul#menu li.menu04 a:hover {background: transparent url(../image/menu_03.gif) -284px 0px no-repeat;}
ul#menu li.menu05 a:hover {background: transparent url(../image/menu_03.gif) -379px 0px no-repeat;}
ul#menu li.menu06 a:hover {background: transparent url(../image/menu_03.gif) -473px 0px no-repeat;}
ul#menu li.menu07 a:hover {background: transparent url(../image/menu_03.gif) -567px 0px no-repeat;}
ul#menu li.menu08 a:hover {background: transparent url(../image/menu_03.gif) -662px 0px no-repeat;	z-index:15;}
ul#menu li.menu09 a:hover {background: transparent url(../image/menu_03.gif) -756px 0px no-repeat;	z-index:15;}

ul#menu li.menu01_on { background: transparent url(../image/menu_02.gif) 0px 0px no-repeat; z-index:15;}
ul#menu li.menu02_on { background: transparent url(../image/menu_02.gif) -94px 0px no-repeat; z-index:15;}
ul#menu li.menu03_on { background: transparent url(../image/menu_02.gif) -189px 0px no-repeat; z-index:15;}
ul#menu li.menu04_on { background: transparent url(../image/menu_02.gif) -284px 0px no-repeat; z-index:15;}
ul#menu li.menu05_on { background: transparent url(../image/menu_02.gif) -379px 0px no-repeat; z-index:15;}
ul#menu li.menu06_on { background: transparent url(../image/menu_02.gif) -473px 0px no-repeat; z-index:15;}
ul#menu li.menu07_on { background: transparent url(../image/menu_02.gif) -567px 0px no-repeat; z-index:15;}
ul#menu li.menu08_on { background: transparent url(../image/menu_02.gif) -662px 0px no-repeat; z-index:15;}
ul#menu li.menu09_on { background: transparent url(../image/menu_02.gif) -756px 0px no-repeat; z-index:15;}

/*======footer======*/
#footer {
	width:850px;
	height:37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: -10px;
}
#footer #c {
	background:#626262;
	margin-top:0px;
	padding: 5px 0;
	text-align: center;
	font-size:10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#footer #Image4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 18px;
	width: 72px;
	position: relative;
	margin-left: 778px;
}

/****************************************************************
【3】共通：CLASS*/

/*======position======*/
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}

.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml25{margin-left:450px;}


.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}

.p5{ padding:5px;}
.p8{ padding:8PX;}
/*======border======*/
.gray_l{border: 1px solid #999999;}
.pk_l{border: 1px solid #F482A4;}
.pink_k{ border:solid 1px #F482A4;}
.vio_l{ border:solid 1px #996699;}
.blu_l{border:solid 1px #6Cbccd;}
/*======font======*/
.notxt{ display:none; font-size:10%; text-decoration:none; text-indent:-9999px;}
.txt_left{ text-align:left}
.txt_right{ text-align:right}
.txt_center{text-align: center}
/*======fontsize======*/
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.fs11{font-size:11px;}
.fs10 {font-size:10px;}
.smTxt{font-size:10px;}
.nmTxt{font-size:12px;}
/*======fontcolor======*/
.red{ color:#F00;}
.wh{color:#FFF;}
.pk{color:#FCDAE4;}
.pkk{color:#F482A4;}
.gre{color:#339900;}
.vio{ color:#996699;}

/*======border======*/
.gray_l{border: 1px solid #999999;}
.pk_l{border: 1px solid #F482A4;}
/*======font======*/
.notxt{ display:none; font-size:10%; text-decoration:none; text-indent:-9999px;}
.txt_left{ text-align:left}
.txt_right{ text-align:right}
.txt_center{text-align: center}
/*======fontsize======*/
.fs14{font-size:14px;}
.fs12{font-size:12px;}
.fs11{font-size:11px;}
.fs10 {font-size:10px;}
.smTxt{font-size:10px;}
.nmTxt{font-size:12px;}
/*======fontcolor======*/
.red{ color:#F00;}
.wh{color:#FFF;}
.pk{color:#FCDAE4;}
.pkk{color:#F482A4;}
.gre{color:#339900;}
.vio{ color:#996699;}
.blu{ color:#6CBCCD}




/* IE6 css fixer v0.7: Mon, 08 Feb 2010 13:35:41 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.left,
.right,
#header #seach,
ul#mail li,
ul#mail li.mail01,
ul#mail li.mail02,
#WLSearchBoxDiv {display:inline;}

/* add zoom:1 to overflow:hidden */
.left,
.right {zoom:1;}

/* add zoom:1 to pos:relative elements */
ul#mail,
ul#mail li,
ul#mail li.mail01,
ul#mail li.mail02,
#footer #Image4 {zoom:1;}