/* CSS Document ver. Eng*/

@import url("hayama.css");

/*@media print{
body{zoom:84%;}
}*/

*{
outline:none;
}

body{
margin:0px;
padding:0px;
font-size:14px;
line-height:1.4em;
font-family:Arial, Helvetica, sans-serif,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
outline:none;
}

a, input { outline: none; }

dl, dt, dd{
margin:0;
padding:0;
}


#body_bg{background:/*url(../images/sub_bg.gif) repeat-y center*/;}

img{border:none;}

#head{
height:73px;
background: url(../images/head_bg.gif) repeat-x;
}

#head_elm{
height:73px;
width:901px;
margin: 0px auto 0px auto;
}


#top_img_bg{
clear:both;
height:133px;
width:100%;
background-color:#c7bb8f;
}

#top_img{
height:133px;
width:901px;
margin: 0px auto 0px auto;
}

#head_left{
height:73px;
width:383px;
float:left;
}

#head_right{
height:73px;
width:510px;/*490px;*/
float:right;
text-align:right;
}
#head_right img{
float:right;
}
#search{
float:right;
line-height:16px;
padding-right:14px;
padding-top:14px;
display:inline;
vertical-align:top;
position:relative;
height:20px;
}

#menu_bg{
height:46px;
width:100%;
background:url(../images/menu_bg.gif) repeat-x;
}

#menu{
height:46px;
width:901px;
margin: 0px auto 0px auto;
}

#wrap{
width:900px;
margin: 0px auto 0px auto;
background:url(../images/sub_bg.gif) repeat-y center;
}

#left{
float:left;
width:191px;
margin: 0px;
}


/*left menu navi */

.left_nav {
	width: 191px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
	height:100%;
	font-size:12px;
 }

.l_menu { 
	margin: 0px;
	background:url(../summary/images/l_menu.gif) no-repeat;
	text-align:left;
	color:#333333;
	display:block;
	text-decoration:none;
	line-height:normal;
}

.l_menu a{
	width:166px;
	height:23px;
	padding: 9px 0px 0px 25px;
	display:block;
	color:#333333;
	text-decoration:none;
	line-height:normal;
}

.l_menu a:hover {
	display:block;
	width:166px;
	height:23px;
	background:url(../summary/images/l_menu_on.gif) no-repeat;
	text-decoration:none;
 }




.left_nav_s {
	width: 191px;
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
	height:100%;
	font-size:12px;
 }

.l_menu_s { 
	margin: 0px;
	background:url(../images/l_menu2bg.gif) no-repeat;
	text-align:left;
	color:#666666;
	display:block;
	text-decoration:none;
	line-height:normal;
}

.l_menu_s a{
	width:161px;
	height:17px;
	padding: 4px 0px 1px 30px;
	display:block;
	color:#666666;
	text-decoration:none;
	line-height:normal;
}

.l_menu_s a:hover {
	display:block;
	width:161px;
	height:17px;
	background:url(../images/l_menu2bg_on.gif) no-repeat;
	text-decoration:none;
 }

.l_menu_second{
/*padding-bottom:11px;*/
border-bottom:1px solid #d1d0d0;
}

/*left menu navi end */


#right_wrap{
width:708px;
float:right;
}

#pan{
/*float:left;*/
height:22px;
width:678px;
color:#474646;
font-size:11px;
padding: 0px 0px 0px 30px;
line-height:22px;
margin:0px;
background:url(../images/pan_bg.gif) repeat-x;
}

#pan a{
color:#474646;
text-decoration:none;
}

#pan a:hover{
text-decoration:underline;
}

#right{
/*float:left;*/
width:649px;
padding-top:25px;
padding-bottom:30px;
margin: 0px 0px 0px 30px;
/*_margin: 0px 0px 0px 15px;*/
}




#foot_bg{
clear:both;
width:100%;
height:70px;
background-color:#203c13;
}

