@charset "shift_jis";
/* by JOINTCREATE */


/* ------------------------------------------------------
	for all body
------------------------------------------------------ */
body {
	/* コンテンツ余白設定 */
	margin: 0;
	padding: 0;
	/* 文字基本設定（文字サイズ・行間・色） */
	font-size: 15px;
	line-height: 160%;
	color: #666;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	/* IE 5*対策 */
	text-align: center; /* IE 5* でコンテナが中央揃えに。そして、テキストは、#container セレクタの初期設定である左揃えに設定 */
	background-color: #EFEFEF;
}

body#flow2 {
	background-color: #FFF;
}

/* リセット設定
--------------------------------*/
img { border: none; margin: 0;}

ul, ol, dl, dd ,div {	padding: 0; margin: 0;	list-style: none;}

h1, h2, h3, h4, h5, h6, p, form {	margin: 0;	padding: 0;	font-weight: normal;}

/* フロートの解除 */
.clearfloat { clear: both;}

/* 基本項目
--------------------------------*/
a {
 text-decoration: underline;
	color: #F60;
}
a:visited {
 text-decoration: none;
	color: #F60;
}
a:active {
 text-decoration: none;
	color: #888;
}
a:hover{
 text-decoration: none;
 color: #888;
}

/* マージン設定 */
.MgB02 {	margin-bottom: 2px;}
.MgB05 {	margin-bottom: 5px;}
.MgB08 {	margin-bottom: 8px;}
.MgB10 {	margin-bottom: 10px;}
.MgB15 {	margin-bottom: 15px;}
.MgB20 {	margin-bottom: 20px;}
.MgB25 {	margin-bottom: 25px;}
.MgB30 {	margin-bottom: 30px;}
.MgB35 {	margin-bottom: 35px;}
.MgB40 {	margin-bottom: 40px;}
.MgB45 {	margin-bottom: 45px;}
.MgB50 {	margin-bottom: 50px;}

.MarginLR1010 {	margin: 0 10px;}
.MarginL10 { margin: 0 0 0 10px;}

/* 画像の回り込み */
.ImgFloatR{
 float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ImgFloatL{
 float: left;
	margin-right: 13px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------
　共通基本スタイルシート レイアウト 
------------------------------------------------------ */
/* メインコンテナ
--------------------------------*/
#container { 
	width: 1040px;  
	background: #FFFFFF;/* コンテンツ背景色*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページを中央揃えに */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	/*border: 1px solid #000000;  コンテナ境界線　最後に非表示に */
} 
#container #Conts {
	width: 960px;
	margin: 0 40px; /* 天地0px　左右25px 開ける */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	/* background: url(images/common/m_back.gif) no-repeat 0px 700px; */
}
#flow2 #container { 
	width: 680px;  
	background: #FFFFFF;/* コンテンツ背景色*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページを中央揃えに */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	/*border: 1px solid #000000;  コンテナ境界線　最後に非表示に */
}
#flow2 #container #Conts {
	width: 680px;
	margin: 0 0; /* 天地0px　左右25px 開ける */
	text-align: left; /* この設定は body エレメントの text-align: center より優先 */
	/* background: url(images/common/m_back.gif) no-repeat 0px 700px; */
}

/* ヘッダー
--------------------------------*/
#home #header {
	padding-bottom: 30px;
	border-bottom: none;
	margin-bottom: 0;
}
#header {
	border-bottom: #ff7700 solid 4px;
	padding-bottom: 30px;
	margin-bottom: 15px;
}
#header #seo {
	font-size: 11px;
	color: #888;
	margin-bottom: 15px;
}
#header #logo {
	float: left;
	width: 330px;
	height: 60px;
	text-indent: -9999px;
	background: url(images/common/companyname.gif) 0 0 no-repeat;
}
#header #logo a{
	display: block;
	width: 330px;
	height: 60px;
}
#header #headright {
	float: right;
	width: 445px;
	height: 60px;
}

#header #headright #rcr {
	float: left;
	width: 120px;
	margin-right: 20px;
	height: 60px;
	text-indent: -9999px;
	/*display: none;*/
}

#header #headright #rcr	a{
	display: block;
	width: 120px;
	height: 60px;
	background-image: url(images/common/bnr_rcr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header #headright #rcr	a:hover{
	background-image: url(images/common/bnr_rcr.gif);
	background-position: 0 -60px;
}

