*{
margin:0;
padding:0;
}

html,
body{
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
}

a:link,
a:visited,
a:active{
text-decoration:none;
}

a:hover,
a img:hover{
opacity: 0.5;
filter:alpha(opacity=50);
-webkit-transition: 0.5s ;
transition:0.5s;
transition-duration:0.5s;
}

ul,ol{padding-left:40px;

}



	/* wrapper */

#wrapper{
width:100%;
height:100%;
margin:auto;
position:relative;
}

		/* header */

#header{
width:100%;
height:100px;
border-bottom:1px #062040 solid;
}

			/* logo */

#header h1 img{
width:300px;
margin:auto;
padding:18px 0;
display:block;
transition-duration:0.5s;
}

#header > :nth-child(2){
display:none;
}

		/* contswrapper */

#contswrapper{
width:1000px;
height:100%;
margin:0 auto;
display:block;
overflow:hidden;
background:#062040;
}






		/* leftnavi */

#leftnavi a:link,
#leftnavi a:visited,
#leftnavi a:hover,
#leftnavi a:active{
color:#ffffff;
}

#leftnavi{
width:280px;
height:100%;
padding-top:20px;
float:left;
color:#ffffff;
display:block;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#leftnavi ul{
padding:0;
margin:0;
width:100%;
display:block;
}

#leftnavi li{
width:92%;
margin:0 4%;
font-size:100%;
color:#ffffff;
line-height:50px;
height:50px;
box-sizing:border-box;
display:block;
border-bottom:1px solid #d4dde9;
}

#leftnavi li div{
height:10px;
border:1px #ffffff solid;
}

#leftnavi > ul :nth-child(8){
display:none;
}

#leftnavi a{
display:block;
color:#ffffff;
transition-duration:0.5s;
}
		/* conts */



#conts{
width:700px;
padding:0px 0 0 20px;
margin:0;
float:left;
background:#ffffff;
display:block;
}

			/* toppage */

#conts.toppage{
position:relative;
}

#conts.toppage img{
width:100%;
margin-top:20px;
}

#conts.toppage h2{
width:100%;
position:relative;
display:block;
font-size:140%;
}
				/* キャッチコピー1行目 */

#conts.toppage h2 > span{
position:absolute;
display:block;
top:0;
bottom:40px;
left:50px;
right:0;
height:50px;
margin:auto;
line-height:35px;
letter-spacing:6px;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
text-shadow:2px 2px 2px #eeeeee,
-2px 2px 2px #eeeeee,
2px -2px 2px #eeeeee,
-2px -2px 2px #eeeeee;
}

				/* キャッチコピー2行目 */

#conts.toppage span span{
color:#c1272d;
margin-left:15px;
}

				/* フレーズ */

#conts.toppage h2{
padding-bottom: 10px;
}


#conts.toppage > :nth-child(2){
text-align:center;
width:100%;
padding:0 12px;
margin-top:12px;
color:#366195;
line-height:35px;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size:140%;
letter-spacing:3px;
box-sizing:border-box;
}

				/* 詳細 */

#conts.toppage > :nth-child(3){
width:100%;
padding:20px;
color:#333333;
font-size:13px;
line-height:180%;
box-sizing:border-box;
margin:20px 0;
background:#d4dde9;
}

				/* 当事務所の強みボタン */

#conts.toppage > :nth-child(3) > a{
width:70%;
display:block;
font-size:15px;
margin:12px auto 0 auto;
text-align:center;
padding:10px 0;
background:#366195;
color:#ffffff;
transition-duration:0.5s;
}

		/* strength */

#conts.strength{
margin:0;
width:700px;
}


#conts.strength a:link,
#conts.strength a:visited,
#conts.strength a:hover,
#conts.strength a:active{
text-decoration:none;
color:#062040;
}

#conts.strength h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
line-height:50px;
}

#conts.strength h4{
margin:20px 0;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}


#conts.strength h5.away{
margin:50px 0 20px 0;
border-bottom:1px #366195 solid;
width:100%;
height:40px;
background:#ffffff;
text-align:center;
color:#366195;
font-size:100%;
line-height:40px;
clear:both;
}



#conts.strength p{
font-size:80%;
margin:24px 12px;
}

				/* 本の紹介エリア */

#conts.strength div.book{
width:50%;
margin:0 auto;
height:165px;
background:#efefef;
padding:20px;
}

				/* 本の写真 */

#conts.strength div img{
width:100px;
display:block;
float:left;
}

				/* 著者・出版社 */

#conts.strength div > span{
float:left;
margin:25px 0 0 40px;
display:block;
font-size:80%;
}

				/* 本のタイトル */

#conts.strength div > span > span{
margin:10px 0;
display:block;
font-size:135%;
}

				/* スカイプボタン */

#conts.strength >:last-child{
width:70%;
display:block;
margin:12px auto 20px auto;
font-size:15px;
text-align:center;
padding:10px 0;
background:#366195;
color:#ffffff !important;
transition-duration:0.5s;
}

			/* lawyer */

