@charset "utf-8";

/*■ページ共通■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

body {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:2B2B2B;
	text-align:center;
	margin:0px;
	padding:0px;
	line-height: 1.5;
	background-repeat: repeat;
	background-position: center;
	background-color: #FFFFFF;

}

/*画像リンク・ラインなし*/
a img {
	border:none;
}

/*フォーム・マージンなし*/
form {
	margin:0;
}

/*リンク・設定*/
a:focus {
	outline:none;
}

a {
	color:#000000;
	background-color:transparent;
	text-decoration: none;
}
a:hover {
	color:#2C4985;
	text-decoration: underline;
}

/*テキスト*/
p {
	line-height: 1.3;
	margin: 0px;
	text-align: left;
	color: 000000;
	padding-top: 10px;
}
p.base {
	margin: 10px;
}


/*クリア*/
.clearfloat {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

/**/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}

/*■ベース設定（コンテナー・ヘッダー・レフト・メイン・フッター）■■■■■■■■■■■■■■■■■■*/

/*表示コンテンナー・指定*/
#container {
	width:100%;
	text-align:left;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}

/*ヘッダー・指定*/
#header {
	background-color: #FFF;
	margin: 0px;
	/*background: transparent;*/
}

/*メインボディー・指定*/
#mainbody {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#indexbody {
	background-color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right:5px;
	padding-left: 5px;
	width: 750px;
}


/*フッター・指定*/
#footer {
	width: 897px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #009FE8;
	background-color: #FFFFFF;
	padding-top: 25px;
} 


/*■ヘッダー関係■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*H1*/
#header h1 {
	font-size: 11px;
	text-align: left;
	color: 000000;
	margin: 0px auto 0px auto;
	padding: 5px 20px 5px 10px;
	font-weight: normal;
	width: 875px;
}

#h1bg {
	width:100%;
	text-align:left;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: #F4F4F2;
}
/*ヘッダー上部・背景指定*/
#header_top {
	background-repeat: repeat-x;
	height: 75px;
	width: 897px;
	display: block;
	padding: 0px;
	margin: 5px auto 0px auto;	
}
#header_top02 {
	background-image: url(../img/common/head/top_head01.jpg);
	background-repeat: repeat-x;
	height: 360px;
	width: 760px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}
#header_top03 {
	background-image: url(../../pulizia_pro/img/common/head/top_head02.jpg);
	background-repeat: repeat-x;
	height: 100px;
	width: 760px;
	display: block;
	padding: 0px;
	margin-top: 20px;
	text-indent: -9999px;
}
#header_top03about {
	background-image: url(../../pulizia_pro/img/common/head/top_head06.jpg);
	background-repeat: repeat-x;
	height: 100px;
	width: 760px;
	display: block;
	padding: 0px;
	margin-top: 20px;
	text-indent: -9999px;
}
#header_top04 {
	background-image: url(../../pulizia_pro/img/common/head/top_head05.jpg);
	background-repeat: repeat-x;
	height: 92px;
	width: 760px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}
#header_top05 {
	background-repeat: repeat-x;
	height: 325px;
	width: 760px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}
#header_top06  {
	background-image: url(../img/common/head/top_head05.jpg);
	background-repeat: repeat-x;
	height: 314px;
	width: 760px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}
#header_top07  {
	background-image: url(../img/common/head/top_head06.jpg);
	background-repeat: repeat-x;
	height: 380px;
	width: 760px;
	display: block;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}
/*ヘッダーロゴマーク*/
#header_top h2 {
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 82px;
	width: 362px;
	margin: 20px auto 0px auto;
	float: left;
	padding-top: 0px;
}

/*ヘッダーロゴマーク・リンク（通常時）*/
#header_top h2 a {
	display: block;
	height: 82px;
	width: 362px;
	text-indent: -9999px;
}

/*フッターリンク指定*/
#footer a {
	text-decoration:none;
}

/*コピーライト*/
#footer_copy {
	font-size: 10px;
	display: block;
	padding: 0px;
	height: 24px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer_copy address {
	font-style: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 4px 0px 0px 10px;
}
#footer_copy address a, #footer_copy address a:hover {
	color:#FDFEFF;
	padding: 0px;
	margin: 0px;
}