#header #headright #yoyaku {
	float: right;
	width: 305px;
	height: 60px;
}
#header #headright #yoyaku #leftBox {
	float: left;
	width: 66px;
	height: 60px;
	margin-right: 8px;
	text-indent: -9999px;
	background: url(images/common/yoyaku.gif) 0 0 no-repeat;
}
#header #headright #yoyaku #rightBox {
	float: left;
	width: 230px;
	height: 60px;
}
#rightBox #point {
	height: 20px;
	width: 230px;
	text-indent: -9999px;
	background: url(images/common/soudan.png) 0 0 no-repeat;
}
#rightBox #tel {
	height: 24px;
	width: 230px;
}
#rightBox #tel a{
	display: block;
	width: 230px;
	height: 24px;
	text-indent: -9999px;
	background: url(images/common/tel.gif) 0 0 no-repeat;
}
#rightBox #time {
	height: 16px;
	width: 230px;
	text-indent: -9999px;
	background: url(images/common/time.gif) 0 0 no-repeat;
}


/* フッター
--------------------------------*/
#footer {
	border-top: #c9c9cb solid 1px;
	margin-top: 20px;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
}


/* メインイメージ
--------------------------------*/
.mainImg {
	width: 960px;
	height: 340px;
	border-bottom: #ff7700 solid 4px;
	border-top: #ff7700 solid 4px;
	margin-bottom: 10px;
	text-indent: -9999px;
	/*background-image: url(imgs/slideshow/06.jpg)*/
}
.Img {
	width: 960px;
	border-top: #ff7700 solid 2px;
	/*background-image: url(imgs/slideshow/06.jpg)*/
}



/* ------------------------------------------------------
　HOMEスタイルシート レイアウト 
------------------------------------------------------ */
/* グローバルナビ
--------------------------------*/
#home #globalnavi{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 55px;
	margin-bottom: 15px;
}

#home #globalnavi ul{
	list-style-type: none;
}

#home #globalnavi li{
	text-indent: -9999px;
	float:left;
	width: 192px;
}

#home #globalnavi a{
	display: block;
	width: 100%;
	height: 54px;
	background-image: url(images/navi.gif);
	background-repeat: no-repeat;
}

#home #menu1 a{background-position: 0 0;}
#home #menu2 a{background-position: -192px 0;}
#home #menu3 a{background-position: -384px 0;}
#home #menu4 a{background-position: -576px 0;}
#home #menu5 a{background-position: -768px 0;}

#home #globalnavi a:hover{
	background-image: url(images/navi.gif);
}

#home #menu1 a:hover{background-position: 0 -54px;}
#home #menu2 a:hover{background-position: -192px -54px;}
#home #menu3 a:hover{background-position: -384px -54px;}
#home #menu4 a:hover{background-position: -576px -54px;}
#home #menu5 a:hover{background-position: -768px -54px;}


/* 左右カラム
--------------------------------*/
#MainConts {
	background: url(images/common/leftcolumnback.gif) repeat-y left 0;
}
#flow2 #MainConts {
	background: none;
}

#MainConts #leftColumn {
	float: left;
	width: 240px;
}
#home #MainConts #rightColumn {
	float: right;
	width: 690px;
	text-align: left;
}

#MainConts #rightColumn {
	float: right;
	width: 700px;
	text-align: left;
}


#MainConts #leftColumn #AccessWaku {
	width: 208px;
	margin: 15px 15px 15px 15px;
	border: #FFF solid 1px;
	font-size: 13px;
}
#MainConts #leftColumn #AccessWaku #title {
	height: 54px;
	text-indent: -9999px;
	background: url(images/common/access.gif) 0 0 no-repeat;
}

#MainConts #leftColumn #AccessWaku #GoogleMap {
	width: 190px;
	height: 135px;
	margin: 5px 10px 10px 10px;
	text-indent: -9999px;
}
#MainConts #leftColumn #AccessWaku #GoogleMap a{
	display: block;
	width: 190px;
	height: 135px;
	background: url(images/common/googlemap.gif) no-repeat 0 0;
}
#MainConts #leftColumn #AccessWaku #GoogleMap a:hover{
	background: url(images/common/googlemap.gif) no-repeat 0 0;
}

#MainConts #leftColumn #AccessWaku #adress {
	width: 190px;
	margin: 5px 10px 10px 10px;
	line-height: 1.4em;
}

