@charset "utf-8";
/*
Theme Name: So-ken
Theme URI: http:////soken-rental.onamae.jp/wp/wp-content/themes/so-ken
Description: COMPANY official theme
*/
/* CSS Document */

/* リセットcssここから */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration: none; }

img{
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* リセットcssここまで */

/* 基本cssここから */
body, html {
    height: 100%;
}

body{
	background: #ffffff;
	color: #444444;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ","Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.5em;
}

@media screen and (min-width: 1021px){ /*PC用*/
	body{ font-size: 17px; }
}

@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	body{ font-size: 16px; }
}

@media screen and (max-width: 767px){ /*スマホ用*/
	body{ font-size: 17px; }
}

/*@media screen and (max-width: 1020px) and (min-width: 768px) {タブレット用テスト
	body{ background: #000000; }
}*/

img {
	max-width: 100%;
}

table {
	width: 100%;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {
	clear: both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

* {  
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/*見出し用*/
h1{	line-height: 1.5em; font-weight: bold; }
@media screen and (min-width: 1021px){ /*PC用*/
	h1{	font-size: 1.8em; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	h1{	font-size: 1.7em; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	h1{	font-size: 1.7em; }
}

#h1_company{ background:url(images/effort_main.jpg) no-repeat center; }
#h1_security{ background:url(images/security_main.jpg) no-repeat center; }
#h1_adoption{ background:url(images/adoption_main.jpg) no-repeat center; }
#h1_office{ background:url(images/office_main.jpg) no-repeat center; }
#h1_news{ background:url(images/news_main.jpg) no-repeat center; }
#h1_product{ background:url(images/product_main.jpg) no-repeat center; }
#h1_privacy{ background:url(images/security_main.jpg) no-repeat center; }

#h1_career{ background:url(images/adoption_main07.jpg) no-repeat center; }
#h1_newgraduate{ background:url(images/adoption_main07.jpg) no-repeat center; }

#h1_company, #h1_security, #h1_adoption, #h1_career, #h1_newgraduate, #h1_office, #h1_news, #h1_product, #h1_privacy{
	width: 100%;
	height: 300px;
	padding-top: 100px;
	background-size:cover;
}

#h1_box{
	padding: 20px;
	max-width: 1000px;
	margin: auto;
	color: #FFFFFF;
}

h2{
	font-weight: bold;
	line-height: 1.5em;
}
@media screen and (min-width: 1021px){ /*PC用*/
	h2{	font-size: 1.8em; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	h2{	font-size: 1.7em; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	h2{	font-size: 1.7em; }
}

#h2_profile{
	width: 100%;
	height: 300px;
	padding-top: 100px;
	background-size:cover;
	background:url(images/company_main.jpg) no-repeat center;
}

#h2_box{
	padding: 20px;
	max-width: 1000px;
	margin: auto;
	color: #FFFFFF;
}

.h2_text{ line-height: 1.5em; padding-top: 0.7em; }

.box_white{	background-color: #ffffff; margin-top: 32px; }
.box_gray{ background-color: #424242; margin-top: 32px; }

.box_white_in{
	max-width: 1000px;
	padding: 0 20px;
	margin: auto;
}
.box_gray_in{
	max-width: 1000px;
	padding: 32px 20px 0 20px;
	margin: auto;
}

.box_gray .boxs{ color: #FFFFFF; }

.box_white a img{ display:block; border: solid 1px #ffffff; }
.box_white a img:hover { border: solid 1px #ff7800; }

.box_gray a img{ display:block; border: solid 1px #424242; }
.box_gray a img:hover { border: solid 1px #ffffff; }

/* 基本cssここまで */

/* レイアウト用cssここから */

.boxs div{
	margin-bottom: 32px;
}

.text_left {
	float: left;
	width: 32%;
	border-right: solid 2px #e0dede;
	padding: 0.5em 0;
}

.img_left{
	float: left;
	width: 32%;
}
.img_center_m{
	margin: 20px 0;
	
}
.text_right {
	float: right;
	width: 64%;
}

.box2_1 {
	width: 48%;
	float: left;
}

.box2_2 {
	width: 48%;
	float: right;
}

.box3_1 , .box3_2 , .box3_3 {
	width: 30%;
	float: left;
}

.box3_2 {
	margin-right: 5%;
	margin-left: 5%;
}

.box4_1 , .box4_2 , .box4_3 , .box4_4 {
	width: 22%;
	float: left;
}

.box4_2 {
	margin-left: 4%;
	margin-right: 4%;
}

.box4_3 {
	margin-right: 4%;
}

.note {
	background: #fcfcfc;
	padding: 8px 16px;
	margin: 16px 0;
}

.note p {
	margin: 0;
	padding: 4px 0;
}

.header_left {
	width: 48%;
	float: left;
}

.header_right {
	width: 48%;
	float: right;
}

@media screen and (max-width: 767px){
	.boxs div{
		width: 100%;
		margin: 0 0 24px;
		float: none;
	}
	.text_left {
	border-right : none;
	border-bottom : solid 2px #e0dede;
	}
	h2 br{ display:none; }
}

/* レイアウト用cssここまで */

/* 調整用 css */

.em08 { font-size: 0.8em; }
.b { font-weight: bold; }
.mtb_1em{ margin: 1em 0; }
.mt_1em{ margin-top: 1em; }

span.sup {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}
span.sub {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}



/* グローバルナビ */
#global_navi_back {
	width: 100%;
	background-color: #3b423e;
	color: #ffffff;
}

#global_navi {
	max-width: 960px;
	margin: auto;
}
#global_navi_logo{ float: left; }
#global_navi_menu{ float: right; }

#global_navi_menu a{
	font-size: 0.8em;
	color: #ffffff;
	background-color: #3b423e;
	display:block;
	height: 64px;
	width: 107px;
	text-align: center;
}

#global_navi_menu a:hover{
	color: #444444;
	background: #cccccc;
	font-weight: bold;
}

.fixed {/* 上部固定用 */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 1;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 60px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 3;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 2;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown ul li.line02 a{ /* 2行用 */
	line-height: 18px;
	padding: 10px 0 0 0 !important;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* スマホ用グローバルナビここから */
#global_navi_menu_sp{ display: none; }/*非表示*/

@media screen and (max-width: 767px){
	#global_navi_menu{ display: none; }
	#global_navi_menu_sp{ float:right; display:inline; }
	#global_navi_box_in{ position: relative; }
	
#global_navi_menu_sp {
    position: absolute;
    top: 0;
	right: 0;
	min-width: 270px;
}

#global_navi_menu_sp input#menuButton { display: none; }

/* アイコン画像切り替え */
#global_navi_menu_sp input[type="checkbox"]:checked + label div#open{ display: none; }
#global_navi_menu_sp input[type="checkbox"] + label div#close { display: none; }
#global_navi_menu_sp input[type="checkbox"]:checked + label div#close { display: block; }

#global_navi_menu_sp label{
    cursor: pointer;
    display: block;
    margin: 0;
    text-decoration: none ;
}

#global_navi_menu_sp label div{ float: right; }

ul#layerMenu {
	width: 100%;
    opacity: 0.9;
    margin: 0;
    padding: 0;
	border: solid 1px #000;
	background: #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

ul#layerMenu li{
    background: rgba(68,68,68,0.9);
    list-style: none;
    border-bottom: solid 1px #000;
    text-align: left;
	}
ul#layerMenu li:last-child{ border:0; }
ul#layerMenu li a{
    padding: 15px 50px 15px 30px;
    text-decoration: none;
    color: #ffffff;
    display: block;
}

#global_navi_menu_sp input[type="checkbox"] + label + ul#layerMenu { display: none; }
#global_navi_menu_sp input[type="checkbox"]:checked + label + ul#layerMenu { display: block; }

}
/* スマホ用グローバルナビここまで*/


/* トップページ */
#index_img{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 45%;
    background: url('images/top_main.jpg') 0 0 no-repeat;
    background-size: contain;	
}

@media screen and (max-width: 767px){
	#index_img{
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		padding-top: 45%;
		background: url('images/top_main_sp.jpg') 0 0 no-repeat;
		background-size: contain;
	}
}

#top_block01 .box3_1 h3, #top_block01 .box3_2 h3, #top_block01 .box3_3 h3{
	font-weight: bold ;
	line-height: 3.0em;
}

#top_block01 .box_sub{
	max-width: 296px;
	background-color: #f8f8f8;
	margin: auto;
	padding: 10px 16px;
}

