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

/* base */
* {margin: 0; padding: 0;}
body, td, th {font: 12px/1.8em "メイリオ",Meiryo,Georgia, Verdana,Tahoma,"Lucida Grande","Lucida Sans Unicode",Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; color: #333333;}
body {background: #FFF; text-align: center;}

h1,h2,h3,h4,h5 {font-size: 100%;}
ul, li {list-style-type: none;}
p {border: 0;}

img {vertical-align: bottom; border:0;}

table{border-collapse:collapse; vertical-align:top; border: 0; border-spacing:0;}

input {vertical-align: middle;}
input[type='text'] {border: solid 1px #E6EAF5;}
input[type='image'] {border: none;}

select {border: solid 1px #E6EAF5;}

p.infoCenter{text-align:center !important;}

/* general layout */
div#container {width: 960px; margin: 0 auto; padding: 0 0; text-align: left; background: url(../img/bg_contents.gif) 0 0 repeat-y;}
#container:after {/* firefox背景色表示用 */ content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
#contents {margin:15px 0 0;width: 960px !important;}
#main {width:740px !important;float:right;}
#side {width:200px !important;float:left;}
#makebanner{width: 960px !important;}
#makebanner td{text-align:left;}

/* side */
#side .bnr_side p{margin:0 0 5px;}
#side .bnr_side{}
#side .category{border:1px solid #DEDEE0;border-top:none;margin:10px 0 20px;}
#side .category .ttl_cate{ background: url(../img/bg_ttl_cagegory.gif) 0 0 repeat-x;padding:5px 0 5px 0;color:#555E3F;margin:0 !important;line-height:1em;font-weight:bold;}
#side .category .ttl_cate a:link,
#side .category .ttl_cate a:visited {color:#555E3F; text-decoration:none;}
#side .category .ttl_cate a:active,
#side .category .ttl_cate a:hover {color:#555E3F; text-decoration:underline;}
#side .category ul{margin:10px 5px;display:none;}
#side .category li{ background: url(../img/arrow_gray.gif) 0 0.5em no-repeat;padding:0 0 0 15px;}
#side .side_menu_box{background:#EBEBEB;padding:5px 5px 0 5px;margin:0 0 20px;}
#side .side_menu_box .side_menu_box_inner{background:#fff;}
#side .side_menu_box .side_menu_box_inner h3{background:#F7F7F7;padding:5px 0 5px 5px;}
#side .side_menu_box .side_menu_box_inner h3 span{border-left:4px solid #00B1E6;padding-left:10px;}

#side .side_menu_box .side_menu_box_inner .search_box{text-align:center;padding:15px 0 10px;}
#side .side_menu_box .side_menu_box_inner .search_box input{width:160px;margin:0;padding:3px 5px;}
#side .side_menu_box .side_menu_box_inner .search_box .btn{margin:10px 0 0;text-align:center;}

#side .side_menu_box .side_menu_box_inner .calendar_box{padding:5px 10px;}
#side .side_menu_box .side_menu_box_inner .calendar_box h4{text-align:center;background:#BBEEFF;margin:0 0 5px;}
#side .side_menu_box .side_menu_box_inner .calendar_box .now{padding:5px 0;}
#side .side_menu_box .side_menu_box_inner .calendar_box .next{padding:5px 0;}
#side .side_menu_box .side_menu_box_inner .calendar_box table{width:170px;}
#side .side_menu_box .side_menu_box_inner .calendar_box td{text-align:center;}
#side .side_menu_box .side_menu_box_inner .calendar_box .shop_time_txt{line-height:1.2em;margin-bottom:10px;}

#side .side_menu_box .side_menu_box_inner .oshirase_box{padding:10px;}
#side .side_menu_box .side_menu_box_inner .oshirase_box li{background: url(../img/arrow_gray.gif) 0 0.5em no-repeat;padding:0 0 0 15px;}
#side .speacer{height:5px;line-height:1em;font-size:0;}

/* header */
h1{font-size:10px;}
#header {width: 960px;}
#header .inner{width: 960px;}
#header .logo {float:left;width:300px;}
#header .member {float:right;width:500px;text-align:right;}
#header .member td{text-align:right !important;width:500px;}
#header .member td .forget{font-size:10px;text-align:right;}
#header .member .newmen{text-align:right;margin-bottom:8px;}
#header .member .newmen a:link,
#header .member .newmen a:visited {text-decoration:none;}
#header .member .newmen a:active,
#header .member .newmen a:hover {text-decoration:none;border-bottom:none;}
#header .member .mem_menu{text-align:right;}
#header .login{padding-top:8px;}

.menu01{margin:10px 0 10px;}
.menu01 li{float:left;}
.menu02{border-bottom:4px solid #DEDEE0;}
.menu02 li{float:left;}

 /* Newlogin */
.lognav {float:right;width:380px;margin-top:0px;text-align:right;}
.lognav ul{margin-top:0px;margin-right: 3px; padding-bottom: 20px; list-style: none;}
.lognav li{display:inline-block; padding: 0; margin-left: 3px;}
.lognav li a{display:inline-block;}
.lognav a:hover img {opacity: 0.7;filter: alpha(opacity=70);}
.lognav .M_loginBtn{display:block;width:55px;height:14px;background:url(../img/h_nav04.jpg) no-repeat 0 0;text-indent:-9999em;text-align:left;overflow:hidden;}
.lognav .M_logoutBtn{display:block;width:67px;height:14px;background:url(../img/h_nav04_out.jpg) no-repeat 0 0;text-indent:-9999em;text-align:left;float:left;overflow:hidden;}
.lognav .M_loginBtn:hover,
.lognav .M_logoutBtn:hover{background-position:0 -14px;}
.lognav .M_helloMsg{float:left;font-size:11px; margin-right:5px;line-height:14px;}

/* footer */
#footer_menu{padding:20px;background: #F7F7F7;margin:30px 0 0;}
#footer_menu h2{font-size:14px;margin:0 0 20px;border-left:5px solid #00B1E6;padding-left:12px;}
#footer_menu .footer_menu_left{float:left;width:400px;}
#footer_menu .footer_menu_right{float:right;width:400px;}
#footer_menu h3{font-size:14px;margin:0 0 8px;border-left:5px solid #00B1E6;padding-left:12px;}
#footer_menu h3 span{padding-left:4px;padding-top:4px;}
#footer_menu h4{margin:4 0 4 0px;}
#footer_menu h4 span{padding-left:15px;}
#footer_menu div{margin:0 0 20px;}
#footer_menu div p{margin:0 0 15px;font-size:12px !important;}

#footer {width: 100%; border-top:1px solid #DEDEE0;padding:15px 0;margin:50px 0 0;}
#footer .copyright{text-align:center;}


/* anchor */
a:link, a:visited {color: #05619E; text-decoration:none;}
a:active, a:hover {color: #00B1E6; text-decoration:underline;}
p.mem_menu a:link, p.mem_menu a:visited {text-decoration:none;}
p.mem_menu a:active, p.mem_menu a:hover {text-decoration:none;}
div.login a:link, div.login a:visited {text-decoration:none;}
div.login a:active, div.login a:hover {text-decoration:none;}
/* etc */
.clear {clear: both;  display: none; font-size: 0px; line-height: 0%; height: 0px}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */