@charset "utf-8";
/*Main CSS */

/* CONTENTS

	0.html制御
	1.基本構造
	2.ヘッダ
	3.グローバルナビゲーション１
	4.グローバルナビゲーション２（メインコンテンツ）
	5.メイン
	6.サイドメニュー
	7.フッタ
	8.その他
	
	※body,#main-img 以外はmain.cssと共通
	　	
-------------------------------------------------------*/

/* html制御
-------------------------------------------------------*/
body,
p,
ul,li,
h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	border: 0;
}

/* サマリー */
h1 {
	font: normal 10px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
	padding: 2px 20px 0;
	width: 700px;
}
/* リンク基本設定 */
a {
	color: #006600;
}
a:hover {
	text-decoration: none;
	color: #666666;
}


/* 基本構造
-------------------------------------------------------*/
/*　基本カラム設定　*/

/* body背景・中央表示(IE5) */
body {
	text-align: center;
	background: #F6F6F6 url(../img/index/bgbody-index.gif) top repeat-x;
}
/* 全体 */
#wrap {
	width: 780px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/bg-frame.gif) repeat-y;
	text-align: left;
	font: 80% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
/*	position: relative;*/
}

/* ヘッダ */
#head {
	width: 780px;
	height: 133px;
	background: url(../img/bg-head.gif) no-repeat;
}

/* メインカラム～フッターまでの大枠 */
#content {
	width: 780px;
	background: url(../img/index/bg-middle.gif) top no-repeat;
}

/* メインカラム */
#main {
	width: 540px;
	padding: 10px 20px 0 0;
	float: right;
}

#main-img {
	width: 760px;
	padding: 7px 10px 8px;
	background: url(../img/index/bg-indeximg.gif) bottom repeat-x;
	clear: both;
}

/* サイドメニュー */
#side-col {
	width: 197px;
	padding: 0 0 0 10px;
	float: left;
}
/* フッタ */
#foot {
	width: 780px;
	margin: 50px auto 0;
	clear: both;
}



/*  ヘッダ
-------------------------------------------------------*/
.logo {
	width: 298px;
	padding: 5px 0 0 7px;
	float: left;

}
#head-right {
	width: 435px;
	padding: 3px 18px 0 0;
	float: right;

}

/* 各事務所アクセスマップへ */
#telnum {
	width: 130px;
	height: 41px;
	padding: 14px 0 10px 0;
	float: right;
}



/*　グローバルナビゲーション 1
-------------------------------------------------------*/
#head-menu {
	width: 425px;
	height: 24px;
	padding: 0 0 0 10px;
	clear: both;
}
#head-menu1,
#head-menu2,
#head-menu3,
#head-menu4,
#head-menu5 {
	display:block;
	float: left;
	margin: 0;
}
#head-menu1 a {
	background: url(../img/global-home.gif) top no-repeat;
	width: 68px;
	padding: 24px 0 0;
	display: block;
	overflow: hidden;
	height: 0 !important;
}
#head-menu2 a {
	background: url(../img/global-office.gif) top no-repeat;
	width: 89px;
	padding: 24px 0 0;
	display: block;
	overflow: hidden;
	height: 0 !important;
}
#head-menu3 a {
	background: url(../img/global-duties.gif) top no-repeat;
	width: 79px;
	padding: 24px 0 0;
	display: block;
	overflow: hidden;
	height: 0 !important;
}
#head-menu4 a {
	background: url(../img/global-lowyer.gif) top no-repeat;
	width: 89px;
	padding: 24px 0 0;
	display: block;
	overflow: hidden;
	height: 0 !important;
}
#head-menu5 a {
	background: url(../img/global-expense.gif) top no-repeat;
	width: 100px;
	padding: 24px 0 0;
	display: block;
	overflow: hidden;
	height: 0 !important;
}
#head-menu1 a:hover,
#head-menu2 a:hover,
#head-menu3 a:hover,
#head-menu4 a:hover,
#head-menu5 a:hover {
	background-position: 0 -26px;
}


/*　ぱんくず
-------------------------------------------------------*/
#pan-navi {
	width: 740px;
	padding: 8px 20px 0;
	clear: both;
}
.pan {
	float: left;
}

/*　グローバルナビゲーション２（ぱんくず横）
-------------------------------------------------------*/
#global-nav {
	font-size: 12px;
	padding: 1px 0 0;
	float: right;
}
#global-nav li {
	display: inline;
}
#global-nav li a {
	color: #333333;
	text-decoration: none;
}
#global-nav li a:hover {
	color: #006600;
	text-decoration: underline;
}



/*　サイドメニュー
-------------------------------------------------------*/
.sidemenu {
	width: 180px;
	margin: 10px auto 10px 7px;
	padding: 5px;
	background: url(../img/bg-sla-gry.gif);
}
#menu-1,
#menu-2,
#menu-3,
#menu-4,
#menu-5,
#menu-6,
#menu-7 {
	display: block;
}
#menu-1 a {
	background: url(../img/smenu-office.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-2 a{
	background: url(../img/smenu-duties.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-3 a{
	background: url(../img/smenu-lawyer.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-4 a{
	background: url(../img/smenu-expense.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-5 a{
	background: url(../img/smenu-consultation.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-6 a{
	background: url(../img/smenu-question.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 50px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-7 a{
	background: url(../img/smenu-contact.gif) top no-repeat;
	width: 180px;
	margin: 0px;
	padding: 51px 0 0;
	display: block;
	overflow: hidden;
	height: 0px !important;
}
#menu-1 a:hover,
#menu-2 a:hover,
#menu-3 a:hover,
#menu-4 a:hover,
#menu-5 a:hover,
#menu-6 a:hover,
#menu-7 a:hover {
	background-position: 0 -59px;
}

.bnrTel {
	margin: 0 0 10px 7px;
}


/*　フッタ
-------------------------------------------------------*/
#returntop {
	width: 780px;
	text-align: right;
}
#returntop img {
	vertical-align: bottom;
	margin: 0 50px 0 0;
}
.foot-menu {
	width: 758px;
	margin: 0 11px;
	padding: 0 0 5px;
	background: url(../img/bg-footnavi.gif) center repeat-x;
	border-top: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	text-align: center;
	line-height: 140%;
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
}
.foot-menu ul {
	list-style-type: none;
	padding: 5px 0 0;
}
.foot-menu li {
	display: inline;
	line-height: 150%;
}
.foot-menu li a {
	color:#666666;
	text-decoration: none;
}
.foot-menu li a:hover{
	color: #006600;
	text-decoration: underline;
}
/* アドレス */
#foot-ad {
	width: 758px;
	margin: 0 11px;
	padding: 10px 0;
	background: url(../img/bg-foot.gif) top repeat-x;
}
#foot-ad p {
	padding: 3px 10px 0;
}
#foot-ad span {
	font-size: 10px;
	color: #666666;
}
#foot-ad strong {
	padding: 3px 0;
	font: bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #009900;
	display: block;
}
#foot-ad address {
	margin: 0 10px;
	padding: 0 0 2px;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666666;
}
#foot-copy {
	width: 760px;
	margin: 0 10px;
	padding: 5px 0 2px;
	background: url(../img/bg-copy.gif) repeat-y;
	text-align: center;
	font-size: 11px;
	color:#FFFFFF;
}



/*　その他
-------------------------------------------------------*/
.arrow {
	margin: 0 5px 4px 0;
	vertical-align: bottom;
}
.arrowbox {
	margin: -3px 5px 0 5px;
}

.p-center {
	text-align: center;
}
.p-right {
	text-align: right;
}
.clear {
	clear: both;
}

/*　-------clearfix---------　*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
