@charset "UTF-8";

/*------------------------------------------------------------------------------
	HKAO - CSS Modules Import
	Date: 2013-12-26
------------------------------------------------------------------------------*/
*{
	line-height:1.5;
}

body{
	padding:0;
	color:#333333;
	background:#f0f4ff;
}

html, body{
	height:100%;
}

#container{
	position:relative;
	width:950px;
	margin:auto;
	background:url(../images/main_bg2013.gif) top center repeat-y;
}

body > #container{
	height:auto;
}


#wrapper{
	margin:0px 25px;
	padding-bottom:15px;
	position:relative;
}

/*------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------*/
#header{
	width:900px;
	height:153px;
	position:relative;
	text-align:left;
	background:#fff url(../images/header_notel.gif) 0px 0px no-repeat;
}
#header h1,
#header .logo{
	position:absolute;
	top:45px;
	left:294px;
	font-size:10px;
}
#header h2,
#header .catch{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	text-align:left;
	font-size:10px;
	text-indent:-999px;
}

#header #contactbtn{
	position:absolute;
	top:26px;
	right:7px;
	text-align:right;
}
#header a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#header #tel{
	position:absolute;
	top:70px;
	right:10px;
	text-align:right;
}



#container #menu{
	position:absolute;
	top:100px;
	left:0px;
	width:900px;
	height:53px;
	background:url(../images/nav_bg.gif) 0px 0px repeat-x;
}
#menu ul{
	padding:3px 0 0 12px;
}
#menu li{
	position:relative;
	float:left;
	width:220px;
}
#menu li a{
	width:214px;
	height:47px;
	text-indent:-9999px;
	display:block;
}

#menu .nav01 a{
	background:url(../images/nav.gif) 0px 0px no-repeat;
}
#menu .nav02 a{
	background:url(../images/nav.gif) -220px 0px no-repeat;
}
#menu .nav03 a{
	background:url(../images/nav.gif) -440px 0px no-repeat;
}
#menu .nav04 a{
	background:url(../images/nav.gif) -660px 0px no-repeat;
}

#company #menu .nav01 a,
#menu .nav01 a:hover{
	background:url(../images/nav.gif) 0px -100px no-repeat;
}
#business #menu .nav02 a,
#menu .nav02 a:hover{
	background:url(../images/nav.gif) -220px -100px no-repeat;
}
#judgement #menu .nav03 a,
#menu .nav03 a:hover{
	background:url(../images/nav.gif) -440px -100px no-repeat;
}
#blog #menu .nav04 a,
#menu .nav04 a:hover{
	background:url(../images/nav.gif) -660px -100px no-repeat;
}



#menu li ul{
	padding:0;
	margin:0;
	display:none;
	position:absolute;
	width:214px;
	top:44px;
	left:0px;
	overflow:hidden;
	z-index:10;
}
#menu li ul li {
	margin: 0;
	padding: 0;
	width:214px;
	color:#000;
}
#menu li ul li a{
	width:210px;
	border-bottom:1px solid #fff;
	height:25px;
}
#business #menu .nav02 *,
#business #menu .nav02 li a,
#menu .nav02 *,
#menu .nav02 li a{
	background:url(../images/spacer.gif);
}

#business #menu .nav02 li a,
#menu .nav02 li a{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 0;
	color:#fff;
	background:#003366 url(../images/spacer.gif);
}

#business #menu .nav02 li a:hover,
#menu .nav02 li a:hover{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 0;
	color:#fff;
	text-decoration:none;
	background:#3399cc url(../images/spacer.gif);
}


/*------------------------------------------------------------------------------
	menu2
------------------------------------------------------------------------------*/

#container #menu2{
	position:absolute;
	top:100px;
	left:0px;
	width:900px;
	height:53px;
	background:url(../images/nav_bg.gif) 0px 0px repeat-x;
}
#menu2 ul{
	padding:3px 0 0 12px;
}
#menu2 li{
	position:relative;
	float:left;
	width:176px;
}
#menu2 li a{
	width:171px;
	height:47px;
	text-indent:-9999px;
	display:block;
}

