@charset "utf-8";

/*
全ての要素のマージンとパディングを初期化
-------------------------------------------------------------------*/
*{margin:0; padding:0;}

/*
ウインド全体の設定
-------------------------------------------------------------------*/
body{

	background:#ccc url('images/body_bg.jpg') 50% 0 repeat-x;
	font-family: 'MS UI Gothic', Osaka, monospace;
	background-attachment:fixed;
	font-size:14px; 
	width:100%;
	color:#000;
	line-height: 130%;
	text-align: center;
	
	}

img {vertical-align: middle; }	

	
/*
親要素
-------------------------------------------------------------------*/	
#room-body{
	margin-right:auto; 
	margin-left:auto; 
	position:relative; 
	width: 800px;
	top : 0px;
	background-color : #fff;
	text-align: left;

}

hr {display: none; clear: both;}

/*
リンクの色指定
-------------------------------------------------------------------*/	

a {
	color:#8000ff;
	text-decoration: underline;
	}
a:hover {
	text-decoration:none;
	color: #ff0000;
	}

a img {
	border: none;
	text-decoration:none;
	}

/*
ヘッダー
-------------------------------------------------------------------*/
#header{
	width : 800px;
	height : 260px;
	position:relative;
	background:#fff url('images/index-logo.jpg')	;
background-repeat: no-repeat; 

	}

#header h1 { visibility: hidden; }
#header p{ visibility: hidden;}
.pagename { position:relative; text-align: right; top: -60px;}



/*
タイトル
-------------------------------------------------------------------*/

#page-titele{
	width : 800px;
	height : 50px;
	position:relative;	
	}

#sw {
width: 800px;
height: 130px;

background:#FFF url('images/sw-bk.jpg')	;
background-repeat: repeat-x;
background-position: left top; 
background-position: center -3px; 



}
/*
ナビゲーションTOP
-------------------------------------------------------------------*/
#navi{
	width : 738px;
	height: 30px;
	top : 0px;
	left : 40px;
	position : absolute;
	
	}
#navi ul li{
	list-style-type: none; 
}
	
#navi li{float: left;}

#navi a{
	width: 121px;
	height: 30px;
	background-image: url('images/top_menu.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-indent: -9999px;
	text-decoration: none;
}

/*
ナビゲーション　ロールオーバー menu1 HOME
-------------------------------------------------------------------*/
#navi .menu1 a:link {background-position: 0px 0px;}

#navi .menu1 a:visited {background-position: 0px 0px;}

#navi .menu1 a:hover {background-position: -140px 0px;}

/*
ナビゲーション　ロールオーバー menu2　会社案内
-------------------------------------------------------------------*/

#navi .menu2 a:link {background-position: 0px -31px;}

#navi .menu2 a:visited {background-position: 0px -31px;}

#navi .menu2 a:hover {background-position: -140px -31px;}

/*
ナビゲーション　ロールオーバー menu3　商品紹介
-------------------------------------------------------------------*/

#navi .menu3 a:link {background-position: 0px -62px;}

#navi .menu3 a:visited {background-position: 0px -62px;}

#navi .menu3 a:hover {background-position: -140px -62px;}

/*
ナビゲーション　ロールオーバー menu4　アクセス
-------------------------------------------------------------------*/

#navi .menu4 a:link {background-position: 0px -93px;}

#navi .menu4 a:visited {background-position: 0px -93px;}

#navi .menu4 a:hover {background-position: -140px -93px;}


/*
ナビゲーション　ロールオーバー menu5　お問い合わせ
-------------------------------------------------------------------*/

#navi .menu5 a:link {background-position: 0px -124px;}

#navi .menu5 a:visited {background-position: 0px -124px;}

#navi .menu5 a:hover {background-position: -140px -124px;}

/*
ナビゲーション　ロールオーバー menu6　予備
-------------------------------------------------------------------*/

