﻿@charset "utf-8";

/* デザインCSS
----------------------------------- */

body {
	background-position: 0 0;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #333333;
	font: 12px/1.5 "Times New Roman", "ＭＳ 明朝", "serif";
}
img { border-style: none; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
a { color: #3399FF; 
}
a:hover { color: #CC66CC; }
a:active,a:focus { outline:none; }
em { color: #FF0000; font-style: normal; }
.clear { margin: 0; padding: 0; clear: both; }

/* 回り込み解除 */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.line-double {
	border-bottom-style: double;
	border-bottom-width: 3px;
}
.clearfix { min-height: 1px; }
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#wrap {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 800px;
}

/* トップ
----------------------------------- */
#top, #e-top {
	padding: 0;
	margin: 120px auto 253px auto;
	width: 297px;
	height: 139px;
	position: relative;
}

/* ----- トップロゴ ----- */
#top h1 {
	padding: 0;
	margin: 0;
	width: 297px;
	height: 38px;
	font-size: 12px;
	line-height: 38px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../img/images.jpg') no-repeat;
	background-position: 0 0;
}
#e-top h1 {
	padding: 0;
	margin: 0;
	width: 297px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	text-indent: -9999px;
	position: absolute;
	top: 29px;
	left: 0px;
	background: url('../img/images.jpg') no-repeat;
	background-position: 0 -43px;
}

#top h2 {
	padding: 0;
	margin: 0;
	width: 297px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	text-indent: -9999px;
	position: absolute;
	top: 49px;
	left: 0px;
	background: url('../img/images.jpg') no-repeat;
	background-position: 0 -43px;
}

/* ----- ナビ ----- */
#top ul#navi, #e-top ul#navi {
	padding: 0;
	margin: 0;
	height: 47px;
	top: 92px;
	position: absolute;
	list-style-type: none;
	font-size: 8px;
	line-height: 8px;
}
#top ul#navi { width: 207px; left: 44px; }
#e-top ul#navi { width: 213px; left: 42px; }

#top ul#navi li, #e-top ul#navi li {
	padding: 0;
	margin: 0;
	position: absolute;
	text-indent: -9999px;
}
#top ul#navi li a, #e-top ul#navi li a {
	padding: 0;
	margin: 0;
	display: block;
	background: url('../img/images.jpg') no-repeat;
}

/* 事務所紹介 */
#top ul#navi li#introduction { top: 0; left: 0; }
#top ul#navi li#introduction a { width: 74px; height: 14px; background-position: 0 -73px; }
#top ul#navi li#introduction a:hover { background-position: 0 -92px; }
/* 弁護士 */
#top ul#navi li#attorneys { top: 0; left: 90px; }
#top ul#navi li#attorneys a { width: 43px; height: 14px; background-position: -90px -73px; }
#top ul#navi li#attorneys a:hover { background-position: -90px -92px; }
/* アクセス */
#top ul#navi li#access { top: 0; left: 151px; }
#top ul#navi li#access a { width: 56px; height: 14px; background-position: -151px -73px; }
#top ul#navi li#access a:hover { background-position: -151px -92px; }
/* English */
#top ul#navi li#english { top: 34px; left: 78px; }
#top ul#navi li#english a { width: 53px; height: 13px; background-position: 0 -111px; }
#top ul#navi li#english a:hover { background-position: 0 -129px; }

/* Introduction */
#e-top ul#navi li#introduction { top: 0; left: 0; }
#e-top ul#navi li#introduction a { width: 82px; height: 14px; background-position: -376px -138px; }
#e-top ul#navi li#introduction a:hover { background-position: -376px -157px; }
/* Attorneys */
#e-top ul#navi li#attorneys { top: 0; left: 95px; }
#e-top ul#navi li#attorneys a { width: 61px; height: 14px; background-position: -472px -138px; }
#e-top ul#navi li#attorneys a:hover { background-position: -472px -157px; }
/* Access */
#e-top ul#navi li#access { top: 0; left: 170px; }
#e-top ul#navi li#access a { width: 43px; height: 14px; background-position: -547px -138px; }
#e-top ul#navi li#access a:hover { background-position: -547px -157px; }

/* Japanese */
#e-top ul#navi li#japanese { top: 34px; left: 75px; }
#e-top ul#navi li#japanese a { width: 62px; height: 13px; background-position: -53px -111px; }
#e-top ul#navi li#japanese a:hover { background-position: -53px -129px; }




/* ----- お知らせ / Information ----- */
dl#info {
	padding: 0;
	margin: 0;
	width: auto;
	color: #666666;
}
dl#info dt {
	padding: 0 0 0 10px;
	margin: 0 0 5px 0px;
	background-image: url('../img/arrow01.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
}
dl#info dd { padding: 0 0 0 10px; margin: 0 0 10px 0; }


/* テンプレート / Templates
----------------------------------- */
#head, #e-head {
	padding: 0;
	margin: 0;
	width: 800px;
	height: 68px;
	position: relative;
}
#head h1, #e-head h1 {
	padding: 0;
	margin: 0;
	height: 21px;
	font-size: 12px;
	line-height: 21px;
	text-indent: -9999px;
	position: absolute;
	top: 16px;
	left: 0px;
}
#head h1 { width: 343px; }
#e-head h1 { width: 251px; }
#head h1 a, #e-head h1 a {
	padding: 0;
	margin: 0;
	height: 21px;
	background: url('../img/images.jpg') no-repeat;
	display: block;
}
#head h1 a { width: 343px; background-position: -297px 0; }
#e-head h1 a { width: 251px; background-position: -297px -106px; }