#menu2 .nav01 a{
	background:url(../images/nav2.gif) 0px 0px no-repeat;
}
#menu2 .nav02 a{
	background:url(../images/nav2.gif) -176px 0px no-repeat;
}
#menu2 .nav03 a{
	background:url(../images/nav2.gif) -352px 0px no-repeat;
}
#menu2 .nav04 a{
	background:url(../images/nav2.gif) -528px 0px no-repeat;
}
#menu2 .nav05 a{
	background:url(../images/nav2.gif) -704px 0px no-repeat;
}

#company #menu2 .nav01 a,
#menu2 .nav01 a:hover{
	background:url(../images/nav2.gif) 0px -100px no-repeat;
}
#business #menu2 .nav02 a,
#menu2 .nav02 a:hover{
	background:url(../images/nav2.gif) -176px -100px no-repeat;
}
#judgement #menu2 .nav03 a,
#menu2 .nav03 a:hover{
	background:url(../images/nav2.gif) -352px -100px no-repeat;
}
#blog #menu2 .nav04 a,
#menu2 .nav04 a:hover{
	background:url(../images/nav2.gif) -528px -100px no-repeat;
}
#recruit #menu2 .nav05 a,
#menu2 .nav05 a:hover{
	background:url(../images/nav2.gif) -704px -100px no-repeat;
}



#menu2 li ul{
	padding:0;
	margin:0;
	display:none;
	position:absolute;
	width:171px;
	top:44px;
	left:0px;
	overflow:hidden;
	z-index:10;
}
#menu2 li ul li {
	margin: 0;
	padding: 0;
	width:171px;
	color:#000;
}
#menu2 li ul li a{
	width:168px;
	border-bottom:1px solid #fff;
	height:25px;
}
#business #menu2 .nav02 *,
#business #menu2 .nav02 li a,
#menu2 .nav02 *,
#menu2 .nav02 li a{
	background:url(../images/spacer.gif);
}

#business #menu2 .nav02 li a,
#menu2 .nav02 li a{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 0;
	color:#fff;
	background:#003366 url(../images/spacer.gif);
}

#business #menu2 .nav02 li a:hover,
#menu2 .nav02 li a:hover{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 0;
	color:#fff;
	text-decoration:none;
	background:#3399cc url(../images/spacer.gif);
}



#menu2 li ul li.mtax a{
	width:168px;
	border-bottom:1px solid #fff;
	height:auto;
}
#business #menu2 .nav02 li.mtax a,
#menu2 .nav02 li.mtax a{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 4px;
	color:#fff;
	background:#8e9b05 url(../images/spacer.gif);
}

#business #menu2 .nav02 li.mtax a:hover,
#menu2 .nav02 li.mtax a:hover{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 4px;
	color:#fff;
	text-decoration:none;
	background:#666633 url(../images/spacer.gif);
}



#menu2 li ul li.msouzoku a{
	width:168px;
	border-bottom:1px solid #fff;
	height:auto;
}
#business #menu2 .nav02 li.msouzoku a,
#menu2 .nav02 li.msouzoku a{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 4px;
	color:#fff;
	background:#4b7932 url(../images/spacer.gif);
}

#business #menu2 .nav02 li.msouzoku a:hover,
#menu2 .nav02 li.msouzoku a:hover{
	text-indent:0px;
	text-align:center;
	padding:5px 3px 4px;
	color:#fff;
	text-decoration:none;
	background:#92bf7a url(../images/spacer.gif);
}




/*------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------*/
#footer{
	position:relative;
	margin:0 7px;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#footer .foot{
	position:relative;
	padding:0px 0px;
	background:#dce6f1;
}

#footer .address{
	position:relative;
	padding:10px 0 10px 20px;
	font-size:12px;
}
#footer .address h4{
	position:relative;
	padding:0 0 3px 0;
	font-size:12px;
	line-height:1.2;
}
#footer .address p{
	position:relative;
	padding-top:2px;
	padding-left:3em;
	line-height:1.5;
}
#footer *{
}

#footer #copyright{
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
	font-size:10px;
	color:#666;
}

#footer ul{
	position:absolute;
	color:#336699;
	top:10px;
	right:10px;
	display:inline;
}
#footer ul li a{
	color:#336699;
}

#footer ul li{
	float:left;
	padding-left:20px;
}

