@charset "utf-8";
body {
	color: #333;
	background: #fff url(../image/global/bg.gif) repeat-x;
	line-height:1.6;
}

body#osaka{
	color: #333;
	background: #fff url(../image/global/bg2.gif) repeat-x;
	line-height:1.6;
}

*{
	margin:0;
	padding:0;
}

img{
	border:0;
	vertical-align:bottom;}
#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 900px;
	background: url(../image/global/header_bg.gif) no-repeat right top;	
	overflow:hidden;
	_zoom:1;
}

#header-osaka {
	width: 900px;
	background: url(../image/global/header_bg2.gif) no-repeat right top;	
	overflow:hidden;
	_zoom:1;
	margin-bottom: 50px;
}

#header h1{
	float: left;
	margin-bottom: 13px;
}

#header p,#header-osaka p{
	height:22px;
	padding-top: 7px;
	/* padding-bottom: 5px; */
	padding-left: 5px;
	font-size: 12px;
	color: #666;
	}
	
#header ul{
	float: left;
	overflow: hidden;
	list-style-type: none;
	padding: 32px 0 0 35px;
}

#header ul li{
	float: left;
	padding-right: 15px;
}

#mainNavi{
	width:900px;
	overflow:hidden;}
	
#mainNavi li{
	float:left;
	list-style: none;
}

#footer{
	background: #2f0559 url(../image/global/footer_bg.gif) repeat-x;
	margin-top: 30px;
	}
	
#footerMenu{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(../image/global/footerHag.gif) no-repeat right center;
}

#footerHAG_Menu{
	padding-top:12px;}

#footerHAG_Menu li{
	float:left;
	margin-top:3px;
	list-style: none;
	margin-bottom:8px;}
	
#footerWork_Menu{
	padding-left:5px;}

#footerWork_Menu li{
	clear:both;
	color:#ccc;
	font-size:0.75em;
	line-height:2em;
	list-style: none}
	
#footerWork_Menu a{
	color:#ccc;}
	
#footerWork_Menu a:hover{
	color:#c0c;}
	
address{
	padding-left:5px;
	clear:both;
	color:#ccc;
	font-size:0.75em;
	font-style:normal;
	list-style: none;
	padding-bottom:6px;}

.kyoto{color:#ccc;
font-size:10px;
margin-top:3px;
padding-left:5px;}

.osaka{color:#ccc;
font-size:10px;
padding-left:5px;}

.siga{color:#ccc;
font-size:10px;
margin-bottom:3px;
padding-left:5px;}

#fcontact{
	margin-top:30px;}
	
div#sitemap{}

div#sitemap ul{
	margin: 0.5em 0 0 2em;
}

div#sitemap ul li{
	padding-bottom: 0.5em;
}

div#sitemap ul li ul{
	margin-left: 1em;
}

/* 事務所ランディングページ */

div#aisatu{
	width: 900px;
	overflow: hidden;
	margin: 40px 0;
	border-bottom: 5px solid #2e015a;
	padding: 20px 0;
}

div.aisatu-text{
	float: left;
	padding: 5px;
	margin-bottom: 20px;
}

div.aisatu-text p{
	text-indent: 1em;
	margin-bottom: 0.5em;
}

div.aisatu-photo{
	float: right;
	width: 345px;
}

div.btn-mail{
	width: 645px;
	margin:  0 auto ;
	font-weight: bold;
	font-size: small;
	text-align: center;
}

div.btn-mail a:hover img{
filter: alpha(opacity=70);/*For IE*/
opacity: 0.7;/*Opera・Safari*/
-moz-opacity: 0.7;/*For FireFox*/
}

div#osaka-address,div#shiga-address{
	width: 900px;
	border-top:dotted 1px #aaa;
	margin: 30px 0;
	padding-top: 20px;
	overflow: hidden;
}

div.gaiyo{
	float: left;
	width: 450px;
}

div#map_canvas{
	float: right;
	width: 400px;
}

div.keiro {
  width: 670px; /* 全体の横幅 */
  overflow: hidden;
}
div.keiro ul {
  margin-right: -10px; /* ここがポイント！ */
  list-style-type: none;
}
div.keiro li {
  float: left; /* floatで段組み */
  width: 320px;
  margin-right: 10px; /* 写真間の余白 */
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
}

div.keiro h3{
	margin-top: 1em;
}