@charset "UTF-8";
/* CSS Document */
body {
	background-color: #f1eee3;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "Meiryo", "Arial", "sans-serif";
	line-height: 1.5;
	font-size: 90%;
	margin: 0 auto;
	height: 100%;
	color: #444;
}
a {
	color: #960;	
}
#header {
	width: 960px;
	margin-top: 20px;	
	margin-left: auto;
	margin-right: auto;	
	position: relative;		
}
#header p {
	float: left;	
}
#header p.logo {
	padding-top: 10px;	
	margin-left: -10px;
}
#header p img {
	margin: 10px 10px 0 0;	
}
#header p.comment {
	display: inline;
	font-size: 80%;
	position: absolute;
	left: 600px;
	top: 0x;
}
/*パンくずリストここから↓*/
ol.breadcrumbs {
	margin: 2px 0 4px;
}
.breadcrumbs li {
	font-size: 80%;
    display: inline-block;
}
 
.breadcrumbs li + li:before {
    margin: 0 5px;
    content: ">";
}
/*パンくずリストここまで↑*/
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;	
	position: relative;
}
.logoBox {
	width: 395px;
	margin: 0 auto;	
}
.logoBox img {
	float: left;
}
.logo {
	padding: 30px 0 0 10px;
		
}
h1{ 
	font-size: 150%;
	clear: left;
	text-align: center;
}
h1 span {
	font-size: 70%;	
}
h2{
	font-size: 125%;
	text-align: center;	
}
h2 span {
	font-size: 80%;	
}
h3{
		border-left: 5px solid #603;
		padding-left: 10px;
}
.section {
		clear: left;
		width: 750px;
		margin: 0 auto;
		background-color: #ffffff;
		margin-top: 30px;
		margin-bottom: 30px;	
		overflow: hidden;
		border-radius: 10px;
}
.inner {
	margin: 10px 10px;
}
/*.section p {
	margin: 10px;	
}
*/.address {
	width: 250px;
	float: left;	
	margin: 10px 10px;
}
.address p a:hover {
	border-bottom: 1px solid #933;		
}
.col {
	width: 350px;
	margin: 20px auto;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.col p img {
	margin-top: 10px;	
}
img.linkImg:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
.contactBox {
	width: 194px;
	border: dotted 3px #633;
	background-color: #ffffff;
	margin-top: 10px;
}
.contactBox p {
	text-align: center;
	font-size: 90%;
	word-wrap: break-word;
	padding: 5px;
}
.contactBox a:hover {
	border-bottom: 1px solid #933;	
	color: #F06;
}
p.means {
	background-color: #C93;
	border-radius: 20px;
	color: #ffffff;	
	margin: 3px;
	font-size: 80%;
}
.map img{
	border: 1px solid #999;
	margin: 5px;	
}
#footerBg {
	clear: both;
	width:100%;
	min-width:1000px;
	background-color: #6c5e4a;
	margin-left: auto;	
	margin-right: auto;
	position: relative;		
}
#footer {
	color: #333333;
	width: 965px;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.footerAddress {
	width: 240px;
	float: left;
	font-size: 15px;	
}
.footerNav {
	padding-left: 28px;
	font-size: 80%;	
	border-left: 2px dashed #4d4538;
	float: left;
}
.rNav {
	width: 320px;	
}
.sNav {
	width: 345px;	
}
#footer a {
	color: #333;
}
#footer a:hover {
	border-bottom: 1px solid;
	color: #963;	
}
.footerNav ul li:first-child {
	text-indent: -1em;	
	font-weight: bold;				
}
p.copyRight {
	clear: left;
	text-align: center;	
	padding-top: 20px;
}
/*ナビゲーション*/
.globalNavOuter {
		width: 960px;
		margin: 0 auto 10px auto;
}

/*画像でナビ*/
.globalNav{
		width: 960px;
		height: 50px;
}
.globalNav ul{
    list-style: none; /* リスト形式を削除 */
}
/* リストを横並びに */
.globalNav ul li{
    height: 50px;
    float: left;
}
#r_nav ul li#rhome { width: 129px;}   
#r_nav ul li#renovate { width: 108px;}  
#r_nav ul li#in_ex { width: 135px;}  
#r_nav ul li#rutilizing { width: 153px;}  
#r_nav ul li#rflow { width: 125px;} 
#r_nav ul li#rworks { width: 76px;} 
#r_nav ul li#rcontact { width: 78px;} 
#r_nav ul li#about { width: 155px;} 


