/* ========================== */
* {
        margin: 0;
        padding: 0;
        border: none;
        list-style-type: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
}
/* ========================== */

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* メニュー＿トップ用 */

#menu20 {
     margin: 0px auto 0px; /* center on everything else */
	 width: 550px;
	 height:30px;
height :0 !important;
height /**/: 30px;
padding-top:30px;
}
#menu22 {
     margin: -30px auto 0px; /* center on everything else */
     padding: 0px;
	 list-style-type: none;
}
#menu22 ul {
     margin: 0px auto 0px; /* center on everything else */
     padding: 0px;
	 background-color:#000;
}
#menu22 li {
     margin: 0px 4px 0px 4px;
	 width: 70px;
	 height: 30px;
     float: left;
}
#menu22 a {
display: block;
width: 70px;
height: 30px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;
overflow:hidden;
height :0 !important;
height /**/: 30px;
padding-top:30px;
}

#menu22 li a.top {background-image: url("../images/menu/top.jpg");}
#menu22 li a.about {background-image: url("../images/menu/about.jpg");}
#menu22 li a.work {background-image: url("../images/menu/work.jpg");}
#menu22 li a.shop {background-image: url("../images/menu/shop.jpg");}
#menu22 li a.blog {background-image: url("../images/menu/blog.jpg");}
#menu22 li a.link {background-image: url("../images/menu/link.jpg");}
#menu22 li a.mail {background-image: url("../images/menu/mail.jpg");}
/* マウスオンすると重なった25px下の画像が出現-------------------------------- */
#menu22 li a:hover {background-position: 0 -30px;}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#cent {
	width: 760px; /* 530px */
	margin:auto;
	text-align:center;
	background-color:#000;
	padding: 0px 5px 0px 5px;
}

#menu {
     padding: 0px;
}
#menu ul {
     margin: 0px;
     padding: 0px;
}
#menu li {
     margin: 0px 4px 10px 4px;
     float: left;
}
#menu a {
     width: 77px;
     display: block;
     padding : 3px 0px 3px 3px ;
     border-left: 0px solid #000000;
     border-bottom: 3px solid #000000;
     /* ■■border-bottom: 2px solid #000000;■■ */
     background-color: #FFFFFF;
     text-decoration: none;
	 text-align:center;
     color: #000000;
}
#menu a:hover {
     width: 77px;
     display: block;
     padding : 3px 0px 3px 3px ;
     border-left: 0px solid #ff0000;
     border-bottom: 3px solid #ff0000;
     background-color: #FFFFFF;
     text-decoration: none;
 	 text-align:center;
     color: #ff0000;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

#fr01 {
width: 130px;
border-bottom: 0px solid #000000;
margin:10px 5px 10px 5px;
text-align:center;
float:left;
}
#fr02 {
width: 120px;
height:120px;
border-bottom: 1px solid #ff0000;
background-color: #eeeeee;
text-align:center;
vertical-align:middle;
}
#fr01p {
text-align:center;
}

#fr02 img {
text-align:center;
vertical-align:middle;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


body {
        font-size: 12px;
		background: #eeeeee;
		background-image:url(../images/room109_topbg2.jpg);
/* ■■		background-repeat:repeat-x;■■ */
		background-attachment:fixed;
}

h2 {
	color:#333;
	font-size: 13px;
	font-weight:bold;
	background: #fff;
	margin: 10px 0px 10px 0px;
	padding: 3px 0px 3px 5px;
    border-bottom: 0px solid #ccc;
    border-left: 5px solid #333;
}

p strong {
    display:block;
    color:#666666;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background-color:#eee;
    border-left: 3px solid #777777;
}

#linkb strong {
    display:block;
    color:#666666;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background-color:#eee;
    border-left: 0px solid #777777;
}


p img {
	margin:5px 5px 5px 5px;
}

p {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

bg-g {
	background-color: #333333;
}


a { color: #333; text-decoration: underline; }
a:hover { color: #ff0033; text-decoration: none; }



/* ---------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------- */


#header {
	width: 760px;height: 50px; /* 610 */
	background-image:url(../images/img_h1.jpg);
	background-repeat: no-repeat;
    position: relative;
    margin: 10px auto 0px; /* center on everything else */
	padding:0px 5px 0px 5px;
    text-align: center;
}

#header2 {
	width: 770px;height: 400px; /* 610 */
	/* ■■background-image:url(../images/img_h1.jpg);■■ */
	background-repeat: no-repeat;
    position: relative;
    margin: 0px auto 0px; /* center on everything else */
	padding:10px 0px 0px 0px;
    text-align: center;
}

#heaeder toplink img{
    position:relative;
	top:0px; left:0px;
    margin: 0px auto 0px; /* center on everything else */
	padding:0px 0px 0px 0px;
}

#heaeder2 toplinkgr img{
    position:relative;
	top:0px; left:0px;
    margin: 0px auto 0px; /* center on everything else */
	padding:0px 0px 0px 0px;
}

/* ---------------------------------------------------------------- */


#container-h1-01 h1{
	text-indent: -9999px;
	float:left;
}




#container {
    position: relative;
    margin: 0px auto; /* center on everything else */
    padding:0px;
	width: 770px;/* 620 */
    text-align: center;
	background: #ffffff;

}
#container-h1 h1{
	width: 620px;height: 50px;
	background-image:url(../images/img_h1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#container-inner {
position: static; width: auto; 
margin: 0px;
}



#img620u {
margin-top:5px;
clear: both;
text-align:center;
}
#top_visual{
margin-top:0px;
clear: both;
text-align:center;
}
#top_fla{
text-align:center;
}
#img620s {
text-align:center;
clear: both;
}



#cont {
	width: 620px;
	margin:30px auto 20px;
	background: #fff;
	text-align: center;
	padding:5px 5px 5px 5px;
	font-size: 12px;
}

#cont-l {
	float:left;
	width: 480px;
	margin:10px 10px 10px 20px;
	
	background: #fff;
	text-align: center;
	padding:5px 5px 5px 5px;
	font-size: 12px;
}

#cont-r {
	float:right;
	width: 220px;
	margin:10px;
	text-align: center;
	padding:5px;
	font-size: 12px;
	background: #eeeeee;
}

#cont-r-t {
	width: 170px;
	margin:0px auto;
	text-align: center;
	padding:15px;
	font-size: 12px;
	background: #fff;
}


#cont-m-g {
	width: 450px;
	margin:10px;
	text-align: center;
	padding:5px;
	font-size: 12px;
	background: #eeeeee;
}
#cont-m-g img {
	margin:2px;
}



/* ---------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------- */

#banner2 {
border-top: 0px solid #777777;
text-align:right;
font-size: 12px;
background: #eee;
padding:5px;
}
#links {
	text-align:right;
	font-size: 10px;
	color: #666666;
}
#copyright {
text-align:right;
font-size: 10px;
color:#999999;
}



/* ---------------------------------------------------------------- */
/* link page */
/* ---------------------------------------------------------------- */
#linkb {
	float:left;
	width: 145px;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	line-height: 1.3;
}


#link-block{
	margin:0px auto;
	width:460px;
}


/* ---------------------------------------------------------------- */

.clear { 
clear: both; 
} 






.t-red {
	color:#FF3366;
	font-weight:bold;
} 
.t-black {
	font-weight: bold;
	color: #000000;
}
.t-blue {
	font-weight: bold;
	color: #3399FF;
}
.t-style1 {
	font-size: x-small;
	color:#666666;
}
.t-center {
	margin:15px;
	text-align:center;
	font-weight:bold;
}