/* --- エンジ基調のページ --- */

/* --- bodyの設定 --- */
body {
 	font-family:"ＭＳ Ｐゴシック","Osaka";
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; 
	color: #000000;
	font-size: 80%;
}

/* --- 全体のリンクテキスト設定 --- */

a:link 		{ color: #000000;text-decoration:none; }
a:visited	{ color: #000000;text-decoration:none;  }
a:hover 	{ color: #600303;text-decoration: underline; }
a:active 	{ color: #600303;text-decoration: underline; }



/* --- 各ブロックの設定 --- */

#header div.block,
#topImg div.block,
#indexMain div.block,
#contents div.block {
	width: 880px;
	margin: 0 auto;
	position: relative; /* 相対配置（ガイドメニューのために設定） */
}

#footer div.block {
	width: auto;
	margin: 0 auto;
	position: relative; /* 相対配置（ガイドメニューのために設定） */
}

#mainMenu div.block{
	width:945px;
	margin:0 auto;
	
}


/* --- 見出し設定 --- */

h1,h2 {	 /* タイトルロゴと上部画像 */
	margin: 0px;
}

h3 { /* メインフレーム内の見出し */
	margin: 0;
	padding: 1px 0 0 5px;
	border-left: 5px #CC0000 solid; /* 左境界線 */
	font-size: 120%; 
	line-height: 100%;
}

h3.uni { /* ユニフォームページの見出し */
	margin: 0;
	padding: 0 0 30px 0;
	border-left: none; /* 左境界線 */
	font-size: 120%; 
	line-height: 100%;
}

h4.red { /* 防災備蓄食品ページ：備品チェックリストの小見出し */
	margin: 0 0 3px 0;
	padding:5px;
	line-height: 100%;
	background-color:#ff1919;
	color:#FFF;
	width:7em;
	text-align:center;
}

h4.blu { /* 防災備蓄食品ページ：備品チェックリストの小見出し */
	margin: 0 0 3px 0;
	padding:5px;
	line-height: 100%;
	background-color:#19b2ff;
	color:#FFF;
	width:7em;
	text-align:center;
}

h4.gre { /* 防災備蓄食品ページ：備品チェックリストの小見出し */
	margin: 0 0 3px 0;
	padding:5px;
	line-height: 100%;
	background-color:#009a57;
	color:#FFF;
	width:7em;
	text-align:center;
}

h4.pur { /* 防災備蓄食品ページ：備品チェックリストの小見出し */
	margin: 0 0 3px 0;
	padding:5px;
	line-height: 100%;
	background-color:#a757a8;
	color:#FFF;
	width:7em;
	text-align:center;
}

/* --- ヘッダー内の設定 --- */

#header{
	border-top: 5px #600303 solid; /* 上部の線 */
	background: url(images/header_bg.gif) ;/* 背景画像 */
}

#header p{
	position: absolute; /* 絶対配置 */
	margin: 0px;
	top: 40px; /* 上からの距離 */
	right: 5px; /* 右からの距離 */
}
#header p strong {
	font-weight: normal; /* 文字の太さ（ノーマル） */
}


.topMenu { 	/* 右上部のメニュー */
	position: absolute; /* 絶対配置 */
	top: 5px; /* 上からの距離 */
	right: 5px;  /*右からの距離 */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topMenu li {	/* メニュー項目 */
	display: inline;
	padding: 0px 4px 0px 8px; /* 項目のパディング（上右下左） */
	background: url(images/menu_line_gray.gif) no-repeat left; /* 区切り線 */
}

.topMenu li.first {	/* 最初の項目・区切り線なし */
	background: none; 
}

/* --- メインメニューの設定 --- */

#mainMenu {
	background: #741E1E url(images/mainmenu_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	border-top: 1px #600303 solid; /* 上の境界線 */
	border-bottom: 2px #600303 solid; /* 下境界線 */
}

#mainMenu ul {
	width: 945px; /* メニュー本体の幅 */
	margin: 0px;
	padding: 0px;
	border-left: 1px #600303 solid; /* 左境界線 */
	border-right: 1px #A55F5F solid; /* 右境界線 */
	list-style-type: none;
	text-align: center;
}

#mainMenu li {
	width: 115px; /* 項目の幅 */
	float: left;
	line-height: 100%;
}

#mainMenu li.first,
#mainMenu li.last {	/* 最初の項目と最後の項目 */
	width: 116px; /* 項目の幅 */
}