#top_block01, #top_block02, #top_block03, #top_block04{
	margin-top: 32px;
}

#top_block02 .box3_1, #top_block02 .box3_2, #top_block02 .box3_3 {
	width: 32%;
	float: left;
}

#top_block02 .box3_2 {
	margin-right: 2%;
	margin-left: 2%;
}

@media screen and (max-width: 767px){
	#top_block02 .boxs div{
		width: 100%;
		margin: 0 0 24px;
		float: none;
	}
	
}


#top_block03 h2{ text-align: center; font-style: italic; }
#top_block03 h2.top_block03_left{ text-align: left; font-style: italic; border-bottom : solid 2px #e0dede; margin-bottom:1.0em; }/* レイアウトサンプル */

#top_block03 dt{  font-weight: bold; }
#top_block03 dt a:hover{ text-decoration: underline; }

#top_block03 .news_next{ text-align: right; }
#top_block03 .news_next a{ color: #444444; font-weight: bold; }
#top_block03 .news_next a:hover{ text-decoration: underline; }

#top_block04 { margin-bottom: 32px; }
#top_block04 a { display:block; max-width: 960px; margin: auto; border: solid 1px #ffffff; }
#top_block04 a:hover { border: solid 1px #ff7800; }

#top_block05 { margin: 32px auto; max-width: 960px; }
#top_block05 img{
float: left;
padding-left: 23%;
}
#top_block05 p{
float: right;
line-height: 46px;
padding-right: 16%;
}
#top_block05 a { color: #333333; }
@media screen and (max-width: 820px){ /*スマホ用*/
#top_block05 img, #top_block05 p{ float:none !important; text-align:center; padding:0; }
#top_block05 p{ line-height: 1.5em; }
}

