@charset "utf-8";


/*=====================================
common
=====================================*/


body{
background: url(img/bg.jpg) no-repeat center top;
font-family:"メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro "ＭＳ Ｐゴシック", Osaka, sans-serif;
color:#48473C;
font-size:12px;
margin:0;
padding:0;
}

.clear{
clear:both;
}

a:link { text-decoration: underline; color: #FF3366;}
a:visited { text-decoration: underline; color: #FF3366;}
a:active { text-decoration: underline; color: #FF6633;}
a:hover { text-decoration: underline; color: #FF6633;}

#all{
width:930px;
margin:0 auto;
padding:0 auto;
overflow:hidden;
background:url(img/all_bg.png) repeat;
behavior: expression(IEPNGFIX.fix(this));
}

#footer{
width:930px;
margin:0 auto;
padding:0 auto;
background:url(img/all_bg.png) repeat;
behavior: expression(IEPNGFIX.fix(this));
}

#copyright{
width:262px;
height:53px;
margin:0 0 0 600px;
padding:0;
background:url(img/copyright.gif) no-repeat left top;
text-indent:-9999px;
}


/*=====================================
左メニュー
=====================================*/

#left{
width:250px;
margin:0;
float:left;
}

ul#menu {
margin:0 0 0 50px;
padding:0px;
}

ul#menu li {
list-style: none;
margin:0;
padding:0;
}

ul#menu li a{
width:185px;
height:50px;
margin:0;
padding:0;
text-indent:-9999px;
display:block;
overflow:hidden;
}

.menu_01 a{
background:url(img/menu_01.gif) no-repeat top left;
}
.menu_01 a:hover{
background:url(img/menu_01_on.gif) no-repeat top left;
}

.menu_02 a{
background:url(img/menu_02.gif) no-repeat top left;
}
.menu_02 a:hover{
background:url(img/menu_02_on.gif) no-repeat top left;
}

.menu_03 a{
background:url(img/menu_03.gif) no-repeat top left;
}
.menu_03 a:hover{
background:url(img/menu_03_on.gif) no-repeat top left;
}

.menu_04 a{
background:url(img/menu_04.gif) no-repeat top left;
}
.menu_04 a:hover{
background:url(img/menu_04_on.gif) no-repeat top left;
}

.menu_05 a{
background:url(img/menu_05.gif) no-repeat top left;
}
.menu_05 a:hover{
background:url(img/menu_05_on.gif) no-repeat top left;
}

.menu_06 a{
background:url(img/menu_06.gif) no-repeat top left;
}
.menu_06 a:hover{
background:url(img/menu_06_on.gif) no-repeat top left;
}

.menu_07 a{
background:url(img/menu_07.gif) no-repeat top left;
}
.menu_07 a:hover{
background:url(img/menu_07_on.gif) no-repeat top left;
}

.menu_08 a{
background:url(img/menu_08.gif) no-repeat top left;
}
.menu_08 a:hover{
background:url(img/menu_08_on.gif) no-repeat top left;
}

#banner{
width:190px;
margin:80px 0 0 47px;
line-height:1.6;
color:#0F1170;
}

#banner img{
margin:0 0 12px 0;
}

#staff{
width:166px;
margin:50px 0 0 58px;
}

/*=====================================
TOP
=====================================*/

#header{
width:845px;
height:270px;
margin:0 auto;
padding:0 20px 0 25px;
background:url(img/top_header.jpg) no-repeat left top;
overflow:hidden;
}

#header h1{
width:184px;
height:211px;
margin:0;
padding:0;
background:url(img/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
float:left;
display:block;
}

#header_menu{
width:320px;
height:30px;
margin:0;
padding:10px 0 0 0;
float:right;
color:#0F1170;
}

#header_menu a:link { text-decoration: none; color: #0F1170;}
#header_menu a:visited { text-decoration: none; color: #0F1170;}
#header_menu a:active { text-decoration: none; color: #0F1170;}
#header_menu a:hover { text-decoration: underline; color: #FF3366;}

