@charset "UTF-8";

/*----------------------------------------------------
鼓月について
----------------------------------------------------*/

h6{
	margin:0px 0px 0px 0px;
	text-align:center;
}

/*右ナビ*/
.navi {
	width:180px;
	height:302px;
	float:left;
	text-align:left;
	background:url(../img/bg_navi.gif) no-repeat;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.navi img {
	margin:0px 0px 0px 12px;
}

.go_onlineshop {
	float:left;
	padding: 10px 0 0 0;
}
.go_onlineshop a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

/*企業理念ナビ*/
.rinen{
	width:347px;
	float:left;
}
.rinen a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}


/*バナー*/
.banner {
	float: right;
	width: 320px;
}
.banner img {
	margin-bottom: 10px;
}
.banner a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.sec_yt{
	padding:25px;
	border:#cecece 1px solid;
	margin:15px;
}
.sec_yt .yt{
	margin-top:25px;
	position: relative;
	width: 100%;
	height: 0;
	/*padding-top: 30px;*/
	padding-bottom: 56.25%;
	overflow: hidden;
}
.sec_yt .yt iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.table_01{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table_01 th,
.table_01 td{
	padding: 7px 18px;
}
.table_01 th{
	color: #00324e;
	font-weight: bold;
	border-bottom: 1px solid #00324e;
}
.table_01 tr{
	border-bottom: 1px solid #CCCCCC;
}
.table_01 tr.rowspan{
	border-bottom: 1px dotted #CCCCCC;
}
.table_01 .td_h{
	font-weight: bold;
}



/*----------------------------------------------------
ごあいさつ
----------------------------------------------------*/
.cont {
	width:690px;
	float:left;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}

/*----------------------------------------------------
カスタマーハラスメント
----------------------------------------------------*/
.cont_box ul li {
	margin: 10px 0px 10px 0px;
}
.cont_box > ul > .cont_ul {
	padding: 0px 0px 10px 20px;
}

/*----------------------------------------------------
プライバシーポリシー
----------------------------------------------------*/
.cont p {
	width:690px;
	float:left;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	font-size:120%;
	color:#00324e;
}

.cont_box {
	width:670px;
	float:left;
	text-align:left;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 20px;
	border-bottom:1px dotted #cccccc;
}

.cont_box .cont_ul li {
	padding-left: 15px;
	background: url(../../global_cmn/img/maru.gif) no-repeat 0 4px;
	_background: url(../../global_cmn/img/maru.gif) no-repeat 0 6px;
	*background: url(../../global_cmn/img/maru.gif) no-repeat 0 6px;
}


/*----------------------------------------------------
企業理念
----------------------------------------------------*/
/*画像*/
.pic{
	width:310px;
	float:left;
	text-align:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*文章*/
.txt {
	width:390px;
	float:left;
	text-align:left;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	color:#333333;
}

.txt p {
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 0px;
}

.txt p.read {
	margin:0px 0px 8px 0px;
	padding:20px 0px 0px 0px;
	color:#00324e;
}

.waku {
	width:716px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:1px 1px 1px 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color:#ffffff;
}

.waku_i {
	width:714px;
	float:left;
	border-style: solid;
	border-width: 1px;
	border-color: #e5e5e5;
	background-color:#ffffff;
	background:url(../img/ttt.gif) no-repeat 12px 15px;
}

.waku_box {
	width:560px;
	margin:15px 0px 0px 140px;
	text-align:left;
}

.menubox {
	width:560px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

.menubox ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 3px 20px;
	background: url(../../global_cmn/img/arrow.gif) no-repeat 0 6px;
	border-bottom:1px dotted #cccccc;
	color:#666666;
}


/*----------------------------------------------------
会社概要
----------------------------------------------------*/
.corp {
	width:660px;
	float:left;
	text-align:left;
	margin:20px 0px 30px 0px;
	padding:0px 0px 0px 30px;
}

.corp dl{
	width:660px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

.corp dt{
	width:118px;
	float:left;
	text-align:left;
	padding:7px 0px 0px 12px;
	color:#00324e;
	font-weight:bold;
	border-top:1px solid #00324e;
}

.corp dd{
	width:502px;
	float:left;
	text-align:left;
	padding:7px 0px 0px 28px;
	border-top:1px solid #CCCCCC;
}

.his {
	width:660px;
	float:left;
	text-align:left;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}

.his dl{
	width:660px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	border-top:1px dotted #CCCCCC;
}

.his dt{
	width:65px;
	float:left;
	text-align:left;
	padding:5px 0px 0px 12px;
	color:#00324e;
	font-weight:bold;
}

.his dd.mo{
	width:40px;
	float:left;
	text-align:right;
	font-weight:bold;
	padding:5px 0px 0px 0px;
}

.his dd{
	width:502px;
	float:left;
	text-align:left;
	padding:5px 0px 0px 41px;
}

/*----------------------------------------------------
採用情報
----------------------------------------------------*/
.otoi {
	width:640px;
	float:left;
	margin:10px 0px 0px 30px;
	_margin:10px 0px 0px 15px;
	padding:20px 0px 20px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color:#ffffff;
}

.otoi p {
	margin:0px 0px 3px 0px;
	padding:5px 0px 0px 0px;
	color:#00324e;
}
dd.r_block_flt{


	}
.txt_bld_right{
	border-left:medium 1px #CCCCCC;
	padding-left:80px;
	}
.corp p.txt_bld{
	font-weight:bold;
	padding-right:20px;
	float:left;
	width:50px;
	border-right:#CCCCCC 1px dotted;
	color:#00324e;
	}


.rec{
	overflow:hidden;
}
.rec ul.ul_link{
	border-top:#cccccc 1px solid;
	margin-top:20px;
}
.rec ul.ul_link li{
	border-bottom:#cccccc 1px solid;
}
.rec ul.ul_link li a{
	background:url(../img/recruit/a.gif) no-repeat left center;
	padding:12px 15px;
	display:inline-block;
	text-decoration:none;
}
.rec ul.ul_link li a:hover{
	text-decoration: underline;
}
.rec ul.ul_link li a.blank{
	background:url(../img/recruit/a_bli.gif) no-repeat left center;
}
.rec ul.ul_link li a span{
	font-size:0.75em;
}


.rec .i{
	float:right;
	margin-left:40px;
	width:244px;
}
.rec .i img{
	padding:1px;
	border:#cccccc 1px solid;
}

.cycle-slideshow {
	width:244px;
	height:354px;
}
.cycle-slideshow .slide {
	width:244px;
	height:354px;
  position: relative;
  overflow: hidden;
}
.cycle-slideshow .cycle-pager  {
  text-align: right;
  position: absolute;
	width:244px;
  top: 5px;
  z-index: 5000;
}
.cycle-slideshow .cycle-pager span {
  font-size: 0;
  width: 10px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  border-radius: 50px;
  background: #d3bf68;
  margin-right: 5px;
}
.cycle-slideshow .cycle-pager span:hover, .cycle-slideshow .cycle-pager span.cycle-pager-active {
  background: #00324e;
}
/*.cycle-slideshow .cycle-pager span + span {
  margin-left: 8px;
}
.cycle-slideshow .prev,
.cycle-slideshow .next {
  font-size: 0;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -25px;
  transition: 0.5s;
  width: 50px;
  height: 50px;
  transition: 0.5s;
  border-radius: 25px;
  background: #00324e;
  z-index: 50000;
  cursor: pointer;
	display:none;
}
.cycle-slideshow .prev:hover,
.cycle-slideshow .next:hover {
  background: #00324e;
}
.cycle-slideshow .prev {
  left: 25px;
}
.cycle-slideshow .next {
  right: 25px;
}

*/





.rec .p{
	overflow:hidden;
}

.rec .bt{
	clear:both;
}
.rec .bt li{
	border:#c45e0b 1px solid;
	margin-left:50px;
	margin-right:50px;
}
.rec .bt li a{
	border:#f4b581 1px solid;
	text-align:center;
	background:#ed791b;
	display:block;
	padding:20px;
	color:#fff;
	font-size:1.4em;
	font-weight:bold !important;
	text-decoration:none;
}
.rec .bt li:hover{
	filter:alpha(opacity=50); opacity:0.5;
}
.rec .bt li a span{
	display:inline-block;
	padding-left:21px;
	background:url(../img/recruit/a_b.gif) no-repeat left center;
}

.rec .wa{
	border:#cccccc 3px double;
	padding:15px 0px 20px;
	background:#fff;
}
.rec .wa p{
	text-align:center;
}
.rec .wa h6{
	font-weight:bold;
	text-align:center;
	font-size:1.8em;
	line-height:1.8;
	color:#00324e;
}
.rec .wa p strong{
	color:#990000;
	font-size:1.4em;
}

.rec .wa_bg{
	padding:50px 0;
	background:url(../img/recruit/flo2.gif) no-repeat center 10px;
}
.rec .wa_bg .wa_side{
	width:300px;
	margin-left:auto;
}


.rec .t_center{
	text-align:center;
}

.rec a.blank{
	background:url(../img/recruit/a_bli.gif) no-repeat 2px center;
	padding-left:12px;
}
.rec a.pdf{
	background:url(../img/recruit/a_pdf.gif) no-repeat 2px center;
	padding-left:18px;
}


.rec .bt_bnr a:hover img{
	filter:alpha(opacity=50); opacity:0.5;
}


.rec .sec_pa{
	/*border: #e5e5e5 1px solid;
	border: #cccccc 1px solid;
	padding: 20px;
	margin-top: 30px;*/
}

.rec .sec_pa h6{
	text-align: left;
}

.rec .sec_pa h6.h_area_t{
	margin-bottom: 10px;
}
.rec .sec_pa ul{
	display: flex;
	margin-top: 25px;
}
.rec .sec_pa ul li a{
	background:url(../img/recruit/a.gif) no-repeat left center;
	display: inline-block;
	padding-left: 15px;
	font-size: 1.2em;
}
.rec .sec_pa ul li+li{
	margin-left: 30px;
}

.rec .sec_pa h6.h_area{
	margin-top: 30px;
	margin-bottom: 10px;
}

.rec .sec_pa table{
	width: 100%;
	border-top: #e5e5e5 1px solid;
	border-top: #cccccc 1px solid;
}
.rec .sec_pa table .pa_tw1{
	width: 160px;
}
.rec .sec_pa table .pa_tw2{
	width: 120px;
}
.rec .sec_pa table .pa_tw3{
	width: 80px;
}
.rec .sec_pa table .pa_tw1,
.rec .sec_pa table .pa_tw2,
.rec .sec_pa table .pa_tw3,
.rec .sec_pa table .pa_tw4{
	color: #9f9f9f;
}
.rec .sec_pa table th{
	color: #00324e;
	font-weight: bold;
}
.rec .sec_pa table th,
.rec .sec_pa table td{
	padding: 7px 0;
}
.rec .sec_pa table th,
.rec .sec_pa table td{
	border-bottom: 1px dotted #CCCCCC;
}










/******************************************************************************
サイトマップ
******************************************************************************/
.top404 {
	width:120px;
	float:left;
	margin:35px 0px 0px 0px;
	text-align:left;
}

.box404 {
	width:600px;
	float:left;
	margin:30px 0px 0px 0px;
	text-align:left;
}

.box404 dl{
	width:600px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
}

.box404 dl.wh{
	width:600px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #ffffff;
}

.box404 dt{
	width:190px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
}

.box404 dd{
	width:205px;
	float:left;
	text-align:left;
	padding:0px 0px 5px 0px;
}

.box404 dd.line{
	width:205px;
	float:left;
	text-align:left;
	padding:2px 0px 5px 0px;
	border-bottom:1px solid #CCCCCC;
}

/*----------------------------------------------------
お客様の声
----------------------------------------------------*/
.voice{
	clear:both
}

.voice a{
	color:#001983;
}

.voice .div_v_w{
	border-top:#cccccc 1px solid;
	padding-top:15px
}

.voice .div_v{
	margin-bottom:15px;
	padding:0px 10px 15px;
	border-bottom:#cccccc 1px solid;
}
.voice .div_v p{
	/*text-indent:1em;*/
	line-height:1.6em;
	font-size:1.2em;
}

.voice .div_v_n p{
	font-size:0.9em;
	padding-top:5px;
	/*text-indent:1.4em;*/
}

.voice .accordion_head{
	width:180px;
	height:41px;
	margin:30px auto;
	cursor:pointer;
}
.voice .accordion_head:hover {
	filter:alpha(opacity=50); opacity:0.5;
}





/*----------------------------------------------------
recycle
----------------------------------------------------*/
.recycle p{
	width:660px;
	margin:auto;
	text-indent:1em;
	margin-bottom:1em;
}
.recycle table{
	margin:auto;
	margin-top:3em;
}
.recycle table td{
	padding:5px 0px;
}






.bt_a:hover{
	filter:alpha(opacity=50); opacity:0.5;
}