@charset "Shift-Jis";
/* Set all elements to zero padding and zero margins */
* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
/* CENTER IN IE > 7 */
	text-align: center;
	background-color: #ffffff;
	}

ul, li, p, br, td { 
	margin: 0; padding: 0;
	}

/*-----共通-----*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lucida Grande', Verdana, Arial, 'ＭＳ Ｐゴシック', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', Sans-Serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	line-height: 17px;	
	}

td {
	font-family: 'Lucida Grande', Verdana, Arial, 'ＭＳ Ｐゴシック', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', Sans-Serif;
	font-size: 12px;
	}

p {
	margin-top: 8px;
	margin-bottom: 10px;
	line-height: 17px;
	}

img {
	border: none;
	}

ul {
	list-style-type: square;
	margin:10px 20px 0px 20px;
	}

li {
	margin-bottom: 5px;
	}

input, textarea, option, select, radio { 
	font-size: 11px; padding: 3px; border: 1px solid #acacac;
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS',  Arial, Sans-Serif; margin-right: 5px;
	}
	
option, select { 
	font-size: 11px; padding: 1px; margin-right: 5px; border: 1px solid #acacac;
	font-family: 'Lucida Grande', Verdana, 'Trebuchet MS',  Arial, Sans-Serif;
	}	
	

h1 {
	letter-spacing: -1000em;
	font-size:0px;
	}
	
h2 {
	letter-spacing: -1000em;
	font-size:0px;
 }
 
h3 {
	letter-spacing: -1000em;
	font-size:0px;
 }
 
small {
	font-size: 9px;
	}

/*-----ページ共通-----*/

div#Wrapper {
	margin: 0px auto;
	width: 800px;
	text-align: left;

	}

div#Header { 
	height: 70px;
	}
	
#Logo {
	float: left;
	margin: 30px 0px 10px 0px;
	text-align: left;
	width: 283px;
	height:23px;
	list-style-image: url(../images/sanailogo.gif);
	display: list-item;
	list-style-position: inside;
	}

/*-----トップページ-----*/

div#TopBorder {
	border-style:solid;
	border-width:1px;
	border-color:#336600;
	width:800px;
	height:305px;
	}

div.Navi {
	float: left;
	width: 179px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}


#TopImg {
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 619px;
	height: 303px;
	list-style-image: url(../images/topimg.jpg);
	display: list-item;
	list-style-position: inside;
	}

#Navi ul{
	padding: 0;
	margin:0;
	list-style-type: none;
	float: left;
	display: list-item;
}

#Navi li{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	display: list-item;
}

#Navi_About {
	width: 179px;
	height: 49px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	list-style-image: url(../images/navi_about.gif)no-repeat bottom left;
	border-bottom:1px solid #669933;
	display: list-item;
	list-style-position: inside;
	}

#Navi_About a:hover{
	background-position: top left;
}


#Navi_Greeting a{
	display: block;
	width: 179px;
	height: 49px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	background : url("../images/navi_greeting.gif") no-repeat bottom left;
	border-bottom:1px solid #669933;
}

#Navi_Greeting a:hover{
	background-position: top left;
}

#Navi_Services a{
	display: block;
	width: 179px;
	height: 49px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	background : url("../images/navi_services.gif") no-repeat bottom left;
	border-bottom:1px solid #669933;
}

#Navi_Services a:hover{
	background-position: top left;
}

#Navi_Contact a{
	display: block;
	width: 179px;
	height: 49px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	background : url("../images/navi_contact.gif") no-repeat bottom left;
	border-bottom:1px solid #669933;
}

#Navi_Contact a:hover{
	background-position: top left;
}

#Navi_Info a{
	display: block;
	width: 179px;
	height: 49px;
	margin: 0px 0px 1px 0px;
	padding: 0;
	background : url("../images/navi_info.gif") no-repeat bottom left;
	border-bottom:1px solid #669933;
}

#Navi_Info a:hover{
	background-position: top left;
}

#Navi_Link a{
	display: block;
	width: 179px;
	height: 49px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_link.gif") no-repeat bottom left;
}

#Navi_Link a:hover{
	background-position: top left;
}

div.WhatsNew {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	list-style-image: url(../images/whatsnew.gif);
	display: list-item;
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size:0px;
	}

#Services {
	margin:30px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	list-style-image: url(../images/services.gif);
	display: list-item;
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size:0px;
	}

#Services ul{
	padding: 0;
	margin:10px;
	list-style-type: none;
}

#Services li{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	float: left;
}