/* フッター */

#container{ min-height: 100%; }
#main_contents{	padding-bottom: 170px; }

#footer{
	margin-top: -170px;
	height: 170px;
	width: 100%;
	background-color: #24272d;
	color: #ffffff;
	font-size: 0.8em;
}

#company_address{
	height: 120px;
	max-width: 960px;
	margin: auto;
	color: #ffffff;
	padding-top: 1.5em;
}

#footer_link{ float: right; }
#footer_link a{ color: #ffffff; }

#footer_bnr{ margin-bottom:60px;  }


@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#footer_link{ float: right; padding-right: 10px; }
	#company_address{ padding-left: 10px; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	#footer_link{ float: none; text-align: right; }
	#company_address{ padding-left: 20px; padding-right: 20px; height: 150px; }
	#main_contents{	padding-bottom: 200px; }
	#footer{ margin-top: -200px; height: 200px; }
}

#company_name{ font-weight: bold; }

#site_copy{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #2b2e35;
	color: #ffffff;
	text-align: center;
}

/* 会社概要 */
table#company{
	width: 100%;
	margin: 32px 0;
}
table#company th{
	width: 30%;
	font-weight: bold;
	border-right: solid 2px #e0dede;
	text-align: right;
	padding: 10px;
}
table#company td{
	padding: 10px;
}

/* 取組 */
#effort_block .text_left {
	height: 60px;
}

