/**********************************
基本設定
**********************************/
* {
	margin: 0px;
	padding: 0px;
}
#body {
	background-color: #FFFFFF;
	height: auto;
	width: 850px;
	margin: 10px;
	padding: 5px;
}

/****************************************
文字の装飾とかーー
*****************************************/

.style1 {
	font-size: 12px;
	color: #666666;
}
.style2 {
	color: #FF6600;
	font-weight: bold;
}

.style6 {font-size: 10px;}
.style7 {color: #FF6600;}
.style8 {color: #666666;}
.style9 {color: #666666;}
.style10 {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}
.style11 {
	color: #FF9900;
	font-weight: bold;
	text-decoration: underline;
}

.style12 {font-size: 18px}
.style14 {
	color: #FF6666;
	font-weight: bold;
	font-size: 16px;
}
/******************************************
主な配置とかーーーなんかー色々ー？
*******************************************/
#menu-contents-right{
	width:100%;
	magin:0px;
	padding:0px;
}
#contents-right{
	width:631px;
	margin:0px;
	padding:0px;
	float:right;
}
#main_menu {
	background-color: #EAEAEA;
	width: 219px;
	float: left;
}
#menu_box {
	width: 219px;
	background-image: url(IMG/happa_w.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
}

#flash {
	background-color: #FFFFFF;
	float: none;
}
#contents-wrap{
	width:452px;
	float: left;
}
#contents {
	padding-top: 10px;
	padding-left: 20px;
	margin:0px;
	background-color: none;
	float:left;
}
.contents_text {
	padding-left: 15px;
	color: #666666;
	font-size: 14px;
	line-height:1.4;
	background-image: url(IMG/happa_g.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 420px;
}

.contents_text2 {
	color: #666666;
	font-size: 14px;
	background-image: url(IMG/happa_g.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 577px;
}

.topics_leftbar {
	background-attachment: scroll;
	background-image: url(IMG/topics_sideL.jpg);
	background-repeat: repeat-y;
	width:452px;
}
.topics_rightbar {
	background-image: url(IMG/topics_sideR.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: right;
}

#banner {
	margin:0px auto;
	padding:0px;
}
#right {
	float: right;
	padding-top: 10px;
	width:159px;
	margin:0px;
}
	#right dl{
		width:128px;
		padding-bottom:2px;
		margin-top:0px;
		margin-bottom:2px;
		margin-left:15px;
		margin-right:15px;
		border-bottom:1px solid #cccccc;
	}
		#right dl dt{
			background:#cccccc;
			font-size:70%;
			color:#ffffff;
			padding:1px 3px;
			margin-bottom:2px;
		}
		#right dl dd{
			list-style:none;
			margin:0px;
			text-indent:-0.5em;
			font-size:70%;
			padding-left:0.5em;
			padding-right:0.5em;
		}
			#right dl dd a{
				color:#999999;
				margin:0px;
				padding:0px;
				text-decoration:none;
			}
			#right dl dd a:hover{
				color:#666666;
				border-bottom:1px dotted #ff0000;
			}
#footer {
	float: none;
	background-image: url(IMG/footer.jpg);
	background-repeat: repeat-x;
	width: 850px;
	background-position: bottom;
	background-attachment: scroll;
	min-height: 50px;
	margin-top: 20px;
	clear:both;
}

/*******************************************************
メインメニューのロールオーバー設定
********************************************************/
#menu_box a{
	display: block;

}

