@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');

* { padding: 0; margin: 0; }
body, td, div{ 
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12px;
	color:#333; 
}

input, button, textarea, select { color:#000; }
/*img { border: 0; opacity: 1; transition: opacity .25 ease-in-out; -moz-transition: opacity .25 ease-in-out; -webkit-transition: opacity .25 ease-in-out;} */
img { border: 0; }
img.ef07:hover {opacity: 0.7;}

a:link, a:active { text-decoration:none; color:#ff678b; outline:none; }
a:visited  { text-decoration:none; color:#ff678b; }
a:hover { text-decoration:underline; color:#ff678b;}
h1 {float:left; width:100%; height:25px; font-size:12px; color:#43351e; text-align:center; }
h2 {font-size:12px;}
li {list-style:none;}

.popshadow{position: relative;left: -3px; /* offset depth */top: -3px; /* offset depth */box-shadow: 5px 5px 5px rgba(0,0,0,0.3); /* shadow x offset, y offset, intensity, and color rgba(red, green, blue, opacity (0-1)) */transition: all .2s ease-in-out; /* 0.2s = transition duration */}
.popshadow:active{left: 0;top: 0;box-shadow: none;}

#toTheHead {display: none; position: fixed; left: 50%; margin-left: 620px; bottom: 50px; cursor: pointer;}
#toTheHead img { max-width: 100px;}
#toTheHead:hover { opacity: 0.7;}

/*===========body{margin:0;padding:0; background:url('../../images/bg.jpg')  fixed 50% 0; }===========================================*/

body{margin:0;padding:0; background:url('../../images/bg.jpg')  fixed 50% 0; }
#wrapper {width:100%; }

/*=== Index					============================================================================================================*/
#index-wrapper { float:left; width:100%; background:url('../../images/index/indexbg.jpg') ; }
.seo { background:#dc89a7 !important; padding:8px 0; color:#fff;}
#index-section { margin:0 auto; width:1200px; }
#index-section .logo { text-align:center; }
#index-section .button {float:left; width:1200px; text-align:center; margin:80px 0 0 0;}
#index-section .button img {margin:10px; vertical-align: middle; }
#index-section .free { float:left;  margin:0 auto; width:1200px; text-align:center; margin-bottom:20px; }
#index-section .banner { float:center; width:320px; height:50px; margin:10px 0 0 5px; }

#index-wrapper-tenpo { float:left; width:100%; }
#index-section-tenpo { margin:0 auto; width:1020px; margin-top:10px; text-align:center; }

#index-wrapper-free { float:left; width:100%; margin:20px 0 20px 0;}
#index-section-free { float:left;  margin:0 auto; width:1200px; text-align:center; }

#header-wrapper { float:left; width:100%; height:465px; background:url('../../images/header/headerbg.jpg') ; }
#header-section { margin: 0 auto; width:1200px; height:465px; }
#header-section .logo { float:left; width:1200px; height:465px; }

#phone-wrapper {position:fixed; float:left; width:100%; height:50px; left:0; top:0; background:#dadada;  z-index:1; }
#phone-section { margin: 0 auto; width:1200px; height:55px; }

#menu-wrapper-new { float:left; width:100%; height:50px; background:#333; border-bottom:2px solid #836424;}
#menu-section-new { margin: 0 auto; width:1200px; }
#menu-section-new li { float:left; width:calc(1200px / 6); text-align:center; font-size:16px; font-family: 'Garamond', serif; margin-top:10px; }
#menu-section-new li span { display:block; font-size:10px; }
#menu-section-new li a { color:#fff; }

#flashnews-wrapper { float:left; width:100%; height:30px; margin-bottom:10px; background:#dc89a7; }
#flashnews-section { margin: 0 auto; width:1200px; height:30px; background:url('../../images/top/flash.jpg'); }
#flashnews-section li{ float:left;  width:1200px; height:30px; color:#4d2712; font-size:13px; margin:5px 0 0 10px; }

#tail-menu-wrapper-top{ float:left; width:100%; height:4px; }

#tail-menu-wrapper { float:left; width:100%; height:30px; background:#dc89a7;  }

#tail-menu-section { margin: 0 auto; width:1000px; text-align:center;  }
#tail-menu-section li { float:left; font-size:11px; margin:5px 0 0 5px; }
#tail-menu-section li a { color:#fff; }

#tail-wrapper { float:left; width:100%; background:#fff; }
#tail-section { margin: 0 auto; width:1000px;}
#tail-section .logo {float:left; width:260px; height:79px; background:url('../../images/copyright_logo.png'); margin:5px 0 0 370px; }
#tail-section .text {float:left;width:1000px; text-align:center; margin-top:20px; }
#tail-section .copy-wrapper {float:left;width:1000px; text-align:center; margin-top:10px; color:#000; }

.textTitle {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 15px;
	font-family: 'Noto Serif JP', serif;
	background:#fff;
	color:#000;
	font-size:22px;
	margin-bottom:10px;
	border-bottom:1px solid #dc89a7;
}
.textTitle span {
	font-size:12px;
}

#contents-wrapper { float:left; width:100%; }
#contents-section { margin: 0 auto; width:1200px;}
#contents-body { float:left; width:1200px; padding:10px 0 0 0; }

/*=== top					============================================================================================================*/
#diary {float:left; width:1200px; height:400px;  }
#diary .title { float:left; width:1200px; height:40px; background:url('../../images/top/title_diary.png'); margin-bottom:10px; }
#diary .back {float:left; width:1200px; height:400px; overflow:auto;}
#diary .back li {float:left; width:300px; height:400px; overflow:auto;}
#diary .banner {float:left; width:300px; height:167px; margin-bottom:10px; }
#diary .banner img { width:300px; height:49px; margin-bottom:10px; }

#standby {float:left; width:595px; height:390px; margin-bottom:10px; }
#standby .title { float:left; width:595px; height:40px; background:url('../../images/top/title_standby.png'); margin-bottom:10px; }
#standby .back {float:left; width:595px; height:330px; border-bottom:1px dotted #333; overflow:auto; background:url('../../images/body.png');}
#standby .back li .image {float:left; width:490px; height:290px; overflow:auto; }

#fuzoku-banner {float:left; width:490px; height:205px; margin-bottom:10px; 
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); }
#fuzoku-banner .button {float:left; width:468px; margin:10px 0 10px 10px; }

#eventbanner { float:left; width:1200px; height:280px;margin-bottom:20px; }
#eventbanner img{ float:left; width:1200px; height:280px; }

#photo_diary {float:left; width:485px; height:440px; margin:0 0 30px 30px;  }
#photo_diary .title {float:left; width:485px; height:60px; margin-bottom:30px; background:url('../../images/top/title_information.jpg'); }
#photo_diary img { width:485px; height:160px; margin-bottom:30px; }

/*=== news			=========================================================================================================*/
#news {float:left; width:500px; margin:20px 20px 40px 0; background:#fff; }
#news .title {float:left; width:500px; height:50px; background:url('../../images/top/title_news.png'); margin-bottom:20px; }
#news .back {float:left; width:500px; height:370px; overflow:auto; }
#news .back li {float:left; width:480px; margin:0 0 0 11px;  border-bottom:1px dotted #dc89a7; color:#4d2712; }
#news .back li .image {float:left; width:90px; }
#news .back li .image img {float:left; width:90px; height:120px; margin-bottom:5px;}

#left-wrapper {float:left; width:230px; margin-bottom:10px; }
#left-wrapper .banner {float:left; width:230px; margin-bottom:10px; }
#left-wrapper .banner img {margin-bottom:10px; }

#newface {float:left; width:420px; margin:20px 20px 40px 0; background:#fff; }
#newface .title {float:left; width:420px; height:50px; background:url('../../images/top/title_newface.png'); margin:0 0 20px 0; }
#newface .back {float:left; width:420px; height:370px; overflow:auto; }
#newface .back li {float:left; width:370px; height:180px; background:#f7f7f7; margin:0 0 20px 25px; }
#newface .back li .image {float:right; width:120px; height:180px; }
#newface .back li .image img {float:left; width:120px; height:180px; }
#newface .back li .profile {float:left; width:240px; height:50px; color:#191919; text-align:left; font-size:15px; margin:10px 0 0 10px; }
#newface .back li .profile b {font-size:16px; color:#191919; }
#newface .back li .comment {float:left; width:230px; height:60px; overflow:hidden;  font-size:13px; color:#191919; margin:10px 0 0 10px; }
#newface .back li .button {float:left; width:210px; font-size:12px; color:#fff; text-align:center; background:#333; margin:20px 0 0 20px; }
#newface .back li .button a{color:#fff;}

#ranking { float:left; width:1000px; height:540px; margin-bottom:20px; background:#000; }
#ranking .title { float:left; width:1000px; height:60px; background:url('../../images/top/title_ranking.jpg'); }
#ranking .back{ float:left; width:1000px; height:500px; background:url('../../images/ranking/rankbg.jpg'); }
#ranking .back li {float:right; width:230px; height:440px; margin:20px 20px 0 0; border:1px solid#000; }
#ranking .back li .image {float:left; width:210px; height:340px; }
#ranking .back li .image img {width:210px; height:315px; margin:10px 0 0 10px; }
#ranking .back li .profile { float:left; width:180px; text-align:center; font-size:13px; line-height:10px; color:#fff; }
#ranking .back li .profile .name { float:left; width:180px; text-align:left; font-size:18px; color:#fff; margin:20px; }
#ranking .back li .comment {float:left; width:180px; height:50px; overflow:auto; color:#fff; font-size:14px; margin:5px 5px 0; }
#ranking .back li .button { float:left; width:80px; border-radius:5px; text-align:center; background:#ff678b; color:#fff; font-size:12px; margin:30px 0 0 140px; }
#ranking .back li .button a{color:#fff;}
#ranking .back li .profile .pbutton { float:left; width:125px; margin-top:5px; }
#ranking .back li .profile .pbutton img { width:125px; margin-top:5px; }
#ranking .back li.no1 {background:url('../../images/ranking/rank3.jpg');}
#ranking .back li.no2 {background:url('../../images/ranking/rank2.jpg');}
#ranking .back li.no3 {background:url('../../images/ranking/rank1.jpg');}
#ranking .back li .icon {position:relative; float:right; z-index:1001; top:0px; left:0px; height:0px;  }
#ranking .back li .icon img {margin-right:3px; }

#pickup {float:right; width:240px; margin:20px 0 40px 0; background:#fff; }
#pickup .title {float:left; width:240px; height:50px; background:url('../../images/top/title_pickup.png'); margin:0 0 20px 0; }
#pickup .back {float:left; width:240px; height:370px; }
#pickup .back li {float:left; width:220px; margin:10px 0 0 10px; }
#pickup .back li .image {float:left; width:220px; height:330px; }
#pickup .back li .image img {width:220px; height:330px; }
#pickup .back li .profile { float:left; width:220px; height:80px; font-size:15px; text-align:center; color:#fff; margin:270px 0 0 0; position: absolute; background:#333; }
#pickup .back li .profile b {float:left; width:220px; font-size:18px; color:#fff; text-align:center; margin:15px 0 0 0; }
#pickup .back li .icon {position:relative; float:left; z-index:1001; top:13px; left:160px; height:0px;  }
#pickup .back li .icon img {margin-right:3px; }

/*=== companion			=========================================================================================================*/
#companion {float:left; width:1200px; background:#fff; }
#companion .title {float:left; width:1200px; height:50px; background:url('../../images/companion/title.png'); margin:0 0 20px 0; }
#companion .title-newface {float:left; width:1000px; height:60px; margin-bottom:20px; background:url('../../images/top/title_newface.jpg'); }
#companion .back {float:left; width:1200px; }
#companion .back li {float:left; width:187px; height:310px; margin:6px 6px 60px 6px; }
#companion .back li .image {float:left; width:187px; height:280px; }
#companion .back li .icon  {position:relative; float:left; z-index:1001; top:10px; left:10px; height:0px;  }
#companion .back li .icon img {margin-right:3px; }
.listWrap {
	display:flex;
	flex-direction:column;
}
.listWrap .image {
	width:100%;
}
.listWrap .image img {
	width:100%;
}
.listWrap .profile {
	border-radius:2px;
	background:#333;
	color:#fff;
	padding:10px;
	text-align:center;
}
.listWrap .profile b {
	display:block;
}

/*=== schedule			=========================================================================================================*/
#schedule {float:left; width:1000px; }
#schedule .title {float:left; width:1000px; height:60px; background:url('../../images/schedule/title.jpg'); }
#schedule .back {float:left; width:1000px; }
#schedule .back li {float:left; width:176px; height:366px; margin:20px 0 40px 20px; }
#schedule .back li .image {float:left; width:176px; height:270px; }
#schedule .back li .image img {width:176px; height:270px; }
#schedule .back li .profile { 
	float:left; width:176px; height:80px; font-size:13px; text-align:center;
	border-radius:10px;
	background: rgb(83,112,177);
	background: linear-gradient(180deg, rgba(83,112,177,1) 0%, rgba(34,58,112,1) 50%, rgba(18,32,62,1) 100%);
	color:#fff;
}
#schedule .back li .profile b {float:left; width:176px; font-size:16px; color:#fff; text-align:left; margin:20px 0 0 45px; }
#schedule .back li .worktime {float:left; width:176px; padding:8px 0; text-align:center; font-size:12px; color:#333; background:#fff; border:1px solid #223a70; }
#schedule .back li .icon {position:relative; float:right; z-index:1001; top:10px; right:5px; height:0px;  }
#schedule .back li .icon img {margin-right:3px; }

#schedule .back .date {float:left; width:1000px; text-align:center; padding:20px 0px;}
#schedule .back .date p {float:left; width:100px; height:20px; text-align:center; background:#666666; margin:20px 0 0 30px; padding:4px; }
#schedule .back .date p a {color:#ffffff;}
#schedule .back .date p.selected {background:#223a70;}

/*=== event			=========================================================================================================*/
#event {float:left; width:1000px; }
#event .title {float:left; width:1000px; height:60px; margin-bottom:30px; background:url('../../images/event/title.jpg'); }
#event .back {float:left; width:1000px; }
#event .back img {float:left; width:1000px; }
#event .back .pink {float:left; width:1154px; padding:20px; border:3px solid #cc99ff; font-size:16px; margin-bottom:10px; }
#event .back .pink .tlt {float:left; width:1134px; background:#cc99ff; padding:10px; font-size:18px; color:#fff; margin-bottom:10px; }

/*=== system			=========================================================================================================*/
#system {float:left; width:1200px; background:#fff; }
#system .title {float:left; width:1170px; height:40px; margin:0 15px 0 15px; background:url('../../images/system/title.png'); }
#system .back {float:left; width:1200px; }
#system .back img {float:left; width:1200px; }
#system .back .pink {float:left; width:1200px; border:1px dotted #333; font-size:16px; margin-bottom:10px; }
#system .back .pink .tlt {float:left; width:980px; background:#000; text-align:center; font-size:22px; color:#fff; margin:10px; }
#system .back .pink .text1 {float:left; width:800px; text-align:center; font-size:15px; color:#333; margin:10px 0 0 100px; }
#system .back .pink .text2 {float:left; width:800px; text-align:left; font-size:15px; color:#333; margin:10px 0 0 110px; }
.caution {color:#ff0000;  }

/*=== recruit			=========================================================================================================*/
#recruit {float:left; width:1000px; }
#recruit .title {float:left; width:1000px; height:60px; background:url('../../images/recruit/title.jpg');  }
#recruit .sub {float:left; width:1000px; height:30px; background:#223a70; }
#recruit .sub .txt{float:left; width:1000px; height:30px; font-size:14px; color:#fff; margin:5px 0 0 10px; }
#recruit .back {float:left; width:1000px; background:#fff; }
#recruit .back .banner {float:left; width:1000px; height:1650px; background:url('../../images/recruit/img.jpg'); }
#recruit .back .banner .line {margin:377px 0 0 688px; }
#recruit .back .pink {float:left; width:1000px; font-size:16px; }
#recruit .back .pink .tlt {float:left; width:980px; padding:10px; background:#223a70; font-size:15px; color:#fff; text-align:center; }
#recruit .back .pink dl {float:left; width:1000px; margin-bottom:10px; }
#recruit .back .pink dl dt {float:left; width:200px; font-size:20px; color:#000; background:#000; }
#recruit .back .pink dl dd {float:left; padding:0 5px;  font-size:16px; }
#recruit .back .pink dl dd.point {float:left; padding:5px; background:#6b0026; color:#fff;  font-size:16px;  border-radius:5px; margin:3px; }
.caution {color:#ff0000;  }
#recruit .back .submitArea{	text-align: center; margin:20px 0 20px 0; }
#recruit .back .submitArea input[type="submit"]{
	padding:0.5rem 1rem;
	cursor: pointer;
}


/*=== mailmaga			=========================================================================================================*/
#mailmaga {float:left; width:1200px; }
#mailmaga .title {float:left; width:1200px; height:40px; background:url('../../images/mailmaga/title.png');  margin-bottom:20px; }
#mailmaga .back {float:left; width:1200px; text-align:center; }
#mailmaga .back p {text-align:center; font-size:40px; }
#mailmaga .back li {float:left; width:760px; margin:0 200px 50px; }
#mailmaga .back li p { font-weight:bold; color:#cc66ff; font-size:22px; }
#mailmaga .back li p.sm { color:#000; font-size:16px; }
#mailmaga .back li input[type=text] {width:300px; padding:5px; margin-right:5px;}
#mailmaga .back li input[type=submit] {width:70px; height:30px; padding:5px 5px; margin-top:5px; }

/*=== hotel			=========================================================================================================*/
#hotel {float:left; width:770px; margin-top:10px;}
#hotel .title {float:left; width:770px; height:40px; background:url('../../images/hotel/title.png');}
#hotel .back {float:left; width:770px;}

ul#tab {width:770px; background:#333; border-bottom:3px solid #c81528; padding:0; }
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {float:left; margin:3px 0 0 3px; text-align: center; border-radius:1em;}
ul#tab li a {display: block; padding:5px; text-decoration: none; color:#666666; }
ul#tab li a:hover {background: #cccccc; color:#fff; border-radius:1em; padding:5px; }
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {background: #ff0000; color: #fff; border-radius:1em;}
#detail {
	clear: both;
	overflow: hidden;
	width: 960px;
}
.tabbox {
	display: none;
}

/*=== profile			=========================================================================================================*/
#profile {float:left; width:1000px; margin-bottom:30px; }
#profile .title {float:left; width:1000px; height:50px; margin-bottom:20px;  background:url('../../images/profile/title.png');  }
#profile .back {float:left; width:1000px;}

#profile .back .image {float:left; width:340px; height:740px;}
#profile .back .bImage {float:left; width:340px; }
#profile .back .bImage img {float:left; width:400px; }
#profile .back .tImage {float:left; width:400px; height:600px; }
#profile .back .tImage img {float:left; width:78px; margin:5px 1px;}

#profile .back .information {float:right; width:580px; padding-left:20px; ;}
#profile .back .information .name { text-align:left;  font-size:20px; letter-spacing:0.2em;}
#profile .back .information .name b {font-size:24px; color:#ff0084; }

#profile .back .information .comment{font-size:16px; height:550px; color:#000; overflow:auto;}

#profile .back .sns {float:left; width:1000px; text-align:left; min-height:200px; margin-bottom:30px;}
#profile .back .schedule {float:left; width:1000px; text-align:left; margin-bottom:30px;}
table.scheduleTable {width:100%; table-layout: fixed}
table.scheduleTable th,td {padding:10px; border:1px solid #000000; text-align:center; color:#000; font-size:14px;}
table.scheduleTable td {font-size:16px;}




#banner {float:left; width:1000px;}
#banner .back {float:left; width:1000px; }
#banner .back li.b468 {float:left; width:468px; margin:10px 10px 0px 10px;}
#banner .back li.b468 .subject{float:left; width:468px; margin-bottom:3px; overflow:hidden;}
#banner .back li.b468 img {width:468px; height:60px;}
#banner .back li.b468 textarea {float:left; width:468px; height:40px;}

#banner .back li.b200 {float:left; width:200px; margin:10px 25px 0px 25px;}
#banner .back li.b200 .subject{float:left; width:200px; margin-bottom:3px; overflow:hidden;}
#banner .back li.b200 img {width:200px; height:40px;}
#banner .back li.b200 textarea {float:left; width:200px; height:40px;}

#banner .back li.b88 {float:left; width:88px; margin:10px;}
#banner .back li.b88 .subject {float:left; width:88px; margin-bottom:3px; overflow:hidden; color:#222222;}
#banner .back li.b88 img {width:88px; height:31px;}
#banner .back li.b88 textarea {float:left; width:88px; height:40px;}

/*=== table css				============================================================================================================*/
table.barTable {width:590px; border-collapse: collapse; }
table.barTable th { width:590px; height:30px; }
table.barTable td { height:30px; text-align:left; padding:0px 10px; font-size:14px; color:#fff; background:#223a70; }

table.qnaTable {width:590px; border-collapse: collapse; }
table.qnaTable th { width:590px; height:30px; text-align:right; padding:0px 10px; font-size:28px; color:#000; }
table.qnaTable td { height:30px; text-align:left; padding:10px 0 0 20px; font-size:28px; color:#000; }
table.qnaTable th.tlt { height:590px; text-align:left; padding:0px 10px; font-size:16px; background:#ff5d9e; color:#f1e3d1; }

table.tbwTable {width:590px; border-collapse: collapse; }
table.tbwTable th { width:590px; height:30px; text-align:right; padding:0px 10px; font-size:14px; color:#000; }
table.tbwTable td { height:30px; text-align:left; padding:0 0 0 20px; font-size:16px; color:#000; }
table.tbwTable th.tlt { height:595px; text-align:left; padding:0px 10px; font-size:16px; background:#ff5d9e; color:#f1e3d1; }

table.sysTable {width:980px; border-collapse: collapse; margin-left:10px; }
table.sysTable th { width:50%; height:40px; text-align:right; padding:0px 20px; font-size:17px; color:#000; border:1px solid #999; }
table.sysTable td { width:50%; height:40px; text-align:left; padding:0px 20px; font-size:21px; border:1px solid #999; }
table.sysTable th.tlt { height:595px; text-align:left; padding:0px 20px; font-size:16px; background:#ff5d9e; color:#fff; }

/*
table.scheduleTable {float:left; width:860px; height:130px; border-collapse:collapse; color:#000; }
table.scheduleTable th {height:50px; vertical-align:middle; padding-top:5px; background:#d3aaf4; border:1px solid #333333; text-align:center; color:#000; font-size:16px; }
table.scheduleTable td {vertical-align:middle; text-align:center; border:1px solid #333333; color:#000; font-size:16px; }
*/

table.optionTable {float:left; width:320px; height:120px; border-collapse: collapse; font-size:11px; border:1px solid #ff5d9e; }
table.optionTable th {width:20%; height:20px; vertical-align:middle; background:#fdddea; padding:0; text-align:center; border:1px solid #ff5d9e; border-bottom:none; color:#ff0080; font-size:11px;}
table.optionTable td {height:35px; vertical-align:middle; padding:0; text-align:center; border:1px solid #ff5d9e; color:#000; font-size:11px;}

table.hotelTable {float:left; width:770px; border-collapse: collapse; }
table.hotelTable th.title1 {background:#e10000; padding:5px; text-align:center; color:#ffffff; font-size:12px;}
table.hotelTable th.title2 {background:#7247ad; padding:1px; text-align:center; color:#ffffff; font-size:11px;}
table.hotelTable th {width:21%; text-align:left; vertical-align:middle; padding:5px; border:1px solid #ccc; font-size:11px;}
table.hotelTable td {width:36%; text-align:left; vertical-align:middle; padding:5px; border:1px solid #ccc; background:#000;}

table.contactTable {float:left; width:1000px; border:1px solid black; border-collapse: collapse; color:#000; }
table.contactTable th {width:800px; height:40px; padding:5px; text-align:left; font-size:12px; color:#000; border-bottom:1px solid #000; }
table.contactTable td.submit {text-align:center;}
table.contactTable td {width:200px; vertical-align:middle; padding:5px; font-weight:bold; text-align:center; border:1px solid #000; color:#223a70; font-size:14px; }
table.contactTable td textarea {width:120px; height:250px; }
table.contactTable td select {width:200px;}
table.contactTable td .address_input input[type=text] {width:450px; padding:2px 5px; margin-right:5px;}
table.contactTable td input[type=text] {padding:2px 5px; margin-right:5px;}
input[type=submit] {width:100px; height:25px; padding:2px 5px;}
input[type=reset] {width:100px; height:25px; padding:2px 5px;}
.yo {color:#ff0000; font-size:12px;}

table.recruit {float:left; width:930px; margin:10px; border:1px solid #833a8e; border-collapse: collapse;}
table.recruit th {width:200px; height:30px; vertical-align: middle; padding:5px; border:1px solid #833a8e; font-size:14px;}

table.reserveTable {width:930px; border-collapse:inherit; border-spacing:15px;}
table.reserveTable th {width:240px; text-align:left; vertical-align:middle; padding:5px 5px; border-left:5px solid #9933cc; border-bottom:1px dotted #9933cc;}
table.reserveTable td {text-align:left; vertical-align:middle; padding:5px 5px; border-bottom:1px dotted #9933cc; line-height:25px;}
table.reserveTable td input[type=text]{width:150px; padding:1px 5px;}
table.reserveTable td input[type=submit]{width:150px; padding:5px;}
table.reserveTable td select {width:300px;}
table.reserveTable td img {width:47px; height:70px;}
table.reserveTable td textarea {width:350px; height:100px; padding:5px;}

table.recruitTable {width:960px; border-collapse: collapse; margin:10px 0 10px 20px;}
table.recruitTable td {width:200px; text-align:left; vertical-align:middle; padding:10px; font-size:16px; border-bottom:1px dotted #333; }
table.recruitTable th {text-align:left; vertical-align:middle;  font-weight:normal; padding:10px; font-size:16px; border-bottom:1px dotted #333; line-height:18px; }

table.calendarTable {float:left; width:258px; border-collapse: collapse; font-size:11px;}
table.calendarTable th {width:14%; height:20px; vertical-align:middle; padding:0px 3px; text-align:center; border:1px solid #282828; border-bottom:none; color:#ffffff;}
table.calendarTable td {width:14%; height:30px; vertical-align:middle; padding:0px 3px; text-align:center; border:1px solid #282828; border-bottom:none; color:#ffffff;}

table.mailmagaTable {float:left; width:410px; margin-left:20px; border-collapse: collapse;}
table.mailmagaTable td {width:40%; text-align:left; vertical-align: middle; padding:5px;}
table.mailmagaTable td input[type="text"] {float:left; width:260px; padding:5px; margin-right:10px; border:1px solid #777777;}
table.mailmagaTable td input[type="submit"] {float:left; width:50px; height:30px; padding:5px; }

table.reviewTable {float:left; width:888px; border-collapse: collapse;}
table.reviewTable th {width:100px; text-align:left; vertical-align: top; padding:10px; font-size:13px;}
table.reviewTable td {text-align:left; vertical-align: top; padding:10px;}
table.reviewTable td input[type=text] {padding:5px;}
table.reviewTable td textarea {padding:5px; width:500px; height:120px;}
#review .dis {font-size:15px;}