/* -----------------------------------------------
 * 日乃本錠前　豊岡店用
 * ----------------------------------------------- */

body{
	font-size:12px;
	line-height: 1.4em; 
	color:#404040;
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	text-align:center;
	background-color:#FFF;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}


/* -----------------------------------------------
 * FONT
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#13396B; }
a:visited{ text-decoration:none; color:#13396B; }
a:active{ text-decoration:none; color:#E5BF00; background:#FEFFD1;}
a:hover{ text-decoration:none; color:#0056C7; }


h1 {
	width:80px;
	padding: 0px;
	margin: 0px;
	float:left;
}

h2 {
	padding: 0px;
	margin: 0px;
}

h3 {
	padding: 0px;
	margin: 0px;
}

h4 {
	padding: 0px;
	margin: 0px;
}





/* -----------------------------------------------
 * 全ページ共通
 * ----------------------------------------------- */

#wrapper {
	width: 800px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}

#home #wrapper {
	width: 830px;
}


#header {
	width: 800px;
	height:73px;
	padding: 17px 0px 0px 0px;
	margin: 0px auto;
}

#home #header {
	height:70px;
}

h1 a,
h1 a:active{
	display:block;
	width: 61px;
	height:27px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
}


#home h2 {
	padding:0px;
	margin: 0px 0px 36px;
	clear:both;
}


#menu {
	width: 680px;
	padding: 0px;
	float:right;
}


#menu ul {
	width: 680px;
	margin: 0px;
	padding : 0px;
	list-style-type : none;
}

#menu ul li {
	border-right:1px solid #A8A8A8;
	float:left;
}
#menu ul li.last {
	border-right:0px;
}


#menu ul li a {
	display : block;
	width: 120px;
	font-size:12px;
	text-align:center;
	line-height: 1.1em; 
	color: #000;
	padding:2px 0px 2px 0px;
	margin:0px;
}
#menu ul li a small {
	display : block;
	font-size:7px;
	color: #404040;
}
#menu ul li.last a {
	display : block;
	width: 70px;
	font-size:11px;
	text-align:center;
	line-height: 1.1em; 
	color: #A8A8A8;
	padding:1px 0px 1px 0px;
	margin:0px;
}


#menu ul li a:hover {	
	background-color:#EBF2F7;
	text-decoration:none;
}


#content{
	width: 800px;
	padding:0px 0px 5px 0px;
	margin:0px auto;
}


#sec #content{
	width: 800px;
	padding:0px 0px 40px 0px;
	margin:0px auto;
}

#sec #business{
	width: 800px;
	background-image: url(../business/img/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px;
	margin:0px auto;
}
#sec #business #content{
	width: 465px;
	padding:30px 10px 60px 325px;
	margin:0px;
}
#sec #business #content h3{
	font-size:18px;
	font-weight:bold;
	color:#404040;
}
#sec #business #content p{
	line-height:1.5em;
	color:#595959;
	padding:0px;
	margin:0px 0px 5px 18px;
}
#sec #business #content hr{
	height:1px;
	padding:0px;
	margin:0px 0px 20px 0px;
}


#content table.content-table td{
	vertical-align:bottom;
}

#content table.content-table td.right-column{
	width: 305px;
}
#content table.content-table td.left-column{
	padding-bottom:10px;
}


#content div#news{
	width: 460px;
}

#content #news div#news-title{
	width: 87px;
	height: 60px;
	background-image: url(../img/news_tit.gif);
	background-repeat: no-repeat;
	background-position: 17px 5px;
	padding:0px;
	text-indent:-9999px;
	float:left;
}

#content #news div#news-list{
	width: 370px;
	float:left;
}

#content .top-news-box{
	width: 353px;
	line-height: 1.2em; 
	background-image: url(../img/arrow_news.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 4px 0px 4px 17px;
	clear:both;
}



#home #content h3{
	width: 280px;
	font-size:12px;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 60px;
}
#home #content td.right-column2 h3,
#home #content td.left-column2 h3{
	width: 220px;
}


#home #content h3 strong{
	font-weight: normal;
}

#home #content .date{
	font-size:11px;
	color: #808080;
	text-align:left
	padding: 0px;
	margin: 0px;
	float:left;
}




#content table.content-table{
	width: 800px;
}
#content table.content-table td.left-column2,
#content table.content-table td.right-column2{
	width: 400px;
	vertical-align:top;
	padding-bottom:20px;
}
#content table.content-table dl{
	width: 400px;
	margin:0px;

}
#content table.content-table dd{
	width: 370px;
	margin:0px 0px 0px 30px;
}
#content dt a,
#content dt a:active{
	height: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	padding:0px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#content dt a{
	display:block;
	width:380px;
	height: 16px;
/* ＼*/
overflow:hidden;
/* */
}

#content #news dt.news-title a{
	background-image: url(../img/news_tit.gif);
}
#content #shop-info dt.news-title a{
	background-image: url(../img/shopinfo_tit.gif);
}

#content td.right-column2 .top-news-box,
#content td.left-column2 .top-news-box{
	width: 293px;
}