#company a{
	text-indent:-9999px;
	background: url(IMG/company.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#company  a:hover {
	background: url(IMG/company2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}
#kaji a{
	text-indent:-9999px;
	background: url(IMG/kaji.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}
#kaji  a:hover {
	
	background-image: url(IMG/kaji2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	
}

#house a{
	text-indent:-9999px;
	background-image: url(IMG/house.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#house  a:hover{
	background-image: url(IMG/house2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#aircon a{
	text-indent:-9999px;
	background-image: url(IMG/aircon.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#aircon a:hover {
	background-image: url(IMG/aircon2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#living a{
	text-indent:-9999px;
	background-image: url(IMG/living.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#living a:hover{
	background-image: url(IMG/living2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#orner a{
	text-indent:-9999px;
	background-image: url(IMG/orner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#orner a:hover{
	background-image: url(IMG/orner2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#sonota a{
	text-indent:-9999px;
	background-image: url(IMG/sonota.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#sonota a:hover{
	background-image: url(IMG/sonota2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#topics a{
	text-indent:-9999px;
	background-image: url(IMG/topics.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#topics a:hover{
	background-image: url(IMG/topics2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#recruit a{
	text-indent:-9999px;
	background-image: url(IMG/recruit.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#recruit a:hover{
	background-image: url(IMG/recruit2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

#contact a{
	text-indent:-9999px;
	background-image: url(IMG/contact.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
	display:block;
}

#contact a:hover{
	background-image: url(IMG/contact2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	width: 200px;
}

/*******************************************************
トップメニューのロールオーバー設定
********************************************************/
#topmenu {
	float: none;
	width: auto;
}

#up_kaji a{
	text-indent:-9999px;
	background-image: url(IMG/um_kaji.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 112px;
	float: left;
	clear: left;
	display:block;
}

#up_kaji a:hover{
	background-image: url(IMG/um_kaji2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 112px;
	float: left;
	clear: left;
}

#up_house a{
	text-indent:-9999px;
	background-image: url(IMG/um_house.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 106px;
	float: left;
	display:block;
	
}

#up_house a:hover{
	background-image: url(IMG/um_house2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 106px;
	float: left;
	
}

#up_aircon a{
	text-indent:-9999px;
	background-image: url(IMG/um_aircon.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 110px;
	float: left;
	clear: right;
	display:block;
}

#up_aircon a:hover{
	background-image: url(IMG/um_aircon2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 110px;
	float: left;
	clear: right;
}

#up_living a{
	text-indent:-9999px;
	background-image: url(IMG/um_living.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 97px;
	float: left;
	clear: right;
	display:block;
}

#up_living a:hover{
	background-image: url(IMG/um_living2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 49px;
	width: 97px;
	float: left;
	clear: right;
}

/*********************************************************
ここからコンテンツのCSSなんですよおぉーーー☆
**********************************************************/
.contents_leftbar {
	background-attachment: scroll;
	background-image: url(IMG/contents_bar2_L.jpg);
	background-repeat: repeat-y;
}
.contents_rightbar {
	background-image: url(IMG/contents_bar2_R.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: right;
}

/***********************************************************
コンテンツのTABメニューろーるおーばーーーー☆
************************************************************/

#tab a{
	display: block;
	height: 43px;
}

#tab1 a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab1.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1 a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab1-2.jpg);
	
}

#tab2 a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/oranget_tab2.jpg);
	dispray:block;
	float: left;
}

#tab2 a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab2-2.jpg);
	
}

#tab3 a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab3.jpg);
	dispray:block;
	float: left;
}

#tab3 a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab3-2.jpg);
	
}

#tab4 a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab4.jpg);
	dispray:block;
	clear: none;
	float: none;
}

#tab4 a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab4-2.jpg);
	
}

/**********
GREEN　TAB
***********/

#tab1_g a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab0.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_g a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab0-2.jpg);
	
}

#tab2_g a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab1.jpg);
	dispray:block;
	float: left;
}

#tab2_g a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab1-2.jpg);
	
}

#tab3_g a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab2.jpg);
	dispray:block;
	float: left;
}

#tab3_g a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab2-2.jpg);
	
}

#tab4_g a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab3.jpg);
	dispray:block;
	clear: none;
	float: none;
}

#tab4_g a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/green_tab3-2.jpg);
	
}

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

#tab1_h a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/tokucyou_tab_o.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_h a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/tokucyou_tab_o2.jpg);
	
}

#tab2_h a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/kokoroe_tab_o.jpg);
	dispray:block;
	float: left;
}

#tab2_h a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/kokoroe_tab_o2.jpg);
	
}

#tab3_h a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/service_tab_o.jpg);
	dispray:block;
	float: left;
}

#tab3_h a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/service_tab_o2.jpg);
	
}

/**************
エアコンTAB
***************/

#tab1_air a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/hituyou_tab_o.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_air a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/hituyou_tab_o2.jpg);
	
}

#tab2_air a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/nagare_tab_o.jpg);
	dispray:block;
	float: left;
}

#tab2_air a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/nagare_tab_o2.jpg);
	
}

#tab3_air a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/kakaku_tab_o.jpg);
	dispray:block;
	float: left;
}

#tab3_air a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/kakaku_tab_o2.jpg);
	
}

/***************
リビングTAB
****************/


#tab1_liv a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab1.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}


#tab1_liv a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/orange_tab1-2.jpg);
	
}

#tab2_liv a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/tokucyou2_tab_o.jpg);
	dispray:block;
	float: left;
}

#tab2_liv a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/tokucyou2_tab_o2.jpg);
	
}


/****************
ピンクTAB
*****************/

#tab a{
	display: block;
	height: 43px;
}

#tab1_p a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/kaji_tab_p.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_p a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/kaji_tab_p2.jpg);
	
}

