/*トップページ
----------------------------------------------------------------------------------------------------------------*/	
/*画像の配置
-------------------------------*/
img.right{
	float:right;
	margin:0px 10px 10px 10px;
	padding:0;
}

img.left{
	float:left;
	margin:0px 20px 10px 10px;
	padding:0;
}

div#flow p.clear{
	clear:both;
}

/*
-------------------------------*/
div#main {
	width:570px;
	float:left;
	margin:0px 10px 10px 0px;
	padding:0 0 30px 0;
}

/* Windows版 IE6の調整（ホーリー・ハック）\*/
* html div#main {
	width:570px;
	float:left;
	margin:0px 10px 10px 0px;
	padding:0 0 30px 0;
}
/* Windows版 IE6の調整（ホーリー・ハック）終了*/

div#main p{
	font-size:small;
	line-height:1.6em;
	padding:5px 20px 5px 25px;
}

div#main img.logo{
	padding:10px 0 10px 0px;
}

/*チャーシューのご案内
-----------------------------------------------*/	
img.top-chashu{
	padding:0px 0 0 0;
}	

/*３つの特徴
-----------------------------------------------*/	
div#tokuchou table{
	width:530px;
	margin:10px 0 10px 20px;
}

div#tokuchou table td.pic{
	width:70px;
	vertical-align:top;
}

div#tokuchou table td.pic img{
	width:70px;
	border:1px solid #CCCCCC;
}		

div#tokuchou table td.title{
	width:460px;
	border-bottom:1px solid #FF6600;
	padding:5px;
}

div#tokuchou table td p{
	font-size:small;
	line-height:1.6em;
	padding:5px 0px 5px 5px;
}

div#blank{
	width:10px;
	height:15px;
	clear:both;
}

/*サービス一覧
-----------------------------------------------*/
div#service-top {
	width:100%;
}	

div#service-top  div#left{
	width:48%;
	height:250px;
	float:left;
	background-image:url(images/top-back1.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div#service-top  div#right{
	width:48%;
	height:250px;
	float:right;
	background-image:url(images/top-back2.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div#service-top ul{
	list-style-position:outside;
	list-style-type:square;
	margin:5px 0px 40px 30px;
}

div#service-top li {
	font-size:small;
	line-height:1.5em;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

/*更新履歴
-----------------------------------------------*/
div#rireki table{
	width:540px;
	margin:10px 0 10px 10px;
}

div#rireki table td{
	font-size:small;
	border:none;
	padding:0px;
	line-height:1.3em;
	padding-bottom:5px;
}

div#rireki table td.day{
	width:20%;
	vertical-align:top;
}

div#rireki table td.text{
	width:80%;
}

/*サブページ
----------------------------------------------------------------------------------------------------------------*/	
img.left {
	float:left;
	margin:15px 10px 0 0;
}	

img.right {
	float:right;
	margin:15px 0 0 10px;
}

/*パン屑リスト
----------------------------------------------------------------------------------------------------------------*/	
div#topic_path{
	font-size:small;
	padding:15px 5px 5px 5px;
	color:#666666;
	letter-spacing:1px;
}	

div#topic_path img{
	margin-left:5px;
	margin-right:5px;
}

/*このページのTOPへ
----------------------------------------------------------------------------------------------------------------*/	
div#go_top{
	text-align:right;
	padding-bottom:30px;
	padding-top:10px;
	clear:both
}

/*サブページのフォント
----------------------------------------------------------------------------------------------------------------*/	
div#main p{
	font-size:small;
	line-height:1.5em;
	padding:5px 10px 5px 10px;
}

div#main p.intro {
	font-size:medium;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
	color:#333333;
	clear:both;
}

div#main p.intro2 {
	font-size:small;
	line-height:1.5em;
	margin:0 0 20px 0px;
	text-align:center;
}

div#main h1{
	font-size:x-large;
	color:#003333;
	margin:10px 0 20px 0;
	padding-left:5px;
	line-height:1.5em;
	letter-spacing:2px;
	font-family:"HGS明朝B";
	font-weight:bold;
}