.hogo{
	position:relative;
}
.hogo span{
	color:#336699;
}
.hogo #layer1{
	position:absolute;
	top:-35px;
	left:-300px;
	width:300px;
	z-index:100;
	cursor:pointer;
	text-align:left;
	background:#336699;
	color:#fff;
	display:none;
}
.hogo #layer1 p{
	background:#336699;
	padding:5px;
	font-size:11px;
}


/*------------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------------*/
#content{
	position:relative;
	padding:5px 10px;
}
#content .pan{
	padding:2px 0px;
	text-align:right;
	font-size:11px;
	color:#999;
}
.pan *,
.pan a,
.pan a:link,
.pan a:visited,
.pan a:hover,
.pan a:active{
	font-size:11px;
	font-weight:normal;
}
.pan strong{
	color:#333;
	font-size:11px;
	font-weight:normal;
}

#content h1{
	padding:5px 0;
	text-align:center;
}

#content .submenu{
	clear:both;
	padding:0 0 5px;
	margin:5px 0 0;
	text-align:center;
	font-size:11px;
	color:#999;
}
#content .submenu td,
#content .submenu li,
#content .submenu td a{
	font-size:11px;
}


#content th.admin{
	background:#003366;
	color:#fff;
	font-size:10px;
	line-height:1.32;
	font-weight:normal;
	padding:5px 5px;
}
#content th.tax{
	background:#9ca81f;
	color:#fff;
	font-size:10px;
	line-height:1.3;
	font-weight:normal;
	padding:5px 5px;
}
#content th.souzoku{
	background:#5f8c46;
	color:#fff;
	font-size:10px;
	line-height:1.3;
	font-weight:normal;
	padding:1px 5px;
}



#content .submenu td{
	text-align:left;
}


#content #main{
	padding:20px 45px;
}

#content #main h2{
	padding:4px 10px;
	margin-bottom:15px;
	color:#fff;
	font-weight:normal;
	letter-spacing:1px;
	font-size:15px;
	line-height:1.2;
	background:#689acd url(../images/h2_bg.gif) left bottom repeat-x;
}


#content #main h3{
	color:navy;
	font-weight:bold;
	letter-spacing:1px;
	font-size:15px;
	line-height:1.2;
	border-left:5px solid navy;
	padding-left:5px;
	margin:5px 0;
}


#content .totop{
	text-align:right;
	padding:10px 5px;
}
#content .totop *,
#content .totop a:link,
#content .totop a:hover,
#content .totop a:active,
#content .totop a:visited{
	font-size:10px;
}



#content a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}



.snav{
	margin-left:10px;
}
.snav li{
	display:inline;
	border-right:1px solid #ccc;
	padding:0 5px;
}
.snav li:first-child{
	border-left:1px solid #ccc;
}


.shadow img{
	border:1px solid #fff;
	-moz-box-shadow:1px 1px 5px 1px #ccc;
	-webkit-box-shadow:1px 1px 5px 1px #ccc;
	box-shadow:1px 1px 5px 1px #ccc;
}






#blog #content #main{
	padding:0px 0px 20px;
	width:650px;
	float:right;
}

#blog #content #main h2 a,
#blog #content #main h2 a:link,
#blog #content #main h2 a:visited,
#blog #content #main h2 a:hover{
	color:#fff;
}

#blog #content #main h2,
#blog #content #main h2 *{
	font-size:15px;
}


#blog #content #main .entrydata{
	padding:0px 0px 8px;
	margin:0 10px;
	border-bottom:1px solid #ccc;
}
#blog #content #main .entrydata *{
	padding:0;
	margin:0;
}
#blog #content #main .date{
	float:right;
	text-align:right;
}
#blog #content #main .entry{
	position:relative;
	padding:20px 10px 100px 10px;
	background:url(/common/images/side_bg.gif) bottom center repeat-x;
	margin-bottom:50px;
}

.social4i{
//	display:none;
}

#blog #content #main .entry .social4i{
	display:block;
	position:absolute;
	bottom:5px;
	right:10px;
}