#tab2_p a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/house_tab_p.jpg);
	dispray:block;
	float: left;
}

#tab2_p a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/house_tab_p2.jpg);
	
}

#tab3_p a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/aircon_tab_p.jpg);
	dispray:block;
	float: left;
}

#tab3_p a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/aircon_tab_p2.jpg);
	
}

#tab4_p a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_p.jpg);
	dispray:block;
	clear: none;
	float: none;
}

#tab4_p a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_p2.jpg);
	
}

/****************
ブルーTAB
*****************/

#tab1_b a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/nichijyou_tab_b.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_b a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/nishijyou_tab_b2.jpg);
	
}

#tab2_b a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/teiki_tab_b.jpg);
	dispray:block;
	float: left;
}

#tab2_b a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/teiki_tab_b2.jpg);
	
}

#tab3_b a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_b.jpg);
	dispray:block;
	float: left;
}

#tab3_b a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_b2.jpg);
	
}

/****************
kemsTAB
*****************/

#tab1_kems a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(http://himawari-service.jp/tab_kems01a.gif);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_kems a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(http://himawari-service.jp/tab_kems01b.gif);
	
}

#tab2_kems a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(http://himawari-service.jp/tab_kems02a.gif);
	dispray:block;
	float: left;
}

#tab2_kems a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(http://himawari-service.jp/tab_kems02b.gif);
	
}

#tab3_kems a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_b.jpg);
	dispray:block;
	float: left;
}

#tab3_kems a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/living_tab_b2.jpg);
	
}


/******************
その他サービスのTAB
*******************/

#tab1_s a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/gakkou_tab_p.jpg);
	dispray:block;
	float: left;
	margin-left: 10px;
}

#tab1_s a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/gakkou_tab_p2.jpg);
	
}

#tab2_s a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/kyoushi_tab_p.jpg);
	dispray:block;
	float: left;
}

#tab2_s a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/kyoushi_tab_p2.jpg);
	
}

#tab3_s a{
	text-indent:-9999px;
	height: 43px;
	width: 130px;
	background-image: url(IMG/shinbun_tab_p.jpg);
	dispray:block;
	float: left;
}

#tab3_s a:hover{
	
	height: 43px;
	width: 130px;
	background-image: url(IMG/shinbun_tab_p2.jpg);
	
}

/*********************************************************
文字回りとかとか？
**********************************************************/


.title_y {
	background-color: #FFFFCC;
	height: 30px;
	width: 480px;
	text-align: center;
	font-size: 18px;
	color: #FF6600;
	border: 1px solid #FFCC66;
	vertical-align: middle;
	font-weight: bold;
	font-style: normal;
	padding-top: 10px;
}
.contents_text3 {
	width: 560px;
	padding-top: 10px;
	text-align: left;
	padding-left: 10px;
	color: #666666;
	font-size: 14px;
	line-height: 1.4;
	background-image: url(IMG/happa_g.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contents_text4 {
	width: 480px;
	padding-top: 10px;
	text-align: left;
	padding-left: 10px;
	color: #666666;
	font-size: 14px;
	line-height: 1.4;
	background-image: url(IMG/happa_g.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.border_box {
	border-bottom: 2px dotted #FF9933;
	width: 320px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 15px;
}

.border_box2 {
	padding: 5px;
	width: 480px;
	height: auto;
	border: thin dotted #FFCC99;
	text-align: left;
	line-height: 1.4;
}

.title_g {
	background-color: #FFFF99;
	height: 30px;
	width: 480px;
	text-align: center;
	font-size: 18px;
	color: #006699;
	vertical-align: middle;
	font-weight: bold;
	font-style: normal;
	padding-top: 10px;
	border-top: 1px #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px #CCCCCC;
}

.title_p {
	background-color: #FFCCCC;
	height: 30px;
	width: 480px;
	text-align: center;
	font-size: 18px;
	color: #FF3333;
	vertical-align: middle;
	font-weight: bold;
	font-style: normal;
	padding-top: 10px;
	border-top: 2px #CCCCCC;
	border-right: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	border-left: 2px #CCCCCC;
}

.title_b {
	background-color: #D2F4FF;
	height: 30px;
	width: 480px;
	text-align: center;
	font-size: 18px;
	color: #3366FF;
	vertical-align: middle;
	font-weight: bold;
	font-style: normal;
	padding-top: 10px;
	border-top: 2px #CCCCCC;
	border-right: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	border-left: 2px #CCCCCC;
}

.box_boader {
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
.text_padding {
	padding-left: 10px;
}
/************************************************************
テーブル設定
*************************************************************/

.price-table{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	margin: 8px 0 5px 8px;
}

.price-table td{
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}