#effort_block .box3_1 p, #effort_block .box3_2 p,#effort_block .box3_3 p{
	padding: 10px 0 0 10px;
	
}

@media screen and (max-width: 767px){ /*スマホ用*/
	#effort_block .box3_1 p, #effort_block .box3_2 p,#effort_block .box3_3 p{ text-align: center; }
}

/* 営業所案内 */
.h2_office{ line-height: 1.5em; padding: 0.8em; margin-bottom: 32px; }
#office{ margin-bottom: 32px; }

#office .box_lead{
	padding: 0 20px;
	max-width: 900px;
	margin: 32px auto;
	font-weight: bold;	
}
#office h2{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;

}
#office h2.lay01{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: solid 2px #e0dede;
}
#office .text_left p{ font-weight: bold; }

.btn-ani {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #9ec34b;
  border: 2px solid #9ec34b;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  margin-top: 32px;
  border-radius: 2px;
  position: relative;
}

.btn-ani span {
  position: relative;
  z-index: 1;
}

.btn-ani::before,
.btn-ani::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-ani::before {
  left: 0;
}
.btn-ani::after {
  right: 0;
}

.btn-ani:hover:before,
.btn-ani:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-ani:hover {
  color: #FFF;
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#office .boxs .box2_1 img{ width: 340px; height: 226px; }
	#office .boxs .box2_2 img{ width: 340px; height: 226px; }
	#office h2.lay01{
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: solid 2px #e0dede;
	margin-top: 64px;
}
	#office .h2_office{
	text-align: left;
	line-height: 1.5em;
	padding-top: 0.7em;

}
	.iframe { width: 340px; height: 226px; }

}

@media screen and (max-width: 767px){ /*スマホ用*/
	#office .boxs .box2_1, #office .boxs .box2_2{ text-align: center; }
	#office .boxs .box2_1 img{ width: 100%; }
	#office .boxs .box2_2 img{ width: 100%; }
	#office h2.lay01{ 
	text-align: left;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: solid 2px #e0dede;
	margin-top: 64px;
}
	#office .h2_office{
	text-align: left;
	line-height: 1.5em;
	padding-top: 0.7em;

}
.iframe {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
.iframe-wrapper {
	position: relative;
	width: 100%;
	padding: calc(266 / 400 * 100%) 0 0; /* 縦横比 */
}
}

/* リース保障制度 */

#security table{
	width: 80%;
	margin: 16px auto;
}

@media screen and (max-width: 767px){ /*スマホ用*/
	#security table{ width: 100%; }
}

#security table th, #security table td{
	padding: 10px;
	border: solid 1px #444444;
}
#security table td.table_Lborder{
	border-left-style:none;
}
#security table td.table_last{
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#security .box_lead{
	padding: 0 20px;
	max-width: 900px;
	margin: 32px auto;
}

#security .boxs{ margin-top: 32px; }

#security h3{
	font-weight: bold;
	margin-top: 1.0em;
}

#security h4{
	font-weight: bold;
	margin: 1.0em 0;
}

#security .box_gray{ color:#FFFFFF; padding-bottom: 32px; }

.pdf_dl{ margin-top: 32px; }