#top{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#top h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/top_title_01.gif) no-repeat left top;
text-indent:-9999px;
}

#top h2{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/top_title_02.gif) no-repeat left top;
text-indent:-9999px;
}

#top_txt{
width:500px;
margin:0 20px 40px 60px;
padding:0 0 10px 0;
}
#top_banner{
width:530px;
height:100px;
margin:0 0 40px 45px;
padding:0;
}
#news{
width:500px;
height:45px;
margin:10px 0 30px 20px;
padding:30px 0 10px 80px;
background:url(img/top_new_bg.jpg) no-repeat left top;
}

#top_office{
width:400px;
margin:0 0 40px 100px;
padding:10px 10px 10px 10px;
border:1px solid #CCCCCC;
}

/*=====================================
コンテンツ
=====================================*/

#header_about{
width:845px;
height:220px;
margin:0 auto;
padding:0 20px 0 25px;
background:url(img/about_header.jpg) no-repeat left top;
overflow:hidden;
}

#header_about h1{
width:184px;
height:211px;
margin:0;
padding:0;
background:url(img/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
float:left;
display:block;
}


#about{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#about h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 10px 0;
background:url(img/about_title_01.gif) no-repeat top left;
text-indent:-9999px;
}

#about h2{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 10px 0;
background:url(img/about_title_02.gif) no-repeat top left;
text-indent:-9999px;
}

table.tbl-01 {
width: 540px;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #444444;
line-height: 1.4em;
margin: 0px 0 20px 40px;
clear:both;
}

table.tbl-01 th {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
}

table.tbl-01 td {
background-color: #F5F5F5;
width: 60px;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #DCDCDC solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #CCCCCC solid;
padding: 6px;
}

#txt_area_chuu{
width:500px;
margin:0 20px 10px 60px;
padding:0 0 10px 0;
}

#txt_area_chuu p{
font-size:10px;
}

#txt_area{
width:500px;
margin:0 20px 40px 60px;
padding:0 0 10px 0;
}

#li_title{
width:500px;
margin:0 20px 7px 0;
padding:0 0 0 17px;
background:url(img/li_01.gif) no-repeat left;
}

ul#maru {
width:470px;
margin:0 0 25px 10px;
padding:0px;
}

ul#maru li {
list-style-type: none;
margin:0 0 3px 0;
padding:0 0 0 12px;
background:url(img/li_02.gif) no-repeat left 6px;
}

#btn_form_txt{
width:253px;
margin:50px 0 10px 120px;
padding:0;
text-align:center;
color:#0F1170;
font-weight:bold;
font-size:14px;
}

#btn_form{
width:253px;
height:47px;
margin:0 0 40px 120px;
padding:0;
background:url(img/btn_form.jpg) no-repeat left top;
text-indent:-9999px;
display:block;
}

#btn_form:hover{
background:url(img/btn_form.jpg) no-repeat left bottom;
}

#intro{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#intro h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/about_title_04.gif) no-repeat top left;
text-indent:-9999px;
}
table.intro {
width: 540px;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #444444;
line-height: 1.4em;
margin: 0px 0 20px 40px;
clear:both;
}

table.intro td {
background-color: #F5F5F5;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #DCDCDC solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #CCCCCC solid;
padding:6px 6px 6px 6px;
}
table.intro th#shop_no {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
text-align:left;
width:45px;
}
table.intro th#shop_title {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
text-align:left;
width:379px;
}
table.intro th#web {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
text-align:left;
width:30px;
}
table.intro th#mail {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
text-align:left;
width:30px;
}

.intro-td {
color:#746A5E;
}

#header_seminar{
width:845px;
height:220px;
margin:0 auto;
padding:0 20px 0 25px;
background:url(img/seminar_header.jpg) no-repeat left top;
overflow:hidden;
}

#header_seminar h1{
width:184px;
height:211px;
margin:0;
padding:0;
background:url(img/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
float:left;
display:block;
}

#seminar{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#seminar h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 10px 0;
background:url(img/seminar_title_01.gif) no-repeat top left;
text-indent:-9999px;
}