#foot{
height:70px;/*100%;*/
width:900px;
background:url(../images/foot_bg.gif) repeat-y;
margin: 0px auto 0px auto;
}

#foot_left{
float:left;
width:475px;
}

#foot_left1{
/*float:left;
padding: 27px 0px 0px 37px;*/
padding-left:37px;
padding-top:7px;
width:223px;
}
#foot_left2{
/*float:left;
padding: 32px 0px 0px 10px;*/
padding-left:37px;
padding-top:2px;
font-size:10px;
color:#FFFFFF;
line-height:12px;
width:475px;
}

#foot_right{
float:right;
margin:0px;
padding:22px 30px 0px 0px;
width:320px;
font-size:10px;
color:#FFFFFF;
line-height:22px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}

#foot_right a{
color:#FFFFFF;
text-decoration:none;
}

#foot_right a:hover{
text-decoration:underline;
}

.clear_h33{
clear:both;
height:33px;
}

.clear_b{
clear:both;
visibility:hidden;
line-height:0.1;
font-size:0.1;
height:1px;
}

.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 */


.marg_b20{margin-bottom:20px;}

.marg_r15{margin-right:15px;}
.marg_r8{margin-right:8px; _margin-right:4px;}

.marg_t5{margin-top:5px;}
.marg_t12{margin-top:12px;}
.marg_t20{margin-top:20px;}
.marg_t30{margin-top:30px;}
.marg_t9{margin-top:9px;}


.padd_b10{padding-bottom:10px;}



.text1{
margin-top:15px;
color:#000;
}
.text2{
font-size:14px;
line-height:17px;
color:#000;
}
.text2 p {
padding-bottom:1em;
}
.text_red{
font-size:14px;
line-height:17px;
color:#FF0000;
}
.text3{
font-size:14px;
line-height:17px;
color:#000;
}
.text_bk{
font-size:14px;
line-height:17px;
color:#000;
}



.number_box{
width:642px;
margin: 20px 0px 0px 0px;
color:#000;
}

.number_box table{
width:642px;
margin:0px;
padding:0px;
}

.number_box td{
width:107px;
height:30px;
margin: 0px 0px 0px 0px;
padding:0px;
text-align:center;
font-size:14px;
}

.number_box th{
height:7px;
margin:0px;
padding:0px;

}

.number_box td a{
width:102px;
height:23px;
background:url(../summary/images/number_off.gif) right no-repeat;
margin:0px;
padding: 7px 0px 0px 5px;
display:block;
text-decoration:none;
line-height:normal;
color:#000;
}

.number_box td a:hover{
width:102px;
height:23px;
background:url(../summary/images/number_on.gif) right no-repeat;
margin:0px;
padding: 7px 0px 0px 5px;
display:block;
text-decoration:none;
line-height:normal;
color:#FFFFFF;
}


.number_box2{
width:649px;
margin: 20px 0px 0px 0px;
}

.number_box2 h1{
width:634px;
height:21px;
display:block;
font-size:14px;
background:url(../summary/images/ms_bg.gif) no-repeat;
color:#000;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 15px;
}

.number_box3{
width:641px;
height:auto;
margin: 3px 0px 0px 0px;
padding: 0px 0px 6px 6px;
border:#CCCCCC 1px solid;
}

.number_box2 h2{
width:633px;
height:20px;
display:block;
font-size:14px;
font-weight:normal;
background:url(../summary/images/dot_1.gif) bottom repeat-x;
color:#000;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}


/*page top btn */


#page_top{
width:150px;
height:60px;
margin: 20px 0px 20px auto;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #666666;
    display: block;
    float: left;
    font: 12px arial, sans-serif;
	font-weight:600;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;

}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #333333;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/*law list*/
.number_box2 dl{
background:url(../trademark_design/images/dot_line.gif) repeat-x bottom;
padding-bottom:10px;
margin-bottom:10px;
zoom:100%;
}
.number_box2 dl:after{
content:"";
clear:both;
display:none;
visibility:hidden;
height:0;
}
.number_box2 dl dt{
float:left;
width:65px;
padding-right:25px;
}
.number_box2 dl dt img{
padding-top:5px;
}
.number_box2 dl dd{
float:left;
width:557px;
}
.number_box2 dl dd a{
line-height:1.4em;
}


