@charset "UTF-8";
/****************************************************************
  Copyright(c) 2010 H.S. Insurance Co.,Ltd. All Rights Reserved.
 ****************************************************************/

/* START Initialize */
body {
	background:url(../img/common/all_bg.jpg) repeat-x #fff;
	text-align: center;
	font-family:arial, "ＭＳ Ｐゴシック", Osaka;
	color: #484848;
	font-size:13px;
	line-height:1.5em;
}

body, h1, h2, h3, h4, h5, img, p, ul, ol, dl, dt, dd {
	margin:0; padding:0;
}

a {
	color: #0066cc;
	text-decoration:underline;
}
a:hover {
	color: #0066cc;
	text-decoration:none;
}

img{border:none;}
table{border-collapse:collapse;}

/* END Initialize */
/*-------------------------------------------------------------*/

/* START COMMON */
#wrap {
	width: 890px;
	background:url(../img/common/bg_wrap.gif) repeat-y #fff;
	margin:0 auto;
	padding:0 21px;
	text-align:left;
}

.none {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 0;
	border: 0;
}

.clr-both { clear: both; }
.float-l { float:left; }
.float-r { float:right; }
.posi-rl { position:relative; }
.posi-ab { position:absolute; }
.txt-r { text-align:right; }
.txt-l { text-align:left; }
.txt-c { text-align:center; }
.m-up05 { margin-top:5px; }
.m-up10 { margin-top: 10px; }
.m-up15 { margin-top: 15px; }
.m-up20 { margin-top: 20px; }
.m-up25 { margin-top: 25px; }
.m-up30 { margin-top: 30px; }
.m-un0  { margin-bottom: 0px; }
.m-un05 { margin-bottom: 5px; }
.m-un10 { margin-bottom: 10px; }
.m-un15 { margin-bottom: 15px; }
.m-un20 { margin-bottom: 20px; }
.m-un25 { margin-bottom: 25px; }
.m-un30 { margin-bottom: 30px; }
.m-un50 { margin-bottom: 50px; }
.m-lf10 { margin-left:10px; }
.m-lf20 { margin-left:20px; }
.m-ri05 { margin-right:5px; }
.m-ri20 { margin-right:20px; }
.m-ri30 { margin-right:30px; }
.pad-t05 { padding-top:05px; }
.pad-t20 { padding-top:20px; }
.pad-l05 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l20 { padding-left:20px; }
.pad-l30 { padding-left:30px; }
.pad-r05 { padding-right:5px; }
.pad-b15 { padding-bottom:15px; }

.line-h12e{ line-height:1.2em; }

.f-size10px{ font-size:10px; }
.f-size11px{ font-size:11px; }
.f-size12px{ font-size:12px; }
.f-size14px{ font-size:14px; }
.f-size16px{ font-size:16px; }
.font-b{ font-weight:bold; }
.txt-green{ color:#1bac44; }
.txt-red{ color:red; }

.disp-block{display:block;}

/* Print-Item */
.print{ display:none; }

/* END COMMON */
/*-------------------------------------------------------------*/

/* START hader */
#header {
	padding-bottom:10px;
}
#header .right-side{
	margin:0;
	padding:0;
	float:right;
}
#header .left-side{
	margin:0;
	padding:0;
	float:left;
}

#header .separator { float:left; }

#header h1 {
	font-size: 10px;
	font-weight: normal;
	margin:5px 0 0 0;
	text-align:right;
}

#header .company, #header .recruit{
	float:right;
	margin-top:10px;
	margin-left:5px;
}

#header .mainlogo {
	float:left;
}

#header .thanks {
	margin:5px 0 0 40px;
	float:left;
}
/* END header */
/*-------------------------------------------------------------*/

/* START gnavi */
#gnavi {
	clear: both;
	position: relative;
	height: 37px;
	width: 890px;
	padding-top: 6px;
	z-index:100;
}
#gnavi span{ display:none;}
#gnavi-p { display:none; }
#gnavi-p img { display:none;}

#gnavi ul{
	text-align:center;
	position:absolute;
}

#gnavi *{ list-style:none; display:block; }
#gnavi span{ display:none; }
#gnavi a{ padding: 0px 2px;	height: 37px; }
#gnavi li{ background:#ffffff; overflow:hidden; }

#gnavi li.on1{
	width:127px;
	float:left;
	background:url(../img/common/gnavi1_over.gif) no-repeat;
}

#gnavi li.off1{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi1.gif) no-repeat;
}

#gnavi li.on2{
	width:127px;
	float:left;
	background:url(../img/common/gnavi2_over.gif) no-repeat;
}

