@charset "utf-8";

/*--基本設定--------------------------------------------------------------*/

body{
margin: 0; 
padding: 0;
font-family: "Lucida Sans",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
letter-spacing: 0.1em;
background: #fff;
}

img{
border-width: 0;
}


#header{
clear: both;
width: 100%;
height: 110px;
margin: 0 0 20px 0;
padding: 0;
background: #fff;
overflow: hidden;
}


#h-wrapper{
clear: both;
width: 1020px;
margin: 0 auto 0 auto;
padding: 0;
overflow: hidden;
}

#page #h-wrapper,
#recruit #h-wrapper,
#staff #h-wrapper,
#corporate #h-wrapper,
#qa #h-wrapper,
#form #h-wrapper,
#blog #h-wrapper,
#single #h-wrapper,
#voice #h-wrapper,
#contract #h-wrapper{
padding: 0px 0 0 0;
}



#topimage{
clear: both;
width: 100%;
height: 400px;
margin: 0;
padding: 0;
background: url(https://693507.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/bg.jpg);
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}

#viewer{
clear: both;
width: 1020px;
height: 400px;
margin: 0px auto 40px auto;
padding: 0;
overflow: hidden;
}

.imagebox{
clear: both;
width: 1020px;
height: 400px;
margin: 0px auto 0px auto;
padding: 0;
overflow: hidden;
}


#container{
clear: both;
width: 1020px;
margin: 20px auto 0 auto;
padding: 0;
overflow: hidden;
}

#page #container,
#recruit #container,
#staff #container,
#corporate #container,
#qa #container,
#form #container,
#blog #container,
#single #container,
#voice #container,
#contract #container{
clear: both;
width: 1020px;
margin: 0px auto 0 auto;
padding: 0;
overflow: hidden;
}



#maincol{
clear: both;
width: 750px;
margin: 0;
padding: 0;
float: right;
overflow: hidden;
}

#sidebar{
width: 250px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}




#footer{
clear: both;
margin: 50px 0 0 0;
padding: 0;
background: #f6f6f6;
overflow: hidden;
}







/*--header-------------------------------------------------------------*/

.sitetitle{
clear: both;
width: 500px;
height: 110px;
margin: 0;
padding: 0;
float: left;
}


.info{
width: 250px;
height: 110px;
margin: 0;
padding: 0;
float: right;
background: #4b4b4b;
}

a.info {/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.info a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.info a:visited {/*訪問後のリンク*/
    color:#fff;
    text-decoration:none;
}
.info a:hover {/*マウスをのせたとき*/
    color:#f1094f;
    font-style:normal;
    text-decoration:none;
}
.info a:active {/*クリック中*/
    text-decoration:none;
}


.mail{
margin: 0 auto 0 auto;
}

#header h1{
margin: 10px 0 0 0;
padding: 0;
font-weight: normal;
font-size: 10px;
color: #000;
}

#header p{
margin: 10px 0 0 0;
padding: 0;
font-size: 10px;
color: #000;
}



/*--navi-------------------------------------------------------------*/

#navi{
clear: both;
width: 100%;
height: 40px;
margin: 0;
padding: 0;
background: url(https://7c6fa3.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/navi_bg.jpg) no-repeat;
overflow: hidden;
}

#navi ul{
clear: both;
width: 1020px;
margin: 0 auto 0 auto;
padding: 0;
list-style: none;
overflow: hidden; 
}

#navi .navi01{
width: 60px;
height: 40px;
margin: 0;
padding: 0;
font-size: 10px;
float: left;
}

#navi .navi02{
width: 160px;
height: 40px;
margin: 0;
padding: 0;
font-size: 10px;
float: left;
}

/*--ブレット-------------------------------------------------------------*/


#breadcrumb ul{
clear: both;
margin: 0;
padding: 0;
list-style:none;
}

#breadcrumb li{
margin: 4px 0 4px 0;
padding: 0;
font-size: 10px;
float: left;
color: #000;
}


/*#breadcrumb li a{
text-decoration: none;
color: #000;
}/*


/*--ボタン-----------------------------------*/

.buttan_01{
clear: both;
width: 500px;
height: 100px;
margin: 20px auto 40px auto;
padding: 0;
}

.buttan_02{
clear: both;
width: 360px;
height: 100px;
margin: 0;
padding: 0; 
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
float: left;
overflow: hidden;
box-shadow: 1px 1px 3px #dedede;
-moz-box-shadow: 1px 1px 3px #dedede;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #dedede;　/* Safari,Google Chrome用 */   
}

.buttan_03{
width: 360px;
height: 100px;
margin: 0 0 40px 0;
padding: 0;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
float: right;
overflow: hidden;
box-shadow: 1px 1px 3px #dedede;
-moz-box-shadow: 1px 1px 3px #dedede;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #dedede;　/* Safari,Google Chrome用 */   
}

.information{
clear: both;
width: 750px;
height: 300px;
border-style: solid;
border-width: 1px;
border-color: #e6e6e6;
margin: 0;
padding: 0;
}



/*--sucbol-------------------------------------------------------------*/


.banner{
width: 250px;
height: 100px;
margin: 0 0 20px 0;
padding: 0;
}


#sidebar h4{
clear: both;
width; 248px;
height: 25px;
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
text-align: center;
font-weight:normal;
color: #000;
background: url(https://54ad75.claudeassets.com/20250328160709im_/http://www.hankoku.net/hanbai/images/sidebar/h4.jpg) no-repeat;
}




#sidebar .menus{
clear: both;
width; 248px;
margin: 0 0 20px 0;
padding: 0;
border-left: solid;
border-right: solid;
border-bottom: solid;
border-width: 1px;
border-color: #e6e6e6;
overflow: hidden;
}

#sidebar .menus ul{ 
margin: 0;
padding: 0;
list-style: none;
}



#sidebar .menus ul li{
clear: both;
width; 198px;
margin: 0;
padding: 5px 20px 5px 20px;
border-bottom-style: solid;
border-width: 1px;
border-color: #e6e6e6;
font-size: 12px;
background: #fff;
}

#sidebar .menu02{
border-width: 0;
}


/*--footer-------------------------------------------------------------*/

#footer ul{
clear: both;
width: 1020px;
margin: 0 auto 0 auto;	
padding: 0;
list-style: none;
font-size: 11px;
text-align: center;
}

#footer ul li{
margin: 0;	
padding: 10px 0 10px 10px;
font-size: 11px;
float: left;
}

#footer ul li a{
text-decoration: none;
color: #000;
}

#footer p{
clear: both;
margin: 0 auto 0 auto;	
padding: 5px 0 5px 0;
font-size: 11px;
text-align: center;
}

.content-nav {
	text-align: center;
	background-color: #EBEBEB;
	padding-top: 20px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
}
#footer p a {
	color: #000;
}
#breadcrumb {
	padding-left: 268px;
}

/*
     FILE ARCHIVED ON 13:56:31 May 10, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:18:58 Jul 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.5
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.03
  esindex: 0.01
  cdx.remote: 10.942
  LoadShardBlock: 133.56 (3)
  PetaboxLoader3.datanode: 121.971 (5)
  PetaboxLoader3.resolve: 144.489 (3)
  load_resource: 151.317
  loaddict: 33.915
*/