#Services_Cleaning {
	text-indent: -9999px;
	float: left;
	width: 246px;
	height:150px;
	margin: 0px 10px 0px 0px;
	padding: 0;
	list-style-image: url(../images/service_cleaning.jpg);
	display: list-item;
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size:0px;
}

#Services_Security a{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 246px;
	height:150px;
	margin: 0px 10px 0px 0px;
	padding: 0;
	background : url("../images/service_security.jpg") left top no-repeat;
}

#Services_Environment a{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 246px;
	height:150px;
	margin: 0;
	padding: 0;
	background : url("../images/service_environment.jpg") left top no-repeat;
}

#Services_Service a{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 246px;
	height:150px;
	margin: 10px 10px 0px 0px;
	padding: 0;
	background : url("../images/service_service.jpg") left top no-repeat;
}

#Services_Equipment a{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 246px;
	height:150px;
	margin: 10px 10px 0px 0px;
	padding: 0;
	background : url("../images/service_equipment.jpg") left top no-repeat;
}

#Services_Temporary a{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 246px;
	height:150px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	background : url("../images/service_temporary.jpg") left top no-repeat;
	}

/*-----コンテンツ-----*/


div#AboutBorder {
	border-style:solid;
	border-width:1px;
	border-color:#336600;
	width:800px;
	height:89px;
	}

div.Navi {
	float: left;
	width: 179px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}


#AboutTitle {
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 798px;
	height: 58px;
	background : url("../images/about/title.jpg") left top no-repeat;
}

#GreetingTitle {
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 798px;
	height: 58px;
	background : url("../images/greeting/title.jpg") left top no-repeat;
}

#ServicesTitle {
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 798px;
	height: 58px;
	background : url("../images/services/title.jpg") left top no-repeat;
}

#InfoTitle {
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 798px;
	height: 58px;
	background : url("../images/info/title.jpg") left top no-repeat;
}

#LinkTitle {
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0;
	width: 798px;
	height: 58px;
	background : url("../images/link/title.jpg") left top no-repeat;
}

#Navi_Content ul{
	padding: 0;
	margin:0;
	list-style-type: none;
	float: left;
	border-top:1px solid #669933;
}

#Navi_Content li{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	float: left;
}

#Navi_Content_Home a{
	display: block;
	width: 114px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_home2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_Home a:hover{
	background-position: top left;
}

#Navi_Content_About a{
	display: block;
	width: 113px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_about2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_About a:hover{
	background-position: top left;
}


#Navi_Content_Greeting a{
	display: block;
	width: 113px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_greeting2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_Greeting a:hover{
	background-position: top left;
}

#Navi_Content_Services a{
	display: block;
	width: 113px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_services2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_Services a:hover{
	background-position: top left;
}

#Navi_Content_Contact a{
	display: block;
	width: 113px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_contact2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_Contact a:hover{
	background-position: top left;
}

#Navi_Content_Info a{
	display: block;
	width: 113px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_info2.gif") no-repeat bottom left;
	border-right:1px solid #669933;
}

#Navi_Content_Info a:hover{
	background-position: top left;
}

#Navi_Content_Link a{
	display: block;
	width: 114px;
	height: 30px;
	margin: 0;
	padding: 0;
	background : url("../images/navi_link2.gif") no-repeat bottom left;
}

#Navi_Content_Link a:hover{
	background-position: top left;
}

#Container {
	width:800px;
	text-align:center;
	margin:10px 0px 20px 0px;
	}

div.MainText {
	width:700px;
	text-align:center;
	margin:5px 50px 20px 50px;
	text-align:left;
	}

.Green {
	color:#009900;
	font-size:120%;
	font-weight:bolder;
	}

.Red {
	color:#cc0000;
	font-size:120%;
	font-weight:bolder;
	}

.Bold {
	font-weight:bolder;
	}

.ToTop {
	text-align:right;
	margin:40px -40px 0px 0px;
	}

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

.aboutt {
	border:1px solid #669933;
	width:700px;
	border-collapse: collapse;
	margin:0px 50px 0px 50px;
	}

.aboutt2 {
	padding:4px 12px 4px 12px;
	border:1px solid #669933;
	background-color:#eeeeee;
	color:#006600;
	font-weight:bolder;
	}

.aboutt3 {
	padding:4px 12px 4px 12px;
	border:1px solid #669933;
	background-color:#ffffff;
	text-align:left;
	}

.aboutt4 {
	border:0;
	border-collapse: collapse; 
	}