#navi .menu6 a:link {background-position: 0px -155px;}

#navi .menu6 a:visited {background-position: 0px -155px;}

#navi .menu6 a:hover {background-position: -140px -155px;}


/*
各ページＴＯＰイメージ
-------------------------------------------------------------------*/
#sw { background-image: url('images/top_sw.jpg');
background-repeat: no-repeat; }

#sw h2 { visibility: hidden;}


/*
main
-------------------------------------------------------------------*/
#main{
font-size: 13px;
text-align: center;
clear: both;
position: relative;
top: 0px;
left: 0px;
width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat;
min-height: 400px;
padding-top:20px ;
}

#main dl {margin-left: 20px; margin-right: 20px; clear: both; padding-top: 20px;

}

#main dt { float: left; width: 180px;  padding: 5px;  
}

#main dd {margin-left: 190px; padding: 10px;  margin: 1px; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: dotted; 
}

#main ul {margin-left: 40px; }

#main li {line-height: 150%; margin-bottom: 5px; font-size: 13px;}

#main h1 {padding: 5px; clear: both; margin-left: 10px;}

.aicon img { margin-right: 5px;}



/*
下部テキストナビゲーション
-------------------------------------------------------------------*/
 
#under-navi{
width: 720px;
height: 30px;
position:relative;
text-align: center;
font-size: 12px;

}

#under-navi ul li{
	list-style-type: none;
	
}
	
#under-navi li{float: left; margin-right: 10px;}

#under-navi ul {
margin-left: 200px;
padding-top: 30px;
	}

#under-navi a { color: #000000;}

	
/*
フッター
-----------------------------------------------------------------*/
#footer{
	width : 800px;
	height : 113px;
	position:relative;
	background-color : #FFF;
	background:#ccc url('images/under_bg.jpg') 50% 0 repeat-x;

clear: both; 
}



#footer p{clear: both; text-align: center; font-size: 12px ; margin-top: 15px;}


/*
ＴＯＰサイド
-------------------------------------------------------------------*/
#side-navi {
width : 200px;
position : absolute;
background-image: url('images/cap.jpg');
background-repeat: no-repeat; 
min-height: 350px;
top: 280px;
left: 580px;
}

#side-navi p {padding: 300px 10px 10px 10px; font-size: 13px; }

#etc { margin-left: 10px; margin-right: 10px;}


/*
新着情報
-------------------------------------------------------------------*/
#news { 

width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat; 
min-height: 350px;
position:relative;
top: 0px;
left: 0px;
clear: both; 

font-size: 13px;
}

#news dl {margin-left: 10px; margin-right: 10px; clear: both;}

#news dt { float: left; width: 180px; background-color: #fff; padding: 5px;}

#news dd {margin-left: 190px; padding: 10px; background-color: #efefef;}

#news ul {margin-left: 40px; margin-right: 220px; margin-bottom: 50px;}

#news li { line-height: 130%; margin-bottom: 15px; font-size: 13px; clear: both; }


#news h1 {padding: 5px; clear: both; margin-left: 20px;  padding-top: 20px; position:relative;}

/*
W3C
-------------------------------------------------------------------*/
#w3c { clear: both; margin-top: 50px; margin-bottom: 10px;}


/*
会社概要
-------------------------------------------------------------------*/

#company { 
width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat; 
min-height: 350px;
position:relative;
top: 0px;
left: 0px;
clear: both; 

font-size: 13px;
}

#company dt { float: left; width: 170px; background-color: #e4e4e4; margin-bottom: 2px; padding-left: 10px;
 font-size: 14px; height: 26px;
border-top-width: 1px; border-left-width: 1px; border-top-color: #cccccc; border-left-color: #cccccc; border-top-style: solid; border-left-style: solid; 

}

