@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-moretop.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-moretop.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	width:1024px;
	margin:0 auto;
}
/* header
---------------------------------------------- */
#header {
	width:1024px;
	height:89px;
	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 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);
}
/* GLOBAL-NAVI --------------------------------*/
#global_navi {
	width:992px;
	height:45px;
	float:right;
}
#global_navi ul {
	list-style-type:none;
}
#global_navi li {
	float:left;
	height:45px;
}
#global_navi li a{
	display: block;
	height:45px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#global_navi .t-menu1 a {
	width:193px;
	background-image:url(../img/top/top-menu1.jpg);
}
#global_navi .t-menu2 a {
	width:192px;
	background-image:url(../img/top/top-menu2.jpg);
}
#global_navi .t-menu3 a {
	width:191px;
	background-image:url(../img/top/top-menu3.jpg);
}
#global_navi .t-menu4 a {
	width:192px;
	background-image:url(../img/top/top-menu4.jpg);
}
#global_navi .t-menu5 a {
	width:192px;
	background-image:url(../img/top/top-menu5.jpg);
}
#global_navi li a:hover {
	background-position:0 -45px;
}
/* middle
---------------------------------------------- */
#middle {
	width:1024px;
	float:left;
	padding:10px 0 10px 0;
}
#middle #t-main {
	width:992px;
	float:right;
}
#middle #fla-main {
	width:992px;
	height:470px;
	float:right;
}
#fla-main .t-flash {
	width:990px;
	height:450px;
	float:left;
}
/*contact***********************/
#contact_box{
	width:750px;
	margin:0 auto;
	text-align:left;
}
#middle #contact_ttl {
	width:960px;
	height:auto;
	margin:5px 0;
	float:left;
}
#contact_box table{
	width:750px;
	float:left;
	margin:10px auto;
	background-color:#D60400;
	font-size:12px;
}
#contact_box table th{
	background-color:#D60400;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#FFFFFF;
	padding:3px 5px;
}
#contact_box table td{
	background-color:#FFFFFF;
	padding:3px 5px;
}
#contact_box table td.submit_btn{
	text-align:center;
}

/* 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;
	margin:0 7px 0 7px;
}
#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;
}
/* --site map------------------------ */
#t-main #sitemap_ttl {
	width:960px;
	height:36px;
	margin:5px 0;
	float:left;
}
#t-main #sitemap_box {
	width:960px;
	float:left;
}
#sitemap_box .site_middle {
	width:958px;
	float:left;
	border-right:1px #e80a01 solid;
	border-left:1px #e80a01 solid;
}
.site_middle .site_wrap {
	width:930px;
	float:right;
}
.site_wrap .site_box {
	width:280px;
	float:left;
	margin:0 30px 20px 0;
}
.site_wrap .site_box_last {
	width:280px;
	float:left;
	margin:0 0 20px 0;

}
.site_map_ttl {
	width:115px;
	height:32px;
	float:left;
	clear:both;
	margin-bottom:8px;
}
.s-item  {
	list-style-type:none;
}
.s-item  li {
	float:left;
}
.s-item  li a {
	display:block;
	width:280px;
	height:30px;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	text-align:left;
	text-indent:20px;
	background-image:url(../img/sitemap/bg-sitemap2.gif);
	background-repeat:no-repeat;
	color:#393939;
	text-decoration:none;
}
.s-item  li a:hover {
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	background-position:0 -30px;
}
.s-item  li a:visited {
	text-decoration:none;
}
.s-item2  {
	list-style-type:none;
}
.s-item2  li {
	float:left;
}
.s-item2  li a {
	display:block;
	width:280px;
	height:30px;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	text-align:left;
	text-indent:20px;
	background-image:url(../img/sitemap/bg-sitemap.gif);
	background-repeat:no-repeat;
	color:#393939;
	text-decoration:none;
}
.s-item2  li a:hover {
	font-size:14px;
	font-weight:bold;
	color:#367f1d;
	background-position:0 -30px;
}
.s-item2  li a:visited {
	text-decoration:none;
}
/* エラー表示 */
.errmsg{
	clear:both;
	width:450px;
	margin:0 auto;
	background-image:url(../img/bg/bg_errmsg.gif);
	background-repeat:repeat-y;
	font-size:12px;
}
.errmsg .top{
	width:400px;
	height:30px;
	background-image:url(../img/bg/bg_errmsg_top.gif);
	background-repeat:no-repeat;
	padding:39px 0 0 50px;
}
.errmsg .mid{
	width:370px;
	color:#ff0000;
	padding:5px 20px 0 60px;
}
.errmsg .btm{
	width:450px;
	height:38px;
	background-image:url(../img/bg/bg_errmsg_btm.gif);
	background-repeat:no-repeat;
}
/* OK表示 */
.okmsg{
	clear:both;
	font-size:12px;
	width:450px;
	margin:0 auto;
	background-image:url(../img/bg/bg_errmsg.gif);
	background-repeat:repeat-y;
}
.okmsg .top{
	width:400px;
	height:30px;
	background-image:url(../img/bg/bg_okmsg_top.gif);
	background-repeat:no-repeat;
	padding:39px 0 0 50px;
	font-weight:bold;
}
.okmsg .mid{
	width:370px;
	padding:5px 20px 20px 60px;
}
.okmsg .btm{
	width:450px;
	height:38px;
	background-image:url(../img/bg/bg_errmsg_btm.gif);
	background-repeat:no-repeat;
}

.contact_info{
	font-size:12px;
	padding-top:10px;
	float:left;
}