/*フッターロゴイメージ*/
#footer_copy .tnet a {
	height: 20px;
	padding: 0px;
	margin: 4px 10px 0px 0px;
	color: #FFFFFF;
	float: right;
}



#fla { clear: both; width: 760px; display: block; margin: 0px; padding: 0px; height: 520px; }
#fla object { display: inline; margin: 0px; padding: 0px; height: 520px; width: 760px; }
#fla2 { clear: both; width: 760px; display: block; margin: 0px; padding: 0px; height: 200px; }
#fla2 object { display: inline; margin: 0px; padding-bottom: 20px; height: 200px; width: 760px; }
#shadow { width: 760px; height: 9px; background-image: url(../img/top/shadow.gif); background-repeat: repeat-x; }



.rh0-0				{line-height: 1px;}
.rh0				{line-height: 2px;}
.rh1				{line-height: 5px;}
.rh2				{line-height: 10px;}
.rh3				{line-height: 25px;}
.rh3-0				{line-height: 16px;}	

.fs1				{font-size: 9px}
.fs2				{font-size: 11px}
.fs3				{font-size: 12px}
.fs4				{font-size: 13px}
.fs5				{font-size: 14px}
.fs6				{font-size: 16px}
.fs7				{font-size: 18px}
.fs8				{font-size: 24px}

.fc1				{color:#000000}
.fc2				{color:#FFFFFF}
.fc3				{color:#FF499C}
.fc4				{color:#990000}
.fc5				{color:#CC6600}
.fc6				{color:#339999}
.fc7				{color:#999999}
.fc8				{color:#BBBBC6}
.fc9				{color:#D85950}
.fc10				{color:#EFEFEF}
.fc11				{color:#72AAE2}
.fc12				{color:#6FA8E1}
.fc13				{color:#996699}
.fc14   			{color:#FF6600}
.fc15   			{color:#66FFFF}
.fc16   			{color:#FF2084}
.fc17				{color:#333333}
.fc18				{color:#F40358}

.x0					{padding-top: 3px}
.x1					{vertical-align: top;}
.x2					{vertical-align: bottom;}
.x3					{font-weight: bold;}
.x4					{vertical-align:middle;}
.x5					{text-decoration:underline;}
.x6					{text-align: center;}
.x7					{font-weight: normal;}
.x8					{font-style: italic}
.x9					{text-align: right;}

.wht a:link				{color: #FFFFFF;text-decoration: none;}				
.wht a:visited			{color: #FFFFFF;text-decoration: none;}				
.wht a:hover				{color: #FFFFFF;text-decoration: underline;}				
.wht a:active			{color: #FFFFFF;text-decoration: none;}
.fc19 {
	color:#0066FF
}

/*レフトボディー指定*/
#leftbody {
	float:left;
	width:173px;
	height: auto;
	padding: 0;
	margin-bottom: 0;	
}



/*レフトボディー関連指定■■■■----------------------------------------*/

/*コンテンツ一覧*/
#leftbody ul {
	list-style-type: none;
	margin: 0px 0 0;
	padding: 0;
}
/*#left li {
	display: inline;
}*/
#leftbody ul li a {
	width: 179px;
	text-indent: -9999px;
	display: block;
}

/*コンテンツボタン（通常時）*/
#con_home a {
	background: url(../img/menu1-1.gif) no-repeat;
	height: 52px;
}

#con_homehere a {
	background: url(../img/menu1-2.gif) no-repeat;
	height: 52px;
}

#con_gaiyo a {
	background: url(../img/menu2-1.gif) no-repeat;
	height: 52px;
}

#con_gaiyohere a {
	background: url(../img/menu2-2.gif) no-repeat;
	height: 52px;
}



#con_gaiyo a {
	background: url(../img/menu2-1.gif) no-repeat;
	height: 52px;
}

#con_gaiyohere a {
	background: url(../img/menu2-2.gif) no-repeat;
	height: 52px;
}


#con_katsudo a {
	background: url(../img/menu3-1.gif) no-repeat;
	height: 52px;
}

#con_katsudohere a {
	background: url(../img/menu3-2.gif) no-repeat;
	height: 52px;
}

#con_ohaka a {
	background: url(../img/menu4-1.gif) no-repeat;
	height: 52px;
}

#con_ohakahere a {
	background: url(../img/menu4-2.gif) no-repeat;
	height: 52px;
}

#con_kumiai a {
	background: url(../img/menu5-1.gif) no-repeat;
	height: 52px;
}
#con_kumiaihere a {
	background: url(../img/menu5-2.gif) no-repeat;
	height: 52px;
}

#con_contact a {
	background: url(../img/menu6-1.gif) no-repeat;
	height: 52px;
}
#con_contacthere a {
	background: url(../img/menu6-2.gif) no-repeat;
	height: 52px;
}


/*サブコンテンツ*/
#sub_story_1 a {
	background: url(../img/common/left/sub_story_01.gif) no-repeat;
	height: 18px;
}
#sub_story_2 a {
	background: url(../img/common/left/sub_story_02.gif) no-repeat;
	height: 18px;
}
#sub_story_3 a {
	background: url(../img/common/left/sub_story_03.gif) no-repeat;
	height: 18px;
}
#sub_story_4 a {
	background: url(../img/common/left/sub_story_04.gif) no-repeat;
	height: 18px;
}
#sub_friend_1 a {
	background: url(../img/common/left/sub_friend_01.gif) no-repeat;
	height: 18px;
}
#sub_friend_2 a {
	background: url(../img/common/left/sub_friend_02.gif) no-repeat;
	height: 18px;
}

