/* サンビルサービス */

/* base---------------------------------------------------------------------- */
*{
	padding: 0px;
	margin: 0px;
	}

body{
	text-align: center;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	}


/* layout-------------------------------------------------------------------- */

#all{
	width: 900px;
	margin: auto;
	background: #fff;
	font-size: 13px;
	line-height: 1.5em;
	}
    
#header{
	width: 100%;
	height: 80px;
	background-image: url(image/header_back.gif);
	border-bottom: 6px solid #0068B6;
	}

#secondary{
	width: 210px;
	float: left;
	}

#container{
	width: 690px;
	float: left;
	}

#primary{
	width: 460px;
	float: left;
	margin-left: 10px;
	}

#tertiary{
	width: 200px;
	float: right;
	padding-top: 10px;
	}

#footer{
	float: left;
	width: 100%;
	padding: 5 0 0 0px;
	}


/* common------------------------------------------------------------------ */

h2{
	clear: both;
	}

h3{
	clear: both;
	padding: 3px;
	margin: 10 5 5 5px;
	background: #EEECEC;
	font-size: 15px;
	text-align: left;
	border-bottom: 2px solid #0068B6;
	}

h3 a:hover{
	color: #333;
	text-decoration: none;
	}


h4{
	clear: both;
	padding: 3px;
	margin: 10 5 5 5px;
	border-bottom: 1px solid #0068B6;
	font-size: 13px;
	text-align: left;
	}


p{
	margin: 10 15 10 15px;
	text-align: left;
	}

a{
	color: #333;
	text-decoration: none;
	}

a:hover{
	color: #0068B6;
	text-decoration: underline;
	}

img{
	border: none;
	}

table{
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.5em;
	}

.list{
	margin: 10 10px;
	}

.list li{
	list-style: none;
	background-image: url(image/point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 15px;
	}

ol{
	margin: 5 10 5 40px;
	text-align: left;
	}

ol li{
	margin-bottom: 5px;
	}

.block_left{
	float: left;
	margin: 0 15 5 10px;
	font-size: 80%;
	color: #777;
	line-height: 1.5em;
	}

.block_right{
	float: right;
	margin: 0 10 5 15px;
	font-size: 80%;
	color: #777;
	line-height: 1.5em;
	}


/* logo******************************************** */

#logo{
	display: block;
	margin-top: 10px;
	width: 287px;
	height: 62px;
	float:left;
	background-image: url(image/logo.gif);
	text-indent: -9999px;
	outline: none;
	}


/* header_container******************************** */

.header_container{
	width: 900px;
	margin: auto;
	}


/* head_menu*************************************** */

#head_menu{
	margin-top: 10px;
	float: right;
	}

#head_menu li{
	float: left;
	width: 89px;
	list-style: none;
	position: relative;
	top: 30px;
	_top: 24px;
	}

#head_menu a{
	display: block;
	height: 40px;
	text-indent: -9999px;
	outline: none;
	background-repeat: no-repeat;
	}

#head_menu .head_home{
	background-image: url(image/header_menu_home.gif);
	}

#head_menu .head_home:hover{
	background-image: url(image/header_menu_home-on.gif);
	}

#head_menu .head_outline{
	background-image: url(image/header_menu_outline.gif);
	}

#head_menu .head_outline:hover{
	background-image: url(image/header_menu_outline-on.gif);
	}

#head_menu .head_sitemap{
	background-image: url(image/header_menu_sitemap.gif);
	}

#head_menu .head_sitemap:hover{
	background-image: url(image/header_menu_sitemap-on.gif);
	}

#head_menu .head_contact{
	width: 90px;
	background-image: url(image/header_menu_contact.gif);
	background-repeat: repeat-x;
	}

#head_menu .head_contact:hover{
	background-image: url(image/header_menu_contact-on.gif);
	}

/* mainphoto*************************************** */

#mainphoto{
	width: 100%;
	background-image: url(image/main_back.jpg);
	background-repeat: no-repeat;
	background-position: center 130;
	background-color: #fff;
	border-bottom: 3px solid #0068B6;
	}

#mainphoto div{
	width:900px;
	height:250px;
	margin: auto;
	}


/* global_menu************************************* */

#menu_corporate{
	clear: both;
	width: 100%;
	height: 265px;
	padding-top: 6px;
	margin-top: 10px;
	background-image: url(image/menu_corporate_back.gif);
	background-repeat: no-repeat;
	}

#menu_corporate li{
	width: 180px;
	margin: 0 0 4 25px;
	list-style: none;
	text-indent: -9999px;
	outline: none;
	}

#menu_corporate a{
	display: block;
	height: 60px;
	
	}

#menu_corporate .building{
	background-image: url(image/menu_building.gif);
	}

#menu_corporate .building:hover{
	background-image: url(image/menu_building-on.gif);
	}

