/* ���ʁ@****************************************************************************************/
 
body { font-size:12px; line-height: 18px; background-image:url(img/bg.gif); background-repeat: repeat-x; margin: 0px auto; padding: 0px; text-align: center;}

h1 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 2px 0px 2px 10px; background-image:url(img/h-bg.jpg); background-repeat: no-repeat; font-weight: normal;}

h2 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px;}
h2.title { font-size: 14px; margin-bottom: 10px; padding: 8px 0px 7px 20px; background-image:url(img/title-bg01.gif); background-repeat: no-repeat; color: #000000; font-weight: bold;}

h3 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px;}
h3.title { font-size: 14px; margin-bottom: 10px; padding: 6px 0px 6px 20px; background-image:url(img/title-bg02.gif); background-repeat: no-repeat; color: #000000; font-weight: bold;}
h3.title01 { font-size: 14px; margin-bottom: 10px; padding: 6px 0px 6px 20px; background-image:url(img/title-bg03.gif); background-repeat: no-repeat; color: #000000; font-weight: bold;}

h4 { font-size: 10px; color: #FFFFFF;}
h4.title { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 1px 0px 1px 10px; background-image:url(img/h-bg.gif); background-repeat: repeat-x; }

a:link { color: #071269; text-decoration: none;}
a:visited { color: #071269; text-decoration: none;}
a:hover { color: #0033FF; text-decoration: underline;}
a:active { color: #071269; text-decoration: none;}


#wb-01 { background-image:url(img/bg02.gif); background-repeat:repeat-y; width: 800px; margin: 0px auto; padding: 0px;}

#wb-02 { background-image: url(img/bg01.gif); background-repeat: no-repeat; width: 800px; margin: 0px auto; padding: 0px;}

#wrapper { margin: 0px auto; padding: 0px; background-image:url(img/header-bg.jpg); background-repeat: no-repeat; background-position:top right; width: 780px; text-align: left;}

#header { padding: 0px 19px 0px 19px;}
.header-list { float: right; margin: 10px 0px 0px 0px;}
.header-list ul { list-style: none; padding: 0px; margin: 0px;}
.header-list li { display: inline; margin: 0px; padding: 0px;}

.serch { float: right; width: 320px; margin-top: 0px; padding-top:23px;}
.serch input.tata{
vertical-align:bottom;
}
.serch input.bobo{
vertical-align:bottom;
}
#c-wapper { padding: 0px 19px 0px 19px;}

#contents { width: 564px; margin: 0px; padding: 0px; float: left;}

#sidebar { width: 160px; margin: 0px 0px 0px 15px; padding: 0px; float: left; font-size: 10px;}

.menu-bg { border-left: #A9B3DB 1px solid; border-right: #A9B3DB 1px solid; border-bottom: #A9B3DB 1px solid; background-color: #F6F8FF; margin-bottom: 10px;}

.sidemenu ul { list-style: none; margin: 0px; padding: 0px;}
.sidemenu li { margin: 0px; padding: 0px;}
.m-bg01 a:link { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_off.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}
.m-bg01 a:visited { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_off.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}
.m-bg01 a:hover { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_on.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: underline;}
.m-bg01 a:active { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_off.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}

.m-bg01on a:link { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_on.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}
.m-bg01on a:visited { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_on.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}
.m-bg01on a:hover { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_on.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: underline;}
.m-bg01on a:active { font-size: 12px; display: block; width: 135px; background-image:url(img/m-bg01_on.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-bottom: #D0D0D0 1px solid; color: #071269; text-decoration: none;}


.submenu ul { list-style: none; margin: 0px; padding: 0px;}
.submenu li { margin: 0px; padding: 0px; color: #000000;}
.m-bg02 a:link{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_off.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

.m-bg02 a:visited{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_off.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

.m-bg02 a:hover{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_on.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: underline; color: #000000;}

.m-bg02 a:active{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_off.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

.m-bg02on a:link{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_on.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

.m-bg02on a:visited{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_on.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

.m-bg02on a:hover{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_on.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: underline; color: #000000;}

.m-bg02on a:active{ font-size: 10px; line-height: 13px; display: block; width: 135px; background-image:url(img/m-bg02_on.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 4px 20px; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}



#support { width: 161px; background-color: #FBFEE9; font-size: 10px; margin-top: 10px;}
.support01 { background-image: url(img/line01.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; margin: 5px;}
.s-comment { background-image: url(img/point05.gif); background-repeat: no-repeat; padding: 5px 5px 5px 15px; line-height: 13px;} 
.s-comment a:link { color: #001891; text-decoration: none;}
.s-comment a:visited { color: #001891; text-decoration: none;}
.s-comment a:hover { color: #1C2CC8; text-decoration: underline;}
.s-comment a:active { color: #001891; text-decoration: none;}


#f-menu { 
	background:url(img/fmenu-bg.gif) no-repeat left top; 
	padding: 10px 30px 30px 30px; 
	font-size: 10px; 
	color: #052CAB; 
	width: 720px;
	margin: 0px;
}
#footer { 
	background-image:url(img/footer-bg.gif); 
	background-repeat:repeat-x; 
	margin: 0px; 
	padding: 2px 0px 20px 10px;
	}
#f-menu a:link { color: #052CAB;}
#f-menu a:visited { color: #052CAB;}
#f-menu a:hover { color: #052CFB;}
#f-menu a:active { color: #052CAB;}

#address { float: left;}
#address.name { font-size: 16px; font-weight: bold;}
#address.name { font-size: 16px; font-weight: bold;}
#address.img { float: right; margin-left: 10px;}



#footer ul { list-style: url(img/point03.gif); margin: 0px; padding: 0px; float: right;}
#footer li { display: inline; margin-right: 10px;}

.copy { font-size: 10px; color: #000000;}

.clear { clear: both; margin: 0px; padding: 0px;}

.img_r {
 float: right;
 border: none;
 vertical-align:top;
 margin-left: 5px;
 margin-bottom: 5px;
 margin-top: 5px;
}
.img_l {
 float: left;
 border: none;
 margin-right:5px;
 vertical-align:top;
 margin-bottom: 5px;
 margin-top: 5px;

}
.img_n {
 float: none;
 border: none;
}

textarea,select,input { font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","�l�r�o�S�V�b�N","sans-serif";}


/* TOP�@****************************************************************************************/

#products { margin: 10px 0px; padding: 0px;}
#information { margin: 10px 0px;}
#event { margin: 10px 0px;}


.navi { background-image:url(img/bg04.gif); padding: 10px 5px; margin-bottom: 10px;}
.navi ul { list-style: none; margin: 0px; padding: 0px;}
.navi li { display: inline; margin: 0px 3px; padding: 0px; float: left;}

.info { background-image: url(img/point01.gif); background-repeat: no-repeat; padding: 5px 5px 5px 20px; margin: 10px 5px; background-position: top left; border-bottom: #000000 1px dotted;} 
.info a:link { color: #001891; text-decoration: none;}
.info a:visited { color: #001891; text-decoration: none;}
.info a:hover { color: #1C2CC8; text-decoration: underline;}
.info a:active { color: #001891; text-decoration: none;}

.products { padding: 10px; margin-top: 10px; background-image:url(img/p-bg.gif); background-repeat: repeat-x;}

.sidemenu01 { padding: 10px 5px 5px 5px; }


.fmenu-list { float: right; margin: 6px 19px 0px 0px;}
.fmenu-list ul { list-style: none; padding: 0px; margin: 0px;}
.fmenu-list li { display: inline; margin: 0px 5px; padding: 0px;}



/* naka�@****************************************************************************************/


.pan { padding: 5px 10px;}
.pan a:link { color: #0C2785;}
.pan a:visited { color: #0C2785;}
.pan a:hover { color: #0C2785;}
.pan a:active { color: #0C2785;}

#c-contents { 
	width: 564px; 
	margin: 0px; 
	padding: 0px; 
	float: left; 
	height: 900px; 
	background:url(img/bg05.jpg) no-repeat right bottom; 
}
#webpage-contents { 
	width: 564px; 
	margin: 0px; 
	padding: 0px; 
	float: left;  
}

.n-comment { float: right; margin: 10px; width: 370px;}
.n-comment01 { float: right; margin: 10px; width: 300px;}

.shosai {}
.shosai a:link{  background-image:url(img/shosai01_off.gif); margin: 0px; padding: 3px 0px 2px 0px; display: block; text-indent:-9999px; width: 110px; text-align:left; /*\*/ overflow: hidden;}
.shosai a:visited{ background-image:url(img/shosai01_off.gif); margin: 0px; padding: 3px 0px 2px 0px; display: block; text-indent:-9999px; width: 110px; text-align:left; /*\*/ overflow: hidden;}
.shosai a:hover{ background-image:url(img/shosai01_on.gif); margin: 0px; padding: 3px 0px 2px 0px; display: block; text-indent:-9999px; /*\*/ overflow: hidden; width: 110px;}
.shosai a:active{ background-image:url(img/shosai01_off.gif); margin: 0px; padding: 3px 0px 2px 0px; display: block; text-indent:-9999px; width: 110px; text-align:left; /*\*/ overflow: hidden;}

.padding10 { padding: 10px;}

.n-top01 { background-image:url(img/t-top01.gif); background-repeat:no-repeat; padding-top: 5px;}

.n-bg01 { background-image:url(img/t-bg01.gif); background-repeat:repeat-y; padding: 10px 7px;}

.n-bottom01 { background-image:url(img/t-bottom01.gif); background-repeat:no-repeat; padding: 5px; background-position:bottom;}


.title03 { background-image:url(img/t-top02.gif); background-repeat:no-repeat; padding: 3px 10px 3px 20px; color: #FFFFFF; font-size: 12px; font-weight: normal;}

.n-bg02 { background-image:url(img/t-bg02.gif); background-repeat:repeat-y; padding: 10px; line-height: 23px;}

.n-bottom02 { background-image:url(img/t-bottom02.gif); background-repeat:no-repeat; padding: 5px; background-position:bottom;}

.info-day { float: left; width: 80px;}

#sitemap { padding:10px 10px 10px 30px;}

.site-title { font-size: 14px; margin: 0px; padding: 6px 0px 5px 20px; background-image:url(img/title-bg02.gif); background-repeat: no-repeat; color: #000000; font-weight: bold; }
.site-title a:link{ color: #000000;}
.site-title a:visited{ color: #000000;}
.site-title a:hover{ color: #1C2CC8; }
.site-title a:active{ color: #000000; }

.sitemap01 { background-image:url(img/line03.gif); background-repeat: no-repeat; margin-left: 20px;padding-left: 25px}
.sitemap02 { background-image:url(img/line04.gif); background-repeat: no-repeat; margin-left: 20px;padding-left: 25px}