.box_gray .pdf_dl, .box_gray .pdf_dl a{ color:#FFFFFF; }

.box_gray .pdf_dl a{ display:block; margin: 20px 0; }
.pdf_dl_arrow{ padding: 10px 14px; background-color: #FF0004; }
.pdf_dl_txt{ padding: 10px; background-color: #000000; }
.pdf_dl_txt:hover{ background-color: #FF0004; }


/* 採用情報 */
#adoption .contact{ text-align: right; }

#adoption h2.h2_border{ border-bottom : solid 2px #e0dede; margin-bottom:0.5em; }

#adoption h3{ font-weight: bold; }

@media screen and (min-width: 1021px){ /*PC用*/
	#adoption h3{ font-size: 1.8em; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#adoption h3{ font-size: 1.7em; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	#adoption h3{ font-size: 1.7em; }
}

#adoption h4{
	font-weight: bold;
	margin-top: 1.0em;
}

#adoption .box_gray{ background: #303030; padding-bottom: 10px; }
#adoption .box_gray .sub_box{ background: #4f4f4f; padding: 32px 20px 0 10px; margin-bottom: 32px; }

#adoption .box_gray a { color:#FFFFFF; border: none; }
#adoption .box_gray a:hover { text-decoration: underline; border: none; }

/* キャリア採用情報 */
#career .contact{ text-align: right; }

#career h2.h2_border{ border-bottom : solid 2px #e0dede; margin-bottom:0.5em; }

#career h3{ font-weight: bold; }

@media screen and (min-width: 1021px){ /*PC用*/
	#career h3{ font-size: 1.8em; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#career h3{ font-size: 1.7em; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	#career h3{ font-size: 1.7em; }
}

#career h4{
	font-weight: bold;
	margin-top: 1.0em;
}

#career .box_gray{ background: #303030; padding-bottom: 10px; }
#career .box_gray .sub_box{ background: #4f4f4f; padding: 32px 20px 0 10px; margin-bottom: 32px; }

#career .box_gray a { color:#FFFFFF; border: none; }
#career .box_gray a:hover { text-decoration: underline; border: none; }

#career table{
	width: 80%;
	margin: 16px auto;

}

@media screen and (max-width: 767px){ /*スマホ用*/
	#career table{ width: 100%; }
}

#career table th, #career table td{
	padding: 10px;
	border: solid 1px #ababab;
}
#career table td.table_Lborder{
	border-left-style:none;
}
#career table td.table_last{
	border-bottom: none;
	border-left: none;
	border-right: none;
}
/* 新卒採用情報 */
#newgraduate .contact{ text-align: right; }

#newgraduate h2.h2_border{ border-bottom : solid 2px #e0dede; margin-bottom:0.5em; }

#newgraduate h3{ font-weight: bold; }

@media screen and (min-width: 1021px){ /*PC用*/
	#newgraduate h3{ font-size: 1.8em; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#newgraduate h3{ font-size: 1.7em; }
	#newgraduate .img_center_m{
		width: 100%;
		margin: 20px 0;
		float: none;
	}
}
@media screen and (max-width: 767px){ /*スマホ用*/
	#newgraduate h3{ font-size: 1.7em; }
	#newgraduate .img_center_m{
		width: 100%;
		margin: 20px 0;
		float: none;
	}
}

#newgraduate h4{
	font-weight: bold;
	margin-top: 1.0em;
}

#newgraduate .box_gray{ background: #303030; padding-bottom: 10px; }
#newgraduate .box_gray .sub_box{ background: #4f4f4f; padding: 32px 20px 0 10px; margin-bottom: 32px; }

#newgraduate .box_gray a { color:#FFFFFF; border: none; }
#newgraduate .box_gray a:hover { text-decoration: underline; border: none; }

#newgraduate table{
	width: 80%;
	margin: 16px auto;

}


@media screen and (max-width: 767px){ /*スマホ用*/
	#newgraduate table{ width: 100%; }
}

#newgraduate table th, #newgraduate table td{
	padding: 10px;
	border: solid 1px #ababab;
}
#newgraduate table td.table_Lborder{
	border-left-style:none;
}
#newgraduate table td.table_last{
	border-bottom: none;
	border-left: none;
	border-right: none;
}




/* ニュース */
#news_block{
	max-width:960px;
	margin: 32px auto 32px auto;
	padding: 0 20px;
}

#news_block h2{ border-bottom : solid 2px #e0dede; margin: 32px 0; }

#news_block a{ color: #0000ff; }
#news_block a:hover { text-decoration: underline; }

#news_block table th{
	font-weight: bold;
	text-align: right;
	padding: 20px;
}

#news_block table td{ padding: 20px 0; }


/* 商品 */
#product_block{	margin-bottom: 32px; }