#blog #content #sidebar{
	padding:0 0 50px 0px;
	width:200px;
	float:left;
}
#blog #content #sidebar .side{
	border:1px solid #ccc;
	padding:5px;
	margin:0 0 30px;
	background:url(/common/images/side_bg.gif) bottom center repeat-x;
}

#blog #content #sidebar #wp-calendar{
	width:183px;
	margin:0px;
	padding:0px;
}
#blog #content #sidebar #wp-calendar th{
	width:26px;
	text-align:center;
}
#blog #content #sidebar #wp-calendar td{
	width:26px;
	text-align:center;
}
#blog #content #sidebar h2,
#blog #content #sidebar caption{
	text-align:center;
	font-size:14px;
	border-bottom:3px solid navy;
	margin:0 0 10px;
	padding:3px 0;
}
#blog #content #sidebar li{
	border-bottom:1px dotted #ccc;
	padding:2px;
}
#blog #content #sidebar thead{
	padding:0;
	margin:0;
}





#judge .entry .social4i{
	display:block;
	position:absolute;
	bottom:5px;
	right:50px;
}

#judge .entrydata p.date{
	text-align:right;
}
#judge .entry dl{
	padding-bottom:20px;
}
#judge .entry dt{
	height:30px;
}
#judge .entry dt div{
	width:150px;
	line-height1.5;
	padding:2px 0;
	background:#eee;
	text-align:center;
}
#judge .entry dd{
	padding:0 0 5px 160px;
	margin:-30px 0 5px 0;
	line-height1.5;
}

#content #main #judge h2{
	padding:8px 10px;
	margin-bottom:15px;
	color:#fff;
	font-weight:normal;
	letter-spacing:1px;
	font-size:15px;
	line-height:1.2;
	background:#689acd url(../images/h2_bg.gif) left bottom repeat-x;
}

#content #main #judge h2 a,
#content #main #judge h2 a:link,
#content #main #judge h2 a:visited,
#content #main #judge h2 a:hover{
	color:#fff;
}

#content #main #judge h2,
#content #main #judge h2 *{
	font-size:15px;
}

#content #main #judge p.kw{
	font-size:1px;
	text-indent:-9999px;
}

table.judgelist{
width:790px;
}

table.judgelist th,
table.judgelist td{
	padding:8px 5px;
	margin:0;
	line-height1.5;
	border-bottom:1px dotted #ccc;
}

table.judgelist th div{
	padding:5px 10px;;
	background:#689acd;
	color:#fff;
	font-weight:normal;
	line-height1.5;
	white-space:nowrap;
}
table.judgelist td.update{
	white-space:nowrap;
	color:#999;
}


#judgesearch{
	border:3px solid navy;
	padding:15px;
	margin-top:30px;
}

#judgesearch .sbox{
	margin-top:15px;
	float:left;
}
#judgesearch .sbox td.mds{
	white-space:nowrap;
	padding:5px 10px;
	text-align:left;
}
#judgesearch .sbox td {
	padding:5px 2px;
	text-align:left;
}

#judgesearch .sbox td input{
	border:1px solid #ccc;
	height:30px;
}



dl.archivelist{
	padding:0 10px;
	margin:0;
}
dl.archivelist dt{
	padding:0;
	margin:0;
	height:30px;
	line-height1.5;
	color:#666;
}

dl.archivelist dd{
	padding:0 0 5px 160px;
	margin:-30px 0 5px 0;
	line-height1.5;
	border-bottom:1px dashed #ccc;
}



.result td th{
	background:navy;
	border:2px solid #fff;
	color:#fff;
	padding:1px 3px;
	text-align:center;
	font-weight:normal;
}
.result td td{
	padding:1px 20px;
}
.result table{
	border-bottom:1px solid navy;
	margin-bottom:30px;
}
.result table table{
	border-bottom:0px solid navy;
	margin-bottom:0px;
}

input#s{
	border:1px solid #ccc;
	height:30px;
	width:700px;
}


.navigation .alignleft{
	float:right;
	width:300px;
	text-align:right;
}
.navigation .alignright{
	float:left;
	width:300px;
	text-align:left;
}



.maru5{
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.maru8{
	position:relative;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.maru10{
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.maru15{
	position:relative;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}



//.clm1 #content #main h2{//
//	margin-bottom:0px;//
//}//

