@charset "Shift_JIS";


/*--------------------------------------
　背景設定｜TOP
--------------------------------------*/

body{
	background-image:url(../images/layout/back_images_top.png);
	background-repeat:repeat-x;
	}


#miyama {
	background-image:url(../images/layout/back_images_footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
	
/*--------------------------------------
　レイアウト｜大枠
--------------------------------------*/
#container {
	width:800px;
	margin:0 auto;
	font-size:1.25em;
	}


/*---------------------------------------------
ヘッダー｜大枠
---------------------------------------------*/
#header{
	padding:40px 0 30px;
	margin:0;
	height:50px;
	clear:both;
}


/*---------------------------------------------
ヘッダー【タイトル】
---------------------------------------------*/
#header h1 , h1 a {
	float:left;
	width:400px;
	height:50px;
	background-image:url(../images/layout/title.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}

/*---------------------------------------------
ヘッダー【右枠】
---------------------------------------------*/
#header #header_right{
	float:right;
	width:268px;
	height:50px;
	background-image:url(../images/layout/title_tel.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/*---------------------------------------------
トップイメージ
---------------------------------------------*/
#top_images {
	background-image:url(../images/layout/top.png);
	background-repeat:no-repeat;
	width:800px;
	height:303px;
	text-indent:-9999px;
	clear:both;
	margin:0 0 17px 0;
	}



/*---------------------------------------------
　コンテンツ
---------------------------------------------*/
#contents{
	width: 800px;
	margin:0px;
	clear:both;
	}	
	

/*********************************************************************
　フッター
*********************************************************************/
/*--------------------------------------
　フッター｜ページトップへボタン
--------------------------------------*/
#page_top {
	clear:both;
	padding:30px 0 10px 680px;
}

	
/*--------------------------------------
　フッター｜背景画像・文字色等
--------------------------------------*/
#footer{
	height: 30px;
	text-align: center;
	background-color:#91ab23;
	margin:0 auto;
	clear:both;
	color: #fff;
	padding:10px 0 0 0;
	font-size:1.25em;
	}





/*********************************************************************
　トップページ｜右枠
*********************************************************************/
/*--------------------------------------
　コンテンツ枠｜右
--------------------------------------*/
.right_column {
	float:right;
	width:470px;
	margin:0 20px 0 0;
	}

/*--------------------------------------
　サブタイトル｜更新履歴
--------------------------------------*/
#sub_title_news {
	width:470px;
	height: 40px;
	background-image:url(../images/layout/news.png);
	text-indent: -9999px;
	}
	
/*--------------------------------------
　コンテンツ枠｜更新履歴
--------------------------------------*/
#right_column_news{
	float:right;
	width:470px;
	padding:0;
	margin:20px 0 0 0;
	
}

.news_title {
	padding:0;
	border-bottom:#666 1px dotted;
	clear:both;
	overflow:hidden;
}

.news_text {
	margin:10px 0 10px 15px;
	clear:both;
	overflow:hidden;
}



/*********************************************************************
　トップページ｜左枠
*********************************************************************/
/*--------------------------------------
　コンテンツ枠｜背景_角丸
--------------------------------------*/
.left_column {
	float:left; 
	margin:0 0 0 20px;
	width:240px;
	text-align:center;
	background:url(../images/layout/contents_left_under.png) no-repeat bottom;
	}


/*--------------------------------------
　カレンダー｜全体枠
--------------------------------------*/
#calendar {
	background:url(../images/layout/contents_left_top.png) no-repeat;
	padding:10px 0 0 0;
	}
	
/*--------------------------------------
　カレンダー｜全体テーブル
--------------------------------------*/
#ca_table {
	margin:10px auto;
	padding:0;
	border: 1px solid #666;
	font-size:0.8em;
	}
	
