/*****IE6 中央寄せ*****/
body{
	text-align: center;
	background-color: #FFFFFF;
}

/***********************************/
html,body{
	margin:0;
	width: 100%;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* 大外 */
#container {
	margin-right:auto;
	margin-left:auto;
	font-family: Arial, Helvetica, sans-serif;
	width: 860px;
	font-size: 12px;
	text-align: left;
	color: #999999;
}

/***********************************/
/* ヘッダー */
#header {
	width: 100%;
	margin-bottom: 20px;
}

#site-name h1 {
	text-align: left;
}

#site-name h1 a{
	display:block;
	overflow: hidden;
	width:170px;
	height:61px;
	text-decoration:none;
	background-image: url(../img/logo/mabica-logo1.gif);
	background-repeat: no-repeat;
	font-size: 10px;
}

#site-name  h1 a:hover{
	background-image: url(../img/logo/mabica-logo1_f2.gif);
	background-repeat: no-repeat;
}
/***********************************/
/* ナビゲーション 上部  元696px (87×2) */

#navigation {
	float: right;
	width: 522px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#navigation ul{
list-style: none;
margin: 0;
padding: 0;
}

#navigation li{
	margin: 0;
	padding: 0;
	float: left;
	width: 87px; /*各メニューの幅*/
}

#navigation li a{
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height /**/: 16px;
padding-top: 16px;
background-image: url(../img/navi/menu.gif); /*背景画像の指定*/
}
	  
/* オフマウス */
#NEWS a{ background-position: 0 0;}
#ABOUT a{ background-position: -87px 0;}
#WORKS a{ background-position: -174px 0;}
#PRODUCTS a{ background-position: -261px 0;}
#GALLERY a{ background-position: -348px 0;}
#SHOP a{ background-position: -435px 0;}
#BLOG a{ background-position: -522px 0;}
#CONTACT a{ background-position: -609px 0;}

/* オンマウス */
#NEWS a:hover{ background-position: 0 -16px;}
#ABOUT a:hover{ background-position: -87px -16px;}
#WORKS a:hover{ background-position: -174px -16px;}
#PRODUCTS a:hover{ background-position: -261px -16px;}
#GALLERY a:hover{ background-position: -348px -16px;}
#SHOP a:hover{ background-position: -435px -16px;}
#BLOG a:hover{ background-position: -522px -16px;}
#CONTACT a:hover{ background-position: -609px -16px;}


/* ナビゲーション2 (TOP)*/
#navigation2 {
	float: left;
	width: 87px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#navigation2 ul{
list-style: none;
margin: 0;
padding: 0;
}

#navigation2 li{
	margin: 0;
	padding: 0;
	float: left;
	width: 87px; /*各メニューの幅*/
}

#navigation2 li a{
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height /**/: 16px;
padding-top: 16px;
background-image: url(../img/navi/top.gif); /*背景画像の指定*/
}
	  
/* オフマウス */
#TOP a{ background-position: 0 0;}

/* オンマウス */
#TOP a:hover{ background-position: 0 -16px;}

/* ナビゲーション3　下段*/

#navigation3 {
	width: 261px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
}

#navigation3 ul{
list-style: none;
margin: 0;
padding: 0;
}


#navigation3 li{
	margin: 0;
	padding: 0;
	float: left;
	width: 87px; /*各メニューの幅*/
}

#navigation3 li a{
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height /**/: 16px;
padding-top: 16px;
background-image: url(../img/navi/menu2.gif); /*背景画像の指定*/
}
	  
/* オフマウス */
#sitemap a{ background-position: 0 0;}
#policy a{ background-position: -87px 0;}
#press a{ background-position: -174px 0;}

/* オンマウス */
#sitemap a:hover{ background-position: 0 -16px;}
#policy a:hover{ background-position: -87px -16px;}
#press a{ background-position: -174px -16px;}


/***********************************/
/*  main */
#main-contents {
	clear: both;
	height: 375px;
	width: 835px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	/***TOP画像**/
	background-image: url(../img/top/2011-01.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#box {
	width: 200px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding-top: 8px;
	text-align: center;
	padding-bottom: 5px;
	font-size: 10px;
}
#box img {
	padding-bottom: 3px;
}
#box a {
	color: #999999;
	text-decoration: none;
}
#box  a:hover {
	color: #99CCCC;
}


/*   footer  */
#footer {
	clear: both;
	text-align: right;
	padding-bottom: 7px;
}
#container #footer p {
	font-size: 10px;
	color: #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
/***********************************/
/*   scroll  #B190BB*/

div#scroll-info {
	padding:10px;
	width:180px;
	height:150px;
	overflow:auto;
	position:relative;
	background-color: #FFFFFF;
	margin-left: 10px;
	color: #999999;
	font-size: 11px;
	}
	 
/* 本体 */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
	 	}		
		
/* 縦スクロール範囲 */

.vscrollerbase {
	    width:10px;
	    background-color:#eee;
		}

/* 縦スクロールバー */
.vscrollerbar {
	    width:10px;
	    background-color:#99CCCC;/* バーの色 */
}
 
/* 横スクロール範囲 */
.hscrollerbase {
	    height:10px;
	    background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
	    height:10px;
	    background-color:#FF99CC;/* バーの色 */
}
 
/* 縦横スクロールバー */
.scrollerjogbox {
	    width:10px;
	    height:10px;
	    top:auto;
	    left:auto;
	    bottom:0;
	    right:0;
	    background-color:#eee;
}


/* スクロール内テキスト*/
#scroll-info p {
	color: #99CCCC;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
}

#text {
	padding-left: 9px;
	padding-right: 3px;
	padding-bottom: 8px;
	line-height: 16px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#text a {
	color: #FF6699;

}
#text a:hover {
    color: #99CCCC;
}

#scroll-info ul{/*余白と本来あるマークを消します*/
	padding:0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 10px;
}

#scroll-info li {
	list-style-type: circle;
	list-style-position: inside;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 15px;
}


#scroll-info li a {
	color: #FF6699;
}

#scroll-info li a:hover {
    color: #99CCCC;
}