@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
.contents h2 {
width:570px;
height:51px;
text-indent:-99999px;
margin-bottom:11px;}

#company h2 { background: url(../images/h3_company.gif) 0 0 no-repeat;}
#form h2 { background: url(../images/h3_form.gif) 0 0 no-repeat;}
#renewal h2 { background: url(../images/h3_renewal.gif) 0 0 no-repeat;}
#renewal01 h2 { background: url(../images/h3_renewal01.gif) 0 0 no-repeat;}
#renewal02 h2 { background: url(../images/h3_renewal02.gif) 0 0 no-repeat;}
#renewal03 h2 { background: url(../images/h3_renewal03.gif) 0 0 no-repeat;}
#work h2 { background: url(../images/h3_work05.gif) 0 0 no-repeat;}
#work02 h2 { background: url(../images/h3_work06.gif) 0 0 no-repeat;}
#work03 h2 { background: url(../images/h3_work03.gif) 0 0 no-repeat;}
#work04 h2 { background: url(../images/h3_work02.gif) 0 0 no-repeat;}
#work05 h2 { background: url(../images/h3_work.gif) 0 0 no-repeat;}
#work06 h2 { background: url(../images/h3_work04.gif) 0 0 no-repeat;}
#work07 h2 { background: url(../images/h3_work007.gif) 0 0 no-repeat;}
#supplement h2 { background: url(../images/h3_supplement.gif) 0 0 no-repeat;}
#practice h2 { background: url(../images/h3_practice.gif) 0 0 no-repeat;}
#conference h2 { background: url(../images/h3_conference.gif) 0 0 no-repeat;}
#sitemap h2 { background: url(../images/h3_sitemap.gif) 0 0 no-repeat;}


.contents h3 {
width:549px;
height:31px;
font-size:90%;
color:#FFFFFF;
font-weight:bold;
padding:8px 0 0px 12px;
margin:0 0 0 9px;
background: url(../images/h4_ttl.gif) 0 0 no-repeat;}

.contents h4 {
width:532px;
height:23px;
font-size:80%;
color:#fe751a;
font-weight:bold;
padding:1px 0 6px 18px;
margin:0 0 0 9px;
background: url(../images/h5_ttl.gif) 0 0 no-repeat;}

.contents h4 span {
font-size:90%;
color:#4a423c;
font-weight:bold;
margin:0 0 0 15px;}

.contents h5 {
width:528px;
font-size:80%;
color:#4a423c;
font-weight:bold;
padding:8px 0 5px 13px;
margin:5px 0 10px 14px;
background:#d8e6ff;
border-bottom:solid 1px #b4cbf4;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
	float:right;
	padding:1px;
	border:solid 1px #b5afaa;
	margin:0 0 10px 15px;}
.imgL{
	float:left;	
	padding:1px;
	border:solid 1px #b5afaa;
	margin:0 15px 10px 0;}	
	.imgL02{
	float:left;	
	padding:1px;
	border:solid 1px #b5afaa;
	margin:0 15px 0 0;}	
.imgB{
	padding:1px;
	border:solid 1px #b5afaa;
	margin:0 0 10px 15px;}

/* pagetop
-------------------------------------------------------------*/
.contents p.pTop{
width:85px;
height:10px;
margin-left:470px;}

.contents p.pTop a{
display:block;
width:85px;
height:10px;
background: url(../images/ptop.gif) 0 0 no-repeat;
text-indent:-99999px;
text-decoration:none;}

/* box
-------------------------------------------------------------*/
.contentsBox {
width:538px;
margin:0 0 25px 16px;}

.contentsBox p {
font-size:80%;
line-height:1.4;}

.contentsBox p a:link{color:#1663ee;text-decoration:underline;}
.contentsBox p a:visited{color:#1663ee;text-decoration:underline;}
.contentsBox p a:hover{color:#1663ee;text-decoration:none;}
.contentsBox p a:active{color:#1663ee;text-decoration:none;}
.contentsBox p a:focus{outline:none;}

.contentsBox p.line {
border-top:solid 1px #e2dfdc;
padding-top:10px;
font-size:80%;
line-height:1.4;}

/* company
-------------------------------------------------------------*/
table#comp th{ width:20%;}

table#history,
table#history2 {
margin:0;
border:solid 1px #a59589;
border-bottom:none;}

table#history th,
table#history2 th{
padding:5px;
border:none;
border-bottom:solid 1px #a59589;
background:#f7f4f2;
font-size:80%;
line-height:1.4;
width:25%;}

table#history2 th{ width:15%;}

table#history td,
table#history2 td {
padding:5px;
border-bottom:solid 1px #a59589;
background:#f7f4f2;
font-size:80%;
line-height:1.4;}

.icomCop {
background: url(../images/icon_company.jpg) 0 3px no-repeat;
margin:13px 0 3px 0;
padding:0 0 0 17px;}

/* supplement
-------------------------------------------------------------*/
#supplement .contentsBox ul { 
margin:10px 0 10px 15px;}

