/*------------- 疑似クラス ----------------*/
a:link {color:#000;} /*未訪問のリンクの色*/
#footer a:link {color:#FFF;}
a:visited {color:#666;} /*訪問済みのリンクの色*/
#footer a:visited {color:#EEE;}
a:hover {color:#F00;} /*カーソルが乗っているリンクの色*/
a:active {color:#FF0;} /*クリック中のリンクの色*/
/*-------------- 画面幅設定 ------------------*/
html, body {hieght:100%;}
/* ------------- ID ------------------------- */
#headertxt {
	width:960px;
	height:15px;
	margin:0 auto;
	color:#999;
}
#header {
	width:100%;
	height:80px;
	color:#FFF;
	background:#FF8201;
}	
#footer {
	width:100%;
	height:100px;
	color:#FFF;
	background:#FF8201;
}
#content {
	margin:0 auto;
	width:960px;
}
#main {
	width:680px;
	height:100%;
	margin:5px;
	padding:10px;
	float:left;
	border-right: 3px solid #090;
}
#said {
	width:210px;
	height:100%;
	margin:5px;
	padding:10px;
	float:right;
}
/*------- txtrogo:テキストロゴ ----------------*/
.txtrogo{
	border: 4pt solid #a5292d;
	height: 115px;
	width: 580px;
	padding:0 15px;
	color:#C30;
}