#mainMenu li#menu_long {
	width: 138px; /* 項目の幅 */
}
#mainMenu li a {	/* リンクエリア */
	display: block;
	position: relative; /* IE6用 */
	padding: 10px 2px 2px 7px; /* リンクエリアのパディング */
	border-left: 1px #A55F5F solid; /* 左境界線 */
	border-right: 1px #600303 solid; /* 右境界線 */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #ffffff; /* 文字色 */
	text-decoration:none;
}

#mainMenu li a span.en {	/* 英字部分 */
	display: block;
	margin-top: 2px; /* 英字部分の上マージン */
	font-size: 85%; /* 英字の文字サイズ */
	font-weight: normal; /* 文字の太さ（ノーマル） */
	color: #eee8aa; /* 英字の文字色 */
	text-decoration:none;
}

#mainMenu li a:hover,
#mainMenu li.active a {	/* ポイント時とアクティブ時の設定 */
	background: #4D1010 url(images/mainmenu_on.gif) repeat-x top;
}
#mainMenu li a:hover span.en,
#mainMenu li.active span.en {
	color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */
}


/* ---トップページ画像部分 --- */

#topImg {
	padding: 20px 0px 10px 0px;
	background: url(images/topimg_bg.gif) repeat-x top; 
}


/* --- メインコンテンツ内の設定 --- */

#mainFrame {
	float: right;
	width: 640px;
}

#indexSection01 {
	float:left;
	width: 300px;
	margin: 0px 0px 20px 20px; /* セクションのマージン（上右下左） */
	_margin: 0px 0px 20px 10px; /* IE6対応 */
	background: url(images/top_tomioka_bg.jpg) no-repeat top left; 
}

#indexSection02 {
	float:left;
	width: 300px;
	margin: 0px 0px 20px 20px; /* セクションのマージン（上右下左） */
	_margin: 0px 0px 20px 10px; /* IE6対応 */
}

#indexSection01 p{
	color:#333333;
	line-height:135%
}

#mainFrame .heading {
	margin: 0px;
	padding: 5px; 
	background-color: #E2C5C5;
}

.news {/* 新着情報　定義 */
	width:276px;
	height:212px;
	margin:0px auto 0px auto;
	padding: 0px 10px 10px 0px;
	border-left: 7px #E2C5C5 solid;
	border-right: 7px #E2C5C5 solid;
	border-bottom: 7px #E2C5C5 solid;
}
.news dt {
	padding: 5px 0px 0px 5px;
	font-weight: bold;
	color:#600303;
	text-indent: 2px;
	line-height: 120%;
}
.news dd {
	margin:0px;
	padding: 2px 0px 10px 10px;
	line-height: 120%;
	border-bottom: 1px #CCCCCC dotted;
}



/* ---コンテンツ枠 --- */

#contents {
	height:300px;
	background: url(images/contents_bg.gif) repeat-x top; 
}

#indexMain {
	height:300px;
}

/* ---トップページバナー枠 --- */

.banner {
	margin:0px 0px 5px 0px;
}

.banner02 {/* 富岡について */
	float: right;
	margin: 15px 10px 0px 10px;
}

/* --- メインコンテンツ内の設定 --- */

#mainFrame {
	float: right;
	width: 640px;
	margin:20px 0px 0px 0px;
}

#titleImg {
	margin: 0px 0px 0px 20px;
}

#mainTopix {
	margin: 20px 0px 20px 20px;
	padding: 15px;
	border: 1px #D9B8B8 solid;
	background-color: #ffffff;
	line-height:1.8em;/*修正により追加*/
}

#section {
	margin: 0px 0px 20px 20px;
	padding: 15px;
	border-left: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	background-color: #ffffff;
}

/*  --- 会社概要  --- */

.aboutHeader {	/* タイトル */
	margin: 10px 40px 20px 25px;
	padding: 2px 0px 2px 7px;
	border-left: 5px #600303 solid;
	border-bottom: 1px #333333 dotted;
	color:#333333;
	font-weight:bold;
}

.table01	{/* 会社案内のテーブル設定 */
	width:420px;
	margin:0px auto;
	font-size:10pt;
	line-height:14pt;
	background-color:#FFFFFF;
}
.table01 th	{
	width:25%;
	text-align:left;vertical-align:top;color:#600303;
	margin:2px;padding:3px 3px 3px 5px;line-height:14pt;
	background-color:#FEDADA;
	border-right:1px solid #600303;
	border-bottom:1px solid #600303;
}
.table01 td	{
	text-align:left;vertical-align:top;
	margin:2px;padding:3px;line-height:14pt;
	border-right:1px solid #600303;
	border-bottom:1px solid #600303;
}



