@charset "utf-8";



#content * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#content img {
	max-width: 100% !important;
	height: auto !important;
}
/*フォントサイズ*/
body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 87.5%; /*14px*/
	letter-spacing: 0;
	color: #6c6c6c;
}
#wrap {
	font-size: 100%;
	color: #2E302E;
}
table {
	font-size:inherit;
}

.clearfix:after {
	content: " "; 
	display: block;
	height: 0.1px; 
	font-size: 0.1em; 
	clear: both;
	visibility: hidden;
}
*+html .clearfix{
  height:1%;
}
* html .clearfix,{
   height: 1%;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*共通*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
a {
	color: #040404;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.clear {
	clear: both;
}
.pd10 {
	padding: 10px;
}
.fl_r {
	float: right;
}
.fl_l {
	float: left;
}
.tx_ac {
	text-align: center;
}
.tx_ar {
	text-align: right;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター固定用css*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
html,
body {
	height:100%;
	margin:0;
	padding:0;
}
#wrap {
	position: relative;
	height: 100%;
	min-height: 100%;

}
body > #wrap {
	height: auto;
}
#footer {
	bottom: 0;
	width: 100%;
}
div#content {
	margin: 0 auto 20px auto;
	line-height: 1.875;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*レイアウト*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.inr {
	max-width: 980px;
	margin: 0 auto;
}
#wrap {
	background: url("/shared/site_syokunin/images/hed_bg.gif") repeat-x left top;
}
#main {

}
#main_box {
	width: 72%;
}
#side {
	width: 27%;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*ヘッダー*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#top_hed {
	width: 100%;
	max-width: 980px;
	height: 84px;
	margin: 0 auto;
}
#top_hed {
	position: relative;
	margin-bottom: 20px;
}
#logo {
	width: 307px;
	height: 63px;
	position: absolute;
	top: 19px;
	margin: 0;
}
#logo a {
	width: 307px;
	height: 63px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*グローバル*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

#g_navi {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #464646;
}
#g_navi ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#g_navi li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #b4b4b4;
	width: 19%;
}
#g_navi li a {
	display: block;
	padding: 10px;
	font-size: 85%;
}
#g_navi li#menu1 {
	width: 5%;
}
#g_navi li:hover {
	background: #b41e1e;
}
#g_navi li:hover a {
	background: #b41e1e;
	color: #ffffff;
}
p#sp_menu {
	display: none;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*文字サイズ*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
dl#tex_size {
	width: 185px;
	height: 21px;
	background: url("/shared/site_syokunin/images/tex_size.gif") no-repeat left top;
	position: absolute;
	right: 10px;
	top: 58px;
}
dl#tex_size dt {
	width: 113px;
	height: 21px;
	text-indent: -10000px;
	float: left;

}
dl#tex_size dd {
	width: 21px;
	height: 21px;
	float: left;
	margin-right: 3px;
}
dl#tex_size dd a {
	width: 21px;
	height: 21px;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*サイド*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/*動画で見る*/
#side_movie h2 {
	background: url("/shared/site_syokunin/images/grad_bk.gif") repeat-x left top #393939;
	color: #fff;
	padding: 10px 10px 10px 20px;
	margin-bottom: 10px;
}
/*サイドバナー*/
#side_bnr li {
	text-align: center;
	margin-bottom: 15px;
}
/*サイドナビ*/
#side_nav h1 {
	background: url("/shared/site_syokunin/images/side_nav_h.gif") no-repeat left top;
	width: 260px;
	height: 60px;
	text-indent: -10000px;
}
#side_nav ul {
	background: url("/shared/site_syokunin/images/side_nav.gif") no-repeat left top;
	height: 360px;
	margin-bottom: 10px;
}
#side_nav ul li {
	width: 260px;
	height: 45px;
}
#side_nav ul li a {
	width: 260px;
	height: 45px;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*フッター*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#footer {
	font-size: 12px;
	border-top: 5px solid #242424;
	background: url("/shared/site_syokunin/images/dot.gif") repeat left center;
}
#footer .inr {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	min-height: 120px;
	padding-top: 10px;
}
#footer .inr address {
	font-style: normal;
}
ul#ft_nav {
	text-align: left;
	margin-bottom: 10px;
}
ul#ft_nav li {
	display: inline;
}
a#pageTop {
	width: 115px;
	height: 48px;
	position: fixed;
	bottom: 46px;
	right: 15px;
	background: url("/shared/site_syokunin/images/btn_page_up.gif") no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	display: none;
	z-index: 99;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*パンくず*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
#syokunin_pankuzu {
	width: 100%;
	max-width: 980px;
	margin: 10px auto;
}
.syoku-underline {
	text-decoration: underline;
}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/*parts*/
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/

/* col2 ▼変更しない
============================== */
table.col2 {
	width:99%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col2 td.col2L,
table.col2 td.col2R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col2 td.col2L {
	width:50%;
	border-right-width:15px;
}
#tmp_main table.col2 td.col2L {
	border-right:15px solid #FFFFFF;
}
table.col2 td.col2R {
	width:50%;
}
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48.5%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0;
}
div.col2 div.col2 div.col2L {
	width:47.5%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47.5%;
}