/***********************************
*	レイアウト  *
***********************************/

#main_block{
	padding-top:110px;
	padding-bottom:200px;
}
#side_block{
	width:235px;
	float:left;
	background:#fff;
}
.content{
	width     :1080px;
	text-align: left;
	margin    : 0px auto 0px auto;
	padding   : 0px 0px;
	clear     : both;
}

/***********************************
*	HEADER  *
***********************************/

.content_hdr{
	width:1080px;
	text-align:left;
	margin:0px auto 0px auto;
	padding: 0px 0px;
	clear:both;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	height   :110px;
	background:#fff;
	z-index:999;
}
#fixedBox{
	background-color:#fff;
	height   :110px;
}
.content_hdr{
	width     :1080px;
	text-align:left;
	margin    :0px auto 0px auto;
}
header #logo {
	float  :left;
	margin :40px 0px 0px 0px;
	padding:0;
}
#global-nav_pc{
	float     : right;
	margin-top:30px;
	padding   : 0;
}
#global-nav_pc01{
	margin-bottom:15px;
	font-size    :80%;
	float     : right;
}
#global-nav_pc02{
	clear     : both;
	float     : right;
}
#global-nav_pc ul li{
	float: left;
}
#global-nav_pc01 li{
	padding-left :10px;
	padding-right:10px;
}
#global-nav_pc01 li:first-child,
#global-nav_pc01 li:nth-child(2){
	border-right :1px solid #000;
}
#global-nav_pc02 li{
	padding-left :40px;
	padding-right:10px;
}
#global-nav_sp{
	display:none;
}
header #nav-btn {
	display: none;
}

/***********************************
*	FOOTER	*
***********************************/

footer{
	clear:both;
}
footer .content{
	border-top:1px solid #D5D5D5;
	color:#656565;
	text-align:center;
	font-size:80%;
	padding:100px 0px 70px 0px;
}
.footer_logo{
	margin-bottom:50px;
}
.footer_txt{

}
#footer{  
	height: 0;   
	clear: both;   
	visibility: hidden;  
}

/***********************************
*	PAGE	*
***********************************/

.center_block{
	text-align  :left;
	margin-left :auto;
	margin-right:auto;
}
.page_index{

}
.page_index_menu{
	width:240px;
	float:left;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.5);
	margin-bottom:60px;
	margin-right :70px;
}
.page_index_menu:nth-child(3n) {
	margin-right : 0px;
}
#page-nav li{
	float        :left;
	padding-left :15px;
	padding-right:15px;
}
#page-nav2 li{
	float        :left;
	padding-left :10px;
	padding-right:10px;
}
#page-nav3 li{
	float        :left;
	padding-left :15px;
	padding-right:15px;
}
#page-nav4 li{
	float        :left;
	padding-left :20px;
	padding-right:20px;
}

/***********************************
*	company	*
***********************************/

/* -----理念 ----- */

.company_idea_left{
	padding-left : 0px;
	padding-right:60px;
}
.company_idea_right{
}

/* -----沿革 ----- */

.company_history{
	background-repeat:repeat-y;
	padding          : 0px 0px 0px 0px;
}
.company_history_left{
	background-image : url(http://qvos.jp/shokkyo.co.jp2/img/company/history/border.png);
	background-repeat: repeat-y;
	width        :180px;
	line-height  :2.5;
	font-size    :100%;
}
.company_history_center{
	width        :170px;
	line-height  :2.5;
	font-size    :85%;
}
.company_history_right{
	width        :510px;
	line-height  :2.5;
	font-size    :85%;
}
.company_history_right div{
	margin-top   :30px;
}
.company_history_right div:before{
	content      :"▲ ";
	color        :#E50012;
}
.company_history_left span{
	color        :#E50012;
}
.company_history_left span:before{
	content      :"■ ";
}
#history-nav{
	margin-bottom:50px;
}
#history-nav li{
	float        :left;
	padding-left :15px;
	padding-right:15px;
	color        :#E50012;
}
#history-nav li:before {
	content      :"■ ";
}
#history-nav,
#history1950,
#history1970,
#history1990,
#history2000{
    margin-top:-160px;
    padding-top:160px;
}

/* -----概要 ----- */

.table_data{
	border-top   : 1px solid #C7C7C8;
	line-height  : 2.5;
}
.table_data .th{
	background   : #F7F5F0;
	padding      : 10px 30px;
	width        : 220px;
	border-right : 1px solid #C7C7C8;
	border-bottom: 1px solid #C7C7C8;
}
.table_data .td{
	padding      : 10px 30px;
	width        : 520px;
	border-bottom: 1px solid #C7C7C8;
}

.access_gmap{
	width        :1080px;
	height       :520px;
}

/* -----事業所 ----- */

