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


body {
    background: url("../images/topBg.jpg") repeat-x scroll center top #FFFFFF;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	}


/*ヘッダー*/
div#header {
    background: url(../images/topHeader_02.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    margin: 0 auto;
    position: relative;
    width: 980px;
}


div#header strong {
    font-size: 9px;
    font-weight: normal !important;
    left: 5px;
    position: absolute;
    top: 7px;
	line-height:1.3em;
}


div#header div#search {
	width: 150px;
    position: absolute;
	top:61px;
	right:10px;
}


/*お問い合わせボタン*/
div#header img.topBanner {
    position: absolute;
    right: 226px;
    top: 60px;
}

/*右上メニュー*/


div#header ul {
    right: 0;
    position: absolute;
    top: 0;
}

div#header ul li {
    float: left;
    margin: 0 ;
    padding: 0;
}

/*グローバルナビ*/
div#gNav {
    background: url(../images/topGNavBg.jpg) repeat-x scroll 0 0;
    height: 51px;
    width: 100%;
}
div#gNav div#gNavIn {
    margin: 0 auto;
    width: 980px;
}
div#gNav div#gNavIn ul {
}
div#gNav div#gNavIn ul li {
    float: left;
}


/*メインイメージ*/
div#mainImg{
height:315px;
width:100%;
background:url(../images/topMainImgBg.jpg) repeat-x center center;
}

div#mainImg div#mainImgIn{
margin:0 auto;
width:980px;
}


/*コンテンツ部分*/
div#wrapper{
background:#f4f4f4;
}

div#wrapperIn {
    margin: 0 auto;
    width: 980px;
padding-top:15px;
}
div#wrapperIn a img:hover {
opacity: 0.6;
}
div#wrapperIn a.op1 img:hover {
    opacity: 1;
}

/*メインコンテンツ部分*/
div#mainCont {
    float: left;
    width: 680px;
}

/*メインコンテンツ　ボックス*/
div#mainCont div.box {
    background: #fff;
	border:1px solid #e3e2e3;
	margin:15px 10px 15px 0;
    width: 648px;
}

div#mainCont div.box div.boxIn {
	padding:15px;
}


/*トップメニュー*/
div#topMenu ul li{
margin-bottom:15px;
}



/*メッセージのボタン*/
div#button{
	border:1px solid #e3e2e3;
	width:648px;
}

div#button div#buttonIn{
	border:1px solid #fff;
	background:#e5eaeb;
	width:616px;
	padding:15px;
}


/*法律相談の流れ*/
div#flowLaw {
    font-size: 15px;
    line-height: 1.7em;
    margin: 10px;
    width: 658px;
}
div#flowLaw div.flowLawCont {
    margin-top: 15px;
    min-height: 125px;
    position: relative;
    width: 618px;
}

div#flowLaw div.flowLawCont h4{
	float:left;
	padding: 0;
	width: 171px;
}

div#flowLaw p {
    margin: 3px 0 15px;
    width: 423px;
}
div#flowLaw div.flowLawContInner {
	float:right;
}

div#flowLaw div.flowLawContInner p {
	margin:0 0 15px 0;
	font-size:14px;
	line-height:1.7em;
}

div#flowLaw div.flowLawContInner img.button {
    position: absolute;
    right: 9px;
    top: 32px;
}
div#flowLaw img.flowRightPict {
    position: absolute;
    right: 0;
    top: 47px;
}
div#flowLaw div.arrow {
    width: 658px;
}
div#flowLaw div.arrow img {
    margin: 15px 0 15px 210px;
}
div#flowLaw div.step img {
    margin: 15px 0 15px 21px;
}
div#flowLaw div.flowLawContLower {
    margin: 0;
    min-height: 125px;
    position: relative;
    width: 612px;
}




div#topFlowTimetable{
	background:url(../images/topFlowTimetable.jpg) no-repeat 0 0;
	width:429px;
	height:65px;
}

div#topFlowTimetable p{
    font-size: 12px;
    height: 23px;
    padding: 32px 15px 10px 17px;
    width: 391px;
}

div#topFlowTimetable p img{
	margin:0 5px 5px 0;
}