#menu_corporate .corporate_aircon{
	background-image: url(image/menu_aircon.gif);
	}

#menu_corporate .corporate_aircon:hover{
	background-image: url(image/menu_aircon-on.gif);
	}

#menu_corporate .corporate_jyousui_system{
	background-image: url(image/menu_co_jyousui_system.gif);
	}

#menu_corporate .corporate_jyousui_system:hover{
	background-image: url(image/menu_co_jyousui_system-on.gif);
	}

#menu_corporate .disposal{
	background-image: url(image/menu_disposal.gif);
	}

#menu_corporate .disposal:hover{
	background-image: url(image/menu_disposal-on.gif);
	}


/* ======================= */

#menu_individual{
	clear: both;
	width: 100%;
	height: 200px;
	padding-top: 6px;
	margin-top: 5px;
	background-image: url(image/menu_individual_back.gif);
	background-repeat: no-repeat;
	}

#menu_individual li{
	width: 180px;
	margin: 0 0 4 25px;
	list-style: none;
	text-indent: -9999px;
	outline: none;
	}

#menu_individual a{
	display: block;
	height: 60px;
	
	}

#menu_individual .house{
	background-image: url(image/menu_house.gif);
	}

#menu_individual .house:hover{
	background-image: url(image/menu_house-on.gif);
	}

#menu_individual .individual_aircon{
	background-image: url(image/menu_individualaircon.gif);
	}

#menu_individual .individual_aircon:hover{
	background-image: url(image/menu_individualaircon-on.gif);
	}

#menu_individual .individual_jyousui_system{
	background-image: url(image/menu_in_jyousui_system.gif);
	}

#menu_individual .individual_jyousui_system:hover{
	background-image: url(image/menu_in_jyousui_system-on.gif);
	}


/* side_order************************************** */

#side_order{
	height: 95px;
	_height:130px;
	padding-top: 35px;
	_margin-top:10px;
	background-image: url(image/order_back.gif);
	}

#side_order p{
	margin: 0 5 0 5px;
	}

#side_order a{
	display: block;
	width: 196px;
	height: 50px;
	margin: auto;
	background-image: url(image/order_link.gif);
	text-indent: -9999px;
	}

#side_order a:hover{
	background-image: url(image/order_link-on.gif);
	}

/* breadline*************************************** */

#breadline{
	float: left;
	width: 100%;
	margin: 10 0 10 0px;
	background-color: #EEECEC;
	text-align: left;
	}

#breadline a{
	color: #777;
	text-decoration: none;
	margin-left: 5px;
	}

#breadline a:hover{
	color: #000;
	text-decoration: underline;
	}

#breadline strong{
	margin-left: 5px;
	}


/* footer_menu************************************* */

#footer_menu{
	width: 100%;
	padding: 5 0px;
	background-color: #C8C9CA;
	border-top: 3px solid #323333;
	float: left;
	}

#footer_menu ul{
	clear: both;
	margin: auto;
	padding: 3px;
	}

.footer_menu_common{
	width: 680px;
	}

.footer_menu_biz{
	width:800px;
	}

#footer_menu ul strong{
	color: #0068B6;
	margin-right: 3px;
	}

#footer_menu li{
	float: left;
	list-style: none;
	font-size: 10px;
	_font-size: 9px;
	}

#footer_menu li a{
	border-left: 1px solid #333;
	padding: 0 3px;
	}

#footer_menu .last{
	border-right: 1px solid #333;
	margin-right: 20px;
	}

.footer_address_img{
	width: 900px;
	margin: auto;
	text-align: right;
	}

#footer img{
	margin: 5px;
	}

#footer address{
	display: block;
	clear: both;
	width: 100%;
	background-color: #0068B6;
	color: #fff;
	font-style: normal;
	text-align: center;
	font-size: 12px;
	padding: 3px;
	}


/* top--------------------------------------------------------------------- */

.main_text_photo{
	margin: 10 auto;
	}

#news h2{
	width: 455px;
	height: 35px;
	background-image: url(image/title_top.gif);
	line-height: 36px;
	text-align: left;
	font-size: 15px;
	text-indent: 15px;
	}

#news ul{
	text-align: left;
	}


#news li{
	margin: 10 0 0 10px;
	padding: 0 0 5 15px;
	line-height: none;
	list-style: none;
	background-image: url(image/point.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	border-bottom: 1px dotted #333;
	}

#news li a{
	display: block;
	}

#news li strong{
	display: block;
	color: #0068B6;
	}

#news .news_link{
	width: 100%;
	float: left;
	margin: 10 0px;
	}

#news .news_link a{
	float: right;
	width: 112px;
	height: 22px;
	text-indent: -9999px;
	background-image: url(image/backnum_link.gif);
	}

#news .news_link a:hover{
	background-image: url(image/backnum_link-on.gif);
	}