#supplement .contentsBox ul li {
font-size:80%;
line-height:1.4;
padding:0 0 0 15px;
background: url(../images/list_icon.gif) 0 5px no-repeat;}

/* renewal01
-------------------------------------------------------------*/
#renewal01 .contentsBox ul { 
margin:10px 0 15px 10px;}

#renewal01 .contentsBox ul li {
font-size:80%;
line-height:1.4;
padding:0;
color:#fe0000;
background:none;}

/* renewal03
-------------------------------------------------------------*/
#renewal03 p.renewalBnr1,
#renewal03 p.renewalBnr2,
#renewal03 p.renewalBnr3 { margin:0 0 25px 9px;}

#renewal03 p.renewalBnr1 a,
#renewal03 p.renewalBnr2 a,
#renewal03 p.renewalBnr3 a {
display:block;
width:552px;
height:66px;
text-indent:-99999px;}

#renewal03 p.renewalBnr1 a { background: url(../images/bnr_renewal01.jpg) 0 0 no-repeat;}
#renewal03 p.renewalBnr2 a { background: url(../images/bnr_renewal02.jpg) 0 0 no-repeat;}
#renewal03 p.renewalBnr3 a { background: url(../images/bnr_renewal03.jpg) 0 0 no-repeat;}

#renewal03 .contentsBox ul { margin:10px 0 0 0;}

#conference .contentsBox ul { margin:0;}

#renewal03 .contentsBox ul li,
#conference .contentsBox ul li {
font-size:80%;
line-height:1.4;
padding:0 10px 10px 15px;
background: url(../images/list_icon.gif) 0 5px no-repeat;}

#renewal03 .contentsBox ul li.last,
#conference .contentsBox ul li.last { padding:0 0 0 15px;}

/* work
-------------------------------------------------------------*/
#work .contentsBox div.boxL { float:left; width:318px;}
#work .contentsBox div.boxR { float:left; width:220px;}

#work p.case,
#work02 p.case,
#work03 p.case,
#work04 p.case,
#work05 p.case,
#work06 p.case,
#work07 p.case {
background: url(../images/icon_work.gif) 0 0 no-repeat;
padding:5px 0 10px 90px;
margin:0 0 15px 9px;
color:#1663ee;}

#work p.case span,
#work02 p.case span,
#work03 p.case span,
#work04 p.case span,
#work05 p.case span,
#work06 p.case span,
#work07 p.case span  {
font-weight:bold;
font-size:130%;
letter-spacing:-0.05em;
margin-left:15px;}

/* form
-------------------------------------------------------------*/
.formwidth { width:280px;}
.formwidth02 { width:100px;}

.formbtn { padding:10px 0; text-align:center;}

.btn {
padding:3px 5px 2px 5px;
width:100px;
margin:0 10px;
font-size:80%;}

.btn2 {
padding:3px 5px 2px 5px;
width:100px;
margin:0 10px;
font-size:100%;}

input,textarea,select { color:#111111;}
textarea { padding:1px 2px;}

.thankMess {
width:538px;
margin:10px 0 25px 16px;}

.thankMess p {
font-size:80%;
line-height:1.4;}

	
/* sitemap
-------------------------------------------------------------*/
#sitemap .contentsBox dl { margin-top:20px;}

#sitemap .contentsBox dt {
width:520px;
height:18px;
font-size:80%;
color:#fe751a;
font-weight:bold;
padding:1px 0 0px 18px;
margin:0;
background: url(../images/icon_sitemap.gif) 0 0 no-repeat;}

#sitemap .contentsBox dt a { color:#fe751a; text-decoration:underline;}
#sitemap .contentsBox dt a:hover { text-decoration:none;}

#sitemap .contentsBox dd {
font-size:80%;
line-height:1.4;
margin-bottom:30px;
margin-left:18px;}

	
/* table style
-------------------------------------------------------------*/
table{
background-color:#a59589;
text-align:left;
margin:10px 0 0 0;
}

table th{
vertical-align:middle;
padding:8px 5px 8px 5px;
border:1px solid #ffffff;
background-color:#fff8e4;
line-height:1.4;
font-size:80%;
text-align:left;}

table td{
font-size:82%;
vertical-align:middle;
padding:4px 5px 4px 5px;
background-color:#ffffff;
line-height:1.4;
font-size:80%;
text-align:left;}


/* ol list
-------------------------------------------------------------*/
#supplement .contentsBox ol,
#work .contentsBox ol,
#work02 .contentsBox ol,
#work03 .contentsBox ol,
#work04 .contentsBox ol { 
margin:10px 0 10px 0;
padding:0 0 0 25px;}

#supplement .contentsBox ol li,
#work .contentsBox ol li,
#work02 .contentsBox ol li,
#work03 .contentsBox ol li,
#work04 .contentsBox ol li {
list-style:decimal;
font-size:80%;
line-height:1.4;
color:#fe0000;}