#r_nav ul li a{
    text-indent: -9999px; /* テキストをふっとばす */
    text-decoration: none;  
    display: block;  
    height: 50px;  
    background-image: url(../images/renovation_horizontalnavi.gif);  
    background-repeat: no-repeat;  
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#r_nav ul li#rhome a { background-position: 0 0; width: 129px;}   
#r_nav ul li#renovate a { background-position: -129px 0px; width: 108px;}  
#r_nav ul li#in_ex a { background-position: -237px 0px; width: 135px;}  
#r_nav ul li#rutilizing a { background-position: -372px 0px; width: 153px;}  
#r_nav ul li#rflow a { background-position: -525px 0px; width: 125px;} 
#r_nav ul li#rworks a { background-position: -650px 0px; width: 77px;} 
#r_nav ul li#rcontact a { background-position: -727px 0px; width: 78px;} 
#r_nav ul li#about a { background-position: -805px 0px; width: 155px;} 

#r_nav ul li a:hover{
    text-decoration: none;  
    background-image: url(../images/renovation_horizontalnavi.gif);  
    background-repeat: no-repeat;   
}
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#r_nav ul li#rhome a:hover { background-position: 0 -50px; width: 129px;}   
#r_nav ul li#renovate a:hover { background-position: -129px -50px; width: 108px;}  
#r_nav ul li#in_ex a:hover { background-position: -237px -50px; width: 135px;}  
#r_nav ul li#rutilizing a:hover { background-position: -372px -50px; width: 153px;}  
#r_nav ul li#rflow a:hover { background-position: -525px -50px; width: 125px;} 
#r_nav ul li#rworks a:hover { background-position: -650px -50px; width: 77px;} 
#r_nav ul li#rcontact a:hover { background-position: -727px -50px; width: 78px;} 
#r_nav ul li#about a:hover { background-position: -805px -50px; width: 155px;} 

#r_nav ul li.current {
	background-image: url(../images/renovation_horizontalnavi.gif);
}

body#about #r_nav ul li#about a{ background-position: -805px -100px; width: 155px;}   

/*シェアハウスのナビゲーション*/
/*.globalNavOuter {
	width: 960px;
	margin: 0 auto;
}
*//*画像でナビ*/
/*.globalNav{
	width: 960px;
    height: 50px;
}
*/
/*.globalNav ul{
    list-style: none;  リスト形式を削除 
}*/
/* リストを横並びに */
.globalNav ul li{
    height: 50px;
    float: left;
}
#s_nav ul li#shome { width: 127px;}   
#s_nav ul li#creating { width: 148px;}  
#s_nav ul li#why { width: 121px;}  
#s_nav ul li#sutilizing { width: 149px;}  
#s_nav ul li#sflow { width: 114px;} 
#s_nav ul li#sworks { width: 68px;} 
#s_nav ul li#scontact { width: 78px;} 
#s_nav ul li#about { width: 155px;} 


#s_nav ul li a{
    text-indent: -9999px; /* テキストをふっとばす */
    text-decoration: none;  
    display: block;  
    height: 50px;  
    background-image: url(../images/sharehouse_horizontalnavi.gif);  
    background-repeat: no-repeat;  
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#s_nav ul li#shome a { background-position: 0 0; width: 127px;}   
#s_nav ul li#creating a { background-position: -127px 0px; width: 148px;}  
#s_nav ul li#why a { background-position: -275px 0px; width: 121px;}  
#s_nav ul li#sutilizing a { background-position: -396px 0px; width: 149px;}  
#s_nav ul li#sflow a { background-position: -545px 0px; width: 114px;} 
#s_nav ul li#sworks a { background-position: -659px 0px; width: 68px;} 
#s_nav ul li#scontact a { background-position: -727px 0px; width: 78px;} 
#s_nav ul li#about a { background-position: -805px 0px; width: 155px;} 

#s_nav ul li a:hover{
    text-decoration: none;  
    background-image: url(../images/sharehouse_horizontalnavi.gif);  
    background-repeat: no-repeat;   
}
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#s_nav ul li#shome a:hover { background-position: 0 -50px; width: 127px;}   
#s_nav ul li#creating a:hover { background-position: -127px -50px; width: 148px;}  
#s_nav ul li#why a:hover { background-position: -275px -50px; width: 121px;}  
#s_nav ul li#sutilizing a:hover { background-position: -396px -50px; width: 149px;}  
#s_nav ul li#sflow a:hover { background-position: -545px -50px; width: 114px;} 
#s_nav ul li#sworks a:hover { background-position: -659px -50px; width: 68px;} 
#s_nav ul li#scontact a:hover { background-position: -727px -50px; width: 78px;} 
#s_nav ul li#about a:hover { background-position: -805px -50px; width: 155px;} 

#s_renovation li.current {
	background-image: url(../images/sharehouse_horizontalnavi.gif);
}
body#about #s_nav ul li#about a{ background-position: -805px -100px; width: 155px;}