/*--------------------------------------
　カレンダー｜日曜セル
--------------------------------------*/
.ca_sun {
	background-color:#E47B60;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	}

/*--------------------------------------
　カレンダー｜土曜セル
--------------------------------------*/
.ca_sat {
	background-color:#7DCDF4;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	}

/*--------------------------------------
　カレンダー｜曜日セル
--------------------------------------*/
.ca_week {
	background-color:#CCCCCC;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	}

/*--------------------------------------
　カレンダー｜平日セル
--------------------------------------*/
.ca_day {
	background-color:#FFFFFF;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	}

	
/*--------------------------------------
　カレンダー｜平日セル（右端）
--------------------------------------*/
.ca_day_end {
	background-color:#FFFFFF;
	text-align:center;
	}

/*--------------------------------------
　カレンダー｜バックナンバーリスト
--------------------------------------*/
.li_l {
	text-align:left;
	margin:5px 10px;
}

.li_l a:link {
	color: #000000;
	text-decoration: none;
	}

.li_l a:visited {
	color: #000000;
	text-decoration: none;
	}

.li_l a:hover {
	color: #E5004F;
	text-decoration: none;
	}

.li_l a:active {
	color: #E5004F;
	text-decoration: none;
	}


/*--------------------------------------
　更新履歴｜枠
--------------------------------------*/
#koshin  {
	width:200px;
	padding: 0;
	margin:10px auto;
	}
	
/*--------------------------------------
　更新履歴｜点線ライン
--------------------------------------*/
#koshin_border {
	border-bottom:dotted 1px #666;
	}

/*--------------------------------------
　サブタイトル｜更新履歴
--------------------------------------*/
#sub_title_koshin {
	width: 210px;
	height: 30px;
	margin:0 15px;
	background-image:url(../images/layout/contents_left_news.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	}
	
/*--------------------------------------
　更新履歴｜リスト
--------------------------------------*/
#koshin ul{
	padding-left: 0em;
	list-style-type:none;
	/*margin: 1em 0;*/
}
	
/*--------------------------------------
　カウンター｜枠
--------------------------------------*/
#counter {
	width:210px;
	text-align: center;
	margin:10px 15px;
	}

/*--------------------------------------
　サブタイトル｜カウンター
--------------------------------------*/
#sub_title_counter {
	width: 210px;
	height: 30px;
	margin:0 15px;
	background-image:url(../images/layout/contents_left_counter.png);
	text-indent: -9999px;
	display: block;
	}
	




/*********************************************************************

　レイアウト｜会社概要

*********************************************************************/
/*--------------------------------------
　タイトル｜アクセス
--------------------------------------*/
#title_company{
	background-image:url(../images/title/title_company.png);
	background-repeat:no-repeat;
	width:800px;
	height:142px;
	text-indent: -9999px;
	}

/*--------------------------------------
　サブタイトル｜会社概要
--------------------------------------*/
#sub_title_company {
	width: 470px;
	height: 40px;
	margin:0 auto 10px auto;
	background-image:url(../images/layout/sub_title_company.png);
	text-indent: -9999px;
	display: block;
	clear:both;
	}

/*--------------------------------------
　サブタイトル｜事業所
--------------------------------------*/
#sub_title_office {
	width: 470px;
	height: 40px;
	margin:0 auto 10px auto;
	background-image:url(../images/layout/sub_title_office.png);
	text-indent: -9999px;
	display: block;
	clear:both;
	}

/*--------------------------------------
　サブタイトル｜沿革
--------------------------------------*/
#sub_title_history {
	width: 470px;
	height: 40px;
	margin:0 auto 10px auto;
	background-image:url(../images/layout/sub_title_history.png);
	text-indent: -9999px;
	display: block;
	clear:both;
	}
	
	
/*--------------------------------------
　サブタイトル｜営業品目
--------------------------------------*/
#sub_title_item {
	width: 470px;
	height: 40px;
	margin:0 auto 10px auto;
	background-image:url(../images/layout/sub_title_item.png);
	text-indent: -9999px;
	display: block;
	clear:both;
	}


/*--------------------------------------
　コンテンツ枠｜左
--------------------------------------*/
.company_left_column {
	float:left; 
	margin:30px 0 0 20px;
	width:470px;
	}

/*--------------------------------------
　コンテンツ枠｜右
--------------------------------------*/
.company_right_column {
	float:right;
	margin:30px 20px 0 0;
	width:250px;
	}
	
/*--------------------------------------
　テーブル｜ボーダー
--------------------------------------*/
.list_border {
	border-bottom:1px #999999 dotted;
	}

/*--------------------------------------
　コンテンツ枠｜
--------------------------------------*/
.company_column_red {
	margin:0;
	padding:5px;
	background-color:#CD3528;
	color:#FFFFFF;
	width:200px;
	}
	
	


/*********************************************************************

　レイアウト｜商品紹介

*********************************************************************/
/*--------------------------------------
　タイトル｜お問い合わせ
--------------------------------------*/
#title_goods{
	background-image:url(../images/title/title_goods.png);
	background-repeat:no-repeat;
	width:800px;
	height:142px;
	text-indent: -9999px;
	}