.free_jyousui_system a{
	display: block;
	clear: both;
	margin: 0 10 10 10px;
	width: 444px;
	height: 115px;
	text-indent: -9999px;
	background-image: url(image/free_softeners_link.gif);
	}

.free_jyousui_system a:hover{
	background-image: url(image/free_softeners_link-on.gif);
	}

.bto_link div{
	background-repeat: no-repeat;
	height: 156px;
	margin-bottom: 5px;
	font-size: 10px;
	_font-size: 70%;
	line-height: 1.5em;
	text-align: right;
	}

.bto_link div p{
	padding: 85 15 0 15px;
	_padding: 85 0 0 10px;
	margin: 0px;
	}

.bto_link_btm{
	display: block;
	margin: 5 0 0 15px;
	}

.bto_link_btm a{
	display: block;
	float: left;
	width: 80px;
	height: 22px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	text-align: left;
	}

.bto_link_corporate{
	background-image: url(image/corporate_link.gif);
	margin-right: 10px;
	}

.bto_link_corporate:hover{
	background-image: url(image/corporate_link-on.gif);
	}

.bto_link_individual{
	background-image: url(image/individual_link.gif);
	}

.bto_link_individual:hover{
	background-image: url(image/individual_link-on.gif);
	}

.bto_link_jyousui_system{
	background-image: url(image/side_back_softeners.jpg);
	}

.bto_link_exter{
	background-image: url(image/side_back_exter.jpg);
	}

.bto_link_garbage{
	background-image: url(image/side_back_garbage.jpg);
	}

.bto_link_iso14001{
	margin-top: 5px;
	background-image: url(image/side_back_iso14001.jpg);
	}

.bto_link_iso14001 a{
	position: relative;
	top: 130px;
	_top:120px;
	}

.details{
	display: block;
	color: #0068b6;
	padding-right: 20px;
	margin: 10 20 0 0px;
	background-image: url(image/point_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 12px;
	font-weight: bold;
	}

.top_banner{
	margin: 10px;
	}

.top_banner a:hover{
	text-decoration: none;
	}


/* 2階層共通--------------------------------------------------------------- */

#under_common #primary{
	width: 680px;
	float: right;
	margin-top: 10px;
	}

#under_common h2{
	width: 680px;
	height: 45px;
	text-indent: -9999px;
	}

.sub_title_corporate{
	border-bottom: 2px solid #FF8A94;
	}

.sub_title_individual{
	border-bottom: 2px solid #45a46d;
	}

.h4_title_corporate{
	border-bottom-color: #FF8A94;
	}

.h4_title_individual{
	border-bottom-color: #45a46d;
	}

.pagetop{
	display: block;
	float: right;
	width: 90px;
	height: 30px;
	margin: 5 5 20 5px;
	background-image: url(image/pagetop.gif);
	text-indent: -9999px;
	outline: none;
	}

.table_base{
	width: 95%;
	margin: auto;
	}

.table_base th, .table_base td{
	border: 1px solid #777;
	padding: 3px;
	text-align: left;
	}

.table_base th{
	background-color: #C2DCEF;
	}

.link{
	color: #0068B6;
	}
	
	
/* フォーム */

form th{
	width: 170px;
	}

.form th{
	width: 170px;
	}

.form_step{
	margin: 10 0 0 0px;
	}

.hissu{
	padding: 2 5px;
	margin: 0 0 1 5px;
	background-color: #A60000;
	color: #fff;
	font-size: 10px;
	position: relative;
	top: -2px;
	}

.hissu_sub{
	color: #A60000;
	font-size: 10px;
	}

.error_text{
	display: block;
	color: #A60000;
	}

.error{
	background-color: #FFE0E4;
	}

.error input{
	border-color: #FF4F67;
	}

.error textarea{
	border-color: #FF4F67;
	}

.error select{
	border-color: #FF4F67;
	}

.form_btm{
	margin: 10px;
	}

.form_btm input{
	width: 150px;
	height: 30px;
	margin: 0 10px;
	border-color: #0068B6;
	background-color: #0068B6;
	color: #fff;
	}

.form_check_btm{
	width: 345px;
	margin: 10 auto;
	}

.form_check_btm form{
	float: left;
	}

.form_check_btm input{
	float: left;
	width: 150px;
	height: 30px;
	margin: 0 10px;
	border-color: #0068B6;
	background-color: #0068B6;
	color: #fff;
	}

/* 浄水システム・浄活水器・軟水器 */

.jyousui_system_lineup caption{
	margin: 5 0px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #0068B6;
	}

.jyousui_system_catalog{
	display: block;
	width: 200px;
	height: 30px;
	background-image: url(image/jyousui_system_catalog.gif);
	text-indent: -9999px;
	}

.jyousui_system_lineup th{
	width: 180px;
	}

