@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
body {
	background:url(/shared/site_shokuninryugi/images/main/body_bg.gif) repeat left top;
}
* html body {
	text-align:center;
}
/* wrapper
============================== */
#tmp_wrap_wrapper {
	color:#FFFFFF;
	background-color:#131B0A;
	width:925px; /* 固定レイアウトの場合使用 */
	margin:0 auto;
}
* html #tmp_wrap_wrapper {
	text-align:left;
}
.format_top #tmp_wrapper {
		background:url(/shared/site_shokuninryugi/images/main/top_bg.jpg) no-repeat center top;
}
#tmp_wrap_wrapper table {
	color:#FFFFFF;
}
/* main
============================== */
#tmp_wrap_main {
	padding:10px 15px;
	clear:both; /* 変更しない */
}
.format_top #tmp_wrap_main {
	padding:20px;
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_nm {
	width:100%; /* 変更しない */
}
.wrap_col_lft_navi {
	float:left; /* 変更しない */
	position:relative; /* 変更しない */
	z-index:1; /* 変更しない */
}
.wrap_col_rgt_navi {
	float:right; /* 変更しない */
}
.column_full .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_lnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_rnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
/* top
============================== */
.format_top .column_full .wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.format_top .column_full .col_lft_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_top .column_full .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.format_top .col_main {
	margin:0; /* デザインによって変更 */
	padding:0 30px;
}
/* free
============================== */
.format_free .wrap_col_nm {
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .wrap_col_nm2 {
	margin-right:210px; /* デザインによって変更 */
}
.format_free .wrap_col_lft_navi {
	width:200px; /* デザインによって変更 */
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .col_lft_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_free .wrap_col_rgt_navi {
	width:200px; /* デザインによって変更 */
}
.format_free .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_free .column_full .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.format_free .column_lnavi .col_main {
	margin-left:210px; /* デザインによって変更 */
}
.format_free .column_rnavi .wrap_col_main {
	margin-right:-210px; /* デザインによって変更 */
}
.format_free .column_rnavi .col_main {
	margin-right:210px; /* デザインによって変更 */
}
.format_free .column_cnt .wrap_col_main {
	background:url(/shared/templates/site_shokuninryugi_free/images/main/main_bg_mdl.gif) repeat-y 50% 70px;
}
.format_free .column_cnt .wrap_col_main2 {
	background:url(/shared/templates/site_shokuninryugi_free/images/main/main_bg_top.gif) no-repeat 50% 0;
}
.format_free .column_cnt .col_main {
	background:url(/shared/templates/site_shokuninryugi_free/images/main/main_bg_btm.gif) no-repeat 50% 100%;
}
.format_free .column_cnt .col_main {
	margin:0; /* デザインによって変更 */
	padding:0 60px 50px;
}
/* ==================================================
header
================================================== */
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
/* pankuzu
============================== */
/* lnavi
============================== */
/* rnavi
============================== */
/* pnavi
============================== */
/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
/* plugin 変更しない
============================== */
.plugin {
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCCCCC;
	clear:both;
}
.plugin .plugin_img {
	margin:0 10px 0 0 !important;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
.plugin p {
	margin:0 !important;
}
/* ==================================================
banner
================================================== */
/* ==================================================
footer
================================================== */
#tmp_footer {
	font-size:0.1%;
	line-height:0.1;
	padding:5px 10px 10px;
	clear:both;
}
#tmp_fnavi {
	list-style:none;
}
.format_top #tmp_fnavi {
	padding:0 0 0 20px;
}
.format_free #tmp_fnavi {
	float:left;
	padding:0 0 0 65px;
}
.format_top #tmp_fnavi {
	padding:0 0 8px;
}
.format_top #tmp_fnavi li {
	margin-right:5px;
	float:left;
}
#tmp_fnavi li {
	margin-right:20px;
	float:left;
}
.format_top #tmp_footer_cnt {
	clear:both;
}
#tmp_warning {
	float:left;
	margin:10px 0 0 0;
}
#tmp_copyright {
	float:right;
	margin:10px 0 0 0;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_main:after,
.plugin:after,
#tmp_footer:after,
#tmp_fnavi:after,
#tmp_footer_cnt:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_contents,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_main,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html #tmp_footer,
*:first-child+html #tmp_fnavi,
*:first-child+html #tmp_footer_cnt,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3 {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_main,
* html .plugin,
* html .pnavi,
* html #tmp_footer,
* html #tmp_fnavi,
* html #tmp_footer_cnt,
* html div.col2,
* html div.fixed_col2,
* html div.col3 {
	height:1%; /* 変更しない */
}
/* ==================================================
social_plugins
================================================== */
#tmp_wrap_social_plugins {
	clear:both;
}
#tmp_social_plugins {
	float:right;
}
#tmp_social_plugins #tmp_twitter,
#tmp_social_plugins #tmp_facebook,
#tmp_social_plugins #tmp_update {
	float:left;
}
#tmp_social_plugins #tmp_update {
	margin-left:10px;
}
#tmp_social_plugins #tmp_twitter,
#tmp_social_plugins #tmp_facebook {
	padding:2px 0 0;
	line-height:0;
}
#tmp_social_plugins #tmp_twitter a.twitter-share-button {
	padding:0 10px 0 0;
	line-height:1.2;
}
#tmp_facebook #fb-root {
	display:none;
}
#tmp_wrap_social_plugins:after,
#tmp_social_plugins:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}
/* for IE7.0 */
*:first-child+html #tmp_wrap_social_plugins,
*:first-child+html #tmp_social_plugins {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_wrap_social_plugins,
* html #tmp_social_plugins {
	display:inline-block; /* 変更しない */
}
/*20170201追加対応分*/
#tmp_social_plugins .social_media_btn {
	float:left;
}
#tmp_social_plugins .twitter_btn {
    margin: 2px 2px 0px 0;
}
#tmp_social_plugins .facebook_btn {
    margin: 0;
}