@charset "UTF-8";
/* CSS Document */



/**************************************
outline
***************************************/
#wrapper {
	width: 702px;
}
.clo {
	font-size: 10px;
	line-height: 14px;
font-family: 'ヒラギノ丸ゴ Pro', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4', 'Hiragino Maru Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO';
}
.setumei {
	font-family: 'ヒラギノ丸ゴ Pro', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro W4', 'Hiragino Maru Gothic Pro', 'HG丸ｺﾞｼｯｸM-PRO';
	font-size: 12px;
	line-height: 16px;
	width: 550px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper .con_left {
	width: 667px;
	float: left;
	margin-top: 87px;
}

#wrapper .con_right {
	width: 34px;
	float: right;
	margin-top: 87px;
}
*html #wrapper .con_left {
	margin-top: 0px;
}

*html #wrapper .con_right {
	margin-top: 0px;
}

/**************************************
in_menu
***************************************/
#wrapper .con_right ul {
	margin-top: 0px;
	height: 600px;
	list-style: none;
	position: fixed;
}


#wrapper .con_right ul li {
text-indent: -9999em;
}

#wrapper .con_right ul li a {
	width: 33px;
	display: block;
	overflow: hidden;
	height: 100px;
}
/***********************
greet
************************/
#wrapper .con_right ul.greet_menu {
	background-image: url(../greet/img/in_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.greet_menu #s1 a:hover{
	background-image: url(../greet/img/mi01_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.greet_menu #s2 a:hover{
	background-image: url(../greet/img/mi02_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.greet_menu #s3 a:hover{
	background-image: url(../greet/img/mi03_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.greet_menu #s4 a:hover{
	background-image: url(../greet/img/mi04_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.greet_menu #s5 a:hover{
	background-image: url(../greet/img/mi05_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/***********************
data
************************/
#wrapper .con_right ul.data_menu {
	background-image: url(../data/img/in_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s1 a:hover{
	background-image: url(../data/img/mi01_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s2 a:hover{
	background-image: url(../data/img/mi02_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s3 a:hover{
	background-image: url(../data/img/mi03_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s4 a:hover{
	background-image: url(../data/img/mi04_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s5 a:hover{
	background-image: url(../data/img/mi05_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.data_menu #s6 a:hover{
	background-image: url(../data/img/mi06_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/***********************
dining
************************/
#wrapper .con_right ul.dining_menu {
	background-image: url(../dining/img/in_menu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.dining_menu #s1 a:hover{
	background-image: url(../dining/img/mi01_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.dining_menu #s2 a:hover{
	background-image: url(../dining/img/mi02_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.dining_menu #s3 a:hover{
	background-image: url(../dining/img/mi03_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.dining_menu #s4 a:hover{
	background-image: url(../dining/img/mi04_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.dining_menu #s5 a:hover{
	background-image: url(../dining/img/mi05_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper .con_left .main_g greet .bt_sub #Image9 {
	float: right;
}

/**************************************
main
***************************************/
#wrapper .main_g,#wrapper .main_c,#wrapper .main_f,#wrapper .main_d,#wrapper .main_fe {
padding: 10px 0px;
text-align: left;
color: #333333;
}

#wrapper .main_g div,#wrapper .main_c div,#wrapper .main_f div,#wrapper .main_d div,#wrapper .main_fe div {
width: 637px;
margin: 0px auto 30px auto;
}

#wrapper .main_g div div,#wrapper .main_c div div,#wrapper .main_f div div,#wrapper .main_d div div,#wrapper .main_fe div div {
width: auto;
margin: 0px;
}

#wrapper .main_g div h3,#wrapper .main_c div h3,#wrapper .main_f div h3,#wrapper .main_d div h3,#wrapper .main_fe div h3 {
margin-bottom: 15px;
}

 .main_g div .line, .main_c div .line, .main_f div .line, .main_d div .line,#wrapper .main_fe div .line {
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F0A200;
}

.main_g div .line2, .main_c div .line2, .main_f div .line2,  .main_d div .line2, .main_fe div .line2 {
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #A84EA4;
}


/**************************************
main_bt
***************************************/
#wrapper h2 ul.greet {
height: 61px;
background: url(../greet/img/bt.jpg) no-repeat;
list-style: none;
}





/**************************************
bt_sub
***************************************/
#wrapper .main_g div.bt_sub,#wrapper .main_c div.bt_sub,#wrapper .main_f div.bt_sub,#wrapper .main_d div.bt_sub,#wrapper .main_fe div.bt_sub {
	height: 35px;
	background: url(../common_img/in_bt_sub3.gif) no-repeat right top;
	margin-bottom: 10px;
}

.bt_sub img {
	float: left;
}

.bt_sub ul {
	width: 298px;
	height: 17px;
	list-style: none;
	float: right;
}

.bt_sub ul li {
float: left;
text-indent: -9999em;
}

.bt_sub ul li a {
	display: block;
	overflow: hidden;
	height: 17px;
}

.bt_sub ul li a.bt1 {
width: 60px;
}

.bt_sub ul li a.bt2 {
width: 103px;
}

.bt_sub ul li a.bt3 {
width: 84px;
}
#wrapper .con_left .main_g greet .bt_sub #bun {
	background-image: url(../common_img/bun_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFFFFF;
	height: 20px;
	width: 120px;
}

.bt_sub ul li a.bt4 {
width: 48px;
}
.bt_sub /**************************************
foot
***************************************/
 ul  li a.bt5 {
	background: none;
	padding-top: 0px;
	width: 100px;
	margin-left: 215px;
}
#bun a:hover {
	background-image: url(../common_img/bun_on.gif);
	background-position: right bottom;
}

#wrapper .main_g .in_copy,#wrapper .main_c .in_copy,#wrapper .main_f .in_copy,#wrapper .main_d .in_copy,#wrapper .main_fe .in_copy  {
text-align: right;
margin-bottom: 0px;
}