/*--------------------------------------
　サブタイトル｜みやまオリジナル
--------------------------------------*/
#sub_title_original {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_original.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}
	
/*--------------------------------------
　サブタイトル｜業務用
--------------------------------------*/
#sub_title_business {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_business.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}
	
/*--------------------------------------
　サブタイトル｜かまぼこ
--------------------------------------*/
#sub_title_kamaboko {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_kamaboko.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}


/*--------------------------------------
　サブタイトル｜求肥餅
--------------------------------------*/
#sub_title_kyuhi {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_kyuuhimochi.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}

/*--------------------------------------
　コンテンツ枠
--------------------------------------*/
.goods_column {
	margin:30px 20px 0 20px;
	width:760px;
	}
	
.goods_column_50 {
	margin:50px 20px 0 20px;
	width:760px;
	}


/*--------------------------------------
　コンテンツ枠｜
--------------------------------------*/
.goods_column_red {
	margin:10px 0 0 0;
	padding:5px;
	width:750px;
	background-color:#CD3528;
	color:#FFFFFF;
	text-align:center;
	}





/*********************************************************************

　レイアウト｜お問い合わせ

*********************************************************************/
/*--------------------------------------
　タイトル｜お問い合わせ
--------------------------------------*/
#title_contact{
	background-image:url(../images/title/title_contact.png);
	background-repeat:no-repeat;
	width:800px;
	height:142px;
	text-indent: -9999px;
	}

/*--------------------------------------
　テーブル枠｜全体
--------------------------------------*/
.contact_table {
	width:750px;
	border: 1px solid #CD3528;
	border-collapse: collapse;
	margin:0 auto;
	}
	
.contact_table td {
	border: 1px solid #CD3528;
	}

/*--------------------------------------
　テーブル枠｜左｜タイトル
--------------------------------------*/
.contact_l_head {
	padding:10px;
	width:150px;
	text-align:center;
	background-color:#CD3528;
	color:#FFFFFF;
	}

/*--------------------------------------
　テーブル枠｜右｜タイトル
--------------------------------------*/
.contact_r_head {
	padding:10px;
	width:560px;
	text-align:center;
	background-color:#CD3528;
	color:#FFFFFF;
	}

/*--------------------------------------
　テーブル枠｜左
--------------------------------------*/
.contact_l {
	padding:10px;
	width:150px;
	text-align:center;
	background-color:#F3C6B1;
	}


/*--------------------------------------
　半角指定｜メールアドレス打ち込み用
--------------------------------------*/
.example {
	ime-mode: inactive;
	}



.com_h4{
font-size:120%;
color:#930;
border-left:3px solid #CB3228;
margin-left:7px;
padding-left:10px;}




/*--------------------------------------
　画像リンク
--------------------------------------*/
a img.btn {
	transition-duration: 0.2s;
}

a img.btn:hover {
	opacity:0.5;
}

/*********************************************************************

　レイアウト｜トップ（1カラム）20210327

*********************************************************************/
/*--------------------------------------
　サブタイトル
--------------------------------------*/
#sub_title_rinen {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_rinen.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}
	
#sub_title_hoshin {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_hoshin.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}


/*--------------------------------------
　コンテンツ枠
--------------------------------------*/
.top_1column {
	margin:30px 20px 0 20px;
	width:760px;
	}
	
.top_1column_50 {
	margin:30px 20px 50px 20px;
	width:760px;
	}

/*--------------------------------------
　テキスト枠
--------------------------------------*/

.toptext_wrap {
padding: 10px 20px 20px;
/*background: #fbf9ef;*/
/*border: 1px solid #bac78f;*/
border-radius: 5px;}

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

.rinen {
color: #CD3528;
font-size: 20px;
line-height: 1.8;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;}

.hoshin {
font-size: 16px;
line-height: 2;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;}


/*********************************************************************

　レイアウト｜雪国ぎゅうひタイトル追加　20211122

*********************************************************************/
/*--------------------------------------
　サブタイトル｜雪国ぎゅうひ
--------------------------------------*/
#sub_title_gyuhi {
	width: 760px;
	height: 40px;
	margin:0 auto 15px auto;
	background-image:url(../images/layout/sub_title_yukigunigyuuhi.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	clear:both;
	}

/*--------------------------------------
　横並び枠
--------------------------------------*/
.goods_size{
    display: flex;
}

.goods_size,.goods_size>div{
    padding: 10px 0;
}