#head ul#navi, #e-head ul#navi {
	padding: 0;
	margin: 0;
	height: 14px;
	top: 54px;
	left: 0;
	position: absolute;
	list-style-type: none;
	font-size: 8px;
	line-height: 8px;
}
#head ul#navi { width: 207px; }
#e-head ul#navi  { width: 213px; }

#head ul#navi li, #e-head ul#navi li {
	padding: 0;
	margin: 0;
	position: absolute;
	text-indent: -9999px;
}
#head ul#navi li a, #e-head ul#navi li a {
	padding: 0;
	margin: 0;
	display: block;
	background: url('../img/images.jpg') no-repeat;
}

/* 事務所紹介 */
#head ul#navi li#introduction { top: 0; left: 0; }
#head ul#navi li#introduction a { width: 74px; height: 14px; background-position: 0 -73px; }
#head ul#navi li#introduction a:hover { background-position: 0 -92px; }
body#p-introduction #head ul#navi li#introduction a { background-position: 0 -92px; }
/* 弁護士 */
#head ul#navi li#attorneys { top: 0; left: 90px; }
#head ul#navi li#attorneys a { width: 43px; height: 14px; background-position: -90px -73px; }
#head ul#navi li#attorneys a:hover { background-position: -90px -92px; }
body#p-attorneys #head ul#navi li#attorneys a { background-position: -90px -92px; }
/* アクセス */
#head ul#navi li#access { top: 0; left: 151px; }
#head ul#navi li#access a { width: 56px; height: 14px; background-position: -151px -73px; }
#head ul#navi li#access a:hover { background-position: -151px -92px; }
body#p-access #head ul#navi li#access a { background-position: -151px -92px; }

/* Introduction */
#e-head ul#navi li#introduction { top: 0; left: 0; }
#e-head ul#navi li#introduction a { width: 82px; height: 14px; background-position: -376px -138px; }
#e-head ul#navi li#introduction a:hover { background-position: -376px -157px; }
body#p-introduction #e-head ul#navi li#introduction a { background-position: -376px -157px; }
/* Attorneys */
#e-head ul#navi li#attorneys { top: 0; left: 95px; }
#e-head ul#navi li#attorneys a { width: 61px; height: 14px; background-position: -472px -138px; }
#e-head ul#navi li#attorneys a:hover { background-position: -472px -157px; }
body#p-attorneys #e-head ul#navi li#attorneys a { background-position: -472px -157px; }
/* Access */
#e-head ul#navi li#access { top: 0; left: 170px; }
#e-head ul#navi li#access a { width: 43px; height: 14px; background-position: -547px -138px; }
#e-head ul#navi li#access a:hover { background-position: -547px -157px; }
body#p-access #e-head ul#navi li#access a { background-position: -547px -157px; }

/* English */
#head ul#english {
	padding: 0;
	margin: 0;
	width: 53px;
	height: 13px;
	position: absolute;
	list-style-type: none;
	font-size: 8px;
	line-height: 13px;
	top: 24px;
	left: 747px;
}
#head ul#english li {
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#head ul#english li a {
	padding: 0;
	margin: 0;
	width: 53px;
	height: 13px;
	display: block;
	background: url('../img/images.jpg') no-repeat;
	background-position: 0 -111px;
}
#head ul#english li a:hover { background-position: 0 -129px; }

/* Japanese */
#e-head ul#japanese {
	padding: 0;
	margin: 0;
	width: 53px;
	height: 13px;
	position: absolute;
	list-style-type: none;
	font-size: 8px;
	line-height: 13px;
	top: 24px;
	left: 737px;
}
#e-head ul#japanese li {
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#e-head ul#japanese li a {
	padding: 0;
	margin: 0;
	width: 62px;
	height: 13px;
	display: block;
	background: url('../img/images.jpg') no-repeat;
	background-position: -53px -111px;
}
#e-head ul#japanese li a:hover { background-position: -53px -129px; }


#contents {
	padding: 0;
	margin: 50px 0 0 0;
	width: 800px;
}
#contents h2 {
	font-size: 12px;
	line-height: 12px;
	padding: 0;
	margin: 0 0 25px 0;
	height: 20px;
	text-indent: -9999px;
	background: url('../img/images.jpg') no-repeat;
}
#contents h2#t-introduction { width: 105px; background-position: -297px -26px; }
#contents h2#t-attorneys { width: 62px; background-position: -297px -51px; }
#contents h2#t-access { width: 79px; background-position: -297px -76px; }

#contents h2#te-introduction { width: 165px; background-position: -574px -26px; }
#contents h2#te-attorneys { width: 126px; background-position: -574px -51px; }
#contents h2#te-access { width: 78px; background-position: -574px -76px; }

#contents div.box {
	font-size: 15px;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 750px;
}
#contents div.box h3 {
	font-size: 18px;
	padding: 0;
	margin: 0 0 10px 0;
}
#contents div.box p {
	padding: 0;
	margin: 0;
}
#contents div.box p#mail {
	padding: 0;
	margin: 10px 0 20px 0;
	width: 172px;
	height: 15px;
	font-size: 10px;
	line-height: 15px;
	text-indent: -9999px;
	background: url('../img/images.jpg') no-repeat;
	background-position: -402px -26px;
}
#contents div.box span {
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
}
#contents div.box dl { padding: 0 0 0 20px; margin: 0 0 20px 0; }
#contents div.box dl dt { padding: 0; margin: 0 0 5px 0; font-weight: bold; }
#contents div.box dl dd { padding: 0 0 0 20px; margin: 0 0 10px 0; }
#contents div.box div.map {
	padding: 10px 0 10px 0;
	margin: 0 20px 0 20px;
}
#contents div.box div.map iframe { border: 1px solid #C0C0C0; }