.jyousui_system_lineup th,.jyousui_system_lineup td span{
	margin-left: 5px;
	font-size: 11px;
	font-weight: 100;
	}

.lineup_photo{
	width: 200px;
	}

.attention{
	font-size: 10px;
	line-height: 1.5em;
	}

.attention_red{
	color: #FF000A;
	margin-right: 10px;
	}

.nansuiki_lineup th, .nansuiki_lineup td span{
	margin-left: 5px;
	font-size: 11px;
	font-weight: 100;
	}

.jyoukassui_lineup caption{
	margin: 5 0px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #0068B6;
	}

.jyoukassui_lineup th{
	width: 200px;
	}

.jyoukassui_lineup th,.jyoukassui_lineup td span{
	margin-left: 5px;
	font-size: 11px;
	font-weight: 100;
	}

.contact_link{
	display: block;
	width: 230px;
	height: 40px;
	background-image: url(image/contact_link.gif);
	text-indent: -9999px;
	outline: none;
	}

.contact_link:hover{
	background-image: url(image/contact_link-on.gif);
	}


/* ビル内外清掃------------------------------------------------------------ */

.title_building{
	background-image: url(image/title_building.gif);
	}


/* エアコン清掃（法人）---------------------------------------------------- */

.title_co_aircon{
	background-image: url(image/title_co_aircon.gif);
	}


/* 業務用浄水システム・軟水器---------------------------------------------------- */

.title_co_jyousui_system{
	background-image: url(image/title_co_jyousui_system.gif);
	}

.title_co_nansuiki{
	background-image: url(image/title_co_nansuiki.gif);
	}


/* 生ごみ処理機------------------------------------------------------------ */

.title_disposal{
	background-image: url(image/title_disposal.gif);
	}


/* ハウスクリーニング------------------------------------------------------ */

.title_house{
	background-image: url(image/title_house.gif);
	}


/* エアコン清掃（個人）---------------------------------------------------- */

.title_in_aircon{
	background-image: url(image/title_in_aircon.gif);
	}


/* 浄水システム・浄活水器・軟水器------------------------------------------------ */

.title_in_jyousui_system{
	background-image: url(image/title_in_jyousui_system.gif);
	}

.title_in_jyoukassui{
	background-image: url(image/title_in_jyoukassui.gif);
	}

.title_in_nansui{
	background-image: url(image/title_in_nansui.gif);
	}


/* ISO14001---------------------------------------------------------------- */

.title_iso14001{
	background-image: url(image/title_iso14001.gif);
	}


/* 新着情報一覧------------------------------------------------------------ */

.title_news_list{
	background-image: url(image/title_news.gif);
	}

.title_news{
	background-image: url(image/title_news.gif);
	}

.news_text{
	margin: 10 15 10 15px;
	text-align: left;
	}

.news_text a{
	color: #0068B6;
	}

.news_text table{
	margin: 5 0px;
	}

.news_text table th, .news_text table td{
	border: 1px solid #777;
	padding: 5px;
	}


/* ご注文フォーム---------------------------------------------------------- */

.title_order{
	background-image: url(image/title_order.gif);
	}


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

.title_outline{
	background-image: url(image/title_outline.gif);
	}


/* 水のチカラ-------------------------------------------------------------- */

.title_water{
	background-image: url(image/title_water.gif);
	}

.water_imp{
	border: 10px solid #ddd;
	margin: 5 20px;
	}


/* 特定商取引に関する表示-------------------------------------------------- */

.title_transaction{
	background-image: url(image/title_transaction.gif);
	}

.table_transaction th{
	width: 20%;
	}


/* プライバシーポリシー---------------------------------------------------- */

.title_privacy{
	background-image: url(image/title_privacy.gif);
	}

.privacy_name{
	text-align: right;
	}


/* サイトマップ------------------------------------------------------------ */

.title_sitemap{
	background-image: url(image/title_sitemap.gif);
	}

#sitemap{
	margin: 10 15 10 15px;
	text-align: left;
	}

#sitemap ul{
	float: left;
	padding-bottom: 10px;
	}

#sitemap li{
	float: left;
	width: 250px;
	line-height: 30px;
	}


/* お問い合わせ------------------------------------------------------------ */

.title_contact{
	background-image: url(image/title_contact.gif);
	}


/* 無料貸し出し------------------------------------------------------------ */

.title_free_jyousui_system{
	background-image: url(image/title_free_jyousui_system.gif);
	}


/* 黒烏龍茶/海苔石鹸------------------------------------------------------- */

.title_other_oolong{
	background-image: url(image/title_other_oolong.gif);
	}

.title_other_soap{
	background-image: url(image/title_other_soap.gif);
	}


/* 無料貸し出し------------------------------------------------------------ */

.title_recycle_toner{
	background-image: url(image/title_recycle_toner.gif);
	}