#gnavi li.off2{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi2.gif) no-repeat;
}
#gnavi li.on3{
	width:127px;
	float:left;
	background:url(../img/common/gnavi3_over.gif) no-repeat;
}

#gnavi li.off3{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi3.gif) no-repeat;
}

#gnavi li.on4{
	width:127px;
	float:left;
	background:url(../img/common/gnavi4_over.gif) no-repeat;
}

#gnavi li.off4{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi4.gif) no-repeat;
}

#gnavi li.on5{
	width:127px;
	float:left;
	background:url(../img/common/gnavi5_over.gif) no-repeat;
}

#gnavi li.off5{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi5.gif) no-repeat;
}

#gnavi li.on6{
	width:128px;
	float:left;
	background:url(../img/common/gnavi6_over.gif) no-repeat;
}

#gnavi li.off6{
	height:37px;
	width:128px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi6.gif) no-repeat;
}

#gnavi li.on7{
	width:127px;
	float:left;
	background:url(../img/common/gnavi7_over.gif) no-repeat;
}

#gnavi li.off7{
	height:37px;
	width:127px;
	position:relative;
	float:left;
	background:url(../img/common/gnavi7.gif) no-repeat;
}

#gnavi .gnavi-s{
	text-align:left;
	position:relative;
	padding-top:5px;
	background:#ff8400;
}
#gnavi .gnavi-s a{
	height:18px;
	padding: 0 0 4px 12px;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#fff;
}
#gnavi .gnavi-s a.long{
	height:32px;
}
#gnavi .gnavi-s a.long2{
	height:46px;
}
#gnavi .gnavi-s a:hover{
	text-decoration:underline;
	color:#fff;
}
#gnavi .gnavi-s li.son{
	background:#ff8400;
	overflow:hidden;
}
#gnavi .gnavi-s li.soff{
	background:#ff8400;
	position:relative;
	overflow:hidden;
}
/* END gnavi */
/*-------------------------------------------------------------*/

#contents {
	width:890px;
	height:auto;
}

#contents .main{
	float:left;
	width:680px;
}

#contents .main #pankuzu,
#contents .main2 #pankuzu{ margin-bottom:15px; }

#submenu {
	float:right;
	width:210px;
	margin-top:20px;
}

#submenu ul{
	list-style:none;
	padding-left:6px;
	width:204px;
}

#submenu li{
	margin-bottom:17px;
}

#submenu .contract1{
	font-size:12px;
	line-height:1.4em;
}

#submenu .contract1 a{
	color:#ff0000;
	text-decoration:none;
}

#submenu .sm-qr{
	position:absolute;
	top:45px;
	left:8px;
}

#secom {
	border:none;
	width:44px;
	height:89px;
}

/*------- //contents --------*/

/*-------------------------------------------------------------*/
#footer {
	border-top: solid 1px #ccc;
	padding:18px 0 10px 0;
	font-size:12px;
	clear:both;
	height:24px;
	line-height:1.3em;
}
#footer .gotop { text-align:right; }
/*--------- //footer --------*/


/*  _/_/_/_/_/ common class START _/_/_/_/_/  */

#contents .main h3.arrow {
	margin-bottom:10px;
	margin-top:20px;
	position:relative;
	color:#ff9900;
	border:0;
	line-height:1.4em;
	width:auto;
}

#contents .main h3.arrow span {
	position:absolute;
	top0;
	left:20px;
}

.gotop a{
	width:37px;
	height:10px;
	padding:10px;
	display:block;
	float:right;
}

ul.listbtns {
	background:#ffffea;
	border:solid 2px #ffcc66;
	padding:10px 15px 8px 15px;
}
ul.listbtns li {
	background:url(../img/common/arrow1.gif) no-repeat 0 3px;
	padding-left:14px;
	margin-bottom:5px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
}

table.hstb2 th {
	padding:5px 10px;
	border:solid 1px #cccccc;
	background:#e2f7e9;
	text-align:left;
}

table.hstb2 td {
	padding:5px 10px;
	border:solid 1px #cccccc;
}

.linkbox{
	background:url(../img/common/dotline1.gif) repeat-x;
	margin:30px 0 10px;
	padding-top:10px;
	font-weight:bold;
}

ul.listbtns {
	background:#ffffea;
	border:solid 2px #ffcc66;
	padding:10px 15px 8px 15px;
}
ul.listbtns li {
	background:url(../img/common/arrow1.gif) no-repeat 0 3px;
	padding-left:14px;
	margin-bottom:5px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
}
/*------ //common class E N D ------*/