.txtrogo-xl{
	font:bold 40px Arial, Helvetica, sans-serif;
}
.txtrogo-l{
	font:bold 29px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txtrogo-m{
	font:bold 22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0 10px 0 0;
}
.txtrogo-s{
	font:bold 15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:6px 0 0 0;
}
.txtrogo-tel{
	font:bold 25px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*---------- container：コンテナ ---------------*/
/*ベースになるコンテナ*/
.container-baes {
	width:100%;
	min-width:960px;
}	
/*-------------- navi:ナビ ---------------------*/
.navi {
	font-size:200%;
	color:#000;
	width:300px;
	height:30px;
	padding:7px 0;
	float:left;
}
a .navi:hover {color:#FFF; background:#F00;} /*メインナビの色切り替え*/
.navi-B a {
	display:block;
	height:120px;
	width:200px;
	margin:8px;
	background:url(../img/b-blog.gif);
}
.navi-M a{
	display:block;
	height:113px;
	width:200px;
	margin:8px;background:url(../img/b-mail.gif);
}
.navi-Q a{
	display:block;
	height:113px;
	width:200px;
	margin:8px;background:url(../img/b-question.gif);
}
a.navi-menu1 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b1-menu.gif);
}
a.navi-menu2 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b2-menu.gif);
}
a.navi-company1 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b1-company.gif);
}
a.navi-company2 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b2-company.gif);
}
a.navi-order1 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b1-order.gif);
}
a.navi-order2 {
	float:left;
	display:block;
	height: 94px;
	width: 236px;
	margin: 10px 27px;
	background: url(../img/b2-order.gif);
}
a:hover{background-position:0 100%;}
/*-------------- line:ライン ------------------*/
.line {
	width:100%;
	height:3px;
	margin:5px 0;
}
.line-h {
	width:3px;
	height:95%;
	float: left;
	margin: 20px 18px;
}
/*------------- bar:見出しバー ---------------*/
.bar-680 {/*見出し用【長】*/
	width:650px;
	height:25px;
	padding:5px 0 0 30px;
	color:#FFF;
	letter-spacing: 0.8em;
}
.bar-630 {/*見出し用【短】*/
	width:600px;
	height:25px;
	padding:5px 0 0 30px;
	color:#FFF;
	letter-spacing: 0.8em;
}
/*----------- size:フォントサイズ----------------*/
.size-150p {font-size:150%;}/*フォントサイズ：150％*/
/*----------- gyoukan:行間 -----------------*/
p {line-height:150%;}/*行間1.5em*/
/*------------ float:フロート ------------------*/
.float-left {float:left;}/*左寄せ*/
.float-right {float:right;}/*右寄せ*/
.float-clear {clear:both;}/*フローと解除*/
/*------------ margin:マージン ----------------*/
.center {margin:0 auto;}
.center-top10 {margin:10px auto;}
.margin-5 {margin:5px;}/*外部余白5px*/
.margin-10 {margin:10px;}/*外部余白10px*/
.margin-20-5 {margin:20px 5px;}/*外部余白：上20右5下20左5*/
.margin-30-5 {margin:30px 5px;}/*外部余白：上30右5下30左5*/
/*----------- padding:パッディング -------------*/
.padding-5 {padding:5px;}/*内部余白5px*/
.padding-10 {padding:10px;}/*内部余白10px*/
/*--------- font-color:フォント・文字色 --------*/
.font-color-bk {color:#000;}
.font-color-w {color:#FFF;}
.font-color-r {color:#F00;}
/*------------ haikei:背景色 -------------------*/
.haikei-g {background:#090;}/*背景色【緑】*/
.haikei-r {background:#F00;}/*背景色【赤】*/
.haikei-o {background:#FF8201;}/*背景色【オレンジ】*/
.haikei-w {background:#FFF;}/*背景色【白】*/
.haikei-yl {background:#F7F7CF;}/*背景色【黄色淡】*/
/*----------- width:横幅 --------------*/
.width-960 {width:960px;}/*コンテナ　　　フルサイズ*/
.width-900 {width:900px;}/*コンテナ　　　フルサイズ*/
.width-700 {width:700px;}/*メインコンテンツ　サイズ*/
.width-650 {width:650px;}/*見出し（長）　　　サイズ*/
.width-630 {width:630px;}/*見出し（短）　　　サイズ*/
.width-600 {width:600px;}/*標準コンテンツ　　サイズ*/
.width-580 {width:580px;}/*注文の仕方    　　サイズ*/
.width-500 {width:500px;}/*テキストロゴ【社名】    */
.width-450 {width:480px;}/*標準コンテンツ　　サイズ*/
.width-400 {width:400px;}/*標準コンテンツ　　サイズ*/
.width-350 {width:350px;}/*汎用コンテンツ　　サイズ*/
.width-300 {width:300px;}/*テキストロゴ【TEL/FAX】 */
.width-250 {width:250px;}/*汎用コンテンツ　　サイズ*/
.width-280 {width:280px;}/*汎用コンテンツ　　サイズ*/
.width-200 {width:200px;}/*サブコンテンツ　　サイズ*/
.width-160 {width:160px;}/*ページTOPへ戻る 　サイズ*/
.width-100 {width:100px;}
/*------------ height:縦幅 ---------------------*/
.height-2000 {height:2000px;}
.height-1500 {height:1500px;}
.height-1000 {height:1000px;}
.height-500 {height:500px;}
.height-400 {height:400px;}
.height-350 {height:350px;}/*日替わりメニューコンテンツ*/
.height-300 {height:300px;}
.height-200 {height:200px;}
.height-150 {height:150px;}/*ご注文の仕方コンテンツ（大）*/
.height-120 {height:120px;}/*ご注文の仕方コンテンツ（小）*/
.height-100 {height:100px;}
.height-80 {height:80px;}
.height-50 {height:50px;}/*ヘッダー＆フッタ　サイズ*/
.height-25 {height:25px;}/*見出し　　　　　　サイズ*/
/*---------------セットボックス-----------------*/
.question-j {/*よくあるご質問ジャンプ用*/
	width:280px;
	padding:10px;
	float:left;
	height:180px;
}
/*----------------- 表示 -----------------------*/
p.no {display:none;}/*<P>のテキストを表示しない*/
/*------------　table:表　----------------------*/
.table{
	width:630px;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align:center;
}
.table th{
	width:16%;
	padding: 4px;
	vertical-align: top;
	color: #333;
	background-color: #FC6;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table td{
	padding: 4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.recruit-table{
	width:600px;
	border-collapse:separate;
	border-spacing:0px;
	border:1px solid #ccc;
	text-align:center;
}
.recruit-table th{
	width:170px;
	background-color:#CFC;
	border:1px solid #ccc;
}
.recruit-table td{
	padding:5px;
	width:430px;
	border-bottom:1px solid #ccc;
}