/* ���ʁ@****************************************************************************************/
 
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: 1px 0px 1px 10px; background-image:url(img/h-bg.jpg); background-repeat: repeat-x; 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: #001891; text-decoration: none;}
a:visited { color: #001891; text-decoration: none;}
a:hover { color: #1C2CC8; text-decoration: underline;}
a:active { color: #001891; 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 { width: 800px; margin: 0px auto; padding: 0px; border: #D1D1D1 1px solid; 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: 6px 0px 0px 0px;}
.header-list ul { list-style: none; padding: 0px; margin: 0px;}
.header-list li { display: inline; margin: 0px 5px; padding: 0px;}

#c-wapper { padding: 0px 19px 0px 19px;}

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

#sidebar { width: 161px; margin: 0px 0px 0px 15px; padding: 0px; float: left; font-size: 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.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 4px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; 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.gif); background-repeat: no-repeat; margin: 0px; padding: 2px 3px 3px 20px; border-left: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; border-bottom: #D0D0D0 1px solid; text-decoration: none; color: #000000;}

#support { width: 161px; background-color: #FBFEE9; font-size: 12px; margin-top: 10px; line-height: 13px;}

#support dl { margin-left: 5px;}
#support dt { margin: 4px 5px;}
#support dd { background-image:url(img/point05.gif); background-repeat: no-repeat; padding: 0px 5px 10px 15px; margin: 0px; background-position:0px -4px;}
#support dd a:link { color: #001891; text-decoration: none; }
#support dd a:visited { color: #001891; text-decoration: none; }
#support dd a:hover { color: #1C2CC8; text-decoration: underline;}
#support dd a:active { color: #001891; text-decoration: none; }

.support { background-image:url(img/line01.gif); background-repeat:no-repeat; background-position: center bottom; margin: 10px 0px;}

#f-menu { background-image:url(img/fmenu-bg.jpg); background-repeat:no-repeat; padding: 10px; font-size: 10px; color: #001891; width: 722px; margin: 0px 19px 10px 19px;}
#f-menu a:link { color: #001891;}
#f-menu a:visited { color: #001891;}
#f-menu a:hover { color: #1C2CC8;}
#f-menu a:active { color: #001891;}

#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 { background-image:url(img/footer-bg.jpg); background-repeat:repeat-x; margin: 0px; padding: 2px 0px 1px 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: #FFFFFF; float: left;}

.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; text-align:left;}
#event { margin: 10px 0px; text-align:left;}

#information dl { margin-left: 10px;}
#information dt { margin: 0px 20px;}
#information dd { background-image: url(img/point02.gif); background-repeat: no-repeat; padding: 0px 10px 10px 20px; margin: 0px; background-position:0px -5px;}

#event dl { margin-left: 10px;}
#event dt { margin: 0px 20px;}
#event dd { background-image:url(img/point02.gif); background-repeat: no-repeat; padding: 0px 10px 10px 20px; margin: 0px; background-position:0px -4px;}


.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 5px; padding: 0px; float: left;}

.p-list { border-right: #00036E 1px dotted; border-bottom: #00036E 1px dotted; float: left; margin: 5px 5px 5px 0px; padding: 5px; width: 545px;}
.p-list a:link { color: #616620; font-weight: ;}
.p-list a:visited { color: #616620; font-weight: ;}
.p-list a:hover { color: #3F4403; font-weight: ;}
.p-list a:active { color: #616620; font-weight: ;}
.p-list img { float: left; margin-right: 5px;}

.p-comment { margin-top: 5px; font-size: 12px; line-height: 140%; }

.info-event { padding: 5px 5px 5px 20px; margin: 10px 5px; background-position: top left;border-bottom:1px dotted #a8a8a8;} 
.info-event a:link { color: #001891; text-decoration: none;}
.info-event a:visited { color: #001891; text-decoration: none;}
.info-event a:hover { color: #1C2CC8; text-decoration: underline;}
.info-event a:active { color: #001891; text-decoration: none;}

.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;}

.f-bg a:link{ background-image:url(img/point03.gif); background-repeat:no-repeat; padding-left: 15px; color: #FFFFFF; text-decoration: none; font-size: 10px;}
.f-bg a:visited{ background-image:url(img/point03.gif); background-repeat:no-repeat; padding-left: 15px; color: #FFFFFF; text-decoration: none; font-size: 10px;}
.f-bg a:hover{ background-image:url(img/point03.gif); background-repeat:no-repeat; padding-left: 15px; color:#FFFFFF; text-decoration: underline; font-size: 10px;}
.f-bg a:active{ background-image:url(img/point03.gif); background-repeat:no-repeat; padding-left: 15px; color: #FFFFFF; text-decoration: none; font-size: 10px;}


/* 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;}

.n-comment { float: right; margin: 10px; width: 380px;}

.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;}

#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}

.products { padding: 10px;}
.products img { float:left; margin-right: 10px;}