/* ================================== *
 * 吉方位navi スタイルシート (0888.jp)
 *  AQUARD Inc.
 * ================================== */

/* 全般設定 */
* { margin:0px; padding:0px; }
a {text-decoration:none;}
body{ text-align:center; background-color: #FFF4EA; font-size:10pt; }
p {text-align:left}
table { margin:auto; border-collapse:collapse }
td { text-align:left; }
img { border:none; }
.notice { color:#FF0000 }
.center { text-align:center }
.right { text-align:right }
.clear { clear:both; }

/* Layout */
#top_msg { font-size: 110%; font-weight:bold; font-family: "HG丸ｺﾞｼｯｸM-PRO","ＭＳ ゴシック",sans-serif; }
#top_submsg { font-size: 80%; font-family: "HG丸ｺﾞｼｯｸM-PRO","ＭＳ ゴシック",sans-serif; }
#top_submsg2 { font-size: 60%; color: #cc0066; }
#container { background-color:#FFFFFF; width: 860px; text-align:left; margin:auto; border:solid 1px #CCCCCC; font-size:10pt }
#header { background-color: #FFFFFF; font-size:18pt; border-bottom:solid 2px #CCCCCC; padding-bottom:3px;}
#menu { float:left; width:150px; background-color:#FFFFFF }
#main { background-color:#FFFFFF; float:right; width:697px; border-left:solid 1px #DDDDDD }
#footer { background-color:#FFFFFF; color:gray; clear:both; padding:5px; border-top:solid 2px #CCCCCC; font-size:10pt; text-align:center; }
#helptopic { background-color:#FFFFCC; width: 600px; text-align:left; margin:auto; border:solid 1px #CCCCCC; font-size:10pt }

#menu ul { margin-left:2em; }
#menu li {  }
/* コンテンツ */
.imeoff { ime-mode:disabled }
.imeon { ime-mode:active }

/* step1.php, step2.php, step3.php */
/* v\:* { behavior:url(#default#VML); } */
#gmap {clear:both; }
#gmap-message { font-size:13pt; font-family:sans-serif; padding:2px; margin-top:10px; }
#gmap-menu { font-size:10pt; float: right; margin-top:10px;}
#gmap-menu li { list-style:none; float:left; width:6em; text-align:center; padding:5px; background-color: #FFCC99; }
#gmap-menu li a { color: #000000; }
#gmap-menu li a:hover { background-color: #FFCCCC; color: #FF3333; }
#gmap-menu li.active { background-color:#FF5555; color:#FFFFFF; }
#world-gmap img {
 position:absolute;
 filter: alpha(opacity=20);
 -moz-opacity:0.20;
 opacity:0.20; 
}
#sel-menu-5 { font-size:10pt; float: right; margin-top:1px;}
#sel-menu-5 li { list-style:none; float:left; width:1em; text-align:center; padding:5px; background-color: #FFCC99; }
#sel-menu-5 li a { color: #000000; }
#sel-menu-5 li a:hover { background-color: #FFCCCC; color: #FF3333; }
#sel-menu-5 li.active { background-color:#FF5555; color:#FFFFFF; }
#sel-menu-disable li { list-style:none; float:left; width:1em; text-align:center; padding:5px; background-color: #cccccc; }
#sel-menu-nop1 li { list-style:none; float:left; width:1em; height:4em; text-align:center; padding:5px; background-color: #999999; }
#sel-menu-nop2 li { list-style:none; float:left; width:1em; height:5em; text-align:center; padding:5px; background-color: #999999; }
#sel-menu-nop3 li { list-style:none; float:left; width:1em; height:8em; text-align:center; padding:5px; background-color: #999999; }
#sel-menu-6 { font-size:10pt; float: right; margin-top:1px;}
#sel-menu-6 li { list-style:none; float:left; width:1em; height:4em; text-align:center; padding:5px; background-color: #FFCC99; }
#sel-menu-6 li a { color: #000000; }
#sel-menu-6 li a:hover { background-color: #FFCCCC; color: #FF3333; }
#sel-menu-6 li.active { background-color:#FF5555; color:#FFFFFF; }
#sel-menu-7 { font-size:10pt; float: right; margin-top:1px;}
#sel-menu-7 li { list-style:none; float:left; width:1em; height:5em; text-align:center; padding:5px; background-color: #FFCC99; }
#sel-menu-7 li a { color: #000000; }
#sel-menu-7 li a:hover { background-color: #FFCCCC; color: #FF3333; }
#sel-menu-7 li.active { background-color:#FF5555; color:#FFFFFF; }
#sel-menu-8 { font-size:10pt; float: right; margin-top:1px;}
#sel-menu-8 li { list-style:none; float:left; width:1em; height:8em; text-align:center; padding:5px; background-color: #FFCC99; }
#sel-menu-8 li a { color: #000000; }
#sel-menu-8 li a:hover { background-color: #FFCCCC; color: #FF3333; }
#sel-menu-8 li.active { background-color:#FF5555; color:#FFFFFF; }

#step-switch { text-align:center; }
#step-switch img { margin:2px; }

#main-form { text-align:center; margin:0px 20px; }
#form-left { float:left; background-color:#FFCCCC; padding:5px; }
#form-right{ float:right;  background-color:#FFCCCC; padding:5px;}
#form-bottom{ clear:both; text-align:center; }
#form-select{ float:left;  background-color:#FFCC99; padding:5px; margin:5px;}

#example { margin:10px; }
#example span.red { border-left:solid 1em #FF0000; }
#example span.gray { border-left:solid 1em #666666; }
#explanations {margin:10px 20px; border:solid 1px #999999; padding:10px; }
#explanations dt { font-size:12px; font-weight:bold; }
#explanations dd { margin-left:1em; }
#explanations span {color:#FFFFFF; margin:2px; margin-right:1em; padding:1px; }
#explanations span.good { background-color:#FF3333; }
#explanations span.bad { background-color:#333333; }
#error { margin:20px; padding:5px 10px; background-color:#FFFF88; display:inline; border:solid 1px #FF8800; }
#explanations span.good2 { background-color:#FF33CC; }
#explanations span.bad2 { background-color:#0033CC; }

#result_comments {margin:10px 20px; border:solid 1px #999999; padding:10px; }
#result_comments dt { font-size:12px; font-weight:bold; }
#result_comments dd { margin-left:1em; }
#result_comments span {color:#FFFFFF; margin:2px; margin-right:1em; padding:1px; }
#result_comments span.cmt_headline { background-color:#FFFFFF; color:#000000; font-weight:bold; }
#result_comments span.item_star { color:#0033CC; }
#result_comments span.cmt_body { color:#000000; margin-left:5px; }

#result-table { margin:10px auto; }
#result-table th { background-color:#FFFFBB; padding:10px; border:solid 1px #000000 }
#result-table td { padding:10px; border:solid 1px #000000 }


/* delivery.php */
#delivery p { margin:10px }
#delivery table { border:solid 1px #CCCCCC; border-collapse:collapse }
#delivery table th { text-align:left; background-image:url("img/box.gif") }
#delivery table th.long { background-image:url("img/box2.gif") }
#delivery table td { border:solid 1px #CCCCCC; text-align:left}
#delivery .submit { text-align:center }

/* consult.php */
#consult p { margin:10px }
#consult table { border:solid 1px #CCCCCC; border-collapse:collapse; margin:auto; width:95%; }
#consult table th { text-align:left; background-image:url("img/box.gif"); padding:3px 10px; width:180px; }
#consult table th.long { background-image:url("img/box2.gif") }
#consult table td { border:solid 1px #CCCCCC; padding:3px; width:450px; }

/* whatis.php */
#whatis p { margin:5px }
#whatis ul { margin-left:50px; margin-bottom:20px }
/* whereto.php */

#privacy h2 { color:#FFFFFF; background-color:#FF9933; padding:5px; font-size:16pt; margin-bottom:10px }
#privacy li, #contract li { margin-left:2em; margin-bottom:5px }
#privacy ol ol { list-style:none }
#privacy p, #contract p { margin:5px 0px; margin-left:5px }

/* contract.php */
#contract h3 { font-size:11pt }


/* company-join.php */
#company p { margin:10px }
#inquery-contents { float:left; width:280px; border:solid 1px #DDDDDD; height:90px; padding:10px }
#inquery-contents li { margin-left:2em; list-style:square; }
#inquery-address { float:left; width:280px; border:solid 1px #DDDDDD; height:80px; padding:10px; margin-left:10px }
#inquery-address h3 { font-size:11px }
#inquery-address dt {display:inline; margin:20px }
#inquery-address dd {display:inline }

/* comment.php */
#Comment p.navigation { text-align:right; }
#Comment p.navigation span { font-size:14pt; color:#F00000; }
#Comment table { margin:10px auto; width:90%; }
#Comment td { border:solid 1px #888888; padding:5px; }
#Comment th { border:solid 1px #888888; background-color:#FFDDCC; padding:5px; }
#Comment .even { background-color:#FFEEEE; }

/* ユーザー登録関連 */
.collapse { border-collapse:collapse; border:silver solid 1px }
.back_skyblue { background-color: #ccffff }
.collapse_skyblue { border-collapse:collapse; border:silver solid 1px; background-color: #ccffff }
.fut_tbl1 { border-collapse: collapse; border: 1px solid #999999; margin: 10px; }
.fut_tbl1 td { border: 1px solid #999999; }