/*  --- オーダースーツ ---  */

.suitHeader{	/* 分類 */
	clear:both;
	margin: 10px 30px 15px 15px;
	padding: 5px 0px 3px 7px;
	border-bottom: 1px #000000 solid;
	background-color: #666666;
	color:#ffffff;
	font-weight:bold;
}

.textWaku	{	/*オーダースーツ メール・フォームの枠*/
	width:500px;
	padding:5px;	/*リストインデント*/
	margin: 20px 0px 20px 30px;
	line-height:1.8em;/*修正により追加*/
}

.textWakuS	{	/*スーツができるまでの枠*/
	width:400px;
	margin: 10px 0px 10px 80px;
	padding: 5px 5px 10px 5px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
    line-height:1.8em;/*修正により追加*/
}

.textWakuK	{	/*参考価格の枠*/
	width:320px;
	padding: 10px;
	border: 5px double #CC6666;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 130px;
}

.suit	{	/*スーツができるまでの文*/
	font-size:11pt;
	font-weight:bold;
	color:#333333;
	line-height: 25px;
}


/* --- 富岡について ---  */

.tomiClass {	/* 分類 */
	clear:both;
	margin: 10px 30px 15px 15px;
	padding: 5px 0px 3px 7px;
	border-bottom: 1px #330033 solid;
	background-color: #910048;
	color:#ffffff;
	font-weight:bold;
}

.tomiHeader {	/* タイトル */
	margin: 10px 40px 20px 25px;
	padding: 2px 0px 2px 7px;
	border-left: 5px #330033 solid;
	border-bottom: 1px #333333 dotted;
	color:#333333;
	font-weight:bold;
}

.tomiItem {	/* 内容 */
	clear:both;
	margin: 0px 60px 30px 40px;
	padding: 0px;
}

.imgPhoto {
	float: left;
	width: 250px;
	margin: 0px 20px 20px 20px;
	text-align:center;
}


/* --- お問い合わせページ --- */

.tel	{	/*住所・TEL枠*/
	width:320px;
	margin:20px 0px 40px 70px;
	padding:15px;	/*リストインデント*/
	font-size:11pt;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #CC6699;
	border-bottom-color: #CC6699;
}

.telfax	{	/*TELとFAX部分の強調＋メールアドレスの強調*/
	font-size:180%;
	font-weight:bold;
	color:#990033;
	line-height:180%;
}

.kochira	{	/*メールはこちらの部分*/
	color:#fff;
	background-color:#990033;
	padding:5px 8px;
}

.mail	{	/*メール・フォームの文*/
	font-size:11pt;
	font-weight:bold;
	color:#990033;
}

.mail2	{	/*メールアドレスの強調*/
	font-size:180%;
	color:#990033;
	line-height:180%;
}
.takuhai	{	/*宅配便にて〜の文*/
	font-size:160%;
	font-weight:bold;
	display:block;
	border:solid 1px #000;
	padding:10px;
	text-align:center;
	/*background-color:#990033;*/
	/*color:#FFF;*/
}

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

ol li {
	margin:0px 0px 20px 0px;
}

.em {
	font-size:14px;
	font-weight:bold;
}

/* --- サイトマップ --- */

#sitemap {
	width:450px;
	margin:0px auto;
}

#sitemap ul {
	margin: 0px;
	padding: 0px;
	font-size:14px;
	list-style-type: none;
}

#sitemap ul li {
	margin: 0px 0px 0px 10px;
	padding: 10px 0 0 25px;
	background: url(images/icon_home.gif) no-repeat 0 0px;
	line-height: 160%;
}
#sitemap ul li ul {
	background: url(images/icon_bg.gif) no-repeat 17px 0;　/* ul の背景に点線の画像を設定*/
}
#sitemap ul li ul.category li {
	background: url(images/icon_category.gif) no-repeat 1px -273px;　/* 長さ 300px あるのでマイナスで位置調整*/
	padding: 10px 0px 0px 0px;
}
#sitemap ul li ul.page li {
	background: url(images/icon_page.gif) no-repeat 1px -273px;
	padding: 5px 0px 0px 25px;
}
#sitemap ul li ul li.last {
	background-color: #FFFFFF;
}

