@charset "utf-8";

/*
	Site Name: ANA HOTEL OSAKA
	Description: renewal
	Version: beta
	Author: Masami Momii
	lastmod:01.sep.2008
	
*/

/*===== CONTENTS ====================================


=======	1: Footer item STYLE==========================================================*/

/*--------採用情報------------  */

h3.recruittitle{width:720px; margin:10px auto}

ul#inpage{ width:720px; margin:10px auto; padding:0px; list-style:none; clear:both; }
ul#inpage li{ margin:0px 20px 5px 0px; padding:0px 0px 0px 13px; background-image:url(../common/ico_arrow.gif); background-repeat:no-repeat; background-position:0% 50%; float:left;}
ul#inpage li a {text-decoration:underline;}

table.recruitment th{background:#EBEBEB; text-align:center; padding:3px; font-weight:normal;}
table.recruitment td{text-align:left; background:#fff; padding:3px;}
table.recruitment td.center{text-align:center;}
td.btnform{padding:5px; text-align:center;}
h4.recruitmidashi{width:700px; padding:5px 5px 5px 25px;  margin:20px auto 2px auto; background:url(../recruit/images/list_icon.gif) no-repeat 1% 50% #ffe3e3; font-size:1.2em; font-weight:bold; text-align:left;}
p.part{width:720px; margin:0 auto;}

div#recruitBtn{margin:10px auto; width:700px; text-align:center;}

p.contact{width:690px; line-height:1.5em; margin:10px auto; border:1px solid #AAAAAA; padding:5px 10px;}

div#geotrust{width:700px; padding:10px 5px; margin:0 auto; font-size:0.9em;}
div#geotrust p.mark{margin:5px; float:left; width:130px;}
div#geotrust p.text{margin:5px; float:left;width:550x;}

p.recuitThanks{ color:#990000; font-size:1.3em; font-weight:bold; line-height:2em; margin:50px auto 80px; text-align:center; width:700px; }




/*---------kikyaku------------  */
p.textKiyaku{width:700px; margin:15px auto;}
p.textKiyaku em{font-size:0.95em;  color:#CC0000; font-style:normal; font-weight:bold;}
p.textRule{ width:600px; margin:20px auto; padding:20px; line-height:2em; border:2px solid #CCCCCC;}
div.formBtn{text-align:center; margin:15px auto; width:700px;}
div.formBtn img{margin:0 25px;}


table.form th em, table.reserve th em, table.form td em, table.reserve td em, table.confirm th em, table.confirm td em
{font-size:0.9em; color:#CC0000; font-style:normal;}



table.form{width:700px; margin:10px auto;}
table.form th.midashi{color:#990000; padding:5px 10px; font-size:1.1em; background:#F5F5F5;}
table.form th{ background:#fff; padding:5px 10px;}
table.form td{padding:5px 10px; text-align:left; background:#fff;}
table.form td.btn{text-align:center; font-size:0.1em; padding:5px;}


/*---------予約フォーム------------  */
table.reserve{width:700px; margin:10px auto;}
table.reserve th{padding:5px 10px; background:#F5F5F5;}
table.reserve td{padding:5px 10px; text-align:left; background:#fff;}
table.reserve td.btn{text-align:center; font-size:0.1em; padding:5px;}

/*---------確認画面------------  */
table.confirm{width:690px; margin:10px auto; padding:5px; border:1px #999999 solid; background:#FFF;}
table.confirm th.title{padding:5px 10px; background:#FFF; color:#990000;  font-size:1.1em;}
table.confirm th{background:#EEE; padding:5px;}
table.confirm td{padding:5px 10px; text-align:left; background:#EEE;}
table.confirm td.btn{text-align:center; background:#FFF; font-size:0.1em; padding:5px;}




/*---------カルチャー教室------------  */

h2#culturetitle {width:780px; margin:20px auto;}
h3.cultureTit {width:760px; clear:both; margin:0px auto 10px;}

div.cultureBox {width:760px; margin:0px auto 20px;}
div.cultureBox div.detail {width:500px; margin:0px; float:right;}
div.detail h4 {width:492px; padding:3px; font-weight:bold; font-size:1.2em; background-color:#F0E1B3; border:1px solid #996600; margin-bottom:10px; color:#CC0033;}
div.detail p {padding:3px; margin-bottom:10px;}
div.detail dl {margin:0px 0px 10px; padding:0px;}
div.detail dt {width:114px; float:left; background-color:#EEEEEE; padding:3px; text-align:center; margin-bottom:5px;}
div.detail dd {width:367px; float:left; padding:3px 3px 3px 10px; margin-bottom:5px;}

div.detail ul {clear:both; text-align:center;}
div.detail ul li {display:inline;}
div.detail img {margin:0px 10px;}


div#culture-reserve {width:700px; margin:0px auto;}
div#culture-reserve dl {border:1px solid #CCCCCC; margin-bottom:10px;}
div#culture-reserve dt, div#culture-reserve dd {padding:5px; text-align:center;}
div#culture-reserve dt {background-color:#EEEEEE; color:#CC0033; font-weight:bold; font-size:1.2em;}
div#culture-reserve li {margin-left:15px; list-style:disc; list-style-position:outside;}


/*---------カルチャー教室ポップアップ------------  */

div#culture_container {width:480px; margin:0px auto; background-color:#FFFFFF; padding:20px 10px;}
div#culture_container h2 { margin:0px auto 10px;}
div#culture_container h3 { margin:0px auto 10px; font-weight:bold; font-size:1.2em; color:#CC0033; text-align:center;}

div#culture_container table {width:479px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0px auto 20px;}
div#culture_container th, div#culture_container td {border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:3px; text-align:center;}
div#culture_container th {font-weight:bold; background-color:#EEEEEE;}

div#culture_container p { text-align:center;}