.table_network{
	border-top   : 1px solid #C7C7C8;
	line-height  : 1.8;
}
.table_network .th{
	background   : #F7F5F0;
	padding      : 10px 30px;
	width        : 220px;
	border-right : 1px solid #C7C7C8;
	border-bottom: 1px solid #C7C7C8;
	height       : 50px;
}
.table_network .td{
	padding      : 10px 30px;
	width        : 520px;
	border-bottom: 1px solid #C7C7C8;
	height       : 50px;
	position     : relative;
}
.table_network .td img{
	position     : absolute;
	right        : 20px;
	bottom       : 20px;
}


/***********************************
*	company	*
***********************************/

.contribution02_left{
	padding-right:60px;
}
.contribution02_right{

}
.contribution04_left{
	padding-right:40px;
}
.contribution04_right{

}
.contribution_news_area{
	margin-bottom:80px;
	border       :2px solid #DCDCDC;
	background   :#FAFBFB;
	padding      :10px 30px 30px 30px;
}
.contribution_news_area .table{
	width         :800px;
}
.contribution_news_area .table-cell{
	border-bottom :1px dotted #DCDCDC;
	line-height   :1.8;
	padding-top   :25px;
	padding-bottom:10px;
}
.contribution_news_area_dt{
	padding-left  : 20px;
	width         :100px;
}
.contribution_news_area_tt{
	padding-left  : 20px;
	width         :600px;
}
.contribution_news_area_ic{
	padding-left  : 40px;
	width         : 60px;
}
.contribution04_txt{
	margin-top    :170px;
}

/***********************************
*	business	*
***********************************/

.business_bg_block{
	background-image : url(http://qvos.jp/shokkyo.co.jp2/img/business/rice/bg05.png);
	background-repeat: repeat;
}
.business_btn{
	width     : 603px;
	text-align: left;
	margin    : 0px auto 0px auto;
}
.business_btn .table-cell{
	border    : 1px solid #231815;
}

/* -----電気チェック01 ----- */

.electrical_check01{
	width          : 430px;
	text-align     : left;
	margin         : 0px auto 0px auto;
}
.electrical_check01 .table-cell{
	padding        : 30px 10px;
	vertical-align : middle;
}
.electrical_check01 .th{
	font-size      : 110%;
}
.electrical_check01 .td{

}
.electrical_check01	input[type="text"] {
	padding   : 10px; 
	width     : 220px;
	border    : solid 1px #DCDDDD; 
	background: #EFEFEF;
	font-size : 200%;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}

.electrical_btn01{
	width          : 460px;
	text-align     : left;
	margin         : 30px auto 0px auto;
}
.electrical_btn01 button{
	border         : none;
}

/* -----電気チェック02 ----- */

.electrical_check0201{
	width            : 502px;
	height           : 191px;
	text-align       : left;
	margin           : 40px auto 0px auto;
	background-image : url(http://qvos.jp/shokkyo.co.jp2/img/business/electrical/check/bg02_01.png);
	background-repeat: no-repeat;
}
.electrical_check0201_in{
	text-align   : right;
	padding-top   : 110px;
	margin-right : 200px;
	font-size     : 430%;
}

.electrical_check0202{
	width            : 502px;
	height           : 206px;
	text-align       : left;
	margin           : 80px auto 0px auto;
	background-image : url(http://qvos.jp/shokkyo.co.jp2/img/business/electrical/check/bg02_02.png);
	background-repeat: no-repeat;
}
.electrical_check0202_in{
	text-align   : right;
	padding-top   :  80px;
	margin-right : 200px;
	font-size     : 430%;
}


/***********************************
*	recruit	*
***********************************/

.recruit_faq_block{
	border-top   : 2px solid #B5B5B6;
	line-height  : 1.8;
}
.recruit_faq_block ul{
	border-bottom: 1px solid #B5B5B6;
	padding      : 20px 30px;
	border-bottom: 1px solid #B5B5B6;
}
.recruit_faq_block ul:last-child{
	border-bottom: 2px solid #B5B5B6;
}
.recruit_faq_block ul li:first-child{
	background-image: url(http://qvos.jp/shokkyo.co.jp2/img/recruit/faq/icon_q.png);
	background-positon: left center;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom:10px;
	min-height:29px;
}
.recruit_faq_block ul li:last-child{
	background-image: url(http://qvos.jp/shokkyo.co.jp2/img/recruit/faq/icon_a.png);
	background-positon: left center;
	background-repeat: no-repeat;
	padding-left: 35px;
	margin-bottom:10px;
	min-height:29px;
}

/* -----voice ----- */

.recruit_voice_index_menu{
	width        :400px;
	float        :left;
	margin-bottom:60px;
	font-size    :140%;
}
.recruit_voice_index_menu img{
	margin-bottom:15px;
}
.recruit_voice_index_menu:nth-child(even){
	margin-left : 30px;
}
.recruit_voice_index_menu:nth-child(odd) {
	margin-right: 30px;
}
.recruit_voice_index_menu a {
	text-decoration: none;
	color:#E50012;
}
.recruit_voice_index_menu a:hover {
	text-decoration: underline;
}
.recruit_voice_left{
	padding-left : 0px;
	padding-right:80px;
}
.recruit_voice_right{
}
.voice_title{
	color        :#E50012;
	font-size    :130%;
	line-height  :180%;
	margin-bottom:25px;
}
.voice_txt{
	line-height  :180%;
	margin-bottom:55px;
}

/* -----voice ----- */

.voice_schedule{
	background-image :url(http://qvos.jp/shokkyo.co.jp2/img/recruit/voice/border01_02.png);
	background-repeat:no-repeat;
	padding          :30px 0px 0px 0px;
}
.voice_schedule_left{
	background-image : url(http://qvos.jp/shokkyo.co.jp2/img/recruit/voice/border01.png);
	background-repeat:repeat-y;
	width         :50px;
}
.voice_schedule_left02{
	width         :50px;
}
.voice_schedule_center{
	width        :74px;
	padding-top  : 5px;
}
.voice_schedule_right{
	width        :100%;
	line-height  :1.8;
	font-size    :85%;
	padding-left :10px;
	padding-top  : 4px;
}
.voice_schedule_left   span,
.voice_schedule_left02 span{
	color        :#fff;
	background   :#E50012;
	padding      :10px 10px 10px 0px;
	width        :40px;
	text-align   :right;
	font-size    :70%;
	display      :block;
}
.voice_schedule_right span{
	color        :#E40011;
}

/* ----- voice ----- */

.sec_inner {
	margin: 0 auto;
}
#top_voice {
	padding:0px 0 100px;
}
@media (max-width:1080px) {
	#top_voice{
		width: 100%;
	}
}
.voice_section > .content {
    width:860px;
    margin: auto;
    padding:0px 30px 0px 30px;
}
@media (max-width:1080px) {
	.voice_section > .content{
		width: 100%;
		padding: 60px 0 40px 10px;
		background-position: center top;
	}
}
.voice_section#section_voice { overflow: hidden; }
.voice_section#section_voice .slide {
    position: relative;
}

.img_voice #section_voice .prev_button {
    position: absolute;
    top : 100px;
    left:-100px;
}

.img_voice #section_voice .next_button {
    position: absolute;
    top  : 100px;
    right: -100px;
}
@media (max-width:650px) {
	.img_voice  #section_voice .prev_button{
    	position: absolute;
    	top: 30px;
    	left:0px;
	}
}
@media (max-width:650px) {
	.img_voice  #section_voice .next_button{
    	position: absolute;
    	top: 50px;
    	right:30px;
	}
}
.img_voice #section_voice .prev_button.hidden,
.img_voice #section_voice .next_button.hidden {
    display: none;
}

