@charset "Shift_JIS";
/************************************************
raum-net.com CSS2.0 
全ページ共通スタイルシート
2009.11.05.製作開始
製作：Leadguidance
************************************************/
/*default style reset
---------------------------------------------- */

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,address {
	margin: 0;
	padding: 0;
}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table,th,tr,td {}

a:link{color:#2B3DEB;text-decoration:underline;}
/*a:visited{color:#2B3DEB;text-decoration:underline;}*/
a:hover{color:#F72281;text-decoration:none;}
a:focus{outline:none;}
body {
	background:url(../img/top/bg-top.gif);
	background-repeat:repeat-x;
	padding: 0; /* liquid */
	font-family: sans-serif;
	text-align: center;/* for ie */
	margin:0;
	background-color:#ffffff;
	color:#757575;
}
a img {
	border: 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.red {
	color:#FF0000;
}
.orange {
	color:#FF8400;
}
.b {
	font-weight:bold;
}
/* 調整用 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;min-height:1%;}
/*\*/* html .clearfix{height:1%;}
.clearfix{display:block;}

/* wrap
---------------------------------------------- */
#wrapper {
	background:url(../img/top/bg-top.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	width:1024px;
	margin:0 auto;
}
/* header
---------------------------------------------- */
#header {
	width:1024px;
	height:133px;
	text-align:left;
	float:left;
	position:relative;
}
#header h1 a {
	width:149px;
	height:79px;
	float:left;
	text-indent:-9999px;
	background-image:url(../img/top/logo.gif);
	background-repeat:no-repeat;
}
#header .head_box {
	width:830px;
	height:57px;
	position:absolute;
	top:14px;
	left:157px;
}
.head_box h2 {
	width:273px;
	height:57px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}
.head_box .shop_box {
	width:496px;
	height:22px;
	float:right;
	margin-bottom:13px;
}
.shop_box ul {
	list-style-type:none;
}
.shop_box li {
	float:left;
	height:22px;
}
.shop_box li a{
	display: block;
	height:22px;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
.shop_box .shop1 a {
	width:92px;
	background-image:url(../img/top/shop1.gif);
}
.shop_box .shop2 a {
	width:73px;
	background-image:url(../img/top/shop2.gif);
}
.shop_box .shop3 a {
	width:73px;
	background-image:url(../img/top/shop3.gif);
}
.shop_box .shop4 a {
	width:85px;
	background-image:url(../img/top/shop4.gif);
}
.shop_box .shop5 a {
	width:73px;
	background-image:url(../img/top/shop5.gif);
}
.shop_box li.active a ,
.shop_box li a:hover {
	background-position:0 -22px;
}
.head_box .icon_box {
	width:203px;
	height:22px;
	float:right;
}
.icon_box ul {
	list-style-type:none;
}
.icon_box li {
	float:left;
	height:22px;
}
.icon_box li a{
	display: block;
	height:22px;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
.icon_box .contact a {
	width:76px;
	background-image:url(../img/top/icon-contact.gif);
}
.icon_box .sitemap a {
	width:102px;
	background-image:url(../img/top/icon-map.gif);
}
/* 
.icon_box li a:hover {
	background-position:0 -22px;
}
----*/
/* GLOBAL-NAVI --------------------------------*/
#global_navi {
	width:964px;
	height:48px;
	float:left;
	position: absolute;
	top:79px;
	left:29px;
}
#global_navi ul {
	list-style-type:none;
}
#global_navi li {
	float:left;
	height:48px;
}
#global_navi li a{
	display: block;
	height:48px;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