#content #company-box{
	width: 188px;
	height:80px;
	background-image: url(../img/company_ph.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:117px;
}

#content #company-box h4{
	font-size:13px;
	font-weight:bold;
}
#content #company-box p{
	line-height: 1.3em; 
	padding: 0px;
	margin: 0px;
}

#content .no-margin{
	height:0px;	
	clear:both; 
	padding: 0px;
	margin: 0px;
}








#sec h2{
	width: 190px;
	height: 73px;
	font-size:18px;
	line-height: 73px;
	font-weight: normal;
	color:#FFF;
	text-align:center;
	background-image: url(../img/sec_tit_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color:#A7ACB2;
	border:1px solid #A7ACB2;
	padding: 0px 608px 0px 0px;
	margin: 0px 0px 28px 0px;
}







#sec #content p{
	font-size:12px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#sec #content #content-news{
	width: 800px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
	position:relative;
}

#sec #content #content-news .news-search-box{
	width: 370px;
	text-align:right;
	position:absolute;
	top:-75px;
	right:20px;
}


#sec #content .news-detail-box{
	width: 560px;
	padding: 0px 0px 0px 15px;
	float:left;
}
#sec #content .news-detail-tit{
	border-bottom:1px solid #808080;
	padding: 0px 0px 5px 0px;
	margin-bottom: 20px;
}


#sec #content .news-list-box{
	width: 700px;
	padding: 0px 50px 0px 50px;
}



#sec #content .news-list-one-box{
	padding: 6px 0px 3px 0px;
	border-bottom:1px dotted #808080;
	position:relative;
}

#sec #content .news-list-tit{
	background-image: url(../img/news_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

#sec #content .news-list-date{
	position:absolute;
	bottom:2px;
	right:0px;
}

#sec #content .news-list-cate,
#sec #content .news-detail-list-cate{
	display:none;
}

#sec #content .news-detail-list-box{
	width: 180px;
	border-left:1px dashed #A6A6A6;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	float:right;
}

#sec #content .news-detail-list-box a b{
	font-weight:normal;
}


#sec #content #content-news table img{
	background-image: url(../img/gelande_report_img_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 7px 9px 11px 7px;
	margin: 10px auto 0px auto;
	border:0px;
/*	border-top:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;*/
}







#sec #content #access-table th{
	width:224px;
	text-align:left;
	font-weight:normal;
	padding:0px 29px;
	vertical-align:top;
}
#sec #content #access-table td{
	vertical-align:top;
}

#sec #content #access-table th #address{
	text-align:center;
	margin-bottom:10px;
}
#sec #content #access-table th #address strong{
	font-size:13px;
}

#sec #content #access-table th p.access-info-top{
	border-top:1px solid #A6A6A6;
	padding:7px 0px;
}

#sec #content #access-table th p.access-info{
	border-top:1px dashed #A6A6A6;
	padding:7px 0px;
}



#sec #content #contact-info{
	width:255px;
	border-left:1px solid #A7ACB2;
	float:left;
}

#sec #content #contact-form{
	width:503px;
	border-left:1px solid #A7ACB2;
	float:right;
}

#sec #content #contact-info h3,
#sec #content #contact-form h3{
	font-size:14px;
	border-left:4px solid #A7ACB2;
	background-color:#F2F2F2;
	padding:3px 0px 3px 5px;
	font-weight:normal;
}

#sec #content #contact-info .tel{
	text-align:center;
	padding:20px 0px 5px 0px;
}

#sec #content #contact-info p.open{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-left:0px;
}

#sec #content #contact-info p{
	padding:5px 0px 5px 15px;
	font-size:11px;
	color:#4C4C4C;
	line-height:1.2em;
}

#sec #content #contact-form p{
	padding:10px 0px 5px 15px;
	font-size:11px;
	color:#4C4C4C;
	line-height:1.2em;
}

#sec #content #contact-form .att{
	padding:0px 0px 5px 0px;
	font-size:11px;
	color:#E0AC00;
	text-align:right;
	line-height:1.2em;
}

#sec #content #contact-form table#form-table{
	margin-left:10px;
}




#footer {
	width: 790px;
	height:26px;
	font-size:11px;
	line-height:26px;
	text-align:left;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 10px;
	margin:0px auto;
	clear:both;
}

#copyright {
	display:none;
}





/* -----------------------------------------------
 * 会社案内（アコーディオンメニュー）
 * ----------------------------------------------- */
.accordion_toggle {
	display: block;
	height: 25px;
	width: 790px;
	background-image:url(../company/img/open.gif);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#F2F2F2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #A7ACB2;
	line-height:25px;
	color:#1E5494;
	font-size:14px;
	padding-left:10px;
	margin: 0px;
	outline: none;
	cursor: pointer;
}
.accordion_toggle_active {
	background: url(../company/img/tit_openborder.gif) no-repeat left bottom;
	background-color:#F2F2F2;
	border-bottom:0px;
	padding-bottom:4px;
}
		