/*コンテンツボタン（ロールオーバ時）*/

#con_home a:hover {
	background: url(../img/menu1-2.gif) no-repeat;
	height: 52px;
}


#con_gaiyo a:hover {
	background: url(../img/menu2-2.gif) no-repeat;
	height: 52px;
}


#con_katsudo a:hover {
	background: url(../img/menu3-2.gif) no-repeat;
	height: 52px;
}

#con_ohaka a:hover {
	background: url(../img/menu4-2.gif) no-repeat;
	height: 52px;
}

#con_kumiai a:hover {
	background: url(../img/menu5-2.gif) no-repeat;
	height: 52px;
}

#con_contact a:hover {
	background: url(../img/menu6-2.gif) no-repeat;
	height: 52px;
}


#con_topics {
	background: url(../img/new_topics_bg.gif);
	width: 172px;
	height: 173px;
	margin: 20px 0 0 0;
}





/*サブコンテンツ（ロールオーバ時）*/
#sub_story_1 a:hover {
	background: url(../img/common/left/sub_story_01_h.gif) no-repeat;
	height: 18px;
}
#sub_story_2 a:hover {
	background: url(../img/common/left/sub_story_02_h.gif) no-repeat;
	height: 18px;
}
#sub_story_3 a:hover {
	background: url(../img/common/left/sub_story_03_h.gif) no-repeat;
	height: 18px;
}
#sub_story_4 a:hover {
	background: url(../img/common/left/sub_story_04_h.gif) no-repeat;
	height: 18px;
}
#sub_friend_1 a:hover {
	background: url(../img/common/left/sub_friend_01_h.gif) no-repeat;
	height: 18px;
}
#sub_friend_2 a:hover {
	background: url(../img/common/left/sub_friend_02_h.gif) no-repeat;
	height: 18px;
}
/*サブコンテンツオープン時*/
#con_story #now {
	background: url(../img/common/left/con_story_now.gif) no-repeat;
}
#con_friend #now {
	background: url(../img/common/left/con_friend_now.gif) no-repeat;
}

/*バナー（ご注文）*/
#con_order a {
	background: url(../img/common/left/bnr_order.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 85px;
	width:180px;
	margin-top:5px;
	margin-bottom: 0;
}
#con_order a:hover {
	background: url(../img/common/left/bnr_order_h.gif) no-repeat;
}

/*バナー（マイページ）*/
#con_mp a {
	background: url(../img/common/left/bnr_mp.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 85px;
	width:180px;
	margin-top:2px;
	margin-bottom: 0;
}
#con_mp a:hover {
	background: url(../img/common/left/bnr_mp_h.gif) no-repeat;
}

/*バナー（メディア紹介）*/
#con_media a {
	background: url(../img/common/left/bnr_media.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 70px;
	width:180px;
	margin-top:2px;
	margin-bottom: 0;
}
#con_media a:hover {
	background: url(../img/common/left/bnr_media_h.gif) no-repeat;
}

