﻿@charset "utf-8";
/* CSS Document */




/* body要素のスタイル */

body{
margin: 0 0 0 0;
padding: 0;
color: #333333;
background-color: #ffffff;
text-align:center;
background-image:url(../common/bg_back.jpg);
background-repeat:repeat-x;

}

/* インライン要素のスタイル */

a:link{
color:#333333; text-decoration:none;
}
a:visited{
color:#333333; text-decoration:none;
}
a:hover, a:active{
color:#333333; text-decoration:underline;
}

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

h2{
margin:0;
padding:0;
}


input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul li{
margin:0px;
padding:0px;
}


/* テーブルの修飾
---------------------------------------------------- */

th,td{
padding:5px;
}

.line_t_b{
border-top:dashed 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}

.pdg_l_10{
padding:5px 15px 5px 15px;
}

table.chart{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
}

table.chart th{
padding:5px 10px 5px 10px;
border:solid 1px #ECE9D8;
}

table.chart td{
padding:5px 10px 5px 10px;
border:solid 1px #ECE9D8;
}

.chart .bg_blue{
background-color:#4f70bb;
}

.chart .bg_gray{
background-color:#f2f2f2;
}

.chart .bg_khaki{
background-color:#f3f3f3;
}

.chart .bg_y{
background-color:#F1EFE4;
}




/* コンテナ
---------------------------------------------------- */

#container{
width:840px;
margin:0px auto;
padding:0px;
text-align:left;
}



/* ヘッダー
---------------------------------------------------- */

#header{
width:840px;
height:70px;
margin:0px auto;
padding:0px 0px 0px 0px;
}




#header_logo{
width:234px;
float:left;
text-align:left;
margin:0px 20px 0px 0px;
}

#header_logo h1{
width:234px;
height:40px;
margin:20px 0px 0px 0px;
background-image:url(../common/im_logo.gif);
text-indent:-9999px;
}

#header_link{
float:left;
width:300px;
padding:44px 0px 0px 0px;
}

#header_link p{
margin:0px;
}

.link_mark_h{
margin:0px 10px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_mark_h.gif) no-repeat 0px 70%;
}

#header_access{
float:right;
width:187px;
text-align:right;
margin:10px 0px 0px 0px;
}

#header_access img{
margin:0px 0px 10px 0px;
}



/* メインコンテンツ
---------------------------------------------------- */


#wrapper{
width:840px;
margin:0px auto;
padding:0px 0px 20px 0px;

}

#wrapper:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #wrapper {
	height: 1em;
}

#wrapper {
	display: block;
}
/**/

#wrapper_w{
width:840px;
margin:0px auto;
padding:0px 0px 20px 0px;
background-color:#FFFFFF;
}

#wrapper_w:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #wrapper_w {
	height: 1em;
}

#wrapper_w {
	display: block;
}
/**/


/* フラッシュ
---------------------------------------------------- */


#flash{
width:840px;
margin:0px 0px 10px 0px;
}



/* メインコンテンツ
---------------------------------------------------- */


#content_area{

float:left;
width:600px;
padding:0px;
margin:0px 20px 0px 10px;
_margin:0px 20px 0px 5px;
}



/* ----------------------------------------------------
                   共通パーツ
---------------------------------------------------- */


/* メイン画像
---------------------------------------------------- */
#main_img{
width:840px;
margin:0px 0px 10px 0px;
}


/* 本文エリア
---------------------------------------------------- */


.content_inner{
width:580px;
margin:0px 10px 30px 10px;
_margin:0px 10px 20px 10px;
}

.content_inner p{
margin:0px 0px 20px 0px;
}

.content_inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .content_inner {
	height: 1em;
}

.content_inner {
	display: block;
}
/**/



/* ----------------------------------------------------
                   詳細ページ
---------------------------------------------------- */


/* トップページ
---------------------------------------------------- */


#top_news{
width:580px;
margin:0px 0px 20px 10px;
}

