﻿@charset "utf-8";

/******************************* 旧ヘッダー *******************************/
#header {
display: block;
clear:both;
background: #ffffff url(http://sizing.co.jp/img/bg_header.jpg) repeat-x top left;
position: relative;
font-size: 12px;
color: #7e848f;
width: 1010px;
height: 60px;
margin:0px;
padding:0px; }
.logo h2 {
display: block;
width: 100px;
height: 50px;
background: transparent url() no-repeat top left; 
top: 0px;
left: 0px;
position: absolute; }
.logo h2 a {
display: block;
width: 100px;
height: 50px;
background: transparent url() no-repeat top left; }
.logo h2 a:hover { }

#hnavi {
position: absolute;
bottom: 5px;
right: 14px; }
#hnavi ul {
margin: 0em;
padding: 0em; }
#hnavi li {
display: inline;
border-right: 1px solid #7e848f;
margin-right: 0.4em;
padding-right: 0.8em; }
#hnavi li.last {
border-right: none;
margin-right: 0em;
padding-right: 0em; }
#hnavi a {
color: #7e848f;
text-decoration: none; }
#hnavi a:hover {
color: #7e848f;
text-decoration: underline; }

.s_text2 h1{
font-size: 12px ;
line-height:1.1em;
font-weight:normal;
text-align:right;
background: transparent url() no-repeat ;
margin:5px 0px 10px 0px;
padding:0px 10px 0px 10px;
width:auto;
}

/******************************* Flashヘッダー *******************************/

#head{ background: #000000;
		 width:1010px;
		 height:auto;
		  display:block;
		   position:relative;
		   top:7px;
		   clear:both;
	}

h1{
display:inline;
font-size: 10px ;
line-height:1.5em;
font-weight:normal;
text-align:right;
color:#CCC;
background: #000000;
margin:0px;
padding:0px 10px;
}

#navigation{ 
	background: #000000;
	float:right;
	padding-right:1em;}


#navigation li{ 
	display:inline;
	font-size:10px;
	text-align:right;
	border-right: 1px solid #ccc;	
	}
#navigation li:last-child{
	border: 0;
}
	
#navigation a{ 
	color:#CCC;
	text-decoration:none;
	}
		
#navigation a:active, #navigation a:hover{
	color:#7e848f;
	}	
	
	
#head_2{
	position: relative;
	width:1010px;
	height:414px;
	background:url(http://www.sizing.co.jp/img/head_1.jpg) no-repeat;
	clear:both;
	display:block;
	}
#head_2 h2, #head_2 p, #head_2 ul{
	text-indent: -9999px;
	background-color: transparent;
	background-image: none;
	display: none;
}
#button {
	position: absolute;
	left:753px;
	bottom:15px;
	height:32px;
	display:block;
	}
	
/****************************	
	
#button img{
	visibility:hidden;
	}		
	
#button a,
#button a:link,
#button a:visited{
	background-position:0px 0px;
	font-size:24px;
	}
#button a:focus,
#button a:hover,
#button a:active {
background-position: 0px 30px;}	

#button a{
	background-image:url(http://sizing.co.jp/img//head_9.jpg)}************************/
	

/******************************* メニュー *******************************/

#menu{
position:relative;
width:1010px; height:52px;
border:0;
border-bottom:solid 5px #00CCFF; 
display: block;
clear:both;
background:#333333;
 
}

#m_2{
	padding:0;
	margin:0;
}
 
#m_2 li {
	display:inline;
	}









.m-bar  {
margin:0px 0px 0px 0px;
background:#333333;
}
.m-bar img {
visibility: hidden; float:left;}
.m-bar a,
.m-bar a:link,
.m-bar a:visited {
background-position: 0px 0px;
float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
background-position: 0px 51px; float:left;}
.m-bar .m-1home a {
background-image: url(http://sizing.co.jp/img/head_2.jpg);float:left;}
.m-bar .m-2web a {
background-image: url(http://sizing.co.jp/img/head_3.jpg);float:left;}
.m-bar .m-3system a {
background-image: url(http://sizing.co.jp/img/head_4.jpg);float:left;}
.m-bar .m-4digiruka a {
background-image: url(http://sizing.co.jp/img/head_5.jpg);float:left;}
.m-bar .m-5company a {
background-image: url(http://sizing.co.jp/img/head_6.jpg);float:left;}
.m-bar .m-6contact a {
background-image: url(http://sizing.co.jp/img/head_7.jpg);float:left;}
.m-bar .m-7beta {
background-image: url(http://sizing.co.jp/img/head_8.jpg);float:left;}


/************************************************************/

#crumb {
width: 570px;
height: 22px;
padding: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
display: block;
clear:both; }
.crumb_text {
background-color:#efefef;
width: 560px;
height: 22px;
display: block;
clear:both; 
padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 0px;
font-size:10px; 
line-height:18px;}


/******************************* フッター *******************************/

#footer1 {
position:relative;
width:1010px; 
background-color: #efefef;
padding:0px ;
border-top:#cccccc 1px solid; 
clear:both;
display:block;}
.footer_text1 {
text-align:left;
line-height:18px; 
padding:0px 0px 0px 5px ;
color:#7e848f;
font-size:10px; }
#footer2 {
position:relative;
width:1010px; height:30px;
background: url(http://sizing.co.jp/img/footer.gif) repeat-x top;
padding:0px 0px 0px 0px;
border-top:#cccccc 1px solid; 
clear:both;
display:block;}
.footer_text2 {
text-align:center;
line-height:18px; 
padding:5px 0px 0px 0px;
color:#7e848f;
font-size:10px; }