#MainConts #leftColumn #AccessWaku ul#AccessInfo {
	width: 190px;
	margin: 5px 10px 10px 10px;
	line-height: 1.4em;
	padding-left: 12px;
	list-style-type: disc;
}

#MainConts #leftColumn #AccessWaku ul#AccessInfo li {
	margin-bottom: 5px;
}



/* ------------------------------------------------------
　下層共通スタイルシート レイアウト 
------------------------------------------------------ */
/* グローバルナビ
--------------------------------*/
#leftColumn #globalnavi{
	position: relative;
	margin: 0;
	padding: 0;
	width: 240px;
}

#leftColumn #globalnavi ul{
	list-style-type: none;
}

#leftColumn #globalnavi li{
	text-indent: -9999px;
}

#leftColumn #globalnavi a{
	display: block;
	width: 100%;
	height: 54px;
	width: 240px;
	background-image: url(images/navi2.gif);
	background-repeat: no-repeat;
}

#leftColumn #menu1 a{background-position: 0 0;}
#leftColumn #menu2 a{background-position: 0 -54px;}
#leftColumn #menu3 a{background-position: 0 -108px;}
#leftColumn #menu4 a{background-position: 0 -162px;}
#leftColumn #menu5 a{background-position: 0 -216px;}

#leftColumn #globalnavi a:hover{
	background-image: url(images/navi2.gif);
}

#leftColumn #menu1 a:hover{background-position: -240px 0;}
#leftColumn #menu2 a:hover{background-position: -240px -54px;}
#leftColumn #menu3 a:hover{background-position: -240px -108px;}
#leftColumn #menu4 a:hover{background-position: -240px -162px;}
#leftColumn #menu5 a:hover{background-position: -240px -216px;}


/* バナーエリア
--------------------------------*/
#bannerArea {
	background-color: #FFF;
	padding: 8px 0;
}

#bannerArea #biz {
	text-indent: -9999px;
}
#bannerArea #biz	a{
	display: block;
	width: 240px;
	height: 54px;
	background-image: url(images/common/bnr_biz.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bannerArea #biz	a:hover{
	background-image: url(images/common/bnr_biz.gif);
	background-position: 0 -54px;
}

#bannerArea #simulator {
	text-indent: -9999px;
}
#bannerArea #simulator	a{
	display: block;
	width: 240px;
	height: 54px;
	background-image: url(images/common/bnr_simulator.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bannerArea #simulator	a:hover{
	background-image: url(images/common/bnr_simulator.gif);
	background-position: 0 -54px;
}

/* 見出し
--------------------------------*/
/* 見出し２ */
h2 {
	width: 700px;
	height: 200px;
	text-indent: -9999px;
	margin-bottom: 16px;
}
#flow2 h2 {
	width: 100%;
}
#info h2 {
	background-image: url(images/title_info.jpg);
	background-repeat: no-repeat;
}

#houjin h2 {
	background-image: url(images/title_houjin.jpg);
	background-repeat: no-repeat;
}

#kojin h2 {
	background-image: url(images/title_kojin.jpg);
	background-repeat: no-repeat;
}

#contact h2 {
	width: 700px;
	height: 200px;
	background-image: url(images/title_toiyoyaku.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 25px;
}

/* 見出し３ */
#info h3 {
	font-size: 22px;
	font-weight: normal;
	border-top: #ff7700 solid 2px;
	border-bottom: #ff7700 solid 2px;
	padding: 11px 15px;
	line-height: 1.0em;
	letter-spacing: 15px;
	color: #333;
	margin-bottom: 30px;
}

h3 {
	font-size: 22px;
	font-weight: normal;
	border-top: #ff7700 solid 2px;
	border-bottom: #ff7700 solid 2px;
	padding: 11px 15px;
	line-height: 1.0em;
	letter-spacing: 8px;
	color: #333;
	margin-bottom: 30px;
}
#houjin h3,#kojin h3 {
	margin-bottom: 15px;
}
#flow2 h3 {
	font-size: 18px;
	letter-spacing: 1px;
}

/* 見出し４ */
h4 {
	font-size: 18px;
	font-weight: normal;
	border-left: #ff7700 solid 6px;
	padding: 1px 10px;
	letter-spacing: 5px;
	color: #333;
	margin-bottom: 12px;
}


/* コンテンツ
--------------------------------*/
.ContBox {
	width: 680px;
	margin-left: 20px;
}

