@charset "utf-8";

/* 共通 ------------------------------------------------------- */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;text-align:center; margin:0}
body,th,td,ul,li,dl,dt,dd,form{ line-height:1.5em; color:#333;}
h1,h2,h3,h4,h5{ font-size:100%; margin:0;}
img{ border:none;vertical-align: bottom; }
ul,li{ margin:0; padding:0;}
th,td{ vertical-align:top}
textarea { font-size: 100%;}

a:link{ color:#F58650}
a:visited{ color:#755B55}
a:hover{ color:#FF625E}

p{ margin:0 0 10px}
.clear{ clear: both}
.fl_left{ float:left; margin-right:15px}
*:first-child+html .fl_left{ margin:15px; padding:0; float:left; z-index:0}
*:first-child+html .fl_right{ float:right; width:400px}


/* 上部 ------------------------------------------------------- */
#wrapper{ width:830px; margin:0 auto}
#header{ margin:0 auto; background:url(../images/common/frame_bg_t.gif) no-repeat center top; padding:25px 35px 0; text-align:left}
#header #topnavi{ text-align:right; margin:0; font-size:12px}

/* メイン部 */
#main{ margin:0 auto; background:url(../images/common/frame_bg_m.gif) repeat-y center; padding:10px 15px 0; text-align:left; }
#main #contents{ /* background:#eee; */ width:700px; clear:both; padding:35px 50px 20px;}


/* グローバルメニュー */
#main #menu ul{ list-style:none; text-indent:-3000px}
#main #menu ul li{ float:left; text-align:center;}
#main #menu ul li a{ height:45px; width:160px; display:block; background:url(../images/common/menu_bg.gif) no-repeat}
#main #menu ul li a:hover{ background:url(../images/common/menu_bg_on.gif);}
#main #menu ul li#m1 a{ background-position:0 0}
#main #menu ul li#m2 a{ background-position:-160px 0}
#main #menu ul li#m3 a{ background-position:-320px 0}
#main #menu ul li#m4 a{ background-position:-480px 0}
#main #menu ul li#m5 a{ background-position:-640px 0}


/* 下部 */
#main #c_footer{ background:url(../images/common/footer_bg.gif) repeat-x; height:50px;}
#main #c_footer p{ margin:0 20px; padding:10px 0 0;font-size:12px; line-height:1.3em}
#footer{ margin:0 auto; background:url(../images/common/frame_bg_b.gif) no-repeat center bottom; height:40px; color:#fff; font-size:11px;}



/* 共通2 ------------------------------------------------------- */
h2{ margin:0 0 10px;}
h3{ margin:0 0 10px;}
.mb15{ margin-bottom:15px}
.mb35{ margin-bottom:35px}
*:first-child+html .mb35{ margin-bottom:35px; margin-left:10px}
.mb50{ margin-bottom:50px}
.mbno{ margin-bottom:0;}

/* ご注文ボタン */
#btn_order{ background:url(../images/top/package.jpg) no-repeat right; background-position:450px 0; height:180px}
#btn_order img{ margin:20px 50px 0}




/* トップページ ------------------------------------------------------- width700px*/
#Toppage{ text-align: left;}
#Toppage .box{ background:url(../images/top/box_b.gif) no-repeat bottom; padding-bottom:10px; margin-bottom:10px}
#Toppage .box div{background:url(../images/top/box_t.gif) no-repeat top; padding:10px 20px 5px;}
#Toppage .box div p{ margin:10px 0 0}

#Toppage #btn_about{ background:url(../images/top/arrow.gif) no-repeat center; height:100px; text-align:right; margin-bottom:10px; padding-top:15px;}
#Toppage h2{margin:0 0 25px}

#Toppage dl{ width:600px; margin:0 0 15px; padding:0; text-align:left}
#Toppage dt{margin:0;}
#Toppage dd{ margin:0; padding:15px 25px 15px;background:url(../images/top/voice_bg.gif) bottom no-repeat}
#Toppage dd div{ margin:10px 0 0; }
#Toppage dd div img{ text-align:right; margin:0 0 0 50px}
#Toppage p.remark{ font-size:12px;  margin:0 50px 35px}

/* アクアマーシーについて */
#About #system{ background:url(../images/about/box_t.gif) no-repeat top; width:675px; padding-top:10px; margin-bottom:35px}
#About #system div{ background:url(../images/about/box_b.gif) no-repeat bottom; padding-bottom:10px}
#About #system div div{ background:url(../images/about/box_m.gif) repeat-y; padding:20px }
#About ul{ list-style:url(../images/about/list.gif); margin:0 35px 15px}


/* 会社概要 */
#Company table{ margin:0 auto 35px; width:600px; background:#69c}
#Company table th{ width:100px; background:url(../images/common/bg1.gif) repeat; padding:3px 15px; border:#fff 1px solid}
#Company table td{ background:#fff; padding:3px 15px;}

/* プライバシー */
#Privacy table{ margin:0 auto 35px; width:600px; background:#69c}
#Privacy table th{ width:100px; background: url(../images/common/bg1.gif) repeat; padding:3px 15px; border:#fff 1px solid}
#Privacy table td{ background:#fff; padding:3px 15px}


/* お問合せ */
#Contact table{ margin:0 auto 15px; width:650px; background:#69c}
#Contact table th{ width:130px; background:url(../images/common/bg1.gif) repeat; padding:3px 15px; border:#fff 1px solid}
#Contact table td{ background:#fff; padding:3px 15px;}

#Contact table th span{ color:#f00; margin-left:5px}
#Contact table td span{ color:#f00; margin-left:0.5em; font-size:12px;}

#Contact p.attention{ color:#f00;}

/* FAQ */
#Faq ul{list-style:url(../images/about/list.gif); margin:0 25px 35px}

#Faq div.faq{ background:url(../images/faq/box_t.gif) no-repeat top; padding-top:10px; width:650px; margin:0 auto 15px}
#Faq div.faq div{ background:url(../images/faq/box_b.gif) no-repeat bottom; padding-bottom:25px}
#Faq div.faq div div{ background:url(../images/faq/box_m.gif) repeat-y; padding:0 25px}
#Faq div.faq div h4{ background:url(../images/faq/q_bar.gif) no-repeat bottom; color:#395DA9; padding:8px 25px 3px; text-indent:30px; margin:0 0 15px}
#Faq div.faq div p{ margin:0}
#Faq div.faq div p.mb{ margin:0 0 15px}

#Faq table{ margin:15px auto; width:500px; background:#69c}
#Faq table th{ width:60%;background:url(../images/common/bg1.gif) repeat; padding:3px 15px; border:#fff 1px solid;text-align: left}
#Faq table td{ background:#fff; padding:3px 15px; text-align:center}
#Faq p#profile {padding-left:3em; font-size:13px; line-height:1.4em}

/* 声 */
#Voice dl{ width:650px; margin:0 20px 15px; padding:0}
#Voice dt{margin:0; background:url(../images/common/bg1.gif) repeat; padding:5px 25px; border:#69c 1px solid; font-weight:bold}
#Voice dd{ margin:0 0 20px; padding:15px 25px 15px;background:url(../images/voice/letter_bg.gif) bottom no-repeat}

#Voice dd p.w{ margin:10px 0 0; background:url(../images/voice/woman.gif) no-repeat left; padding:0 20px; color:#EA3665}
#Voice dd p.m{ margin:10px 0 0; background:url(../images/voice/man.gif) no-repeat left; padding:0 20px; color:#1B3760}