#conts.lawyer{
margin:0;
width:700px;
float:left;
}

#conts.lawyer a:link,
#conts.lawyer a:visited,
#conts.lawyer a:hover,
#conts.lawyer a:active{
text-decoration:none;
color:#ffffff;
}

#conts strong{
font-weight:normal;
}


				/* 大見出し */

#conts.lawyer h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
line-height:50px;
}

				/* 中見出し */

#conts.lawyer h4{
margin:20px 0px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

				/* 略歴・ご挨拶のタイトル */

#conts.lawyer h5{
display:block;
border-bottom:1px #d4dde9 solid;
width:440px;
margin:10px 20px;
float:left;
font-weight:normal;
}

				/* 須加弁護士の写真 */

#conts.lawyer img{
float:left;
width:30%;
display:block;
margin-bottom:20px;
}

				/* 名前 */

#conts.lawyer span{
float:left;
font-size:120%;
display:block;
margin:0 0 0 20px;
text-align:left;
}

				/* 文章 */

#conts.lawyer p{
float:left;
font-size:80%;
margin:0 0 0 20px;
display:block;
width:440px;
}

				/* ご挨拶のタイトル */




#conts.lawyer table{
clear:both;
font-size:80%;
margin:0 20px 20px 20px;
width:calc(100% - 40px);
width:webkit-calc(100% - 40px);
}
				/* アクセスの表 */

#conts.lawyer table{
margin:20px auto;
width:100%;
border:1px #a1b5ce solid;
font-size:85%;
border-collapse: collapse;
}

#conts.lawyer table a{
color:#000000 !important;
transition-duration:0.5s;
}

#conts.lawyer tr{
width:100%;
}

#conts.lawyer th{
width:20%;
padding:10px;
border:1px #A1B5CE solid;
text-align:left;
background:#d4dde9;
font-weight:normal;
}

#conts.lawyer td{
width:80%;
padding:6px;
border:1px #A1B5CE solid;
	
background:#ffffff;
}

				/* 地図 */

#conts.lawyer iframe{
display:block;
margin:20px auto 0 auto;
}

					/* 大きな地図で見るボタン */

#conts.lawyer > :nth-child(12){
width:70%;
display:block;
margin:20px auto;
padding:10px 0;
background:#366195;
text-align:center;
color:#ffffff;
font-size:15px;
transition-duration:0.5s;
}




					/* 電話をかけるボタン */

#conts.lawyer > :last-child{
display:none;
}


			/* legalfee */

#conts.legalfee{
width:700px;
padding-bottom:20px;
float:left;
}

				/* 大見出し */

#conts.legalfee h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

				/* 中見出し */

#conts.legalfee h4{
margin-top:20px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

				/* 文章 */

#conts.legalfee p{
font-size:80%;
padding:0 25px 0 20px;
}

				/* テーブル */

#conts.legalfee table{
margin:0 auto;
width:95%;
border:1px #A1B5CE solid;
font-size:80%;
border-collapse: collapse;
box-sizing:border-box;
}

#conts.legalfee th{
width:15%;
padding:8px 0;
border:1px #A1B5CE solid;
text-align:center;
background:#d4dde9;
font-weight:normal;
box-sizing:border-box;
}

#conts.legalfee td{
width:45%;
padding:8px 0 10px 6px;
border:1px #A1B5CE solid;
background:#ffffff;
box-sizing:border-box;
}

				/* 文章 */

#conts.legalfee p{
display:block;
margin-top:20px;
font-size:80%;
}

				/* ①～⑦の見出し */

#conts.legalfee h5{
display:block;
margin:20px 0 12px 12px;
font-size:100%;
color:#062040;
}

				/* 注釈エリア */

#conts.legalfee div.discription{
margin-top:20px;
padding:10px 20px;
background:#eef2f6;
}

				/* 注釈 赤文字 */

#conts.legalfee h6{
font-weight:bold;
font-size:90%;
color:#c1272d;
margin:10px 0 10px 0px;
}

				/* 注釈文章 */

#conts.legalfee > div > p{
font-size:85%;
font-weight:normal;
display:block;
margin:0 !important;
}

					/* 小見出し */

#conts.legalfee h7{
display:block;
margin:12px;
font-size:90%;
color:#062040;
}

/* 取扱業務 */

#conts.legalfee ul.business{
margin-top:40px;
margin-bottom: 80px;

}

#conts.legalfee ul.business li{
margin-top:12px;
margin-bottom: 12px;

}


					/* 注釈の※ */

#conts.legalfee .discription span{
font-weight:bold;
font-size:85%;
color:#c1272d;
}


			/* privacy */

#conts.privacy{
width:700px;
float:left;
padding-bottom:20px;
}

#conts.privacy a:link,
#conts.privacy a:visited,
#conts.privacy a:hover,
#conts.privacy a:active{
text-decoration:none;
color:#000000;
}

#conts.privacy h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.privacy h4{
margin-top:20px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