#top_news p{
width:580px;
margin:0px 0px 4px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px dashed #c8c0b4;
}

#top_news_list{
width:580px;
text-align:right;
margin:10px 0px 20px 0px;
}

#top_news_list p{
border:none;
margin:10px 0px 0px 0px;
}




/* コンセプト
---------------------------------------------------- */

.concept_bt{
float:left;
width:180px;
margin:0px 10px 0px 0px;
}

.concept_bt img{
margin:0px 0px 10px 0px;
}


.concept_bt p{
margin:0px 0px 0px 0px;
text-align:center;
}

.concept_img{
float:left;
width:285px;
margin:0px 0px 0px 0px;
}

.concept_img p{
margin:10px 0px 0px 0px;
}

.concept_tl{
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
border-bottom:1px solid #c8c0b4;
}

.concept_img_line{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #c8c0b4;
}




/* 研修
---------------------------------------------------- */


.training_tl{
clear:both;
width:590px;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 10px;
border-bottom:1px solid #c8c0b4;
}

.training_bg_col00{
background-color:#ffffff;
text-align:center;
}


.training_bg_col01{
background-color:#928169;
text-align:center;
}

.training_bg_col02{
background-color:#f4f2f0;
text-align:center;
}


.training_detail_box{
border:1px solid #676767;
color:#676767;
padding:3px 1px 1px 2px;
margin:0px 5px 0px 0px;
}

.training_td_left{
text-align:left;
margin:0px;
}

.training_td_left p{
margin:0px;
}



/* 会議室詳細
---------------------------------------------------- */


.room_imgbox{
width:580px;
margin:0px 0px 10px 0px;
padding:6px 0px 4px 0px;
background-color:#928169;
}

.room_imgbox:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .room_imgbox {
	height: 1em;
}

.room_imgbox {
	display: block;
}
/**/



.room_imgbox_l{
width:400px;
float:left;
padding:0px 0px 0px 10px;
color:#ffffff;
}

.room_imgbox_r{
width:160px;
float:right;
padding:0px 10px 0px 0px;
text-align:right;
}

.room_imgbox_l p{
margin:0px 0px 0px 0px;
}

.room_imgbox_r p{
margin:0px 0px 0px 0px;
}

.room_detail_box{
border:1px solid #ffffff;
color:#ffffff;
padding:1px 1px 0px 2px;
margin:0px 0px 0px 5px;
}



/* 飲食
---------------------------------------------------- */


.buffet_tx_box{
width:560px;
background-color:#f4f2f0;
padding:10px 10px 10px 10px;
}

.buffet_tx_box p{
margin:0px 0px 0px 0px;
}

.dining_tx{
float:left;
width:285px;
margin:0px 0px 0px 0px;
}

.dining_tx p{
margin:0px 0px 0px 0px;
}


.dining_tl{
width:285px;
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
border-bottom:1px solid #c8c0b4;
}

.dining_tl p{
margin:0px 0px 0px 0px;
}


table.drink_box{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
}

table.drink_box td{
padding:5px 10px 5px 10px;
border-bottom:1px dashed #c8c0b4;
}


/* 利用料金
---------------------------------------------------- */


table.price_table{
margin:0px 0px 30px 0px;
border-collapse : collapse ;
text-align:center;
}

table.price_table th{
padding:6px;
border:solid 1px #DED9D2;
}

table.price_table td{
padding:6px;
border:solid 1px #DED9D2;
}


/* よくあるご質問
---------------------------------------------------- */
.faq_box{
width:560px;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 10px;
border-bottom:1px dashed #c8c0b4;
}

.faq_box p{
margin:0px 0px 10px 0px;
}


/* サイトマップ
---------------------------------------------------- */

.training_tl_dashed{
clear:both;
width:590px;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 10px;
border-bottom:1px dashed #c8c0b4;
}

.content_inner dl{
width:180px;
float:left;
margin:0px 0px 20px 10px;
padding:0px;
}