.accordion_content {
	width:775px;
	padding: 0px 0px 0px 0px;
	margin-left:25px;
	overflow: hidden;
}

.accordion_toggle h3 {
	font-size:14px;
}


#greeting,
#outline,
#china-office,
#history,
#torihikisaki {
	padding: 20px 0px 30px 0px;
}



#greeting #greeting-text{
	width:580px;
	float:left;
}
#greeting #greeting-about{
	width:148px;
	padding:11px;
	border:1px solid #E6E6E6;
	float:right;
}
#greeting #greeting-about p{
	font-size:11px;
	padding:0px;
	margin:0px;
}


#outline #outline-table{
	width:420px;
	float:left;
}
#outline #outline-table th{
	font-weight:normal;
	width:85px;
}
#outline #outline-table th,
#outline #outline-table td{
	padding:10px 0px 2px 5px;
	border-bottom:1px dashed #B2B2B2;
}
#outline #ph{
	width:320px;
	float:right;
}


#china-office #china-office-info{
	width:327px;
	float:left;
}
#china-office #ph{
	padding:15px 0px 0px 0px;
}
#china-office #china-office-map{
	width:424px;
	text-align:right;
	float:right;
}


#history dt{
	height: 19px;
	background-image:url(../company/img/history_date_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:19px;
	font-size:11px;
	padding-left:8px;
	margin-bottom: 3px;
}
#history dd{
	padding: 0px 0px 5px 20px;
	margin: 0px;
}
#history #history03 dt{
	width:140px;
	float:left;
	clear:both;
}

#history td#history01{
	padding:0px 12px 10px 0px;
	background-image:url(../company/img/history_line.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#history td#history02{
	width:400px;
	background-image:url(../company/img/history_line2.gif);
	background-repeat:no-repeat;
	background-position:12px bottom;
	border-left:1px dashed #A7ACB2;
	padding:0px 0px 10px 12px;
}




#torihikisaki table{
	width:375px;
	padding: 20px 0px 40px 0px;
	float:left;
}
#torihikisaki table th,
#torihikisaki table td{
	vertical-align:top;
}

#torihikisaki table th{
	width:100px;
	font-weight:normal;
}

#torihikisaki table#tokuisaki th{
	width:100px;
	padding-left:25px;
	border-left:1px dashed #A7ACB2;
}
#torihikisaki table#tokuisaki th small{
	display:block;
	font-size:10px;
	color:#808080;
}

/* -----------------------------------------------
 * プライバシー
 * ----------------------------------------------- */
.heisya{
	margin-left:20px;
}

#privacy{
	margin:10px 15px 0px 15px;
	line-height:19px;
}
#sec #wrapper #content #privacy li{
	padding:0px;
	margin:20px;
}
/* -----------------------------------------------
 * その他
 * ----------------------------------------------- */


sup{
	font-size:50%;
	vertical-align: super;
}

.color01 {
	font-weight: normal;
	color:#CC0000;
}


img{
	border:0px;
}



/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form {
    
    margin-bottom: 0em;
}

TEXTAREA {
  width: 95%;
  background-color:#FFFFFF;
/*  border:1px solid; */
}



#sec #content #contact-box{
	width: 600px;
	margin: 0px auto 0px auto;
}

#sec #content #contact-box strong{
	display:block;
	font-size:17px;
	padding-bottom: 20px;
}


#form-table th {
	width: 145px;
	font-size:11px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#222222;
	text-align: left;
	vertical-align:top;
	padding: 13px 0px 6px 5px;
}

#form-table td {
	font-size:11px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#111111;
	text-align: left;
	line-height: 1.4em;
	padding: 10px 0px 3px 0px;
}

#form-table td.table-item03 {
	font-size:11px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#CC0000;
	text-align: left;
	line-height: 1.4em;
	padding: 13px 0px 5px 10px;
}

#form-table td input {
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#111111;
	text-align: left;
	line-height: 1.4em;
	padding: 3px;
	border:1px solid #E5E5E5;
	border-bottom:1px solid #A8A8A8;
}

#form-table td textarea {
	font-size:12px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Osaka", verdana,arial, sans-serif;
	color:#111111;
	text-align: left;
	line-height: 1.4em;
	padding: 3px;
	border:1px solid #E5E5E5;
	border-left:1px solid #A8A8A8;
}

#sec #content #contact-form .submit-b{
	padding-top:15px;
	text-align:right;
}

#sec#contact-form .submit-b input{
	padding:3px 10px;
	font-size:12px;
	color:#000;
	text-align:center;
	line-height:1.2em;
	background:#F5F5F5;
	border:1px solid #808080;
}


#sec #content #contact-err-box{
	color:#D90000;
	background-color:#FFE5E5;
	padding:10px;
	margin-left:15px;
	margin-bottom:20px;
}






/*-------------------------------------------------
Clear Fix
-------------------------------------------------*/

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 ?*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*for IE 5.5-7*/
.clearfix{
    zoom:1;
}

/*ドリームウィバーで確認用　後で消しましょう*/
.clearfix + *{
    clear: both;
}