/* basic
--------------------------------------------------
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	/* [disabled]font-size: 100%; */
	font-weight: none;
	list-style: none;
}

body {
font-size: 75%;
font-style: sans-serif;
line-height: 1.5;
}

img {
vertical-align: top;
border: none;
}

p {
color: #333;
padding-bottom: 5px;
}

a {
color: #069;
text-decoration: none;
}

 a:hover {
 color: #960;
 }




/*layout
--------------------------------------------------
-------------------------------------------------- */
body {
background: url(../image/back.jpg) left top repeat;
}

#wrapper {
width: 983px;
margin: 0 auto;
}

#content {
width: 983px;
clear: both;
background: url(../image/back_gray.gif) left top repeat;
}

#primary {
width: 698px;
padding: 20px 33px;
float: right;
background: url(../image/primary_bg.jpg) left top repeat-y;
}

#secondary {
width: 218px;
float: left;
padding-top: 20px;
background: url(../image/back_gray.gif) left top repeat;
}

.left3 {
width: 320px;
float: left;
}

.right3 {
	width: 362x;
	float: left;
}

.left4 {
width: 320px;
float: left;
}

.right4 {
width: 320x;
float: right;
}

/*header
--------------------------------------------------
-------------------------------------------------- */
#header {
width: 983px;
/* --- ヘッダーを基準配置 --- */
position: relative;
background: url(../image/back_top.jpg) left top repeat-x;
}


/*utilitynavi 
------------------------- */
#utilitynavi {
width: 280px;
position: absolute;
top: 0px;
left: 690px;
}

#utilitynavi li {
float: left;
padding-right: 5px;
}






/*globalnavi
------------------------- */
#globalnavi {
width: 983px;
clear: both;
padding-top: 89px;
}

#globalnavi li {
float: left;
text-align: center;
background: url(../image/globalnavi_bg_a.jpg) left top repeat-x;
}

#globalnavi li a {
width: 162px;
height: 36px;
display: block;
padding-top: 12px;
font-size: 140%;
font-weight: bold;
color: #fff;
}

#globalnavi li a:hover {
color: #fff;
background: url(../image/globalnavi_bg_b.jpg) left top repeat-x;
}

.left_right_line {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.right_line {
border-right: 1px solid #fff;
}




/* --- ヘッダーを基準とした配置 --- */
#lead {
width: 600px;
padding: 13px 0 0 25px;
}

#logo {
position: absolute;
top: 41px;
left: 20px;
}

#besthospitality {
position: absolute;
top: 42px;
left: 687px;
}




/*footer
--------------------------------------------------
-------------------------------------------------- */
#footer {
width: 983px;
height: 98px;
text-align: center;
background: #fff url(../image/footer_bg.jpg) left top repeat-x;
}

#footer_navi {
width: 950px;
text-align: right;
padding: 5px 33px 5px 0;
}

#footer_access {
width: 983px;
border-top: 1px dotted #333;
padding: 10px 0 5px;
}

#copyright {
color: #fff;
font-size: 90%;
padding: 10px 0;
border-top: 3px solid #069;
background: #000;
}




/*page
--------------------------------------------------
-------------------------------------------------- */
h3 {
font-size: 150%;
color: #069;
width: 668px;
height: 53px;
padding: 16px 0 0 30px;
background: url(../image/h3.jpg) left top repeat-x;
}

.section {
width: 682px;
padding: 0 0 20px 16px;
}

.side_section {
width: 196px;
font-size: 120%;
padding-left: 10px;
padding-bottom: 10px;
}

.side_title {
font-size: 130%;
color: #069;
width: 206px;
height: 38px;
padding-top: 15px;
text-align: center;
background: url(../image/blog/side_blog.jpg) left top no-repeat;
}

.center {
width: 682px;
text-align: center;
}

.pagetop {
text-align: right;
}

.clear {
clear: both;
}

.bana {
padding-bottom: 5px;
}

/* -------------------- 普通のボタン用 ----------------- */
.btn01 {
width: 134px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_01.jpg) left top no-repeat;
}

.btn02 {
width: 184px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_02.jpg) left top no-repeat;
}

.btn03 {
width: 271px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_03.jpg) left top no-repeat;
}


/* -------------------- ボタンをフロート用 ----------------- */
.btn_01 {
float: left;
width: 134px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_01.jpg) left top no-repeat;
}

.btn_02 {
float: left;
width: 184px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_02.jpg) left top no-repeat;
}

.btn_03 {
float: left;
width: 271px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_03.jpg) left top no-repeat;
}





/* -------------------- ブルーのボタン ----------------- */
.btn_blue01 {
width: 134px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_01.jpg) left top no-repeat;
}

.btn_blue02 {
width: 184px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_02.jpg) left top no-repeat;
}

.btn_blue03 {
width: 271px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_03.jpg) left top no-repeat;
}