#company dd { width: 520px; float: left; margin-left: 5px; background-color: #dddddd; padding-left: 10px; margin-bottom: 2px; height: 26px;
border-top-width: 1px; border-left-width: 1px; border-top-color: #cccccc; border-left-color: #cccccc; border-top-style: solid; border-left-style: solid; 

}

#company dl {margin-left: 40px; margin-right: 30px; line-height: 200%; margin-bottom: 60px;}

#company h2 {padding: 30px 30px 20px 30px; clear: both; }

#company h3 {padding: 10px 30px 10px 30px; clear: both; }

#company p { clear: both; margin-left: 40px; margin-right: 40px;}

#company h1 {padding: 5px; clear: both; margin-left: 20px;  padding-top: 20px; position:relative;}



/*
お問い合わせ
-------------------------------------------------------------------*/
#contact {

width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat; 
min-height: 350px;
position:relative;
top: 0px;
left: 0px;
clear: both; 

font-size: 13px;

}

#contact h1 {padding: 5px; clear: both; margin-left: 20px;  padding-top: 20px; position:relative;}

#contact p{text-align: center;}





/*
商品紹介
-------------------------------------------------------------------*/
#about {
width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat; 
min-height: 350px;
position:relative;
top: 0px;
left: 0px;
clear: both; 

font-size: 13px;
}
#about h2 {padding: 20px 30px 10px 30px; font-size: 14px;}
#about h3 {padding-left: 50px}
#about img {margin-bottom: 2px;}
#about dl { margin-left: 30px; margin-bottom: 30px;}


#about dt { 
margin-bottom: 2px; 
margin-right: 220px;
text-indent: -9999px;
}

#about h1 {padding: 5px; clear: both; margin-left: 20px;  padding-top: 20px; position:relative;}


#about dd { padding: 5px; margin-bottom: 2px; margin-right: 230px;


}



#about h2 {background-image: url('images/ab-titel.gif');
background-repeat: no-repeat; height: 30px; clear: both; text-indent: -9999px; margin-left: 30px;}

.about-p { padding: 30px 280px 30px 20px;}


.about1 { background-image: url('images/ab-cof.gif');
background-repeat: no-repeat; height: 30px; }

.about2 {background-image: url('images/ab-pan.gif');
background-repeat: no-repeat; height: 30px; }

.about3 {background-image: url('images/merit2.gif');
background-repeat: no-repeat; height: 140px; }

.merit {float: left; width: 320px ; color: #ffffff; padding: 40px 20px 20px 20px;}

.demerit {float: right; width: 320px ; color: #ffffff; padding: 40px 40px 20px 10px;}

.merit strong {display: none;}

.demerit strong {display: none;}


/*
アクセスマップ
-------------------------------------------------------------------*/

#access {

width: 100%;
background-image: url('images/main_bk.gif');
background-repeat: no-repeat; 
min-height: 350px;
position:relative;
top: 0px;
left: 0px;
clear: both; 

font-size: 13px;
}

#access h1 {padding: 5px; clear: both; margin-left: 20px;  padding-top: 20px; position:relative;}


/*
スペース
-------------------------------------------------------------------*/
.space{visibility: hidden;}
.space5{height:5px; visibility: hidden;}
.space10{height:10px; visibility: hidden;}
.space15{height:15px; visibility: hidden;}
.space20{height:20px; visibility: hidden;}
.space25{height:25px; visibility: hidden;}
.space30{height:30px; visibility: hidden;}
.space35{height:35px; visibility: hidden;}
.space40{height:40px; visibility: hidden;}
.space45{height:45px; visibility: hidden;}
.space50{height:50px; visibility: hidden;}
.space55{height:55px; visibility: hidden;}
.space60{height:60px; visibility: hidden;}
.space70{height:60px; visibility: hidden;}
.space100{height:100px; visibility: hidden;}
.space130{height:130px; visibility: hidden;}
.space150{height:150px; visibility: hidden;}
.space180{height:180px; visibility: hidden;}
.space200{height:200px; visibility: hidden;}