/*バナー（レベルシィ）*/
#con_lebellac a {
	background: url(../img/common/left/bnr_labellc.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 105px;
	width:180px;
	margin-top:2px;
	margin-bottom: 0;
}
#con_lebellac a:hover {
	background: url(../img/common/left/bnr_labellc_h.gif) no-repeat;
}


/*バナー（友達紹介）*/
#con_friends a {
	background: url(../img/common/left/bnr_friends.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 70px;
	width:180px;
	margin-top:2px;
	margin-bottom: 0;
}
#con_friends a:hover {
	background: url(../img/common/left/bnr_friends_h.gif) no-repeat;
}

/*----------------------------------------------------------------------*/


/*コンテナー指定*/
#mainimage {
	width:897px;
	margin: 20px auto 0px auto;
	padding: 0;
	text-align:left;
	background: url(../img/common/bk_main.gif) repeat-y #FFF;
}

/*メインボディー指定*/
#mainbody {
	float:left;
	overflow: auto;
	width:696px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
}

#main_top {
	background: url(../img/mainimage.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	padding: 5px 0 0 0;
	margin: 0;
}


#footerbg {
	width:100%;
	text-align:center;
	padding: 20px 0 0 0;
	margin: 0px auto 0px auto;
	background-color: #F4F4F2;
	color: 000000;
}

#footerbg2 {
	width:100%;
	text-align:center;
	padding: 10px 0 0 0;
	margin: 20px auto 0px auto;
	background-color: #F4F4F2;
	color: 000000;
}


.area {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	display: block;
	width: 600px;
}




div.sitemap{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 17px;
	list-style:none;
}

div.sitemap span{
	margin:0px 0px 10px 0px;
	padding:3px 0px 3px 15px;
	background:url("../img/i_arrow_02.gif") no-repeat 5px 0.7em;
	border:1px solid #cccccc;
	display:block;
	width:200px;

}

div.sitemap span.utility{
	margin:0px 20px 10px 0px;
	padding:3px 0px 3px 15px;
	background:url("../img/i_arrow_02.gif") no-repeat 5px 0.7em;
	border:none;
	display:block;
	width: auto;
	float:left;

}

div.sitemap ul{
	margin:0px 0px 10px 0px;
	padding:0px 0px 20px 30px;
	list-style:none;
	
}

div.sitemap li{
	margin:0px 0px 0px 0x;
	padding:0px 20px 0px 10px;
	background:url("../img/i_s_dot.gif") no-repeat 0px 0.6em;
	float:left;	
}

div.sitemap div.sitemap_cont{
	margin:20px 0px 0px 0px;	

}

html{
	overflow-y:scroll;
	}
	
	
#center {
	text-align:left;
	margin: 0px auto 0px auto;
}


.center {
	text-align:left;
	margin: 0px auto 0px auto;
}

.bo1	{border-right: #CCCCCC 1px solid; border-left: #CCCCCC 1px solid; border-top: #CCCCCC 1px solid;}
.bo2	{border-right: #CCCCCC 1px solid; border-left: #CCCCCC 1px solid; }
.bo3	{border: #CCCCCC 1px solid;}
.bo4	{border-right: #CCCCCC 1px solid;}
.bo5	{border-left: #CCCCCC 1px solid;}
.bo10	{border-bottom: #999999 1px dotted;}

.rh0-0				{line-height: 1px;}
.rh0				{line-height: 2px;}
.rh1				{line-height: 5px;}
.rh2				{line-height: 10px;}
.rh3				{line-height: 15px;}
.rh3-0				{line-height: 16px;}	
.rh3-1				{line-height: 18px;}	
.rh4				{line-height: 20px;}
.rh5				{line-height: 25px;}								
.rh6				{line-height: 30px;}
.rh7				{line-height: 40px;}	
.rh8				{line-height: 50px;}		


#headerFrame {
	WIDTH: 100%; 


}
#center {
	width:948px;
	text-align:left;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-repeat: repeat-y;
}

.wht a:link			{color: #FFFFFF;text-decoration: none;}				
.wht a:visited		{color: #FFFFFF;text-decoration: none;}				
.wht a:hover		{color: #FFFFFF;text-decoration: underline;}				
.wht a:active		{color: #FFFFFF;text-decoration: none;}