#schedule{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#schedule h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 10px 0;
background:url(img/seminar_title_02.gif) no-repeat top left;
text-indent:-9999px;
}

.sc_txt_area{
width:500px;
margin:10px 20px 10px 50px;
padding:0 0 0 17px;
background:url(img/li_01.gif) no-repeat left;
clear:both;
}

table.sc{
width: 540px;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #444444;
line-height: 1.4em;
margin: 0px 0 20px 40px;
clear:both;
}

table.sc th {
color: #003399;
width: 90px;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
}

table.sc td {
background-color: #F5F5F5;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #DCDCDC solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #CCCCCC solid;
padding: 6px;
}

#header_map{
width:845px;
height:220px;
margin:0 auto;
padding:0 20px 0 25px;
background:url(img/map_header.jpg) no-repeat left top;
overflow:hidden;
}

#header_map h1{
width:184px;
height:211px;
margin:0;
padding:0;
background:url(img/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
float:left;
display:block;
}

#map{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#map h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/map_title_01.gif) no-repeat top left;
text-indent:-9999px;
}

#map_txt_area{
width:400px;
margin:40px 20px 40px 110px;
padding:0 0 10px 0;
}

#event{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#event h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/event_title_01.gif) no-repeat top left;
text-indent:-9999px;
}

#event h2{
width:541px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/event_title_02.gif) no-repeat top left;
text-indent:-9999px;
}
#event h3{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/event_title_03.gif) no-repeat top left;
text-indent:-9999px;
}
table.ev {
width: 540px;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #444444;
line-height: 1.4em;
margin: 0px 0 20px 40px;
clear:both;
}

table.ev th {
color: #003399;
font-weight: normal;
white-space: nowrap;
background-color: #E2F3F9;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #B3CAE1 solid;
border-right: 1px #B3CAE1 solid;
border-left: 1px #FFFFFF solid;
padding: 6px;
}

table.ev td {
background-color: #F5F5F5;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #DCDCDC solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #CCCCCC solid;
padding:6px 6px 6px 6px;
}
table.ev td img{
text-align:center;
}

.event-ico{
text-align:center
}

table.ws {
width: 540px;
border-collapse: separate;
border-spacing: 0px;
font-size: 12px;
color: #444444;
line-height: 1.4em;
margin: 0px 0 20px 40px;
padding:0;
clear:both;
}

table.ws td {
background-color: #F5F5F5;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #DCDCDC solid;
border-left: 1px #FFFFFF solid;
border-right: 1px #CCCCCC solid;
padding: 12px;
}

table.ws td p{
font-weight:bold;
}

table.ws td img{
	margin:0 10px 10px 0;
	float:left;
	vertical-align:top;
	border:#FFFFFF solid 10px;
}

#header_office{
width:845px;
height:220px;
margin:0 auto;
padding:0 20px 0 25px;
background:url(img/office_header.jpg) no-repeat left top;
overflow:hidden;
}

#header_office h1{
width:184px;
height:211px;
margin:0;
padding:0;
background:url(img/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
float:left;
display:block;
}

#office{
width:650px;
margin:0 0 0 30px;
padding:0;
float:left;
}

#office h1{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/office_title_01.gif) no-repeat top left;
text-indent:-9999px;
}

#office h2{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/office_title_02.gif) no-repeat top left;
text-indent:-9999px;
}

#office h3{
width:540px;
height:45px;
margin:0 0 20px 40px;
padding:0 0 0 0;
background:url(img/office_title_03.gif) no-repeat top left;
text-indent:-9999px;
}

.link_txt_area{
width:460px;
margin:30px 20px 5px 10px;
padding:0 0 0 20px;
background:url(img/li_01.gif) no-repeat left;
}
.link_subtxt_area{
width:460px;
margin:0 20px 10px 0;
padding:0 0 0 20px;
}

.link_txt_area{
width:460px;
margin:30px 20px 5px 10px;
padding:0 0 0 20px;
background:url(img/li_01.gif) no-repeat left;
}