.ContBox .h4Box {
	width: 660px;
	margin-left: 20px;
}

.pegeUp {
	width: 80px;
	height: 12px;
	margin: 0 0 20px 600px;
	text-indent: -9999px;
}
.pegeUp a {
	background-image: url(images/common/pageup.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	width: 80px;
	height: 12px;
}
.pegeUp a:hover { 
	background-position: 0 0;
}



/* ------------------------------------------------------
　HOME レイアウト 
------------------------------------------------------ */
/* 右コンテンツ
--------------------------------*/
#home #business {
	background-image: url(images/topbiz.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 690px;
	height: 198px;
	margin-bottom: 20px;
}
#home #mijika {
	background-image: url(images/topmijika.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 690px;
	height: 198px;
}
#home .read {
	margin: 5px 20px 0 27px;
}


/* タイトル部分のリンク */

#home .titlelink {
	float: left;
	margin-top: 27px;
	margin-left: 27px;
	width: 310px;
	height: 32px;
	text-indent: -9999px;
}
#home .titlelink	a{
	display: block;
	width: 310px;
	height: 32px;
}



/* バナーボタン【顧客契約のメリット】 */
#home #business #btn {
	float: right;
	margin-top: 11px;
	margin-right: 20px;
	text-indent: -9999px;
}
#home #business #btn	a{
	display: block;
	width: 308px;
	height: 48px;
	background-image: url(images/topbizbtn.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home #business #btn	a:hover{
	background-image: url(images/topbizbtn.jpg);
	background-position: 0 -48px;
}

/* バナーボタン【家系図シミュレーション】 */
#home #mijika #btn {
	float: right;
	margin-top: 11px;
	margin-right: 20px;
	text-indent: -9999px;
}

#home #mijika #btn	a{
	display: block;
	width: 308px;
	height: 48px;
	background-image: url(images/topmijikabtn.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home #mijika #btn	a:hover{
	background-image: url(images/topmijikabtn.jpg);
	background-position: 0 -48px;
}


/* リンクボックス */
#home #business #link {
	margin-top: 7px;
	margin-left: 27px;
	background-image: url(images/topbizb.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home #mijika #link {
	margin-top: 7px;
	margin-left: 27px;
	background-image: url(images/topmijikab.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#home #link .linkbox {
	float: left;
	margin-bottom: 9px;
	margin-right: 16px;
	text-indent: -9999px;
}
#home #link .linkbox	a{
	display: block;
	width: 145px;
	height: 40px;
}



/* ------------------------------------------------------
　弁護士紹介ページ レイアウト 
------------------------------------------------------ */
/* 弁護士プロフィール
--------------------------------*/
#infoMidashi {
	border-top: #ff7700 solid 2px;
	border-bottom: #ff7700 solid 2px;
	padding: 11px 0 11px 15px;
	margin-bottom: 30px;
}
#infoMidashi h3 {
	float: left;
	width: 120px;
	font-size: 22px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 22px;
	letter-spacing: 15px;
	color: #333;
	border: none;
}

#infoMenu {
	float: right;
	width: 500px;
	text-align: right;
	letter-spacing: 2px;
}
#infoMenu a{
	padding: 0 10px
}

#profBox{
	width: 360px;
	margin-bottom: 35px;
}

#name {
	width: 360px;
	border-bottom: #e3e3e3 solid 2px;
	line-height: 1.2em;
	font-size: 22px;
	letter-spacing: 15px;
	margin-bottom: 3px;
	color: #000000;
}

#name span.yaku {
	margin-right:15px;
	font-size: 13px;
	letter-spacing: 0;
}
#name span.furi {
	font-size: 13px;
	letter-spacing: 0;
}