.content_inner .none_float dl{
width:580px;
margin:0px 0px 20px 10px;
padding:0px;
}

.content_inner dd{
margin:0px;
padding:0px 0px 5px 15px;
font-size:83%;line-height:1.2;
background: url("../common/ic_link.jpg") no-repeat 0px 2px;
}

.content_inner .lv01 dd{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
background:none;
}

.content_inner .lv01_b dd{
margin:0px 0px 0px 15px;
padding:0px 0px 5px 0px;
font-weight:bold;
background:none;
}

.content_inner .lv02 dd{
margin:0px 0px 0px 15px;
padding:0px 0px 5px 15px;
}




/* サイドエリア
---------------------------------------------------- */
#side_area{
float:left;
width:200px;
padding:0px;
margin:0px 0px 0px 0px;
}




.side_bt_line{
clear:both;
width:200px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px dashed #c8c0b4;
}


.side_bt_line img{
margin:0px 0px 0px 10px;
}

#side_tl_co{
margin:20px 0px 0px 10px;
}

#side_tl_co img{
margin:0px 0px 10px 0px;
}

#side_tl_co p{
margin:0px 0px 10px 0px;
}

.side_bt{
margin:0px 0px 5px 10px;
}

.side_bt_last{
margin:0px 0px 40px 10px;
_margin:0px 0px 20px 10px;
}







/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 7px;
background:url(../common/ic_link02.gif) no-repeat 0px 70%;
}


.link_pdf{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background:url(../common/ic_pdf.jpg) no-repeat 0px 70%;
}


/* 中央
---------------------------------------------------- */
.img_center{
margin:20px 0px 0px 0px;
text-align:center;
}


/* フロート時右マージン
---------------------------------------------------- */


.img_r_mgn{
margin:0px 10px 0px 0px;
}



/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{
clear:both;
margin:0px 0px 0px 0px;
}

.img_mgn5{
margin:0px 0px 5px 0px;
}

.img_mgn10{
margin:0px 0px 10px 0px;
}

.img_mgn10_l{
margin:0px 0px 10px 10px;
}

.img_mgn15{
margin:0px 0px 15px 0px;
}

.img_mgn20{
margin:0px 0px 20px 0px;
}

.img_mgn20_l{
margin:0px 0px 20px 10px;
}

.img_mgn30{
margin:0px 0px 30px 0px;
}

.img_mgn30_l{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 10px;
}

.img_mgn40{
margin:0px 0px 40px 0px;
}

.img_mgn50{
margin:0px 0px 50px 0px;
}



/* ページトップ
---------------------------------------------------- */
#pagetop_area{
clear:both;
width:760px;
margin:0px 0px 30px 0px;
text-align:right;
}

#pagetop_area img{
margin:0px 0px 0px 0px;
}


/* フッター
---------------------------------------------------- */

#footer{
clear:both;
width:840px;
border-top:1px solid #c8c0b4;
padding:10px 0px 6px 0px;
margin:0px 0px 0px 0px;
}

#footer p{
margin:0px 0px 0px 20px;
}

#footer_box{
width:840px;
height:30px;
background-color:#928169;
}

#footer_box_tx{
float:left;
width:500px;
}

#footer_box_tx p{
margin:6px 0px 0px 20px;
}

#footer_box_img{
float:right;
width:280px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
}

#footer_box_img img{
margin:12px 0px 0px 0px;
vertical-align: bottom;
}




/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロートのクリア
---------------------------------------------------- */

.clr{
clear:both;
margin:0px;
}


/* 点線
---------------------------------------------------- */

.line{
clear:both;
width:540px;
margin:0px 0px 10px 0px;
_margin:0px 0px 0px 0px;
border-top:dashed 1px #b5b6b6;
}


/* 画像アルファ
---------------------------------------------------- */

.off{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

.pdf_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background: url(../download/images/ic_pdf.jpg) no-repeat 0px 75%;
}

.excel_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 20px;
background: url(../download/images/ic_excel.gif) no-repeat 0px 75%;
}

