@charset "UTF-8";

/* -------------------------------------------- */
/* 初期化 */

div, p {
	display: Block;
	margin: 0;
	padding: 0;
	color: Inherit;
	background: Transparent;
}

em, span {
	display: Inline;
	margin: 0;
	padding: 0;
	font-style: Normal;
	font-weight: Normal;
	font-size: 100%;
}

h1, h2, h3, h4 {
	display: Block;
	text-align: Left;
	font-style: Normal;
	font-weight: Normal;
	color: Inherit;
	Background: Transparent;
	margin: 0;
	padding: 0;
}

hr {
	visibility: hidden;
	clear: Left;
}

/* -------------------------------------------- */
/* 基本ブロック */

body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	background: #FFF;
	color: #000;
	font-weight: Normal;
	font-size: 20px;
	font-family: "Arial", "メイリオ", Sans-Serif;
}

div#ContentArea {
	width: 960px;
	margin: 0 Auto;
}

/* -------------------------------------------- */
/* リンク */

a:link, a:visited {
	background: Transparent; 
	text-decoration: Underline;
}

a:link {
	color: #02C
}

a:visited {
	color: #C1C;
}

a:hover {
	color: #C11;
	background: Transparent;
	text-decoration: None;
}

a img {
	border: None;
}

/* -------------------------------------------- */
/* ヘッダ部分 */

div#Header {
	background: #FEDC01;
	padding: 12px 130px 20px 130px;
}

h1 {
	font-size: 3em;
	font-weight: Normal;
	margin: 0 0 0 -160px;
	padding: 0 0 200px 160px;
	letter-spacing: 0.2em;
	background-image: url("./img/chara1.png");
	background-repeat: No-Repeat;
	background-position: Bottom Left;
}

h1 em {
	background-image: url("./img/header_line.png");
	background-repeat: Repeat-X;
	background-position: Bottom Left;
}

div#HeaderContent {
	background: #FFF;
	margin:0;
	padding:46px 96px;
	border-radius: 25px;
}

p#Description {
	color: #619;
	font-size: 90%;	
	margin: -400px -160px 0px 0;
	padding: 250px 160px 65px 0;
	background-image: url("./img/chara2.png");
	background-repeat: No-Repeat;
	background-position: Bottom Right;
}

p#Navigation {
	margin: -40px 0 0 0;
	padding: 0;
	font-size: 90%;
	text-align: Center;
}

/* -------------------------------------------- */
/* サービス紹介 */

/*ブロック共通設定*/
div#ServiceInfo h2 {
	color: #E44848;
	font-size: 180%;
	text-align: Center;
	letter-spacing: 0.1em;
	margin: 1.5em 0 0.2em 0;
}

div#ServiceInfo p {
	font-size: 90%;
	margin: 0.5em 0;
}

div#ServiceContent {
	background: #EEE;
	padding: 10px 30px;
}

div#ServiceContent div.Section {
	background-color: #FFF;
	border-radius: 10px;
	padding: 0.5em 0.2em 0.5em 135px;
	margin: 1.5em 0;
	border-style: Solid;
	border-width: 0 0 0 100px;
	min-height: 180px;
	clear: Left;
	box-shadow: 3px 3px 3px 3px #AAA;
}

div#ServiceContent h3 {
	font-size: 150%;
	letter-spacing: 0.2em;
	margin: 0 0 0.2em -210px;
	padding: 0 0 150px 210px;
	background-repeat: No-Repeat;
	background-position: Left Center ;
}

div#ServiceContent h3+p {
	margin: -145px 0 0 0;
}

/*1 契約交渉*/
div#Sv1 {
	border-color: #6BAAE1;
}

div#Sv1 h3 {
	background-image: url("./img/chara3.png");
	color: #3334A8;
}

/*2 誹謗中傷*/

div#Sv2 {
	border-color: #E47386;
}

div#Sv2 h3 {
	background-image: url("./img/chara4.png");
	color: #E44750;
}

/*3 債権回収*/

div#Sv3 {
	border-color: #F9994F;
}

div#Sv3 h3 {
	background-image: url("./img/chara5.png");
}

div#Sv3 h3 {
	color: #FF5500;
}

/*4 その他の法律相談 */

div#Sv4 {
	border-color: #53CC68;
}

div#Sv4 h3 {
	background-image: url("./img/chara6.png");
	color: #0B696D;
}

/* -------------------------------------------- */
/* 依頼の手順 */

/*共通設定*/

div#ContactInfo {
	margin: 0 0 4em 0;
}

div#ContactInfo h2 {
	font-size: 180%;
	margin: 1.5em 0 0.5em 0;
	border-style: Solid;
	border-color: #F41818;
	border-width: 0 0 1px 0;
	padding: 0 0 0 55px;
	background-image: url("./img/circle.png");
	background-position: Center Left;
	background-repeat: No-Repeat;
}

div#ContactInfo p{
	font-size: 90%;
	margin: 0.5em 0;
}

div#ContactInfo div.Section {
	width: 400px;
	float: Left;
	border-radius: 15px;
	box-shadow: 3px 3px 3px 3px #AAA;
	margin: 1.5em 30px;
	border-style: Solid;
	border-color: #CCDEF2;
	border-width: 2em 0 0 0;
	padding: 0.5em;
}

div#ContactInfo h3{
	margin: -2em 0 0.8em 0;
	font-weight: Normal;
	font-size: 110%;
}

/*個別ブロック*/

ul#Contact {
	margin: 1em Auto;
	background-image:  url("./img/tel.png");
	background-position: Top Center;
	background-repeat: No-Repeat;
	padding: 170px 0 0 1.5em;
}

ul#Contact li {
	margin: 0.5em 0;
}

ul#Contact em {
	background: #FEE757;
}

div#St2 em {
	color: #D32;
}

/*矢印部分*/
div#St1:after {
	content: url("./img/triangle1.png");
	display: Block;
	position: Relative;
	top: -18em;
	left: 430px;
}

div#St2:after {
	content: url("./img/triangle2.png");
	display: Block;
	position: Relative;
	top: 3em;
	left: 180px;
}

/* -------------------------------------------- */
/* フッタ */

/*共通設定*/
div#LawyerInfo {
	margin: 3em 0 0 0;
	padding: 1em 20px;
	background: #EEE;
	border-color: #FEDC01;
	border-style: Solid;
	border-width: 0 0 60px 0;
	min-height: 20em;
}

div#LawyerInfo h2 {
	font-size: 110%;
}

div#LawyerInfo div.Section {
	margin: 0 20px;
	width: 400px;
	display: Inline-Block;
	vertical-align: Top;
}

div#LawyerInfo h3 {
	display: None;
}

div#LawyerInfo em {
	font-weight: Bold;
	font-size: 110%;
}

div#LawyerInfo p {
	font-size: 90%;
	margin: 0.5em 0;
}

div#LawyerInfo h2:before {
	content: "◯";
	display: Inline;
}

div#Si2 {
	color: #619;
}

p#Map {
	margin: 2em Auto 0 Auto;
	border-color: #F17474;
	border-style: Solid;
	border-width: 1px 0 0 0;
	padding: 2em 0 0 0;
	text-align: Center;
}

p#Map iframe {
	border: None;
}

p#Validation {
	position: Relative;
	Top: 4.5em;
	Left: 0;
	margin: 0;
	text-align: Right;
}