#global_navi .nav1 a {
	width:107px;
	background-image:url(../img/top/nav1.gif);
}
#global_navi .nav2 a {
	width:144px;
	background-image:url(../img/top/nav2.gif);
}
#global_navi .nav3 a {
	width:150px;
	background-image:url(../img/top/nav3.gif);
}
#global_navi .nav4 a {
	width:153px;
	background-image:url(../img/top/nav4.gif);
}
#global_navi .nav5 a {
	width:129px;
	background-image:url(../img/top/nav5.gif);
}
#global_navi .nav6 a {
	width:148px;
	background-image:url(../img/top/nav6.gif);
}
#global_navi .nav7 a {
	width:133px;
	background-image:url(../img/top/nav7.gif);
}
#global_navi li a:hover {
	background-position:0 -48px;
}
#global_navi .active a {
	background-position:0 -48px;
}
/* middle
---------------------------------------------- */
#middle {
	width:1024px;
	float:left;
	padding:0 0 10px 0;
}
/* right_box
---------------------------------------------- */
#middle #right_box {
	width:283px;
	float:right;
}
#right_box .banner-ttl {
	width:245px;
	height:30px;
	float:left;
	margin-bottom:5px;
}
#right_box .banner-paynet {
	width:245px;
	height:80px;
	float:left;
	margin-bottom:5px;
}
#recommend_box {
	width:263px;
	padding-bottom:6px;
	float:left;
}
#recommend_box .recommend-banner {
	float:left;
	margin-bottom:5px;
}
#online_box {
	width:250px;
	padding-bottom:6px;
	float:left;
}
#online_box .online-banner {
	width:120px;
	height:60px;
	float:left;
	margin:0 5px 5px 0;
}
#corporation_box {
	width:250px;
	padding-bottom:6px;
	float:left;
}
#corporation_box .kajico-banner {
	width:120px;
	height:60px;
	float:left;
	margin:0 5px 5px 0;
}
#right_box .right_menu {
	width:245px;
	height:429px;
	background-color:#f7e1be;
	position:relative;
	float:left;
	margin-bottom:10px;
}
.right_menu .right_wrap {
	width:230px;
	position:absolute;
	top:10px;
	left:15px;
}
.right_wrap .right_menu_box {
	width:235px;
	height:124px;
	margin-bottom:10px;
	float:left;
}
.right_menu_box .fee-system a {
	display:block;
	width:215px;
	height:27px;
	float:left;
	text-indent:-9999px;
	background-image:url(../img/top/btn-system-r.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}
.right_menu_box .food-menu a {
	display:block;
	width:215px;
	height:27px;
	float:left;
	text-indent:-9999px;
	background-image:url(../img/top/btn-food-r.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}
.right_menu_box .floor-map a {
	display:block;
	width:215px;
	height:27px;
	float:left;
	text-indent:-9999px;
	background-image:url(../img/top/btn-floormap-r.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}
.right_menu_box  a:hover {
	background-position:0 -27px;
}
.menu-picture {
	width:102px;
	height:89px;
	margin-right:5px;
	float:left;
}
.menu-cmt {
	width:108px;
	height:89px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:left;
}
.right_wrap .right_line {
	width:215px;
	height:1px;
	margin-bottom:5px;
	float:left;
}
/* footer
---------------------------------------------- */
#footer {
	background:url(../img/top/bg-bottom.gif);
	background-repeat:repeat-x;
	width:auto;
	height:60px;
}
#footer #footer_contents{
	width:1024px;
	height:60px;
	margin:0 auto;
}
#footer #footer_contents ul{
	list-style-type: none;
	color:#d20000;
	width:1024px;
}
#footer #footer_contents ul li{
	display: inline;
}
#footer #footer_contents ul li a {
	color:#d20000;
	font-size:12px;
	line-height:30px;
}
#footer #footer_contents ul li a:hover {
	color:#1E2C5F;
}
#footer address {
	width:950px;
	height:30px;
	font-style:normal;
	font-size:11px;
	line-height:30px;
	color:#d20000;
	float:left;
	text-align:right;
}
/* --bread------------------------ */
#middle .bread {
	width:994px;
	font-size:11px;
	text-align:left;
	line-height:20px;
	float:right;
}
#middle .bread a {
	color:#d71a1a;
}
#middle .bread a:hover {
	color:#214198;
}
/* --page top------------------------ */
#middle .go-top {
	width:127px;
	height:26px;
	background-image:url(../img/icon/bg-pagetop.gif);
	background-repeat:no-repeat;
	float:right;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	text-align:left;
	text-indent:30px;
}
#middle .go-top a {
	color:#ffffff;
}
#middle .go-top a:hover {
	color:#ffffff;
}