.category{
padding-bottom:14px;
}
.law_title{
width:625px;
padding:12px;
background:#cde0b8;
color:#333;
font-size:14px;
font-weight:bold;
line-height:18px;
margin-bottom:16px;
}


/***recruit page***/
.job_area{
background:#edebd2;
padding:14px;
}

a.job{
display:block;
background:#fff;
padding:9px 7px;
text-align:left;
float:left;
color:#000;
text-decoration:none;
}

a.job img{ padding-bottom:8px; }
a:hover.job{ background:#eee; }

.step{}

.step_img{
width:109px;
float:left;
}

.step_text{
padding-bottom:10px;
padding-left:16px;
float:left;
font-size:14px;
line-height:17px;
color:#000;
width:520px;
}

.step_text span{
font-size:14px;
font-weight:bold;
width:520px;
padding-bottom:9px;
color:#387427;
background:url(../recruit/images/recruit1_dotline.gif) no-repeat bottom;
margin-bottom:12px;
display:block;
}


.recruit_link{ padding:7px; background:#edebd2; }

.recruit_table1{ border:1px solid #ccc; text-align:left; font-weight:normal; }
.recruit_table1  th{ font-weight:normal; padding:5px; }
.recruit_table1  td{ font-weight:normal; padding:5px; }
.recruit_th1a{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#edebd2; }
.recruit_th1b{ border-right:1px solid #ccc; background:#edebd2; }
.recruit_th1c{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#eae0b8; }
.recruit_td1a{ border-bottom:1px solid #ccc; background:#fff; white-space:normal; word-break:break-all; word-wrap: break-word; overflow:auto; width:434px;}
.recruit_td1b{ background:#fff; }


/***form page***/
.request_policy_wrap{
width:631px;
height:400px;
border:1px solid #ddd;
overflow:auto;
padding:7px;
margin-bottom:15px;
text-align:left;
font-size:14px;
line-height:17px;
color:#000;
}
.request_policy{width:613px;}
.request_policy ol{padding-bottom:1em;}
.request_policy ol li{list-style:decimal; list-style-position:inside; padding-bottom:0.5em;}
.request_add{ background:#e9e6cd; padding:12px;}
.request_btn{
text-align:left;
margin-bottom:40px;
padding:8px;
background:#eee;
padding-left:178px;
}
/*.request_btn img.left_btn{ padding-right:5px;}*/
.request_btn img, .request_btn a img, .request_btn div{float:left; height:25px;}


/***links page***/
.links_table1{ border:1px solid #ccc; text-align:left; font-weight:normal; }
.links_table1 th{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; background:#eee; padding:5px;  font-weight:normal;}
.links_table1 td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-collapse:collapse; background:#fff; padding:5px; }
.links_table1 th.titlebg{ background:#f6f4e6; text-align:center; }



/***office page***/
ul.office_doc{ margin:0; padding:0; list-style:none; }
ul.office_doc li{
margin:0 0 9px 0;
padding:0 0 10px 0;
list-style:none;
background:url(../office/images/summary_underline.gif) bottom no-repeat;
text-align:left;
display:block;
}
ul.office_doc li dl{background:none; margin:0; padding:0; }
ul.office_doc li dl dt{ float:left; width:108px; padding-left:3px; display:block; }
ul.office_doc li dl dd{ float:right; width:512px; display:block; }

ul.at_list{ margin:0; padding:0 0 0 0; list-style:none; /*float:left;*/ }
ul.at_list li{ 
margin:0 4px 9px 0;
_margin:0 2px 9px 0;
padding:0 0 5px 0.7em;
list-style:none;
background:url(../office/images/attorneys_icon.gif) no-repeat;
background-position:0 5px;
font-size:12px;
text-align:left;
display:block;
float:left;
width:145px;
letter-spacing:-1px;
}
ul.at_list li a{ text-decoration:none; color:#996600; }
ul.at_list li a:hover{ text-decoration:underline; } 

ul.access{ padding:0; margin:0 0 2em 2em; _margin:0 0 0 1em;}
ul.access li{ padding:3px 0 3px 0; margin:0; list-style:outside disc; }

.at_prof{
font-size:12px;
color:#000;
line-height:16px;
padding-bottom:5px;
margin-bottom:10px;
background:url(../office/images/dotline.gif) repeat-x bottom;
position:relative;
}
.at_prof strong{
font-size:14px;
line-height:20px;
color:#463c2b;
padding-bottom:6px;
}
.at_prof a img{
/*float:right;
padding-top:70px;*/
position:relative;
bottom:0;
left:580px;
}
.at_prof p{
/*float:left;*/
position:relative;
}

.presi_prof{
/*float:right;*/
padding-bottom:10px;
/*padding-left:10px;
width:258px;*/
}
.presi_prof div{
display:block;
background:url(../office/images/president_bg.gif) repeat-x top #fff;
border:1px solid #dadada;
padding:10px;
margin-top:2px;
color:#000;
}
.presi_prof div strong{
color:#000;
}
.presi_detail div.dot{
background:url(../office/images/dotline_x.gif) repeat-x bottom;
padding-bottom:7px;
margin-bottom:14px;
}
.presi_detail div.dot strong{
color:#384c11;
padding:0;
}

#map_left{ float:left; width:377px; }
#map_left p{ padding-top:1em; }
#map_right{ float:left; width:271px; }
#map_contents{ padding-left:11px; }
.short_line{
background:url(../office/images/office7_underline.gif) no-repeat bottom;
padding:26px 0 7px 0;
margin-bottom:8px;
}
.office_add{
padding:12px 15px;
background:#eee;
border-bottom:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
color:#000;
}
.office_add strong{
font-size:16px;
}



/***legal affairs page***/
.feature_1{
background:url(../legal_affairs/images/legal_affairs_dotline.gif) bottom no-repeat;
padding-bottom:15px;
margin-bottom:15px;
line-height:1.4em;
}
.feature_title1{ width:649px; margin-bottom:10px; }
.feature_body1{ width:559px; padding-left:90px; }
.feature_title2{ width:502px; margin-bottom:10px; }
.feature_body2{ width:412px; padding-left:90px; }


/***trademarks & designs***/
.detai_box{
width:590px;
margin: 20px 0px 0px 22px;
_margin: 20px 0px 0px 11px;
color:#000;
padding:15px;
background-color:#efefdb;
border:#92aa8c 1px solid;
}



.fa_btn{
width:205px;
height:30px;
float:left;
background:url(../faq/images/faq_cateBg.gif) no-repeat;
text-align:center;
display:block;
vertical-align:middle;
font-size:14px;
line-height:30px;
color:#000;
}

.fa_btn a{
color:#000;
text-decoration:none;
}

.fa_btn a:hover{
color:#000;
text-decoration:underline;
}

.cnt{
margin:0 16px;
_margin:0 16px;
}


/***judgment***/
.statistics_box{
width:627px;
/*margin: 20px 0px 0px 22px;
_margin: 20px 0px 0px 11px;*/
padding:15px 0 0 22px;
/*color:#666666;
background-color:#efefdb;
border:#92aa8c 1px solid;*/
}

div.number_box2 div.statistics_box table{
border-left:1px solid #dedede;
border-top:1px solid #dedede;
border-collapse:collapse;
width:auto;
vertical-align:middle;
}

.statistics_box table th{
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
background:#92aa8c;
padding:7px;
color:#000000;
text-align:center;
line-height:1.2em;
vertical-align:middle;
}

.statistics_box table td{
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
background:#fff;
padding:7px;
color:#000;
text-align:center;
line-height:1.2em;
vertical-align:middle;
}

.statistics_box table td.bg1{
background:#eee;
vertical-align:middle;
}

ul.backnum{
border-bottom:1px dashed #ddd;
padding-bottom:5px;
margin-bottom:5px;
}
ul.backnum li{
float:left;
/*padding-left:3px;*/
padding-right:10px;
list-style-position:inside;
}
ul.backnum li a{
text-decoration:none;
color:#CC9966;
}
ul.backnum li a:hover{
text-decoration:underline;
color:#CC9966;
}



/***privacy page***/
ol.priv{
padding-left:2em;
}





/***parents page***/

.parents_box2{
width:612px;
margin: 20px 0px 0px 0px;
color:#000;
padding:15px;
background-color:#efefdb;
border:#92aa8c 1px solid;
}


/***practices***/
.prac_area{
width:100%;
padding-top:20px;
}

.prac_num{
background:url(../patent/images/Practices_bg.gif) no-repeat;
text-align:center;
line-height:48px;
font-size:16px;
font-family:Century Gothic, Future, Geneva, Arial, Helvetica, sans-serif;
color:#006600;
float:left;
width:53px;
height:48px;
}
.prac_text{
float:left;
margin-left:12px;
_margin-left:6px;
padding-bottom:10px;
padding-top:5px;
width:582px;
background:url(../patent/images/dot_line.gif) repeat-x bottom;
}
.prac_text_long{
padding-bottom:10px;
padding-top:5px;
/*background:url(../patent/images/dot_line.gif) repeat-x bottom;*/
}
.prac_text_long2{
padding-bottom:10px;
padding-top:5px;
background:url(../patent/images/dot_line.gif) repeat-x bottom;
}

.prac_text_long p{
padding-bottom:10px;
padding-left:1.5em;
text-indent:-1.5em;
}

.prac_detail p{
padding-bottom:1em;
padding-top:1em;
}


/***title***/
.h_title{
background:url(../images/m_bg.gif) no-repeat bottom;
padding:1px 5px 1px 1px;
border:1px solid #ccc;
width:641px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:1.2em;
}

.v_line{
border-left:3px solid #387427;
padding-bottom:4px;
padding-left:11px;
padding-top:4px;
display:block;
color:#000;
}


/***gofield add***/
.link_01 {
border-left:1px solid #E7E3E7;
border-top:1px solid #E7E3E7;
margin:0px;
text-align:left;
width:642px;
}
.link_01 td {
border-bottom:1px solid #E7E3E7;
border-right:1px solid #E7E3E7;
color:#444444;
font-size:12px;
line-height:20px;
padding-left:10px;
vertical-align:top;
width:321px;
}
.link_01 th {
background-color:#EEEEEE;
border-bottom:1px solid #E7E3E7;
border-right:1px solid #E7E3E7;
color:#000;
height:25px;
padding-left:10px;
}
.big_text {
color:#555555;
font-size:18px;
font-weight:bold;
line-height:25px;
margin-bottom:8px;
margin-top:12px;
}
.link_03 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.link_03 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.link_03 li {
background:transparent url(../links/images/bottom_line01.jpg) no-repeat scroll 0pt 100%;
color:#000;/*#8C8E8C;*/
line-height:32px;
margin:0px;
padding:0px;
}
.color_02 {
color:#666564;
}



/***sitemap***/
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{background:url(../images/line1.gif) repeat-y;}
#sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:400px;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li {padding-left:28px;}

#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* sub levels */

#sitemap li ul{	
	margin-left:28px;
	background:url(../images/line1.gif) repeat-y;
}
#sitemap li li{	
	background:url(../images/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:block;}