/* --- 左フレーム内の設定 --- */

#leftFrame {
	margin:20px 0px 0px 0px;
	float: left;
	width: 240px; /* サイドバーの幅 */
}

#leftFrame .heading {
	margin: 0px;
	padding: 7px 0px 3px 5px;
	height:15px;
	background: url(images/left_heading_bg.gif) ; 
}

#leftFrame .heading a{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#leftFrame .leftMenu { /* 左フレーム内のメニュー */
	margin: 0px;
	padding: 2px 0px 0px 5px;
	border-left: 5px #CC9999 solid; /* 左境界線 */
	color: #ffffff;
	font-weight:bold;
	font-size: 105%;
	line-height: 100%;
}

#leftFrame .itemWaku { /* 左フレーム内の項目 */
	margin: 0px 0px 20px 0px;
	padding: 8px;
	border-left: 1px #663333 solid; /* 左境界線 */
	border-right: 1px #663333 solid; /* 左境界線 */
	border-bottom: 1px #663333 solid; /* 左境界線 */
	background-color: #FFFFFF;
	line-height: 140%;
}

.itemWaku ul.list	{/*リスト*/
	margin:0px;
	padding:0px 0px 0px 3px;		/*リストマークインデント*/
	list-style:none;
}

.itemWaku ul.list li	{
	margin:2px;
	padding:0px 0px 0px 17px;		/*リストインデント*/
	background:url("images/list_enji.gif") no-repeat;
}

.qr	{ /*QRコード*/
	float: left;
	margin: 0px;
	padding:10px;
}


/* --- フッター内の設定 --- */

#footer	{ /*フッター枠*/
	clear:both;
	margin:0px auto;
	padding:40px 0px 0px 0px;
	background: url(images/footer_bg.gif); 

}
#footer ul.menu {
	margin: 10px 0 5px; /* フッタメニューのマージン（上、左右、下） */
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size: 90%;
}
#footer ul.menu li {
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(images/menu_line_gray.gif) no-repeat left; /* 区切り線 */
	display: inline;
}

#footer ul.menu li.first {
	background-image: none; /* 区切り線なし */
}

#footer .add {/* 住所  */
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	font-style: normal;
	text-align: center;
	line-height: 140%; /* 行の高さ */
	border-top: 1px #600303 dotted;
}

#footer .copyRight {/* コピーライト */
	padding: 3px;
	background-color: #600303;
	color:#FFFFFF;
	text-align: center;
}


/* --- 画像設定 --- */

img {
	border: none;/* リンクボーダーなし */
}
.imageLeft	{ /*画像左、文章右*/
	float: left;
	margin: 0px 10px 10px 10px;
}
.imageRight	{ /*画像右、文章左*/
	float:right;
	margin : 0px 10px 30px 10px;
}
.imageCenter { /*画像中央*/
display:block;
margin:auto;
}



/* --- clearfix --- */

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- フレーム解除 --- */
	
#mainClear	{
	clear:both;
}

/* --- ユニフォーム --- */
.subHeader{	/* サブタイトル＋説明部分 */
	clear:both;
	margin: 10px 30px 15px 15px;
	padding: 5px 0px 3px 7px;
}

.subHeader h2{/* サブタイトル */
font-size:130%;
}

/* --- 富岡土産 --- */
.miyageText{/* 土産説明 */
	background-color:#f4ecdc;
	display:block;
	padding:10px;
}

/* --- 防災備蓄食品 --- */
.stockTitle{/* アルファ米の特徴 */
	font-size:130%;
	font-weight:bold;
	margin-top:0;
}

.syohinSyokai{/* 商品紹介の個別枠 */
	width:230px;
	height:350px;
	float:left;
	padding:10px;
}

.syohinSyokai-2{/* 商品紹介の個別枠 */
	width:230px;
	height:400px;
	float:left;
	padding:10px;
}
.syohinSyokai-3{/* 商品紹介の個別枠 */
	width:230px;
	height:310px;
	float:left;
	padding:10px;
}
.stockTitle2{/* 商品紹介＞商品名 */
	font-size:110%;
	font-weight:bold;
	color:#fff;
	background-color:#6C6;
	display:block;
	padding:3px;
	margin:0;
	text-align:center;
}

.syohinText{/* 商品説明 */
	background-color:#f4ecdc;
		padding:10px;
		margin-top:0;

}