@charset "UTF-8";
/* CSS Document */

* {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg_body.jpg) repeat-x top center;
    font-size: 12px;
    line-height: 17px;
	border-top:5px solid #003481;

}
img {
    vertical-align: middle;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
input {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:5px;}
.mb5 {margin-bottom:5px;}
.mr39 {margin-right:39px;}
.mr10 {margin-right:10px;}
.mt10 { margin-top:10px;}
.mt40 { margin-top:40px;}
.m25 {margin:25px 0;}


.bg_header { border-bottom:5px solid #ee473e;}
#header {width:990px; margin:0 auto; position:relative; overflow:hidden; height:102px;}
#logo { position:absolute; top:30px; left:0;}
#order { position:absolute; left:240px; top:0; width:199px; height:102px;}
#hrr { position:relative; left:470px; top:40px; overflow:hidden;}
#hrr #home { width:200px; padding-left:300px; font:14px/20px Arial, Helvetica, sans-serif; margin-bottom:10px;}
#hrr #home a {margin:0 3px; color:#0b0b0b; text-decoration:none; padding-right:5px;}
#hrr #home a:hover {color:#ef1f22;}
#hrr a { color:##order;}
#nav {}
#nav li { float:left; text-transform:uppercase; font:18px/25px "Times New Roman", Times, serif;}
#nav li a { margin:0 18px;; color:#0b0b0b; text-decoration:none;}
#nav li a:hover {color:#ef1f22;} 

#main_img {width:970px; margin:0 auto; height:385px; position:relative; padding-top:20px; margin-bottom:10px;}
#main_img .squ {position: absolute; z-index: 1000;  top:25px; left:25px; width:150px; height:25px;}
#main_img .squ li {float:left; margin-right:12px;}
#main_img .off {display:block; height:18px; width:18px; background-color:#fff; cursor:pointer; }
#main_img .off:hover {display:block; height:18px; width:18px; background-color:#3c1011; }
#main_img .on {display:block; height:18px; width:18px; background-color:#3c1011; }
#main_img .on:hover {display:block; height:18px; width:18px; background-color:#fff; cursor:pointer; }

#main_content01 {width:970px; margin:0 auto; overflow:hidden;}
.tit_brown { background:url(../images/tit_brown.gif) no-repeat top left; height:43px; font:27px/43px  Arial, Helvetica, sans-serif; text-align:center; color:#fff;}
.tit_green { background:url(../images/tit_green.gif) no-repeat top left; height:43px; font:27px/43px  Arial, Helvetica, sans-serif; text-align:center; color:#fff;}

.box { float:left; width:297px; position:relative;}
.box ul{ float:left; padding:0 10px 0 0;}
.name { font-size:18px; color:#393e15; text-align:center;}
.box p a {font:12px/18px Arial, Helvetica, sans-serif; color:#5c5a56;}
.box .more {width:62px; height:27px;  float:right;}
.box .more a{ background:url(../images/bg_more.gif) no-repeat 0 0; width:62px; height:27px; display:block; text-indent:-9999px; margin-top:20px; float:right; cursor:pointer;}
.box .more a:hover { background:url(../images/bg_more.gif) no-repeat -62px 0; }


.video  {background:url(../images/bg_video.gif) no-repeat 0px 0px; width:267px; height:188px; position:relative; margin:0 auto;}
.video img { position:relative; top:42px; left:17px; width:235px; height:113px;}
.video .btn_play {position:absolute; top:80px; left:100px; height:40px; width:53px; height:53px; display:block; z-index:1000; background:url(../images/btn_play.png) no-repeat 0 0; cursor:pointer;}

#board1{ margin-bottom:10px;}
#board2{ margin-bottom:10px;}
#board3{ margin-bottom:10px;}


#main_content02 {width:970px; margin:0 auto; overflow:hidden; margin-top:0px;}
#main_content02 #gallery {float:left; width:660px;}
.gallery {position:relative; height:150px; background:url(../images/bg_gallery.gif) no-repeat top left;}
.gallery img {border:5px solid #fff; margin:0 3px;}
.gallery img:hover {border:5px solid #7f7a7a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.gallery .current img {border:5px solid #7f7a7a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.gallery li {float:left; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.gallery ul { position:absolute; left:35px; top:13px;}
.gallery_arrl { background:url(../images/slide_arr.gif) no-repeat 0 0; width:18px; height:29px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; left:0px; top:60px;}
.gallery_arrr { background:url(../images/slide_arr.gif) no-repeat -18px 0; width:18px; height:29px; display:block; text-indent:-9999px; cursor:pointer; position:absolute; right:6px; top:60px;}
.tit_gallery { font:bold 20px/30px Arial, Helvetica, sans-serif; padding-left:50px; }

#main_content02 #side_info {float:right; width:267px; padding-right:13px;} 
.sns a { margin-right:10px;}

.bg_footer {border-top:2px solid #d1cfcd;}
#footer {width:970px; margin:0 auto; position:relative; overflow:hidden; padding-top:30px; height:80px;}
#footer .footer_logo { position:absolute; width:380px; top:20px; left:0px;}
#footer .footer_info { position:absolute; left:380px; top:20px; color:#272623; font:18px/24px Arial, Helvetica, sans-serif; text-align:center;}
#footer .footer_info .copyright {font:14px/18px Arial, Helvetica, sans-serif;}


#sub {width:970px; margin:0 auto; overflow:hidden; position:relative; padding:40px 0;}
#sidebar {float:left; width:142px;}
#sub_content {float:right; width:715px;}


#sidebar .tit_side { font:bold 23px/30px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.tit_gray {font:12px/18px Arial, Helvetica, sans-serif; color:#b0aaa9; border-bottom:2px solid #ee473e;}
.tit_mgary {padding:10px 10px 10px 15px; font:15px/18px Arial, Helvetica, sans-serif;} 
.tit_mgary a { color:#686363; text-transform:uppercase;}
.sidemenu .title{ background:url(../images/bg_sidebar.gif) no-repeat top left; font:16px/30px Arial, Helvetica, sans-serif; padding-left:15px; color:#fff;}
.sidemenu ul { border-bottom:3px solid #ee3f35; border-left:3px solid #ee3f35; border-right:3px solid #ee3f35; padding:10px 5px 10px 10px}
.sidemenu ul li {color:#635f5e; padding-left:10px; background:url(../images/arr_gray.gif) no-repeat 5px 5px;}
.sidemenu ul li a {font:14px/18px Arial, Helvetica, sans-serif; color:#635f5e;}

.title_box { overflow:hidden; border-bottom:1px solid #dd6622;}
.title_box .title {float:left; width:400px; font:24px/24px Arial, Helvetica, sans-serif; color:#ee3f35;} 
.title_box .title span {font:12px/24px Arial, Helvetica, sans-serif; color:#b0aaa9;}
.title_box .where { float:right; width:250px; font:11px/30px Arial, Helvetica, sans-serif; color:#999; text-align:right;}
.title_box .where a {color:#999; background:url(../images/arr_red.gif) no-repeat 3px 3px; padding-left:10px; margin-right:7px;}
.title_box .where a:hover {color:#333;}
.title_box .where .none {background:none;}

#sushi_ex { padding:20px;}
#sushi_ex h2 {font:20px/30px Arial, Helvetica, sans-serif;}
#sushi_ex h2 span {color:#e40101;}
#sushi_ex h3 {font:18px/24px Arial, Helvetica, sans-serif; color:#eb071d;}
#sushi_ex h3 span {font:14px/24px Arial, Helvetica, sans-serif; color:#080808;}

/* pagenum */
.pagenum {color:#1d1d1d;   margin-bottom:10px; margin-left:570px;}
.pagenum a {color:#1d1d1d;}
.pagenum a:hover {color:#fe0000; font-weight:bold;}
.pagenum .current {color:#fe0000; font-weight:bold;}
.or_btn {background-color:#fe0000; padding:0px 10px; color:#fff; cursor:pointer;}
.or_btn:hover {background-color:#fe0000; padding:0px 10px; color:#fff;}