#conts.privacy h6{
display:block;
margin:20px 0 12px 12px;
font-size:100%;
color:#062040;
}

#conts.privacy p{
display:block;
font-size:80%;
margin:12px 0 0 12px;
font-weight:normal;
color:#000000;
}

#conts.privacy table{
margin:12px auto 0 auto;
width:95%;
border:1px #A1B5CE solid;
font-size:80%;
border-collapse: collapse;
line-height:30px;
box-sizing:border-box;
}

#conts.privacy th{
width:15%;
border:1px #A1B5CE solid;
text-align:center;
background:#d4dde9;
font-weight:normal;
box-sizing:border-box;
}

#conts.privacy td{
width:55%;
padding-left:8px;
border:1px #A1B5CE solid;
background:#ffffff;
box-sizing:border-box;
}


			/* contact */

#conts.contact{
width:700px;
float:left;
padding-bottom:20px;
}

#conts.contact h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.contact h4{
margin-top:20px;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

#conts.contact p{
display:block;
margin-bottom:20px;
}

				/* 必須ボタン */

#conts.contact div{
display:inline-block;
background:#c1272d;
color:#ffffff;
font-size:60%;
padding:3px;
}

				/*各項目の見出し文字*/

#conts.contact label{
display:block;
margin:20px 0px 0px 12px;
box-sizing:border-box;
}

				/*入力欄*/

#conts.contact input{
margin:12px 0 0 12px;
padding:5px 2%;
width:calc(100% - 24px);
width:webkit-calc(100% - 24px);
line-height:35px;
background:#ffffff;
border:1px #062040 solid;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
border:1px #A1B5CE solid;
box-sizing:border-box;
font-size:15px;
}

#conts.contact p{
font-size:80%;
margin:12px;
}

#conts.contact span{
font-size:60%;
margin:12px;
color:#062040;
}

				/*テキストエリア*/

#conts.contact textarea{
width:calc(100% - 24px);
width:webkit-calc(100% - 24px);
padding:9px 2%;
height:195px;
margin:12px 0 20px 12px;
line-height:25px;
background:#ffffff;
border:1px #062040 solid;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
border:1px #A1B5CE solid;
box-sizing:border-box;
font-size:15px;
}

				/*確認ボタン*/

#btn_submit{
display:block !important;
width:70% !important;
height:50px !important;
margin:0 auto 10px auto !important;
padding:8px 0 !important;
background:#366195 !important;
border:none !important;
font-size:100%;
color:#ffffff;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
font-weight:bold !important;
transition-duration:0.5s;
}

#btn_submit:hover{
opacity:0.8;
filter:alpha(opacity=80);
transition:0.5s;
-webkit-transition:0.6s;
}


		/* mail(確認画面) */

#conts.mail{
width:700px;
float:left;
padding-bottom:100px;
}

#conts.mail h3{
margin-top:20px;
display:block;
width:100%;
height:50px;
background:#062040;
text-align:center;
color:#ffffff;
font-size:120%;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:50px;
}

#conts.mail h4{
margin:20px 0;
width:100%;
height:40px;
background:#d4dde9;
text-align:center;
color:#062040;
font-size:100%;
line-height:40px;
clear:both;
}

#conts.mail p{
display:block;
margin:12px;
}

				/*戻るボタン*/

#conts.mail input{
width:70%;
height:50px;
display:block;
margin:25px auto;
padding:10px 0;
background:#366195;
text-align:center;
font-size:100%;
color:#ffffff;
border:none !important;
transition-duration:0.5s;
font-family:メイリオ,meiryo,游ゴシック体,Yu Gothic,A-OTF 新ゴ Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,A-OTF Shin Go Pro,helvetica,sans-serif;
font-weight:bold;
}

#conts.mail input:hover{
opacity:0.8;
filter:alpha(opacity=80);
transition:0.5s;
-webkit-transition:0.6s;
border:1px #A1B5CE solid;
}

#conts.mail p{
font-size:80%;
}

#conts.mail p span{
color:#c1272d;
}

	/* footer */

#footer{
clear:both;
display:block;
width:100%;
height:60px;
padding-top:20px ;
padding-bottom:20px ;
background:#eef2f6;
}

#footer a{
transition-duration:0.5s;
}

#footer ul,
#footer ul li{
display:none;
}

#footer ul li a{
display:none;
}

			/* フッター 1000px枠 */

#footer div{
display:block;
width:1000px;
height:60px;
margin:0 auto;
}

#footer div p br{
display:none;
}

				/* フッターロゴ */

#footer div img{
float:left;
width:230px;
margin:0 35px 20px 60px;
display:block;
}

				/* フッター住所 */

#footer div p{
width:560px;
margin:3px 50px 20px 35px;
float:left;
font-size:12px;
color:#062040;
display:block;
}
				/* copyright */

#footer div span{
clear:both;
width:200px;
height:20px;
margin:0px auto;
display:block;
font-size:12px;
color:#062040;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
color:#062040;
}