/* CSS Document */

/*初期設定*/

*{
	margin:0;
	padding:0;
}

body{
	background:#000000 url(http://www.mgnest.com/images/bg.jpg);
	text-align:center;
        color:#fff;
}

p{
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	color:#bbb;
	padding:10px 10px 10px 0;
	letter-spacing:0.15em;
}

h1{
	font-size:11px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#fff;
	font-weight:normal;
	background:url(http://www.mgnest.com/images/h1_bg.jpg) no-repeat;
	height:24px;
	padding:10px 0 0 10px;
}
h3{
        padding-top:5px;
        padding-left:23px;
        margin-top:15px;
        margin-bottom:15px;
        color:#fff;
        background:url(http://www.mgnest.com/images/subheader_bg.jpg) no-repeat;
        letter-spacing:0.15em;
        height:32px;
        width:550px;
}

a{
	color:#fff;
}

a:hover{
	color:#ff6600;
}

a img{
	border:0;
}

li{
	list-style:none;
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
        color:#fff;
	line-height:1.8;
	letter-spacing:0.15em;
}


/*wrapper*/

#wrapper{
	margin:0 auto;
	width:812px;
	height:100%;
	background:#000 url(http://www.mgnest.com/images/bg_shadow.jpg) repeat-y
}
#wrapperInner{
	margin:0 16px;
}

/*header*/

#header,#header.sub{
	margin:0 auto;
	width:780px;
	background:#000 url(http://www.mgnest.com/images/center_shadow.jpg) repeat-y;
	background-position: left bottom;
	position:relative;
}
#header{
	height:353px;
}
#header.sub{
	height:201px;
}
#header ul,#header.sub ul{
	position:absolute;
	top:286px;
	left:0px;
	width:780px;
	height:53px;
}
#header ul{
	top:286px;
}
#header.sub ul{
	top:134px;
}
#header ul li,#header ul li {
	float:left;
	text-indent:-9999px;
}

#header ul li a,#header ul li a{
	display:block;
	height:53px;
	width:130px;
}

#header ul li.home a{
	background:url(http://www.mgnest.com/images/menu.jpg) 0 0;
}
#header ul li.service a{
	background:url(http://www.mgnest.com/images/menu.jpg) 650px 0;
	width:129px;
}
#header ul li.shop a{
	background:url(http://www.mgnest.com/images/menu.jpg) 521px 0;
	width:129px;
}
#header ul li.staff a{
	background:url(http://www.mgnest.com/images/menu.jpg) 392px 0;
	width:129px;
}
#header ul li.access a{
	background:url(http://www.mgnest.com/images/menu.jpg) 263px 0;
	width:129px;
}
#header ul li.contact a{
	background:url(http://www.mgnest.com/images/menu.jpg) 134px 0;
	width:134px;
}

#header ul li.home a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 0 53px;
}
#header ul li.service a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 650px 53px;
	width:129px;
}
#header ul li.shop a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 521px 53px;
	width:129px;
}
#header ul li.staff a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 392px 53px;
	width:129px;
}
#header ul li.access a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 263px 53px;
	width:129px;
}
#header ul li.contact a:hover{
	background:url(http://www.mgnest.com/images/menu.jpg) 134px 53px;
	width:134px;
}

#header.sub ul li.home a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 0 0;
}
#header.sub ul li.service a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 650px 0;
	width:129px;
}
#header.sub ul li.shop a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 521px 0;
	width:129px;
}
#header.sub ul li.staff a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 392px 0;
	width:129px;
}
#header.sub ul li.access a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 263px 0;
	width:129px;
}
#header.sub ul li.contact a{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 134px 0;
	width:134px;
}

#header.sub ul li.home a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 0 53px;
}
#header.sub ul li.service a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 650px 53px;
	width:129px;
}
#header.sub ul li.shop a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 521px 53px;
	width:129px;
}
#header.sub ul li.staff a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 392px 53px;
	width:129px;
}
#header.sub ul li.access a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 263px 53px;
	width:129px;
}
#header.sub ul li.contact a:hover{
	background:url(http://www.mgnest.com/images/menu_sub.jpg) 134px 53px;
	width:134px;
}



/*contents*/

#contents{
	width:780px;
	height:100%;
}
#contentsInner{
	margin-top:15px;
	text-align:left;
}

/*side*/

#side{
	float:left;
	width:200px;
	height:100%;
}
#side ul{
	margin:15px 0 20px 10px;
}
#side ul li a{
	text-decoration:none;
}
#side ul li a:hover{
	text-decoration:underline;
}

/*main*/

#main{
	float:right;
	width:550px;
	height:100%;
}

#articleBody{
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	letter-spacing:0.15em;
        color:#ccc;
}

#event{
	

}

#event ul{
	margin:15px 0 20px 10px;
	height:150px;
	overflow:auto;
        scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#999;
	scrollbar-arrow-color:#999; 
}

/*footer*/

#footer{
	clear:both;
	padding:20px;
	text-align:center;
}

/*table*/

#contactInner{
        margin:0 115px;	
}

table{
	border:1px dotted #999;
        border-collapse:collapse;
	font-size:100%;
	width:100%;
	margin:15px 0 20px 0;
        width:548px;
}

td{
	border-top:none;
	border-bottom:1px dotted #999;
	border-left:none;
	border-right:1px dotted #999;
	padding:5px 10px;
	text-align:left;
}

th{
	border-top:none;
	border-bottom:1px dotted #999;
	border-left:none;
	border-right:1px dotted #999;
	padding:5px 10px;
	background:#333;
	font-weight:normal;
	text-align:center;
	width:160px;
}

/*その他*/
.asset-body{
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	color:#fff;
	padding:10px 10px 10px 0;
	letter-spacing:0.15em;
}

.left{
	float:left;
} 
.spcr{
	padding-right:15px;
}
.spct{
	margin-top:15px;
}
.spcb{
	padding-bottom:20px;
}
.center{
        text-align:center;
}
.style1{
        color:#ccc;
}
.style2{
        color:#ff6600;
}
ul.ser li{
        font-size:100%;
}
.ser{
        padding:10px 0;
}
.waku{
        border:1px dotted #ff6600;
        padding:7px 10px;
}
.subcon,.subcon2{
        padding:10px 0 0 0;
}
.subcon img{
        float:left;
        padding-right:15px;
}
.subcon2 img{
        float:right;
        padding-left:15px;
}
.clr{
        clear:both;
}