body{
	margin-top: 0px;
    	background-image: url(img/back1550.gif);
}

a img {
    border-style:none;
}




/*---ロゴマークと社名---*/

#logo{
	width:960px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
    	background-image: url(img/logo.gif);
}

.info{
	margin:28px 33px 0 0;  
	font-size: 12px;
	float: right;
}







/*---メニューボタン---*/

#menu{
	width:960px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
    	background-image: url(img/back_menu.gif);
}

#navi{
	margin:0px;
	padding-left:30px;
}


#navi a{
	width:100px;
	height:32px;
	display:block;
	text-indent:-9999px;
	overflow: hidden; 
}


#navi:after{
	height:0; 
	visibility:hidden;
	content: "."; 
	display:block;
	clear: both;
}


#navi li{
	float:left;
	display:inline;
}





#navi .menu1 a  {   
    background: url(img/menu1.gif) no-repeat;   
}
 
#navi .menu2 a  {   
    background: url(img/menu2.gif) no-repeat;   
}
  
#navi .menu3 a  {   
    background: url(img/menu3.gif) no-repeat;   
}
 
#navi .menu4 a  {   
    background: url(img/menu4.gif) no-repeat;   
}

#navi .menu5 a  {   
    background: url(img/menu5.gif) no-repeat;   
}

#navi .menu6 a  {   
    background: url(img/menu6.gif) no-repeat;   
}

#navi .menu7 a  {   
    background: url(img/menu7.gif) no-repeat;   
}

#navi .menu8 a  {   
    background: url(img/menu8.gif) no-repeat;   
}

#navi .menu9 a  {   
    background: url(img/menu9.gif) no-repeat;   
}






#navi .menu1 a:hover {   
    background: url(img/menu1_ov.gif) no-repeat;   
}

#navi .menu2 a:hover {   
    background: url(img/menu2_ov.gif) no-repeat;   
}

#navi .menu3 a:hover {   
    background: url(img/menu3_ov.gif) no-repeat;   
}

#navi .menu4 a:hover {   
    background: url(img/menu4_ov.gif) no-repeat;   
}

#navi .menu5 a:hover {   
    background: url(img/menu5_ov.gif) no-repeat;   
}

#navi .menu6 a:hover {   
    background: url(img/menu6_ov.gif) no-repeat;   
}

#navi .menu7 a:hover {   
    background: url(img/menu7_ov.gif) no-repeat;   
}

#navi .menu8 a:hover {   
    background: url(img/menu8_ov.gif) no-repeat;   
}

#navi .menu9 a:hover {   
    background: url(img/menu9_ov.gif) no-repeat;   
}







/*---ページイメージ---*/

#page-image{
	width:960px;
	height:130px;
	margin-left:auto;
	margin-right:auto;
}

#back_green{
	width:960px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
}




/*---メイン---*/

#main{
	width:960px;
	height:1550px;
	margin-left:auto;
	margin-right:auto;
    	background-image: url(img/back_main.gif);
}





/*---ページ頭　題字---*/

#pagetitle{ 
	width:860px;
	padding:20px 0px 0px 50px;
	float:left;
	font-size: 14px;
	line-height: 130%;
}


#pagetitle p{ 
	border-bottom:dotted 2px #3399FF;
}





/*---文章・写真---*/

#introduce{ 
	width:860px;
	padding:0px 0px 0px 50px;
	float:left;
	font-size: 14px;
	line-height: 150%;
}



#left{
	width:440px;
	height:150px;
	float:left;
}


#right{
	width:420px;
	height:150px;
	float:right;
}



#left2{
	width:440px;
	height:300px;
	float:left;
}


#right2{
	width:420px;
	height:300px;
	float:right;
}






/*---商品のカタログダウンロード---*/

#to{
	padding:15px;
	padding-left:700px;
	float:left;
}

a img {
    border-style:none;
}







/*---フッター---*/

#footer{
	text-align:center;
	width:960px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
    	background-image: url(img/footer.gif);
}





/*---文字のサイズ指定---*/

.text01 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 14px;
	line-height: 130%;
}


.text02 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 150%;
}


.text03 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 14px;
	line-height: 200%;
}

.text_bold{
	font-weight:bold
}


.text04 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 16px;
	line-height: 150%;
}

.text05 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 18px;
	font-weight: bold;
}

.text06 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 14px;
	line-height: 150%;
}

.text06blue {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 150%;
	color: #0066cc;
}


.text07 {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 16px;
	font-weight: bold;
}