.img_voice #section_voice  .slide li {
    float: left;
    width: 265px;
    padding-right:25px;
}
.img_voice #section_voice  .slide .slide li img{
    width: 265px;
}
.img_voice #section_voice .slide ul {
    width: 1200px;
}

.voice_section#section_voice .slide .title {
    font-size:130%;
    font-weight:bold;
    padding:10px 0 10px 0;
}
#top_voice a {
	text-decoration: none;
	color:#E50012;
}
#top_voice a:hover {
	text-decoration: underline;
}

/***********************************
*	商品情報	*
***********************************/

.pro_table{
	margin-top   : 10px;
	margin-bottom:100px;
}
.pro_table .th{
	padding-right :  20px;
	padding-bottom:100px;
}
.pro_table .td{
	position      : relative;
	width         : 180px;
	padding-right : 30px;
	padding-bottom:100px;
}
.pro_table .th img{
	border       :1px solid #BEC5BF;
}
.pro_cat{
	font-size    :90%;	
	margin-bottom:5px;
	font-family  : "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
}
.pro_tit{
	font-size    :120%;
	margin-bottom:10px;
	font-family  : "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	line-height  :1.4;
}
.pro_txt{
	font-size    :80%;	
	line-height  :1.8;
}
.pro_icon01{
	position     : absolute;
	margin-bottom: 150px;
	bottom       : 0;
}
.pro_btn{
	position     : absolute;
	margin-bottom: 100px;
	bottom       : 0;
	border       : 1px solid #000;
}


/* ----- fuel ----- */

.img_fuel #section_voice .slide li {
    float: left;
    width: 380px;
    padding-right:25px;
}
.img_fuel #section_voice .slide .slide li img{
    width: 380px;
}
.img_fuel #section_voice .slide ul {
    width: 2200px;
}

.img_fuel #section_voice .prev_button {
    position: absolute;
    top :  70px;
    left:-100px;
}

.img_fuel #section_voice .next_button {
    position: absolute;
    top  :   70px;
    right: -100px;
}
@media (max-width:650px) {
	.img_fuel #section_voice .prev_button{
    	position: absolute;
    	top: 30px;
    	left:0px;
	}
}
@media (max-width:650px) {
	.img_fuel #section_voice .next_button{
    	position: absolute;
    	top: 50px;
    	right:30px;
	}
}
.img_fuel #section_voice .prev_button.hidden,
.img_fuel #section_voice .next_button.hidden {
    display: none;
}