div#main h2{
	font-size:medium;
	font-weight:normal;
	letter-spacing:1px;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
	color:#FF3300;
	border-bottom:1px dotted #999999;
	border-left:3px solid #FF3300;
	padding:10px 0 10px 10px;
	margin-top:25px;
	height:auto;
	clear:both;
}

div#main h3 {
	font-size:medium;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	color:#FF3333;
	margin:30px 0 5px 5px;
	padding-left:20px;
	background-image:url(images/maru.gif);
	background-repeat:no-repeat;
	background-position:left center;
}	

div#main h3.marunasi {
	background-image:none;
	padding-left:5px;
}

/*会社概要のボックス
----------------------------------------------------------------------------------------------------------------*/	
div#gaiyou table{
	width:560px;
	font-size:small;
	border-collapse:collapse;
}	

div#gaiyou table td{
	padding:6px 10px;
	border:1px solid #513300;
	line-height:1.5em;
}

div#gaiyou table td.left{
	width:20%;
	font-weight:bold;
	color:#512800;
	vertical-align:top;
}

div#gaiyou table td.middle{
	width:20%;
}

div#gaiyou table td.right{
	width:60%;
}

div#gaiyou table td span{
	text-align:right;
}

/*よくある質問
----------------------------------------------------------------------------------------------------------------*/	
div#a{
	width:20px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	font-size:small;
	color:#331A00;
	line-height:1.6em;
}

div#b{
	width:500px;
	float:left;
	margin-top:10px;
	vertical-align:text-top;
	font-size:small;
	color:#331A00;
	line-height:1.6em;
}

div#main p.left{
	margin-left:50px;
}	

div#faq{
	clear:both;
}
	
div#faq ul {
	list-style-position:outside;
	list-style-type:decimal;
	padding:15px 0 15px 80px;
}

div#faq li {
	font-size:small;
	padding-bottom:0.3em;
	line-height:1.5em;
}



/*G.U.サプライヤーズについて
----------------------------------------------------------------------------------------------------------------*/	
div#main h1.about{
	color:#ffffff;
	background-color:#00A4F2;
	height:150px;
	background-image:url(images/upper-about.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#about{
	width:560px;
	margin:0px;
	border-top:1px dotted #CCCCCC;
}

div#about div#title{
	width:280px;
	float:left;
}

div#about div#text{
	width:250px;
	float:right;
	padding:20px 10px 20px 20px;
}

div#about div#title li{
	list-style-position:outside;
	list-style-type:none;
	font-size:85%;
	text-align:center;
	letter-spacing:1px;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
	line-height:1.5em;
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
}

/*事業のグラフ
------------------------------------------*/	
div#graph {
	margin:0px 0 20px 20px;
}

div#graph table{
	width:300px;
	border-collapse:collapse;
}	

div#graph table td{
	font-size:small;
	padding:5px 10px;
	border:1px solid #999999;
}		

/*取扱商品
----------------------------------------------------------------------------------------------------------------*/	
div#main h1.service{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-t1{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-t1.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-t2{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-t2.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-t3{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-t3.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-t4{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-t4.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-t5{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-t5.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#main h1.service-f3{
	color:#ffffff;
	background-color:#FDD517;
	height:150px;
	background-image:url(images/upper-service-f3.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}	

div#service {
	width:100%;
}

div#service  div#left{
	width:48%;
	float:left;
}

div#service  div#right{
	width:48%;
	float:right;
}

div#service ul{
	list-style-position:outside;
	list-style-type:square;
	margin:5px 0px 40px 20px;
}

div#service li {
	font-size:small;
	line-height:1.5em;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #CCCCCC;
}

div#service li a{
	font-size:medium;
	line-height:1.5em;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

div#button{
	width:200px;
	margin:0 auto 0 auto;
}	

/*商品のサンプル写真
-------------------------------------------*/
div#pic{
	clear:both;
}	

div#pic table{
	width:540px;
	margin:0px 0 0px 20px;
	border-collapse:collapse;
}

div#pic table td{
	width:250px;
	padding:10px;
}

/*取引の流れ
-------------------------------------------*/
div#nagare{
	clear:both;
}	