.aboutt5 {
	padding:4px 12px 0px 0px;
	border:0;
	background-color:#ffffff;
	text-align:left;
	}

div.maptitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/about/maptitle.gif) no-repeat right top;
	}

div#map {
	text-align:center;
	margin:10px;
	width:600px;
	height:600px;
	margin:0px 100px 30px 100px;
	}

/*-----あいさつ・経営理念-----*/

div.greetingtitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/greeting/greetingtitle.gif) no-repeat right top;
	}

div.policytitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/greeting/policytitle.gif) no-repeat right top;	}

div.policytitle2 {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/greeting/policytitle2.gif) no-repeat right top;	}

.greetingt {
	border:1px solid #666666;
	width:700px;
	border-collapse: collapse;
	background-color:#eeeeee;
	}

.greetingt2 {
	padding:10px;
	}

/*-----サービス案内-----*/

div#colum2_cleaning {
	width:700px;
	padding:0;
	}

div#colum_left_cleaning {
	width:215px;
	vertical-align:top;
	text-align: left;
	float: left;
	}

div#colum_right_cleaning {
	width:460px;
	text-align: left;
	float: left;
	vertical-align:top;
	}

div#colum2_security {
	width:700px;
	padding:0;
	}

div#colum_left_security {
	width:215px;
	vertical-align:top;
	text-align: left;
	float: left;
	}

div#colum_right_security {
	width:460px;
	text-align: left;
	float: left;
	vertical-align:top;
	}

div#colum2_services {
	width:700px;
	padding:0;
	}

div#colum_left_services {
	width:215px;
	vertical-align:top;
	text-align: left;
	float: left;
	}

div#colum_right_services {
	width:460px;
	text-align: left;
	float: left;
	vertical-align:top;
	}


div#cleaningimg {
	text-indent: -9999px;
	margin:0px 15px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:267px;
	background: url(../images/services/cleaning.jpg) no-repeat right top;
	border:1px Solid #333333;
	}

div#securityimg {
	text-indent: -9999px;
	margin:0px 15px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:267px;
	background: url(../images/services/security.jpg) no-repeat right top;
	border:1px Solid #333333;
	}

div#securityimg2 {
	text-indent: -9999px;
	margin:0px 15px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:150px;
	background: url(../images/services/security2.jpg) no-repeat right top;
	border:1px Solid #333333;
	}

div#securityimg3 {
	text-indent: -9999px;
	margin:10px 0px 5px 0px;
	padding:0px;
	text-align: center;
	float: left;
	width:439px;
	height:52px;
	background: url(../images/services/security_flow.gif) no-repeat right top;
	}

div#servicesimg {
	text-indent: -9999px;
	margin:0px 30px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:150px;
	background: url(../images/services/servicesimg.jpg) no-repeat right top;	border:1px Solid #333333;
	}

div#servicesimg2 {
	text-indent: -9999px;
	margin:0px 30px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:150px;
	background: url(../images/services/servicesimg2.jpg) no-repeat right top;	border:1px Solid #333333;
	}

div#servicesimg3 {
	text-indent: -9999px;
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align: left;
	float: left;
	width:200px;
	height:150px;
	background: url(../images/services/servicesimg3.jpg) no-repeat right top;	border:1px Solid #333333;
	}

.servicest {
	border:1px solid #666666;
	background-color:#eeeeee;
	width:440px;
	padding-top: 0px;
	padding:10px;
	margin:10px 0px 0px 0px;
	}

.servicest2 {
	border:1px solid #666666;
	background-color:#eeeeee;
	width:650px;
	padding-top: 0px;
	padding:10px;
	margin:10px 0px 0px 0px;
	}

div.cleaningtitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/cleaningtitle.gif) no-repeat right top;
	}

div.securitytitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/securitytitle.gif) no-repeat right top;
	}

div.environmenttitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/environmenttitle.gif) no-repeat right top;
	}

div.servicestitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/servicestitle.gif) no-repeat right top;

	}

div.equipmenttitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/equipmenttitle.gif) no-repeat right top;
	}

div.temporarytitle {
	margin:10px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	text-align: left;
	width:800px;
	height:24px;
	background: url(../images/services/temporarytitle.gif) no-repeat right top;
	}

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

div#Footer {
	margin:10px 0px 20px 0px;
	padding-top:5px;
	padding-right: 5px;
	padding-bottom: 40px;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	color: #cccccc;
	border-top: 1px solid #33CC00;
	}

/*-----その他-----*/

.clear { 
	clear: both;
}