@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* ===================================================================
*/

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:90%;
	line-height:1.5;
	color:#231815;
}
html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select { vertical-align:middle; }

img			{ border:none; vertical-align:bottom; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
ul,li		{ list-style: none; }



a			{ color:#4BD2F5; text-decoration: none; }
a:hover,
a:focus	{ color:#00BBFF; }

/*
=====================================================================
*
*    class
*
* ===================================================================
*/
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.flL{float:left;}
.flR{float:right;}

.mgB10{ margin-bottom: 10px; }
.mgB20{ margin-bottom: 20px; }
.mgB30{ margin-bottom: 30px; }
.mgB40{ margin-bottom: 40px; }
.mgB50{ margin-bottom: 50px; }

.mgT10{ margin-top: 10px; }
.mgT20{ margin-top: 20px; }
.mgT30{ margin-top: 30px; }
.mgT40{ margin-top: 40px; }
.mgT50{ margin-top: 50px; }


.forSP{ display: none; }


/* Article */
#Article{  }
#Article .date{ float:left; width:110px; color:#7A7371; }
#Article .articleTitle{ float:right; width:600px; }

#Article .body{ margin-top: 15px; }
#Article .body,
#Article .body p{ line-height: 1.8 !important; }
#Article img{ max-width:100%; height:auto; margin-bottom: 15px; }

/* article */
body.top #Article article	{ margin-bottom: 10px; }
body.blog #Article article	{ margin-bottom: 40px; }
body.news #Article article	{ margin-bottom: 40px; }



/* basicLi01 */
ul.basicLi01 li{
	background:url(../images/common/bg-list.gif) no-repeat 0 5px;
	padding-left: 12px;
}

/* basicLi02 */
ul.basicLi02 li{
	font-size: 95%;
	padding-left:15px;
	background:url(../images/common/bg-list02.gif) no-repeat 0 5px;
}

/*--------------- pager ---------------*/
.pager{ display:inline; text-align: center; }

.pager a,
.pager span{
	display:block;
	height:28px;
	width:28px;
	line-height:28px;
	text-align: center;
	border:1px solid #615590;
	float:left;
	display: inline;
	margin-right: 10px;
}

.pager .list{ width:auto !important; padding: 0 10px;}

.pager span		{ background-color:#FFF; color:#615590 !important; }
.pager a			{ background-color:#615590; color:#FFF !important; text-decoration: none !important; }
.pager a:hover	{ background-color:#FFF; color:#615590 !important; text-decoration: none !important; }


/*--------------- breadcrumb ---------------*/
#breadcrumb		{ margin-bottom: 15px; }
#breadcrumb li	{ display: inline; font-size: 90%; }


/* -----------------------------------------------------------------
	mobiles
------------------------------------------------------------------ */
@media only screen and ( max-width:768px ) {
	.forPC{ display: none; }
	.forSP{ display: block; }
}


/*
=====================================================================
*
*    Wrapper
*
* ===================================================================
*/
#Wrapper{ padding:15px 0 70px; background-color:#FFF; }

/*
=====================================================================
*
*    header
*
* ===================================================================
*/
header{ }

	#Header01,
	#Header02,
	header nav ul,
	#Keyvisual,
	#Main,
	footer{ width:980px; margin: 0 auto; }

	/* Header01 */
	#Header01{ margin-bottom: 12px; font-size: 85%; }
		#Header01 h1				{ float:left; font-weight: normal; }
		#Header01 .headerCopy	{ float:right; }

	/* Header02 */
	#Header02{ margin-bottom: 20px; }
	#Logo		{ float:left; width:284px; }
	#Logo a	{ display: block; }
	#Logo a:hover{
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	#ImgTel	{ float:right; width:228px; }

	header nav{ border-top:1px solid #DDDBE7; border-bottom:1px solid #DDDBE7; }

	header nav,
	header nav li,
	header nav a{ height:62px; }

	header nav li,
	header nav li a{
		background-image:url(../images/common/bg-menu.png);
		background-repeat: no-repeat;
		background-color:#FFF;
	}

	header nav li a	{ display: block; }

	header nav li				{ float:left; }
	header nav li.top			{ width:94px; }
	header nav li.intro		{ width:136px; }
	header nav li.services	{ width:128px; }
	header nav li.flow		{ width:140px; }
	header nav li.lawyers		{ width:124px; }
	header nav li.fee			{ width:110px; }
	header nav li.access		{ width:110px; }
	header nav li.inquiry	{ width:138px; }

	header nav li.top a		{ background-position:0 0; }
	header nav li.intro a	{ background-position:-94px 0; }
	header nav li.services a{ background-position:-230px 0; }
	header nav li.flow a		{ background-position:-358px 0; }
	header nav li.lawyers a	{ background-position:-498px 0; }
	header nav li.fee a		{ background-position:-622px 0; }
	header nav li.access a	{ background-position:-732px 0; }
	header nav li.inquiry a	{ background-position:-842px 0; }

/*
	header nav li.top,
	header nav li.top a.select			{ background-position:0 -62px; }
	header nav li.intro,
	header nav li.intro a.select		{ background-position:-94px -62px; }
	header nav li.services,
	header nav li.services a.select	{ background-position:-230px -62px; }
	header nav li.flow,
	header nav li.flow a.select		{ background-position:-358px -62px; }
	header nav li.lawyers,
	header nav li.lawyers a.select		{ background-position:-498px -62px; }
	header nav li.fee,
	header nav li.fee a.select			{ background-position:-622px -62px; }
	header nav li.access,
	header nav li.access a.select		{ background-position:-732px -62px; }
	header nav li.inquiry,
	header nav li.inquiry a.select	{ background-position:-842px -62px; }
*/

	body.top header nav li.top a,
	body.intro header nav li.intro a,
	body.services header nav li.services a,
	body.flow header nav li.flow a,
	body.lawyers header nav li.lawyers a,
	body.fee header nav li.fee a,
	body.access header nav li.access a,
	body.inquiry header nav li.inquiry a{ background-color:#A5E8FA !important; }

/*
=====================================================================
*
*    KeyvisualWrapper
*
* ===================================================================
*/
#KeyvisualWrapper{ margin-bottom: 28px; }
body.top #KeyvisualWrapper{
	background: url(../images/top/bg-keyvisual.jpg) repeat-x center top;
	border-bottom:1px solid #DDDBE7;
}

body.lower #KeyvisualWrapper{
	border-bottom:1px solid #DDDBE7;
}

/*
=====================================================================
*
*    Main
*
* ===================================================================
*/

#PageTopScroll{ position: fixed; right:50px; bottom:50px; }

	#PageTopScroll,
	#PageTopScroll a{
		display: block;
		height:64px;
		width:64px;
	}
	#PageTopScroll a	{
		background-image:url(../images/common/bg-btn-pagetop.png);
		background-repeat: no-repeat;
		background-position: 0 0px;
		background-color:#615590;
		-moz-border-radius:64px;
		-webkit-border-radius:64px;
		border-radius:64px;
	}

/*
	#PageTopScroll,
	#PageTopScroll a{
		display: block;
		height:64px;
		width:64px;
		background-image:url(../images/common/bg-btn-pagetop.png);
		background-repeat: no-repeat;
	}
	#PageTopScroll a	{ background-position: 0 0px; }
	#PageTopScroll		{ background-position: 0 -64px; }
*/


/*
=====================================================================
*
*    Content
*
* ===================================================================
*/

#Content{ width:720px; float: left; text-align: left; }
#Content a{ text-decoration: underline; }
#Content a:hover{ text-decoration: underline; }

	/*--------------- class ---------------*/
	#Content .section{ margin-bottom: 60px; }
	#Content .leadText{ margin-bottom: 25px; }
	#Content .title{ margin-bottom: 25px;  color:#1E0C60; font-size: 120%; text-align: center; }

	#Content p{ line-height:2.0; margin-bottom: 10px; }


/* -----------------------------------------------------------------
	home
------------------------------------------------------------------ */

/*--------------- btnBasic ---------------*/
.btnBasic a,
.btnBasic span{
	display: block;
	height: 37px;
}

.btnBasic a{
	background: url(../images/common/bg-ptn_01.gif) repeat 0 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding-left:18px;
	padding-right:18px;
	color:#1E0C60;
	font-size: 80%;
	text-decoration: none !important;
}

.btnBasic a:hover{
	background-image: none;
	background-color:#615590;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none !important;
}


.btnBasic a span{
	line-height: 37px;
	background: url(../images/common/bg-icon_01.png) no-repeat 0 10px;
	padding-left: 20px;
}

.btnBasic a span:hover{ background-position: -720px 10px; color:#FFF; }

/*--------------- NewsMoving ---------------*/
#NewsMoving p{ text-indent:1em; }
	#NewsMoving p.first{ text-indent:inherit; }
	#NewsMoving p strong{ text-decoration: underline; }
	#NewsMoving .signature{ text-align:right; margin-bottom: 20px; 	}
	#NewsMoving .movingMap{ border:1px solid #000; padding:25px 25px 40px; text-align: center; }
	#NewsMoving .movingMap h3{ margin-bottom: 10px; }
		#NewsMoving .movingMap p{ margin-bottom: 15px; }

/*--------------- Services & News ---------------*/
.top #Services .title h2,
.top #News .title h2				{ float:left; margin-left:260px; margin-top:5px; }
.top #Services .title .btnBasic,
.top #News .title .btnBasic	{ float:right; }

/*--------------- Services ---------------*/
.top #ServiceKind ul	{
	width:736px; /* 720+16 */
	margin-right:-16px;
	overflow: hidden;
	_zoom: 1;
}
.top #ServiceKind ul li{ float:left; width:168px; margin-right:16px; margin-bottom:16px; }


/* -----------------------------------------------------------------
	intro
------------------------------------------------------------------ */
.intro .staffPhoto{ margin-bottom: 25px; }
.intro p.leadText		{ font-size: 135%; line-height: 1.7 !important; }
.intro p.signature	{ font-size: 130%; line-height: 1.7 !important; margin-bottom: 25px !important; text-align: right; }


/* -----------------------------------------------------------------
	services
------------------------------------------------------------------ */

/*--------------- Services ---------------*/
.services #ServiceKind	{
	width:736px; /* 720+16 */
	margin-right:-16px;
	overflow: hidden;
	_zoom: 1;
}
.services #ServiceKind section		{ float:left; width:168px; margin-right:16px; margin-bottom:16px; }
.services #ServiceKind section h3	{ margin-bottom: 10px; }
.services #ServiceKind ul li{
	background:url(../images/common/bg-list.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin-bottom: 5px;
}
.services #ServiceKind ul li,
.services #ServiceKind p{ font-size: 90%; line-height:1.5;}

.services #ServiceKind section{ margin-bottom: 30px; }


/* -----------------------------------------------------------------
	flow
------------------------------------------------------------------ */
#Flow .column,
#Flow .cursor{ text-align: center; }

#Flow .column{
	background: url(../images/common/bg-ptn_01.gif) repeat 0 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding: 15px 0 15px;
}

#Flow .cursor{ padding: 12px 0; }

#Flow .leftColumn		{ width:315px; float:left; }
#Flow .rightColumn	{ width:345px; float:right; }
	#Flow .rightColumn .column{ background-color:#403078; background-image: none; }


/* -----------------------------------------------------------------
	lawyers
------------------------------------------------------------------ */
body.lawyers section{ margin-bottom: 60px; }
body.lawyers .leftColumn		{ width:335px; float:left; }
	body.lawyers .leftColumn .photo{ border:1px solid #E6E6E6; padding:9px 0; text-align: center; }

body.lawyers .rightColumn		{ width:355px; float:right; }
	body.lawyers .rightColumn dl dt,
	body.lawyers .rightColumn dl dd{ margin-bottom: 25px; }

	body.lawyers .rightColumn dl dt{
		color:#1E0C60;
		font-weight: bold;
		font-size: 120%;
		/*
		width:90px;
		float:left;
		clear:both;
		*/
		margin-bottom: 5px;
	}

	body.lawyers .rightColumn dl dd{
		/*width:260px;*/
		/*float:right;*/
		line-height: 1.7;
		margin-bottom: 25px;
	}



body.lawyers .rightColumn dl dd dt{ font-size: 100%; margin-bottom: 0px; /*color:#231815;*/ }
	body.lawyers .rightColumn dl dd dd{ margin-bottom: 15px; }

	body.lawyers .blogBtn,
	body.lawyers .blogBtn a{
		display: block;
		width:335px;
		height:80px;
	}

	body.lawyers .blogBtn a{
		background-image: url(../images/lawyers/btn-blog.png) ;
		/* background-color:#E8E7EF; */
		background-color:#492905;
		background-repeat:no-repeat;
		background-position: 0 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}

/*
body.lawyers .blogBtn,
body.lawyers .blogBtn a{
		display: block;
		width:335px;
		height:80px;
		background-repeat:no-repeat;
	}

	body.lawyers .blogBtn,
	body.lawyers .blogBtn a{ background-image: url(../images/lawyers/btn-blog.jpg) ; }

	body.lawyers .blogBtn a	{ background-position: 0 0px !important; }
	body.lawyers .blogBtn		{ background-position: 0 -80px !important; }
*/


/* -----------------------------------------------------------------
	fee
------------------------------------------------------------------ */
#FeeBtn{
	width:728px; /* 720+8 */
	margin-right:-8px;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 45px;
}

#FeeBtn li,
#FeeBtn li a{
	display: block;
	width:174px;
	height:46px;
}

#FeeBtn li{ float:left; margin-right: 8px; display: inline; }
#FeeBtn li a{
	background-image: url(../images/fee/bg-feebtn.png );
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#615590;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}


#FeeBtn .feeBtnKind a{ background-position: 0 0; }

#FeeBtn .feeBtnFee a{ background-position: -174px 0; }

#FeeBtn .feeBtnPay a{ background-position: -348px 0; }

#FeeBtn .feeBtnMaterial a{ background-position: -522px 0; }


/*
#FeeBtn li{ float:left; margin-right: 8px; display: inline; }

#FeeBtn li a	{ background-position: 0 0px !important; }
#FeeBtn li		{ background-position: 0 -46px !important; }

#FeeBtn .feeBtnKind,
#FeeBtn .feeBtnKind a{ background-image: url(../images/fee/btn-kind.gif); }

#FeeBtn .feeBtnFee,
#FeeBtn .feeBtnFee a{ background-image: url(../images/fee/btn-fee.gif); }

#FeeBtn .feeBtnPay,
#FeeBtn .feeBtnPay a{ background-image: url(../images/fee/btn-pay.gif); }

#FeeBtn .feeBtnMaterial,
#FeeBtn .feeBtnMaterial a{ background-image: url(../images/fee/btn-material.gif); }
*/

.feeTableWrapper{ background:url(../images/common/bg-border.gif) repeat-x 0 0; padding-top: 5px; }

	.feeTableWrapper .cellTitle{ color:#1E0C60; }

	.feeTableWrapper th,
	.feeTableWrapper td{ padding:15px 0; font-size: 95%; vertical-align: top; text-align: left; }

	.feeTableWrapper th{ border-bottom:1px solid #1E0C60; }
	.feeTableWrapper td{ border-bottom:1px dotted #1E0C60; }

	.feeTableWrapper th{ color:#1E0C60; }

	.feeTableWrapper td{ padding-right: 10px; }

	/* feeTable01 */
	.feeTable01 td{ border-left:10px solid #FFF; }

	/* feeTable02 */
	.feeTable02 th{ border-right:10px solid #FFF; }

	/* dl */

	.feeTableWrapper dl{ width:370px; float:left; }

	.feeTableWrapper dt,
	.feeTableWrapper dd{ line-height: 1.9; float:left; }

	.feeTableWrapper dt	{
		color:#1E0C60;
		float:left;
		width:150px;
		font-weight: bold;
		clear:both;
	}
	.feeTableWrapper dd	{ float:right; width:220px; }

	.feeTableWrapper dd dt{ width:75px; color:#4B3D80; }
	.feeTableWrapper dd dd{ width:290px; }


/* -----------------------------------------------------------------
	access
------------------------------------------------------------------ */
/* accessBox */
.accessBox{ margin-bottom: 20px; }

	.accessBox .leftColumn	{ width:320px; float: left; }
	.accessBox .rightColumn	{ width:355px; float: right; }
	.accessBox .rightColumn	{ font-size: 95%; }
	
	

	.accessBox .officeInfo{ margin-bottom: 15px; }
	.accessBox .officeInfo strong{ font-size: 120%; display:block; margin-bottom: 10px; }
	.accessBox .officeInfo p{ line-height: 1.6 !important; }
	.accessBox .officeInfo .memo{ color:#4D4D4D; font-size:85%; }

/* accessPhotos */
.accessPhotos{ margin-bottom:40px; }

.accessPhotos ul{
	width:735px; /* 720+15 */
	margin-right:-15px;
	overflow: hidden;
	_zoom: 1;
}

.accessPhotos ul li{ width:230px; float: left; display: inline; margin-right: 15px; }

/* imgMap */
.imgMap			{ margin-bottom: 10px; }
	.imgMap img	{ margin-bottom: 10px; }

/* accessWay */
.accessWay					{ background:url(../images/common/bg-border.gif) repeat-x left bottom; padding:20px 0; }
.accessWay .column	{ background:url(../images/common/bg-border.gif) repeat-x 0 0; }
.accessWay .column dt,
.accessWay .column dd{ padding-top: 20px; }
	.accessWay .column dt{ color:#1E0C60; font-weight: bold; float:left; width:145px; text-indent: 5px; }
	.accessWay .column dd{ line-height: 2.0; float:right; width:550px; }
		.accessWay .pattern{ margin-bottom: 10px; clear:both; }
		.accessWay .leftColumn{ width:24px; float:left; }
		.accessWay .rightColumn{ width:515px; float:right; }
			a.detailDirectionBtn{ color:#615590; font-size:85%; text-decoration: none !important; font-weight:bold; font-family: FontAwesome; }
			a.detailDirectionBtn:hover{ color:#1E0C60; }
				.detailDirectionBtn:before{ content: "\f0da  "; font-size:120%; }

	.accessWay img{ vertical-align: middle; }

/* directions */
#Directions{ padding:10px 5%; font-size:95%; }
#Directions .title{ font-size:90%; margin-bottom:10px; }
	#Directions .byTrain:before{ font-family: FontAwesome; content: "\f238  "; }
	#Directions .byCar:before{ font-family: FontAwesome; content: "\f1b9  "; }

	#Directions .leftColumn{ width:220px; float:left; }
	#Directions .rightColumn{ width:110px; float:right; }
	#Directions .subTitle,
	#Directions .subSubTitle{ color:#1E0C60; }
	#Directions .subTitle{ margin-bottom:8px; font-size:110%; }	
	#Directions .subSubTitle{ font-weight:normal; margin-bottom:8px; }
		#Directions .subSubTitle strong{ font-weight:bold; }
	#Directions .printBtn a{ display:block; text-align:center; background-color:#615590; color:#FFF; text-decoration:none; padding:4px 0px; width:100px; font-size:85%; }
		#Directions .printBtn a:hover{ background-color:#1E0C60; }

	@media only screen and ( max-width:399px ) {
		#Directions .leftColumn{ width:100%; float:none; }
		#Directions .rightColumn{ width:100%; float:none; }
		#Directions .printBtn{ margin-bottom:10px; }
			#Directions .printBtn a{ margin:0 auto; }
	}
	
	#Directions .column{ margin-bottom: 12px; }
	#Directions .photo{ margin-bottom: 8px; }
		#Directions .photo img{ width:100%; height:auto; }
		#Directions p{ line-height:1.6 !important; }

		#Directions a.closeBtn{ color:#615590; text-decoration:none; font-weight: bold; font-family: FontAwesome; }
			#Directions a.closeBtn:hover{ color:#1E0C60; }
			#Directions a.closeBtn:before{ content: "\f00d  "; font-size:120%; }

/* -----------------------------------------------------------------
	privacy_text
------------------------------------------------------------------ */
#WrapperSimple #Content{ width:100%; float: none; }

#Privacy dt	{ font-weight: bold; font-size: 100%; margin-bottom: 5px; color:#1E0C60; }
#Privacy dd	{ margin-bottom: 35px; line-height: 1.8; }

body.privacy_text{ background-color:#FFF; }

/* -----------------------------------------------------------------
	inquiry
------------------------------------------------------------------ */
#Inquiry .column{
	background: url(../images/common/bg-ptn_01.gif) repeat 0 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom: 30px;
	padding:30px 70px;
}

#Inquiry .column .leftColumn	{ width:255px; float:left; }
#Inquiry .column .rightColumn	{ width:320px; float:left; color:#4B3D80; }
	#Inquiry .column .rightColumn strong{ font-size: 210%; font-family: 'Judson', serif; letter-spacing: 1px; font-weight: normal; line-height: 1.1; }


	#Inquiry .column .rightColumn p{ line-height: 1.7 !important; font-size: 95%; }

.inqTableWrapper{ margin-top:30px; margin-bottom:15px; border-top:1px dashed #615590; padding-top: 40px; }

.inqTableWrapper table th,
.inqTableWrapper table td{ padding-bottom: 15px; text-align: left; }

.inqTableWrapper table th{
	width:185px !important;
	font-weight: normal;
	vertical-align:top;
	white-space:nowrap;
}

.inqTableWrapper table td{ width:300px; }

.inqTableWrapper table td input,
.inqTableWrapper table td select,
.inqTableWrapper table td texarea{ border:1px solid #B3B3B3; }

.inqTableWrapper input.name,
.inqTableWrapper input.tel{ width:210px; }

.inqTableWrapper input.email	{ width:270px; }
.inqTableWrapper input.subject{ width:400px; }

.inqTableWrapper textarea{ min-height:220px; min-width:400px !important; }

.inqTableWrapper table td input{ height:36px; line-height:36px; }
.inqTableWrapper table td label{ display: block; }
#Inquiry .inqTableWrapper table td span.wpcf7-list-item{ margin-left: 0em !important; }

.inqTableWrapper table td .note{ font-size: 85%; line-height: 1.6 !important; }

.btnSet { text-align: center; margin-top: 25px; }
.btnSet input{
	background-color:#BBB6CF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#FFF;
	padding: 10px 20px;
	border-style:solid;
	border-width: 1px;
}

#Inquiry .wpcf7c-conf{ background-color:#FFF !important; }
#Inquiry .wpcf7c-elm-step2.section{ margin-bottom:0 !important; }

/* acceptArea */
.acceptArea .subTitle{ font-size:120%; margin-bottom: 20px; color:#1E0C60; }
.iframeWrapper{ padding:20px; background-color:#FFF; height:250px; overflow: auto; margin-bottom: 10px; }

.acceptCheck{ text-align: center; }
	.acceptCheck input{ margin-right: 5px; }

/* -----------------------------------------------------------------
	blog
------------------------------------------------------------------ */
body.blog #SubMenu	{ width:110px; float:left; font-size: 90%; }
body.blog #Article	{ width:590px; float:right; }
body.blog #Article .articleTitle{ float:right; width:470px; }

#SubMenu .subTitle				{ margin-bottom: 5px; }
	#SubMenu .column	{ margin-bottom: 20px; }


/* -----------------------------------------------------------------
	sitemap
------------------------------------------------------------------ */
#Sitemap ul{ float:left; width: 160px; display: inline;  text-align: left; }

	#Sitemap li{
		background:url(../images/common/bg-icon_02.png) no-repeat left center;
		padding-left: 20px;
		margin-bottom: 10px;
		font-size: 95%;
	}

/*
=====================================================================
*
*    SubContent
*
* ===================================================================
*/
#SubContent{ width:230px; float: right; text-align: center; }

#SubContent .title{ margin-bottom: 20px; }

#SubIntro,
#SubInquiry{ margin-bottom: 30px; }

/*--------------- SubIntro ---------------*/

/* officeInfo */
#SubIntro .officeInfo{
	margin: 2px 0;
	padding: 16px 0;
	background:url(../images/common/bg-ptn_02.gif) repeat left top;
	/*
-moz-border-radius:0 0 3px 3px;
	-webkit-border-bottom-left-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
*/
}

	#SubIntro .officeInfo h2{ margin-bottom:5px; font-size: 110%; color:#1E0C60; }

	#SubIntro .address{ font-size: 95%; margin-bottom:10px; }

	#SubIntro .btnAccess,
	#SubIntro .btnAccess a{
		display: block;
		height:40px;
		width:200px;
	}

	#SubIntro .btnAccess{
		margin: 0 auto;
	}
	#SubIntro .btnAccess a{
		background-image: url(../images/common/subcontent/bg-btn-access.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		background-color:#4BD2F5;
	}

	/*
	#SubIntro .btnAccess,
	#SubIntro .btnAccess a{
		display: block;
		height:40px;
		width:200px;
		margin: 0 auto;
		background-image: url(../images/common/subcontent/bg-btn-access.png);
		background-repeat:no-repeat;
	}

	#SubIntro .btnAccess a	{ background-position: 0 0px; }
	#SubIntro .btnAccess		{ background-position: 0 -40px; }
	*/

/*--------------- SubInquiry ---------------*/

	#SubInquiry .tel			{ margin-bottom: 15px; }
		#SubInquiry .tel span{ font-size: 160%; font-family: 'Judson', serif; letter-spacing: 1px; font-weight: normal; }

	#SubInquiry .btnInquiry,
	#SubInquiry .btnInquiry a{
		display: block;
		height:48px;
		width:230px;
	}

	#SubInquiry .btnInquiry{
		margin: 0 auto;
	}
	#SubInquiry .btnInquiry a{
		background-image: url(../images/common/subcontent/bg-btn-inquiry.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		background-color:#615590;
	}

	/*
	#SubInquiry .btnInquiry,
	#SubInquiry .btnInquiry a{
		display: block;
		width:230px;
		height:48px;
		background-image: url(../images/common/subcontent/bg-btn-inquiry.png);
		background-repeat:no-repeat;
	}

	#SubInquiry .btnInquiry a	{ background-position: 0 0; }
	#SubInquiry .btnInquiry		{ background-position: 0 -48px; }
	*/


/*--------------- Banner ---------------*/
#Banner ul li{ margin-bottom: 20px; }

	#Banner ul li,
	#Banner ul li a{
		display: block;
		width:230px;
		height:80px;
		background-repeat:no-repeat;
		background-position: 0 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}

	#Banner ul li.blog a{
		background-image: url(../images/common/subcontent/bg-btn-blog.png);
		/* background-color:#E8E7EF; */
		background-color:#492905;
	}
	#Banner ul li.news a{
		background-image: url(../images/common/subcontent/bg-btn-news.png);
		background-color:#FDF3EA;
	}

	/*
	#Banner ul li,
	#Banner ul li a{
		display: block;
		width:230px;
		height:80px;
		background-repeat:no-repeat;
	}

	#Banner ul li.blog,
	#Banner ul li.blog a{ background-image: url(../images/common/subcontent/bg-btn-blog.jpg) ; }
	#Banner ul li.news,
	#Banner ul li.news a{ background-image: url(../images/common/subcontent/bg-btn-news.jpg); }

	#Banner ul li a	{ background-position: 0 0px !important; }
	#Banner ul li		{ background-position: 0 -80px !important; }
	*/

/*--------------- Links ---------------*/
#Links ul li{
	text-align: left;
	background:url(../images/common/bg-icon_01.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 95%;
}

#Links ul li a			{ color:#4B3D80; }
#Links ul li a:hover	{ color:#6F6D97; }


/*
=====================================================================
*
*    footer
*
* ===================================================================
*/
#FooterWrapper{ background-color:#4B3D80; }

footer{ padding: 38px 0; }

@media only screen and ( max-width:768px ) {
	footer{ background-color:#4B3D80; }
}

footer,
footer a,
footer a:hover{ color:#FFF; }

footer a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

footer nav{ width:640px; margin: 0 auto 25px; }

	footer nav ul{ float:left; width: 160px; display: inline;  text-align: left; }

	footer nav li{
		background:url(../images/common/bg-icon_02.png) no-repeat left center;
		padding-left: 20px;
		margin-bottom: 5px;
		font-size: 95%;
	}

footer address p{ margin-bottom: 3px; font-size: 95%; font-style: normal; }

footer .copyright{ margin-top:20px; }



/*
=====================================================================
*
*    span
*
* ===================================================================
*/
/*--------------------for MacIE--------------------*/
header nav li span,
#PageTopScroll a span,
#SubIntro .btnAccess a span,
#SubInquiry .btnInquiry a span,
#Banner ul li a span,
body.lawyers .blogBtn a span,
#FeeBtn li a span{
	text-indent:-9999px;
}
/*--------------------Hides from IE-mac--------------------\*/
header nav li span,
#PageTopScroll a span,
#SubIntro .btnAccess a span,
#SubInquiry .btnInquiry a span,
#Banner ul li a span,
body.lawyers .blogBtn a span,
#FeeBtn li a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}
/*
=====================================================================
*
*    clearfix
*
* ===================================================================
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */