@charset "utf-8";

/*** Greeting ***/
.greetingbox {margin-top: 20px;}
.greetingbox dt,.greetingbox dd { text-align:center;}
.greetingbox dt { margin-bottom: 15px;}
.greetingbox dd { margin-bottom: 40px;}


/*** System(Service index) ***/
table.pricelist { border-collapse:collapse; border-left: 1px solid silver; border-top: 1px solid silver; margin: 0 0 20px 10px;}
table.pricelist th{
	background-color:#ACDABB;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px 0px 5px 0px;
}
table.pricelist td{
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 5px 0px 5px 0px;
	text-align:center;
	width: 120px;
}
table.pricelist td.head{width: 160px;}
table.pricelist th.head{width: 160px;}

ul.attentionlist {list-style-type: none;margin-left:10px;}

/*** Coodinate ***/
#coordesample {float: left; width: 700px;}
#coordemenu {float: right; width: 200px;}

.rental-table{ border-collapse:collapse; border-left:#CCC solid 1px;border-top:#CCC solid 1px; width: 100%;margin-top: 20px;}
.rental-table td,.rental-table th{border-right:#CCC solid 1px;border-bottom:#CCC solid 1px;}
.rental-table .td-l{width: 60px;text-align:center;} 
.td-l2{width: 130px;padding: 10px;}
.rental-table .number {background-color:#4A4A4A;text-align:center;}

#coordemenu ul { list-style-type: none; margin: 20px;}
#coordemenu li { margin-bottom: 15px;}

/*** Media ***/
dl.newslist { margin: 20px;}
dl.newslist dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 6.5em;
  padding: 10px 0 0 16px;
  background: url(../images/mediapoint.gif) no-repeat 0 14px;
  border-top: 1px dotted #CCCCCC;
}
dl.newslist dd {margin-bottom: 1.8em;margin-left: 7.5em;border-top: 1px dotted #CCCCCC;padding-top: 10px;}

/*** FAQ ***/
dl.faqlist { margin: 20px;}
dl.faqlist dt { color: #ACDABB; font-weight:bold; background: url(../images/q.gif) no-repeat 0 2px; padding-left:17px; margin-bottom: 5px;}
dl.faqlist dd { margin-bottom: 1.8em; background: url(../images/a.gif) no-repeat 0 2px; padding-left:17px;}


/*** CONTACT ***/
.contact_table { border-collapse: collapse; margin-left: 20px;}
.contact_table th {width: 150px;text-align: left;font-weight: normal; font-size:85%;}
.contact_table td {padding: 4px 0;}

.contact_table select {height: 16px;border: #CBCBCB 1px solid;}
.contact_table textarea {border: #CBCBCB 1px solid;}
.contact_table input.input1 {width: 363px;height: 16px;border: #CBCBCB 1px solid;}
.contact_table input.input2 {width: 160px;height: 16px;border: #CBCBCB 1px solid;}
.contact_table input.input3 {width: 95px;height: 16px;border: #CBCBCB 1px solid;}

/*** Company ***/
dl.proflist { margin: 20px;}
dl.proflist dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 8em;
  padding: 0;
}
dl.proflist dd {margin-bottom: 1.5em;margin-left: 8.5em;}

dl.proflist2 { clear:both; margin: 0 20px; height:280px;}
dl.proflist2 dt { font-weight:bold; margin-bottom: 5px;}
dl.proflist2 dd p.photo { position:absolute; width: 160px;}
dl.proflist2 dd p.profile { position: relative; left: 170px; width: 700px;}

/*** PrivacyPolicy ***/
.privacybox {margin: 20px;}
.privacybox ol {margin: 20px 0 0 20px;}
.privacybox ol li {margin-bottom: 20px;}
.privacybox ol li h5 {margin-bottom: 3px;}

/*** Agreement***/
.agreebox {margin: 20px;}
.agreebox ul { list-style-type:none; margin: 20px 15px}
.agreebox ul li { }
.agreebox li h5 {margin: 20px 0 3px;}
.agreebox ol {margin: 10px 0 0 28px;}
.agreebox ol li { margin-bottom: 3px;}

/*** Reserve***/
#formarea {float: left;width: 550px; margin: 20px 10px;}
#formarea dt { font-size: 123.1%; color:#7AA589; margin-bottom: 15px;}

.reserveform {width: 100%;border-collapse:collapse;}
.reserveform th,.reserveform td { padding: 5px 10px; border-bottom: 1px dotted #CCCCCC; vertical-align:top;}
.reserveform th { text-align:left; white-space:nowrap; font-size: 93%;}

.inputlist {list-style-type: none; clear:left;}
.inputlist li {float:left; margin-right:5px;}


/*** Coordinator ***/
.contentsarea h4.consulhead {
     clear:both;
	border: 1px dotted #C9483B;
	padding: 6px 10px;
	margin: 20px 20px 0px;
	font-size: 138.5%;
	font-weight: bold;
	color:#C9483B;
}

.contentsarea .consullistbox {clear: both; width: 880px; margin:20px auto 0; border-bottom: 1px solid #C9483B;}
.contentsarea .consullistbox div.consullist { width: 430px; padding-bottom:20px;}
div.consullist .portrait {float: left;width: 120px;}
div.consullist dl {float: right;width: 295px;}
div.consullist dl dt {background: url(../images/sale_headbar.gif)  no-repeat left bottom; padding-bottom: 5px; margin-bottom:15px;}
.consullistbox .linkbox {
    background-color: #FFE4E0;
	padding: 2px 5px;
	border: 1px solid #F5A399;
	color: #C9483B;
	font-size: 77%;
	margin-right: 10px;}
	
.consullistbox .consulcom {background-image: url(../images/coorde_com_bg.gif); padding:6px; margin-top: 15px;}
.consullistbox .consulcom .whitebg {background-color: #FFFFFF; padding: 6px;}
/*.contentsarea .border { clear: both;display:block; height:18px; border-bottom: 1px solid #C9483B; margin: 0 20px 20px; overflow:hidden;}*/

	
dl#opentime {width: 270px; margin: 20px auto; padding: 1px; border:1px solid #C9483B;}
dl#opentime dt { background-color:#C9483B; padding:3px 10px; color:#FFFFFF; font-size: 123.1%; font-weight: bold;}
dl#opentime dd {  padding:10px; font-size: 100%;}


#servicehead {float: left;width: 600px; margin: 20px 0 20px 20px;}
#servicehead h4 { font-size: 123.1%; color:#3B5F49;}
#servicehead ul { margin: 10px 20px; }

dl#cardguide {float: right; width: 240px; margin: 20px 20px 20px 0; padding: 1px; border:1px solid #ACDABB;}
dl#cardguide dt { background-color:#DFFFED; padding:3px 10px; color:#FFFFFF; color: #C9483B; font-size: 100%; font-weight: bold;}
dl#cardguide dd {  padding:10px; font-size: 100%;}