/* 吉原先生写真 */
.profPhoto {
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px dotted #5F5F5F;
}
.profPhotoY {
	background-image: url(images/prof_yoshihara.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.h4BoxPhoto {
	width: 480px;
	margin-left: 20px;
	line-height: 1.8em;
}

/* 経歴リスト
--------------------------------*/
dl.keireki dt {
	clear: left;
	float: left;
	width: 5em;
	margin: 0 0 8px 0;
	border-left: solid 3px #CCC;
	padding-left: 5px;
}
dl.keireki dd {
	margin-bottom: 8px;
	margin-left: 5.5em;
}
dl.keireki2 dt {
	clear: left;
	float: left;
	width: 9em;
	margin: 0 0 8px 0;
	border-left: solid 3px #CCC;
	padding-left: 5px;
}
dl.keireki2 dd {
	margin-bottom: 8px;
	margin-left: 8em;
}

ul.list {
	position: relative;
	padding: 0;
	margin: 0 0 0 1em;
	list-style-type: disc;
}

ul.list li{
	margin-bottom: 8px;
}



/* ------------------------------------------------------
　企業のお客様ページ レイアウト 
------------------------------------------------------ */
/* 顧問契約のメリット
--------------------------------*/
#Anchor {
	text-align: center;
	font-size: 14px;
	line-height: 1.4em;
}
#Anchor a {
	text-decoration: none;
	color: #888;
}
#Anchor a:hover {
	text-decoration:  underline;
	color: #F60;
}

dl.merit dt {
	clear: left;
	float: left;
	margin: 0 0 8px 0;
	border-left: #CCC solid 5px;
	padding-left: 8px;
	color: #333;
	font-size: 16px;
	width: 8.5em;
}
dl.merit dd {
	margin-bottom: 35px;
	margin-left: 12em;
	line-height: 1.8em;
}

dl.merit2 dt {
	margin: 0 0 8px 0;
	border-bottom: #666 solid 1px;
	padding-left: 5px;
	color: #333;
	font-size: 16px;
}
dl.merit2 dd {
	padding-left: 8px;
	margin-bottom: 35px;
	line-height: 1.8em;
}


/* ------------------------------------------------------
　一般のお客様ページ レイアウト 
------------------------------------------------------ */
/* テーブル
--------------------------------*/
#kojin .tax {
	width: 600px;
	margin: 0 auto 5px; 
	text-align: right;
}
#kojin table {
	width: 600px;
	margin: 0 auto 30px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.6em;
}
#kojin table th {
	text-align: left;
	width: 140px;
	font-size: 14px;
	line-height: 1.6em;
	white-space: nowrap;
	padding: 10px;
	border-bottom: 1px #E3E3E3 solid;
	border-left: 1px #E3E3E3 solid;
	background: #F5F5F5;
	font-weight: normal;
	text-align: left;
}
#kojin table th span {
	color: #CC0000;
	font-size: 12px;
}
#kojin table td {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px #E3E3E3 solid;
	border-left: 1px #E3E3E3 solid;
	text-align: left;
}
#kojin table th.center {
	text-align: center;
}



/* ------------------------------------------------------
　採用情報ページ レイアウト 
------------------------------------------------------ */
/* リスト
--------------------------------*/
dl.recruit dt {
	clear: left;
	float: left;
	margin: 0 0 8px 0;
	border-left: solid 5px #CCC;
	padding-left: 8px;
}
dl.recruit dd {
	margin-bottom: 8px;
	margin-left: 6em;
}


/* ------------------------------------------------------
　お問い合わせページ レイアウト 
------------------------------------------------------ */
/* 警告
--------------------------------*/
.redwaku {
	border: 1px solid #CC0000;
	color: #CC0000;
	line-height: 1.5em;
	padding: 10px;
}

#error {
	margin: 0 20px 5px 20px;
	color: red;
}


/* テーブル
--------------------------------*/
#contact table {
	width: 640px;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
	line-height: 1.6em;
	margin-left: 20px;
	margin-bottom: 30px;
}
#contact table th {
	text-align: left;
	width: 140px;
	white-space: nowrap;
	padding: 10px;
	border-bottom: 1px #E3E3E3 solid;
	border-left: 1px #E3E3E3 solid;
	background: #F5F5F5;
	font-weight: normal;
	text-align: left;
}
#contact table th span {
	color: #CC0000;
	font-size: 12px;
}
#contact table td {
	padding: 10px;
	border-bottom: 1px #E3E3E3 solid;
	border-left: 1px #E3E3E3 solid;
	text-align: left;
}
#contact #thkMes {
	padding: 30px 10px;
	font-size: 1em;
	letter-spacing: 1px;
	text-align: center;
}
#contact .pit {
	font-size: 11px;
}
#contact #formBtn {
	text-align: center;
}

#contact .thanks{
	margin: 0 25px 25px 25px;
	padding-top: 40px;
	text-align: center;
	line-height: 1.6em;
}
#contact .thanks p {
	margin: 0 0 15px 0;
}