/*サイドメニュー*/
div#topSideCont{
    float: left;
    width: 300px;
}

div#topSideCont div.box{
	background:#fff;
	margin:15px 0 0 0;
	border:1px solid #E3E2E3;
	padding-bottom:10px;
}

div#topSideCont div.box2{
	background:#fff;
	margin:15px 0 0 0;
	border-left:1px solid #E3E2E3;
	border-right:1px solid #E3E2E3;
	border-bottom:1px solid #E3E2E3;
	border-top:none;
	padding-bottom:10px;
}

div#topSideCont div.blogEntry{
background-color:#F7F7F7;
}

/*弁護士紹介*/
div#topSideCont div#topLawer{
	width:300px;
	margin:15px 0 15px 0;
}

div#topSideCont div#topLawer div#topLawerIn{
	width:300px;
	position: relative;
}

div#topSideCont div#topLawer div#topLawerIn p{
	margin-top:10px;
	line-height:1.5em;
}
div#topSideCont div#topLawer #detailLink{
	color: #333;
	position: absolute;
	top: 70px;
	left: 160px;
}
div#topSideCont div#topLawer #detailLink:hover{
	text-decoration: underline;
}
div#topSideCont div#topLawer #detailLink:before{
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: url(../images/detail_arrow.png);
	background-size: 11px 11px;
	background-repeat: no-repeat;
	padding-right: 5px;
}

/*更新情報・ブログ*/
div.box2 dl.list {
	padding:10px 15px 15px 15px;
}
div.box2 dl.list dt {
    color: #333;
    font-weight: bold;
    padding: 5px 0 0;
}
div.box2 dl.list dd {
    border-bottom: 1px dotted #333333;
    padding: 0 0 5px;
    width: 270px;
}
div.box2 dl.list dd a {
    color: #333;
    text-decoration: underline;
}
div.box2 dl.list dd a:hover {
    color: #888;
    text-decoration: underline;
}

.newsBtn, .blogBtn, .accordion_head{
	cursor: pointer;}

.newsBtn:hover, .blogBtn:hover, .accordion_head:hover{
	opacity: 0.6;
}


/*事務所紹介*/
div#topSideCont div.office{
	margin:15px 15px 0px 15px;
}

div#topSideCont div.office2{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

div#topSideCont div.office h4 a{
	background:url(../images/topOfficeArrow.jpg) no-repeat 0 7px;
	padding-left:12px;
	font-size:14px;
	color:#036f88;
	font-weight:bold;
	margin:0 0 5px 0;
}

div#topSideCont div.office img{
	float:left;
}

div#topSideCont div.office p{
	float:left;
	font-size:12px;
	margin:0 0 10px 10px;
	line-height:1.3em;
}




/*アコーディオン設定*/

div.acco{
	width:407px;
	border:1px solid #ddd;
	border-top:none;
	padding:10px;
}

div.acco ul li{
font-size:12px;
float:left;
width:200px;
}

div.acco2{
	width:608px;
	border:1px solid #ddd;
	border-top:none;
	padding:20px;
}

div.acco2 p{
width:608px;

}


/*トップ用リンク*/
#page-top {
    bottom: 40px;
    position: fixed;
    right: 0;
}
#page-top a {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
}
#page-top a:hover {
    background: none repeat scroll 0 0 #999999;
    text-decoration: none;
}


div#fbNew div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
	width: 277px !important;
}

/*トップアコーディオンの中身*/
div#topMessage h4{
	color:#036F88;
	font-size:24px;
	margin:22px 0 15px 0;
	font-weight:bold;
}

div#topMessage h5{
	font-weight:bold;
	font-size:18px;
	margin:10px 0 5px 0;
}

div#topMessage p{
	margin:0 0 8px;
	font-size:14px;
}

.flowFlowTimetable{
	width: 100%!important;
}
.flowLawCont2nd{
	width: 430px;
}
div.right .flowLawCont2nd p{
	padding: 0;
}
#flowLaw.flowLaw2nd{
	margin: 0;
}
.flowTitle h1.rep{
	border-bottom: 1px solid #036f88;
	font-size: 20px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	width: 618px;
}