@charset "UTF-8";

/*初期化
-------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,select,optgroup,option,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}

html,body {
	margin:0;
	padding:0;
	height:100%;
}

hr{
	border:0;
	background-color:0;
}

table,td,th{
	border-collapse:collapse;
	border-spacing:0;
}

address,caption,cite,code,dfn,var {
	font-style:normal;
	font-weight:normal;
	display:inline;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

img {vertical-align: top;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:none;}
fieldset,img,a img,:link img,:visited img,abbr,acronym{border:0;}
body{ behavior: url("design/csshover3.htc");}/*IE6 :hoverバグ回避プログラム(csshover3.htc)読込*/


/*初期デザイン
-------------------------------------------*/
input,textarea,select,optgroup,option,button,.button{
	text-align:justify;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
p{text-indent:1em;text-align:justify;}
a{text-decoration:none;}
dl{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
dt		{border-right:1px solid #ccc;}
dt,dd	{border-bottom:1px solid #ccc;}
dl dt	{float:left;width:50%;}
dl dd	{}


/*簡易デザイン
-------------------------------------------*/
/*CSS3*/
.radius{
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
.shadow{
	
	box-shadow:2px 2px 3px #999;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	-ms-box-shadow:2px 2px 3px #999;
	-o-box-shadow:2px 2px 3px #999;
}
.web2{
	
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	box-shadow:2px 2px 3px #999;
	-moz-box-shadow:2px 2px 3px #999;
	-webkit-box-shadow:2px 2px 3px #999;
	-ms-box-shadow:2px 2px 3px #999;
	-o-box-shadow:2px 2px 3px #999;
}
.text-shadow{
	
	text-shadow: 2px 2px 2px #abb;
}
.opacity{
	
	opacity:0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
}
.opacity:hover{
	
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}
.opac_link:hover{
	
	opacity:0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
}

/*Common*/
.loading{background:url('image/icon/loading.gif') center center no-repeat;width:100px;height:100px;margin:20px auto;}
.sending{background:url('image/icon/sending.gif') center center no-repeat;width:200px;height:200px;margin:20px auto;}
.b{font-weight:bold;}
.wrap{
	border:1px solid #ccc;
	padding:5px;
	background-color:#fff;
}
.hidden{display:none;}
.overflow{overflow:auto;}
.big{
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}

/*メッセージ*/
.msg{color:black;}
.ok{color:blue;}
.err{
	color:red;
	padding-left:20px;
	background:url('image/common/err.gif') center left no-repeat;
}
.msgBox{
	border:3px solid #b0e0e6;
	padding:10px;
}
.msgBox:hover{
	background-color:#fafafa;
}
.red{color:red;font-size:10px;font-weight:normal;}


/*Position Fixed
-------------------------------------------*/
/*ie6 fixedバグ回避*/
* html{overflow:hidden;}
* html body{
	height:100%;
	overflow:auto;
	margin:0;
}

* html .fixed{
	position:absolute;
	right:16px;
}

.fixed{position:fixed;}


/*float関係[left/right/clear]
-------------------------------------------*/
.left{float:left;}
.right{float:right;}

.clear:after,
dl:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clear,
dl{
	min-height: 1px; /*IE6、7対策*/
	display:inline-table;/*IE6、7対策*/
}

/* back-slash hack \*/
* html .clear,
* html dl{
	height:1%;
}

.clear,
dl{
	display: block;
}
/* back-slash hack end */ 


/*値別簡易デザイン
-------------------------------------------*/
/*width10-500*/
.width10{width:10px;} .width20{width:20px;} .width30{width:30px;} .width40{width:40px;} .width50{width:50px;} .width60{width:60px;} .width70{width:70px;} .width80{width:80px;} .width90{width:90px;} .width100{width:100px;}
.width110{width:110px;} .width120{width:120px;} .width130{width:130px;} .width140{width:140px;} .width150{width:150px;} .width160{width:160px;} .width170{width:170px;} .width180{width:180px;} .width190{width:190px;} .width200{width:200px;}
.width210{width:210px;} .width220{width:220px;} .width230{width:230px;} .width240{width:240px;} .width250{width:250px;} .width260{width:260px;} .width270{width:270px;} .width280{width:280px;} .width290{width:290px;} .width300{width:300px;}
.width310{width:310px;} .width320{width:320px;} .width330{width:330px;} .width340{width:340px;} .width350{width:350px;} .width360{width:360px;} .width370{width:370px;} .width380{width:380px;} .width390{width:390px;} .width400{width:400px;}
.width410{width:410px;} .width420{width:420px;} .width430{width:430px;} .width440{width:440px;} .width450{width:450px;} .width460{width:460px;} .width470{width:470px;} .width480{width:480px;} .width490{width:490px;} .width500{width:500px;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■レイアウト■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*デバッグ
■■■■■■■■■■■■■■■■■■■■■■*/
/*
設定配列
-------------------------------------------
$var[Charset] : UTF-8
$var[SiteName] : 有限会社ステージ
$var[SiteSubName] : 三重県四日市市の清掃・ビルメンテナンス・リフォーム業者
$var[SiteKeywords] : 四日市,清掃業者,ビルメンテナンス,リフォーム,三重県
$var[SiteDescription] : 四日市市での各種清掃、ビルメンテナンス、リフォームなら有限会社ステージへお任せ。
$var[GoogleAnalytics] : UA-23570949-5
$var[GoogleMap] : http://maps.google.co.jp/maps?q=%22%E6%9C%89%E9%99%90%E4%BC%9A%E7%A4%BE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8+%E4%B8%89%E9%87%8D%E7%9C%8C%E5%9B%9B%E6%97%A5%E5%B8%82%E5%B8%82%E3%81%82%E3%81%8C%E3%81%9F%E3%81%8C%E4%B8%983%E4%B8%81%E7%9B%AE18+059-325-4100%22&hl=ja&sll=35.014817,136.587711&sspn=0.02663,0.056451&brcurrent=3,0x600392853152b2a5:0xdeff06ba7db83931,0&ie=UTF8&t=m&vpsrc=0&view=map&cid=16630075674659711924&hq=%22%E6%9C%89%E9%99%90%E4%BC%9A%E7%A4%BE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%B8+%E4%B8%89%E9%87%8D%E7%9C%8C%E5%9B%9B%E6%97%A5%E5%B8%82%E5%B8%82%E3%81%82%E3%81%8C%E3%81%9F%E3%81%8C%E4%B8%983%E4%B8%81%E7%9B%AE18+059-325-4100%22&hnear=&iwloc=A&ll=35.025913,136.564203&spn=0.006295,0.006295&output=embed
$var[Since] : 2011
$var[Copyright] : 有限会社ステージ
$var[Mail] : mayacreate@gmail.com
$var[Width] : 960
$var[SignWidth] : 480
$var[RackWidth] : 480
$var[ContWidth] : 700
$var[SideWidth] : 260
$var[SignPadding] :20px 20px 20px 20px
$var[RackPadding] :20px 20px 20px 20px
$var[ContPadding] :0px 0px 20px 20px
$var[SidePadding] :0px 0px 20px 0px
$var[LogoHeight] : 50
$var[MainVisualHeight] : 300
$var[GlobnavHeight] : 80
$var[GlobnavMargin] : 3
$var[ColorBody] : #0f133d
$var[ColorLink] : #366485
$var[ColorHover] : #68a
$var[ColorActive] : #4682b4

余白計算タグ生成
-------------------------------------------
$ini[InnerSignWidth] : 440 (元の値 = 480)
$ini[InnerRackWidth] : 440 (元の値 = 480)
$ini[InnerContWidth] : 680 (元の値 = 700)
$ini[InnerSideWidth] : 260 (元の値 = 260)
*/


/*丈
■■■■■■■■■■■■■■■■■■■■■■*/
/*全体
-------------------------------------------*/
#wrap			{width:960px;}

/*ヘッド
-------------------------------------------*/
#sign			{width:480px;}
#rack			{width:480px;}

/*メイン
-------------------------------------------*/
#cont			{width:700px;}
#side			{width:260px;}
#cont_inside	{margin:0px 0px 20px 20px;}
#side_inside	{margin:0px 0px 20px 0px;}

/*メインビジュアル
-------------------------------------------*/
#mainvis		{height:300px;}

/*グローバルナビゲーション
-------------------------------------------*/
#globnav ul li{
	height:80px;
	width:157px;
	margin-left:3px;
}
#globnav ul li.n0{margin-left:0;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■メイン■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*定数
■■■■■■■■■■■■■■■■■■■■■■*/
body,input,textarea,button,.button{
	font-size:13px;
	line-height:160%;
}
select,optgroup,option{
	font-size:13px;
	line-height:160%;
}


/*全体
■■■■■■■■■■■■■■■■■■■■■■*/
/*調整
--------------------------------*/
#wrap			{margin:0 auto;}
#head			{}
#sign			{}
#rack			{}
#cont			{}
#side			{}
#foot			{}

/*背景
--------------------------------*/
body			{background:#ece8d8;}
#wrap			{}
#head			{}
#sign			{}
#rack			{}
#cont			{}
#side			{}
#foot			{background:#ccb;}

#mainvis		{background:url('image/top/mainvis.png') top left no-repeat;}

/*ナビゲーション
■■■■■■■■■■■■■■■■■■■■■■*/
/*グローバルナビゲーション
-------------------------------------------*/
#globnav ul li.n0		{background:url("image/globnav/0.png") top center no-repeat;}
#globnav ul li.n0:hover	{background-position:bottom center;}
#globnav ul li.n1		{background:url("image/globnav/1.png") top center no-repeat;}
#globnav ul li.n1:hover	{background-position:bottom center;}
#globnav ul li.n2		{background:url("image/globnav/2.png") top center no-repeat;}
#globnav ul li.n2:hover	{background-position:bottom center;}
#globnav ul li.n3		{background:url("image/globnav/3.png") top center no-repeat;}
#globnav ul li.n3:hover	{background-position:bottom center;}
#globnav ul li.n4		{background:url("image/globnav/4.png") top center no-repeat;}
#globnav ul li.n4:hover	{background-position:bottom center;}
#globnav ul li.n5		{background:url("image/globnav/5.png") top center no-repeat;}
#globnav ul li.n5:hover	{background-position:bottom center;}

/*プライマリナビゲーション
-------------------------------------------*/
#primnav ul li{
	background:url('image/icon/list1.png') left center no-repeat;
	padding-left:20px;
	font-weight:bold;
	line-height:20px;
	color:#366485;
}
#primnav ul li:hover{
	color:#68a;
}

/*サイトナビゲーション
-------------------------------------------*/
#sitenav{padding:10px;}

/*背景*/
#sitenav ul li{}
#sitenav ul li.nav{width:250px;background:#eee;padding:5px 10px;margin:5px 10px;}
#sitenav ul li.child{background:#fff;border-top:1px solid #ccc;padding:2px 10px;}

/*文字*/
#sitenav ul li .tit{font-weight:bold;}
#sitenav ul li.nav .tit{font-size:15px;line-height:25px;}
#sitenav ul li.child .tit{font-size:13px;line-height:20px;}

/*リンク*/
#sitenav ul li.navLink:hover{background:#ccc;}


/*オプションパーツ
■■■■■■■■■■■■■■■■■■■■■■*/
/*ヘッド
-------------------------------------------*/
/*タイトル*/
#title			{font-size:10px;line-height:150%;}

/*タイトルロゴ*/
#logo a			{display:block;height:50px;background:url('image/top/logo.png') top left no-repeat;}

/*メインビジュアル*/
#mainvis{margin-bottom:10px;}

/*パン屑リスト*/
#pan			{height:21px;}
#pan div a,
#pan h2,
#pan h3,
#pan h4,
#pan h5,
#pan h6{
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#366485;
	font-weight:bold;
	background:url('image/icon/list1.png') left center no-repeat;
	padding-left:20px;
	margin-left:5px;
}
#pan div a:hover,
#pan h2:hover,
#pan h3:hover,
#pan h4:hover,
#pan h5:hover,
#pan h6:hover{color:#68a;}

/*コンテンツ
-------------------------------------------*/
/*リロードボタン*/
.reload{width:150px;height:50px;margin:10px 0 10px auto;}
.reload a{background:url('image/icon/reload.png') top left no-repeat;display:block;width:150px;height:50px;}
.reload a:hover{background-position:bottom left;}

/*地図*/
#map{margin:20px 0;}
#map .googlemap			{width:676px;height:500px;border:2px inset #555;}


/*サイド
-------------------------------------------*/
/*ポケット地図*/
#pocketmap{margin-bottom:10px;padding-top:70px;background:url('image/sidecont/pocketmap.png') top center no-repeat;}
#pocketmap .googlemap	{width:256px;_width:252px;height:200px;border:2px inset #555;background:url('image/top/pocketmap.jpg') top left no-repeat;}

/*インフォメーション*/
#info{margin-bottom:10px;padding-top:70px;background:url('image/sidecont/info.png') top center no-repeat;}

/*お問い合わせ*/
#tocontact{margin-bottom:10px;padding-top:70px;background:url('image/sidecont/tocontact.png') top center no-repeat;}
#tocontact .tel{background:url('image/top/tel.png') top left no-repeat;height:110px;margin:10px 0;}
#tocontact .tocontact{background:url('image/top/tocontact.png') top left no-repeat;height:110px;margin:10px 0;}
#tocontact .tocontact:hover{background-position:bottom left;}

/*お問い合わせはコチラ*/
.contact_is_here .tel{background:url('image/top/tel.png') top left no-repeat;height:110px;margin:10px 0 10px 50px;width:260px;}
.contact_is_here .tocontact{background:url('image/top/tocontact.png') top left no-repeat;height:110px;margin:10px 50px 10px 0;width:260px;}
.contact_is_here .tocontact:hover{background-position:bottom left;}

/*フット
-------------------------------------------*/
#copy			{font-size:11px;line-height:20px;margin:0 10px;}


/*各ページ
■■■■■■■■■■■■■■■■■■■■■■*/
ul.boxlist li{
	width:318px;
	height:height:200px;
	background:#fff;
	margin:10px;
	_margin:8px;
	border:1px solid #ccc;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
ul.boxlist li .tit{
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	text-align:center;
	background:url('image/parts/boxlist.png') top center no-repeat;
	border-bottom:1px solid #ccc;
}
ul.boxlist li img{margin:10px;}
ul.boxlist li.only{height:30px;}
ul.boxlist li.mid{height:130px;}
ul.boxlist li.main{height:230px;width:660px;}
ul.boxlist li.main .tit{background:url('image/parts/boxlist_main.png') top center no-repeat;}

#cleaning_license{height:150px;background:url('image/parts/cleaning_license.png') top left no-repeat;}
#building_license{height:150px;background:url('image/parts/building_license.png') top left no-repeat;}


/*調整
■■■■■■■■■■■■■■■■■■■■■■*/


/*基本
-------------------------------------------*/
body	{color:#0f133d;}
input,
textarea,
select,
legend,
label,
button,
.button	{color:#0f133d;}
a		{color:#366485;}
a:hover	{color:#68a;}
hr		{border-bottom:2px dotted #ccc;}
.wrap	{margin-bottom:10px;}


/*見出し
-------------------------------------------*/
.heading1{height:150px;}
.profile		{background:url('image/heading1/profile.png') top left no-repeat;}
.cleaning		{background:url('image/heading1/cleaning.png') top left no-repeat;}
.building		{background:url('image/heading1/building.png') top left no-repeat;}
.renovation	{background:url('image/heading1/renovation.png') top left no-repeat;}
.eco			{background:url('image/heading1/eco.png') top left no-repeat;}
.contact		{background:url('image/heading1/contact.png') top left no-repeat;}
.access		{background:url('image/heading1/access.png') top left no-repeat;}

.heading3{
	background:url('image/parts/heading3.png') top left no-repeat;
	font-size:18px;
	line-height:35px;
	height:35px;
	font-weight:bold;
	margin:10px 0;
	padding:0 60px;
}

.heading4{
	border-bottom:4px solid #08a;
	font-weight:bold;
	font-size:20px;
	line-height:35px;
	margin:10px 0;
}

.heading5{
	font-size:20px;
	line-height:23px;
	font-weight:bold;
	margin:10px 0;
}

.heading6{
	font-size:17px;
	line-height:23px;
	font-weight:bold;
	margin:10px 0;
}


/*ボックス
-------------------------------------------*/
.box1{
	margin:10px 0;
	border-style:solid;
	padding:10px;
	color:#0f133d;
	background-color:#fff;
	border-width:2px 0 0 2px;
	border-color:#444;
	margin-right:1px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

.box2{background:url('image/common/filter/white-trans.png') top left repeat;}
.box2,
.box3{
	border:5px solid #fff;
	padding:10px;
	margin:10px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

.box4,
.box5{
	padding:10px;
	margin:10px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
.box4{background-color:#fff;color:#222;}
.box5{
	background-color:#bcd;
	color:#345
}


/*文章
-------------------------------------------*/
p{
	line-height:25px;
	font-size:13px;
	background:url('image/common/note/note25.png') top left repeat;
	margin:10px;
}

.opp{color:#222;}


/*リスト
-------------------------------------------*/



/*定義リスト
-------------------------------------------*/
#cont dl,
#cont dt,
#cont dd{border-color:#0f133d;}
#cont dl{}
#cont dl dt{background-color:#b2cbe4;padding: 0px 10px;color:#0f133d;}
#cont dl dd{background-color:#eff;padding: 0px 10px; padding-left:54%;color:#0f133d;}
#cont dl{margin:20px;}

#cont dl.dl1,
#cont dl.dl1 dt,
#cont dl.dl1 dd{border-color:#0f133d;}
#cont dl.dl1 dt{background-color:#b2cbe4;}
#cont dl.dl1 dd{background-color:#eff;color:#0f133d;}


/*テーブル
-------------------------------------------*/
#cont table{margin:20px;}
#cont table,
#cont td,
#cont th{border:1px solid #0f133d;}
#cont thead th{border-bottom:0;}
#cont table{}
#cont th,
#cont td,
#cont caption{padding:3px 10px;}
#cont th{background-color:#eff;color:#0f133d;}
#cont td{background-color:#fff;color:#0f133d;}
#cont thead th,
#cont tfoot th{background-color:#b2cbe4;}

#cont table.table1,
#cont table.table1 td,
#cont table.table1 th{border:1px solid #0f133d;color:#0f133d;}
#cont table.table1 th{background-color:#eff;}
#cont table.table1 thead th,
#cont table.table1 tfoot th{background-color:#b2cbe4;}
#cont table.table1 td{background-color:#fff;}




/*フォーム
-------------------------------------------*/
/*初期化*/
input,textarea,select,button,.button{
	font-size:13px;
	line-height:20px;
	height:20px;
	font-weight:bold;
	margin:2px 3px;
	border-width:2px; 
	border-style:inset;
	border-color:#555;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

/*各パーツ調整*/
input,textarea,select,button,.button{}
input,textarea,button,.button{}
textarea{width:80%;min-height:7em;}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="image"],
button{line-height:27px;padding:0 10px;border-style:outset;border-color:#0f133d;height:25px;background:#fff;}
.button{display:inline;padding:2px 10px 0 10px;border-style:outset;border-color:#0f133d;background:#fff;}
input[type="radio"],
input[type="checkbox"]{height:12px;}


/*フィールドセット関連初期化*/
fieldset{
	border:3px solid #fff;
	padding:10px 5px;
	margin:10px 0;
	background:url('image/common/filter/white-trans.png') top left repeat;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
fieldset legend{
	font-size:17px;
	font-weight:bold;
	background:#fff;
	padding:0 10px;
	line-height:25px;
	border-width:1px 1px 1px 15px;
	border-style:solid;
	border-color:#8ac;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}

/*ボタンhover*/
input:hover,textarea:hover,select:hover,button:hover,.button:hover{
background-color:#eec;
}

input[type="radio"]{margin:10px;}

/*デザイン*/
select optgroup,
select option{}
select optgroup{padding:2px;}
select option{border:2px inset #0f133d;}
select optgroup:hover{background:#dda;}

/*ラベル*/
label{border:3px solid #ffffea;background-color:#fff;margin:10px 0;padding:2px 10px;display:block;font-size:15px;line-height:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
label div{float:left;width:220px;background:#eee;line-height:27px;padding:0 10px;margin-right:15px;font-weight:bold;text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
}
label:hover{background:#f5f5f5;}
label:active{background:#eee;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■ カスタム ■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*
■■■■■■■■■■■■■■■■■■■■■■*/
/*カスタム
--------------------------------*/