/* -------------------- ブルーのボタンフロート用 ----------------- */
.btn_blue_01 {
float: left;
width: 134px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_01.jpg) left top no-repeat;
}

.btn_blue_02 {
float: left;
width: 184px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_02.jpg) left top no-repeat;
}

.btn_blue_03 {
float: left;
width: 271px;
height: 25px;
text-align: center;
padding: 5px 0;
margin-right: 6px;
background: url(../image/btn_blue_03.jpg) left top no-repeat;
}




/*subnavi　6つボタン用
------------------------- */
#subnavi {
width: 698px;
}

#subnavi li {
width: 116px;
float: left;
background: url(../image/back_gray.gif) left top repeat;
}

#subnavi li a {
display: block;
font-size: 120%;
text-align: center;
color: #000;
padding: 7px 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#subnavi li a:hover {
color: #fff;
background: #666 left top repeat;
}

.subnavi_right_line {
border-right: 1px solid #ccc;
}




/*subnavi1　7つボタン用
------------------------- */
#subnavi1 {
width: 698px;
}

#subnavi1 li {
width: 99px;
float: left;
background: url(../image/back_gray.gif) left top repeat;
}

#subnavi1 li a {
display: block;
font-size: 120%;
text-align: center;
color: #000;
padding: 7px 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#subnavi1 li a:hover {
color: #fff;
background: #666 left top repeat;
}

.subnavi_right_line1 {
border-right: 1px solid #ccc;
}





/*トップページ用
--------------------------------------------------
-------------------------------------------------- */
#content1 {
width: 983px;
clear: both;
/*overflow: auto !important;
overflow: hidden;*/
background: #fff url(../image/top/back2.jpg) left top repeat-x;
}
#content2 {
width: 927px;
clear: both;
background: #fff;
padding-left: 28px;
padding-right: 28px;
}

#primary1 {
width: 699px;
float: right;
}

#secondary1 {
width: 250px;
float: left;
text-align: right;
}

#primary2 {
width: 710px;
float: right;
}

#secondary2 {
width: 250px;
float: left;
text-align: right;
}

#mainarea {
width: 983px;
}

.area_left {
width: 255px;
float: left;
padding-bottom: 10px;
margin-right: 15px;
background: #fff;
}

.area_center {
width: 350px;
float: left;
padding-bottom: 10px;
text-align: center;
background: #fff;
}

.area_right {
width: 300px;
float: right;
background: #fff;
}


#infoarea {
width: 950px;
padding: 10px 0;
background: #333;
}

.bana1 {
padding-bottom: 8px;
}

.flash_area {
width: 924px;
text-align: center;
padding-top: 7px;
background: url(../image/top/flash_back.gif) top left repeat;
}

.bana_area {
width: 904px;
text-align: center;
padding: 10px;
background: url(../image/top/flash_back.gif) top left repeat;
}

.bana_area2 {
width: 904px;
text-align: right;
padding: 10px;
background: url(../image/top/flash_back.gif) top left no repeat;
}



/*text color
--------------------------------------------------
-------------------------------------------------- */
.text_glay {
color: #e5e5e5;
}

.text_white {
color: #fff;
}

.text_white1 {
color: #fff;
font-size: 120%;
}

.text_black {
color: #000;
}

.text_black1 {
color: #000;
font-size: 120%;
}

.text_red {
color: #f00;
}

.text_red1 {
color: #f00;
font-size: 130%;
}

.text_black_pdf {
color: #000;
font-size: 130%;
padding-top: 7px;
}

.text_yellowish {
color: #9c0;
}

.text_blue {
color: #069;
}

.text_blue1 {
font-size: 110%;
color: #069;
}

.text_blue2 {
font-size: 130%;
color: #069;
}

.text_lightblue {
color: #cff;
}

.text_brown {
 color: #960;
}

.text_brown1 {
 color: #960;
font-size: 120%;
}




/*img
--------------------------------------------------
-------------------------------------------------- */
.imgleft {
float: left;
padding-right: 5px;
}

.imgleft15 {
padding-right: 15px;
}

.imgleft14 {
padding-right: 14px;
}

.imgleft18 {
padding-right: 18px;
}

.imgbottom5 {
padding-bottom: 5px;
}

.imgbottom10 {
padding-bottom: 10px;
}

.imgbottom90 {
padding-bottom: 90px;
}





/*subpage
--------------------------------------------------
-------------------------------------------------- */
/* --- パンくずリストエリア --- */
ol.topicpath {
background: url(../image/topicpath.gif) left top no-repeat;
padding: 8px;
margin-bottom: 10px;
}

ol.topicpath li {
display: inline;
}

ol.topicpath li a {
padding-right: 6px;
}



/* --- グーグルマップエリア --- */
.google_map_left {
width: 425px;
float: left;
}
.google_map_right {
width: 233px;
float: right;
}