div#nagare table{
	width:550px;
	margin:10px 0 0px 10px;
	border-collapse:collapse;
}

div#nagare table td{
	font-size:small;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
	font-weight:normal;
	color:#FF6600;
}

div#nagare table td.block{
	width:115px;
	padding-left:5px;
}

div#nagare table td.migi{
	width:20px;
	text-align:center;
}

div#nagare table td.pic{
	width:120px;
}

div#nagare table td.pic img{
	width:120px;
}

p.right{
	text-align:right;
}	

/*お取引開始まで-TOP
----------------------------------------------------------------------------------------------------------------*/
div#main h1.guide{
	color:#ffffff;
	background-color:#CC6600;
	height:150px;
	background-image:url(images/upper-guide.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
	
div#step{
	margin-bottom:30px;
}

div#main h2.guide{
	font-size:large;
	border-left:none;
	border-bottom:1px solid #FF6600;
	padding:0px 0 3px 0px;
	margin-top:0px;
	height:auto;
	color:#000000;
}	

div#guide{
	width:510px;
	margin:0 0 0 20px;
	padding:10px 0 0 40px;
	background-image:url(images/allow2.gif);
	background-repeat:repeat-y;
	background-position:left;
}

div#guide table{
	width:480px;
	margin-left:20px;
}

div#guide table td.text{
	width:275px;
	padding-bottom:5px;
	padding-right:5px;
}

div#guide table td.button{
	width:200px;
	vertical-align:top;
	padding-top:5px;
}

div#guide table td.end{
	width:480px;
}	

div#allow {
	clear:both;
	margin-left:20px;
	margin-bottom:10px;
}

/*ご依頼からの流れ
----------------------------------------------*/
span.step {
	font-family:"HGP創英角ｺﾞｼｯｸUB";
	font-size:small;
	color:#FF6600;
	font-weight:bold;
}	

div#flow{
	width:510px;
	margin:0 0 0 20px;
	padding:10px 0 0 40px;
	background-image:url(images/allow2.gif);
	background-repeat:repeat-y;
	background-position:left;
}

p.grey{
	margin:15px 230px 0 10px;
	border:1px solid #CCCCCC;
	background-color:#F3F3F3;
}	

p.grey img{
	padding-top:5px;
}

div#main h2.start{
	font-size:x-large;
	border:none;
	padding:0px 0 3px 0px;
	margin-top:0px;
	height:auto;
	color:#FF6600;
}	

/*協同アプローチ
----------------------------------------------*/
div#approach ul {
	list-style-position:outside;
	list-style-type:square;
	margin:20px 0px 10px 240px;
}

div#approach li {
	font-size:small;
	line-height:1.5em;
	padding-bottom:15px;
}

/*商品のご提案におけるこだわり
----------------------------------------------*/
div#main h2.kodawari{
	font-size:large;
	border:none;
	padding:0px;
	margin-top:30px;
	color:#FF3300;
}	

div#main p.kodawari{
	margin-left:100px;
}	

/*お問い合わせ
----------------------------------------------------------------------------------------------------------------*/	
div#main h1.inquiry{
	color:#ffffff;
	background-color:#FF3300;
	height:150px;
	background-image:url(images/upper-inquiry.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*特定商取引に関する法律に基づく表示
----------------------------------------------------------------------------------------------------------------*/	
div#tokutei table{
	width:530px;
	margin:20px 20px;
	font-size:small;
	border-collapse:collapse;
}	

div#tokutei table td{
	padding:5px 10px;
	border:1px solid #333333;
}

div#tokutei table td.bg{
	background-color:#FFF5EC;
}

div#tokutei ul {
	list-style-position:outside;
	list-style-type:square;
	margin:10px 10px 10px 20px;
}

div#tokutei li {
	font-size:small;
	line-height:1.5em;
	padding:0;
	font-weight:normal;
	border:none;
	color:#333333;
}	

/*メディア掲載一覧、取引先の紹介
----------------------------------------------------------------------------------------------------------------*/	
img.left {
	float:left;
	margin:10px 10px 0 10px;
}

img.torihiki {
	margin:10px 10px 0 10px;
}