#product_page_feed{ width: 100%; text-align: center; font-size: 0.8em; }

#product_block h2{ border-bottom : solid 2px #e0dede; margin: 32px 0; }

#product_block .box2_1 { width: 40%; }
#product_block .box2_1 img{ width: 200px; }
#product_block .box2_2 { width: 60%; }

@media screen and (max-width: 767px){ /*スマホ用*/
#product_block .box2_1 { width: 100%; }
#product_block .box2_2 { width: 100%; }
}


#product_block a{ color: #444444; text-decoration: underline; padding: 10px; }
#product_block a:hover{ text-decoration: none; }



#product_block table{ width: 100%; margin: 32px auto; }
#product_block table th{ background: #dcdddd; }
#product_block table th, #product_block table td{ border: solid 1px #444444; text-align: center; }

.box_table{	background-color: #ffffff; margin-top: 32px; }
.box_table_in{ max-width: 1000px; margin: auto; }

@media screen and (min-width: 1021px){ /*PC用*/
	#product_block table th, #product_block table td{ padding: 10px; }
	#product_block table th{ width: 20%; }
	.box_table_in{ padding: 0 20px; }
}
@media screen and (max-width: 1020px) and (min-width: 768px) { /*タブレット用*/
	#product_block table th, #product_block table td{ padding: 10px; }
	#product_block table th{ width: 20%; }
	.box_table_in{ padding: 0 20px; }
}
@media screen and (max-width: 767px){ /*スマホ用*/
	#product_block table th, #product_block table td{ padding: 6px; font-size: 12px; }
	.box_table_in{ padding: 0 10px; }
}

/* メールフォーム */
#mail_block div{ margin:0; padding:0; }
#mail_block { line-height: 1.8em; }
#mail_block .mail_box{ margin-top: 0.5em; }
#mail_block .mail_item, #mail_block .mail_notice{ font-size: 0.8em; font-weight:bold; }
#mail_block .mail_item span, #mail_block .mail_notice span{ color: #FF0004; }
#mail_block input{ height: 30px; width: 100%; }
#mail_block textarea{ height: 100px; width: 100%; }


/* プライバシーポリシー */

#privacy_policy_box{ margin-bottom: 32px; }

#privacy_policy_box h2{ border-bottom : solid 2px #e0dede; margin-bottom:0.5em; }

#privacy_policy_box ol { margin: 1em 0; padding-left: 1.0em; list-style-type: decimal; }
#privacy_policy_box ul { margin: 1em 0; padding-left: 1.0em; list-style-type: disc; }
#privacy_policy_box span.h3_style{
	display: block;
	font-weight: bold;
	margin-top: 1.0em;
}

#privacy_policy_box strong{ font-weight: bold; }
#privacy_policy_box table td{ padding: 5px; border: solid 1px #444444; }


/* 指定書式ダウンロードー */
#dl_file { margin-bottom: 32px; }
#dl_file h2{ border-bottom : solid 2px #e0dede; margin-bottom:0.5em; }
#dl_file h3{display: block; font-weight: bold; margin-top: 1.5em;margin-bottom: 0.5em;}
#dl_file table {width: auto; padding: 5px;}


#dl_file a {display: block;	clear: both; margin: 5px;}
#dl_file a img {float: left; margin: 5px; }


#dl_file .dlfile dl  {
 background-color: #0363ad;/*#333333*/
 border: 1px solid #FFF;
 border-top: none;
width: 95%;/* width: 450px;*/
margin: 16px auto;
}
#dl_file .dlfile dt {
 color: #ccc;
 width: 7em;
 padding: 0.5em 0.5em 0.5em 1em;
 border-top: 3px solid #FFF;
 float: left;
}
#dl_file .dlfile dd  {
 background-color: #c3cee4;/*#e4e4e4*/
 margin: 0 0 0 7em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 3px solid #FFF;
 border-left: 1px solid #FFF;
}