p.media{
	margin-top:15px;
}	

/*ネット巻きチャーシューのご案内
----------------------------------------------------------------------------------------------------------------*/	
div#main h1.chashu{
	color:#ffffff;
	background-color:#FF6600;
	height:150px;
	background-image:url(images/upper-chashu.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*行間の修正
----------------------------------------------*/
p.margin{
	margin-top:20px;
}	

/*ボーダー
----------------------------------------------*/
div#border{
	width:100%;
	height:1px;
	border-bottom:2px solid #CCCCCC;
	margin:40px 0 20px 0;
}

/*Pの装飾
----------------------------------------------*/
div#main p.big{
	font-size:85%;
	margin-top:10px;
	margin-left:10px;
}

div#main p.border{
	border-bottom:1px solid #999999;
	padding-bottom:2px;
}

/*h2の装飾
----------------------------------------------*/
div#main h2.blue{
	color:#0000FF;
	border-left:3px solid #0000FF;
}

div#main h2.green{
	color:#009900;
	border-left:3px solid #009900;
}

/*h3の装飾
----------------------------------------------*/
div#main h3.blue{
	color:#0000FF;
	background-image:url(images/maru_blue.gif);
}

/*strongの装飾
----------------------------------------------*/
strong.pink {
	color:#FF3399;
	font-size:medium;
}

strong.black {
	color:#333333;
	font-size:medium;
}

strong.orange {
	color:#FF6600;
	font-size:medium;
}

strong.green {
	color:#009900;
	font-size:medium;
}

strong.yellow {
	color:#FFCC00;
	font-size:medium;
}

strong.blue {
	color:#0000FF;
	font-size:medium;
}

strong.red {
	color:#FF0000;
	font-size:medium;
}

strong.water {
	color:#0099CC;
	font-size:medium;
}

/*テーブル
----------------------------------------------*/
div#cha-shu{
}

div#cha-shu table{
	width:530px;
	margin:20px 20px 0 20px;
	font-size:small;
	border-collapse:collapse;
}	

div#cha-shu table td{
	padding:5px 10px;
	border:1px solid #333333;
}

div#tuishin table{
	width:560px;
	margin:0px;
	font-size:small;
	border-collapse:collapse;
}	

div#tuishin table td{
	padding:0px;
	vertical-align:text-top;
}

div#tuishin table td.name{
	width:80px;
	text-align:right;
}

div#tuishin table td.text{
	width:480px;
	text-align:left;
}	

/*商品内容の枠
----------------------------------------------*/
p.black {
	border:1px solid #333333;
	width:300px;
	padding:20px;
	margin:20px 0 20px 20px;
}

p.orange {
	border:1px solid #FF9900;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}

p.midori {
	border:1px solid #009900;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}
	
p.yellow {
	border:1px solid #FFCC00;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}

p.blue {
	border:1px solid #0000FF;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}

p.aka {
	border:1px solid #FF0000;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}

p.water {
	border:1px solid #0099CC;
	width:300px;
	padding:20px;
	margin:0 0 20px 20px;
}	

/*リストスタイル
----------------------------------------------*/
div#square-cha ul {
	list-style-position:outside;
	list-style-type:square;
	margin:10px 0px 10px 23px;
}

div#square-cha li {
	font-size:small;
	line-height:1.5em;
	padding-bottom:15px;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

div#chashu ul {
	list-style-position:outside;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

div#chashu li {
	font-size:small;
	line-height:1.5em;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

div#square-cha li span.underline{
	background-color:#FFFFFF;
	border-bottom:1px solid #FF6600;
	padding-bottom:2px;
}




/*フォーム
----------------------------------------------------------------------------------------------------------------*/	
div#form table{
	width:560px;
	margin-top:15px;
	margin-bottom:20px;
	border-collapse:collapse;
}

div#form table td{
	padding:3px 5px;
	font-size:small;
}

/*テーブルの赤丸付きの項目
----------------------------------------------*/
div#form table td.title{
	font-size:85%;
	font-weight:bold;
	color:#FF3333;
	margin:0px 0 5px 0px;
	padding-top:5px;
	padding-left:20px;
	background-image:url(images/maru.gif);
	background-repeat:no-repeat;
	background-position:left center;
}	

/*テーブルの一番上（必須事項）の項目
----------------------------------------------*/
div#form table td.head{
	width:100%;
	text-align:right;
	font-size:85%;
}

div#form table td span{
	color:#FF0000;
}

/*テーブルの100%の項目
----------------------------------------------*/
div#form table td.need{
	width:100%;
	background-color:#CCCCCC;
}

/*テーブルの右の項目
----------------------------------------------*/
div#form table td.right{
	width:70%;
	border-bottom:1px dotted #999999;
	line-height:1.5em;
}

/*テーブルの左の項目
----------------------------------------------*/	
div#form table td.left{
	width:30%;
	border:1px solid #999999;
	background-color:#F5F5F5;
}

div#form table td.left-half{
	width:15%;
	border:1px solid #999999;
	background-color:#F5F5F5;
}	

/*テーブルの赤文字の項目
----------------------------------------------*/
div#form table td.attention{
	width:100%;
	color:#FF0000;
	padding-top:20px;
}

/*テーブルの注文の項目
----------------------------------------------*/
div#form table td.case{
	width:20%;
	border-bottom:1px dotted #999999;
}

div#form table td.amount{
	width:20%;
	border-bottom:1px dotted #999999;
	border-left:1px dotted #999999;
}

div#form table td.weight{
	width:10%;
	border-bottom:1px dotted #999999;
}

div#form table td.price{
	width:20%;
	border-bottom:1px dotted #999999;
	border-left:1px dotted #999999;
}

/*送信ボタン
----------------------------------------------*/
div#form table td.send{
	text-align:center;
	font-size:medium;
}

/*カタログ請求
----------------------------------------------*/
div#nouhau ul {
	list-style-position:outside;
	list-style-type:circle;
	margin:10px 0 10px 60px;
}

div#nouhau li {
	padding-bottom:10px;
	font-size:small;
	font-weight:bold;
	color:#FF3300;
}

/*サイトマップ
----------------------------------------------*/
div#sitemap{
	width:560px;
	margin:20px 0 0 0;
	border:2px dotted #CCCCCC;
}

div#sitemap span{
	color:#FF6600;
	font-size:small;
}

div#sitemap ul {
	list-style-position:outside;
	padding:20px;
}

div#sitemap li {
	list-style-type:none;
	line-height:1.2em;
	font-size:small;
}	

div#sitemap li.down{
	list-style-type:none;
	line-height:1.5em;
	font-size:x-small;
	padding-left:1px;
}	

/*原料価格お見積り
----------------------------------------------------------------------------------------------------------------*/
div#mitumorihyou table{
	width:550px;
	border-collapse:collapse;
	margin:10px 0 0 10px;	
}	
div#mitumorihyou table td{
	border:1px solid #333333;
	font-size:small;
	padding:0px 3px;
	line-height:1.2em;
}
div#mitumorihyou table td.title-kind{
	width:5%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-name{
	width:18%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-brand{
	width:22%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-price{
	width:10%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-other{
	width:50%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-otherb{
	width:40%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-east{
	width:5%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.title-west{
	width:10%;
	background-color:#cccccc;
	text-align:center;
	color:#000000;
}
div#mitumorihyou table td.kind{
	width:10%;
	text-align:center;
}
div#mitumorihyou table td.name{
	width:18%;
}
div#mitumorihyou table td.brand{
	width:22%;
}
div#mitumorihyou table td.price{
	width:10%;
	text-align:right;
}
div#mitumorihyou table td.other{
	width:50%;
	text-align:center;
}
div#mitumorihyou table td.other{
	width:40%;
	text-align:center;
}
div#mitumorihyou table td.east{
	width:10%;
	text-align:right;
}
div#mitumorihyou table td.west{
	width:10%;
	text-align:right;
}
div#mitumorihyou table span.red{
	color:#FF0000;
}
div#mitumorihyou table span.blue{
	color:#0000CC;
}
p span.red{
	color:#FF0000;
}
p span.blue{
	color:#0000CC;
}