@charset "UTF-8";
/*
---------------------------------------------------------------------
	各ページ共通スタイルシート
---------------------------------------------------------------------
*/

html
		{
		height: 100%;
		}
body
		{
		color: #434343;
		background: url(./img/share/background.jpg) ;
		background-repeat: no-repeat;
		background-position: 50% 0%;
		background-attachment:fixed;
		background-color: #000000;
		margin: 0;
		height: 100%;
		padding: 0;
		font-family: "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
		line-height: 120%;
		}

a:link, a:visited 
		{
		text-decoration: underline;
		color: #003466;
		}

a.foot:link, a.foot:visited
		{
		text-decoration: underline;
		color: #fff;
		}
					
a:hover
		{
		color: #a0a0a0;
		text-decoration: underline;
		}

a.foot:hover
		{
		color: #a0a0a0;
		text-decoration: underline;
		}

a:focus 
		{
		outline:none;	/*--リンクをクリックした時の破線を消す。Firefoxのみ有効--*/
		}
					
a
		{
		text-decoration: none;
		}
					
a img
		{
		border-style: none;
		}

img	
		{
		border: 0px;
		}
					
h1
		{
		margin: 0;
		font-size:75%;
		font-weight:normal;
		text-align: center;
		color:#fff;
		vertical-align:middle;
		}

h2
		{
		margin: 0;
		font-weight:normal;
		text-align: center;
		font-size:75%;
		color:#000;
		vertical-align:middle;
		}
					
p.hide 
		{
		display:none;
		}

.text
		{
		font-size: 75%;
		text-justify: distribute;	/*--均等割り付け--*/
		text-align: justify;
		}

.iepngfix
		{ 
			behavior: expression(IEPNGFIX.fix(this));	/*--IE6のpng透過用--*/
		}

strong{
	margin: 0;
	font-weight:normal;
	text-align: center;
	font-size:75%;
	color:#000;
	vertical-align:middle;
}

/*
---------------------------------------------------------------------
	ページレイアウト（各ページ共通）
---------------------------------------------------------------------
*/

					
.outer
		{	
		margin: 0 auto;
		width: 860px;	/*--両端の影のサイズ--*/
		}

html>body .outer
		{
		background-image:url(./img/share/bg.png);	/* 両端の影 IE6以外に適用 */
		}
					
*html body .outer
		{/* 両端の影 IE6以下に適用 */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/share/bg.png', sizingMethod='scale');
		}

/*--別階層用に作成--*/
.outer2
		{	
		margin: 0 auto;
		width: 860px;	/*--両端の影のサイズ--*/
		}

html>body .outer2
		{
		background-image:url(./img/share/bg.png);	/* 両端の影 IE6以外に適用 */
		}
					
*html body .outer2
		{/* 両端の影 IE6以下に適用 */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/share/bg.png', sizingMethod='scale');
		}


					
.wrapper
		{
		width: 820px;	/*--ページ表示部分最大幅です。--*/
		margin: 0px auto;	/*--ブラウザfirefoxでセンター揃えさせる。--*/
		min-height:100%;
		background-color:#fff;
		}
					
.inner 	{
		margin: 0px 10px;
		background-color:#fff;
		}

#footer
		{
		width: 100%;
		height: 146px;
		background: url(./img/share/footer.gif) repeat-x;
		margin: 0 auto;
		}
		
#footer_wrap
		{
		height: 146px;
		width: 820px;
		margin: 0 auto;
		}

#footer_left
		{
		height: 146px;
		width: 410px;
		float: left;
		text-align: center;
		}

#footer_right
		{
		height: 146px;
		width: 400px;
		float: right;
		text-align: center;
		}

#copy_right
		{
		font-size: 75%;
		color: #fff;
		}


#menu_back1
		{
		width: 190px;
		height: 190px;
		padding-top: 20px;
		text-align: center;
		background-color:#003466;
		}


.left_middle
		{
		margin: 0px auto;
		background-color: #fff;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（トップページ）
---------------------------------------------------------------------
*/

.top_title_char
		{
		width: 500px;
		margin: 0 auto;
		text-align: center;
		margin-left: auto;
		}

#main_body_wrap
		{
		width: 800px;	/*--ページ表示部分最大幅です。--*/
		margin: 0px auto;	/*--ブラウザfirefoxでセンター揃えさせる。--*/ 
		background:url('./img/share/menu_back.gif') repeat-y left top;
		}

#main_body_left
		{
		width: 190px;
		height: 100%;
		float: left;
		}

#main_body_right
		{
		width: 600px;
		height: 100%;
		float: right;
		}
		
#main_body_in_wrap
		{
		width: 540px;	/*--ページ表示部分最大幅です。--*/
		margin: 0px auto;	/*--ブラウザfirefoxでセンター揃えさせる。--*/ 
		background-color:#fff;
		}

#main_body_in_left
		{
		width: 270px;
		height: 100%;
		float: left;
		font-size: 75%;
		background-color:#fff;
		}

#main_body_in_right
		{
		width: 270px;
		float: right;
		font-size: 75%;
		background-color:#fff;
		}

/*
---------------------------------------------------------------------
	更新履歴（update.php用）
---------------------------------------------------------------------
*/

#main_body_top
		{
		width: 570px;
		margin: 0px auto;
		font-size: 0px;
		line-height: 0px;
		}
		
#main_body_rireki
		{
		width: 568px;
		border-style: solid;
		border-width: 0px 1px;
		border-color: #d1d1d1;
		margin: 0px auto;
		}
					
#main_body_foot
		{
		width: 570px;
		margin: 0px auto;
		font-size: 0px;
		line-height: 0px;
		}

.update_message
		{
		width:520px;
		margin: 0px auto;
		}

.update_now
		{
		width:520px;
		font-size:75%;
		font-family: "ＭＳ Ｐゴシック", sans-serif;
		}

.update_com
		{
		width:520px;
		font-size:75%;
		font-family: "ＭＳ Ｐゴシック", sans-serif;
		}


/*
---------------------------------------------------------------------
	ページレイアウト（会社案内）
---------------------------------------------------------------------
*/

table#company_table
		{
		border-collapse: collapse;
		margin: 0 auto;
		width: 500px;
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

#company_photo 				
		{
		font-size: 75%;
		width: 550px;
		margin: 0 auto;
		text-align: center;
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;
		padding: 6px;
		}

/*
---------------------------------------------------------------------
	商品ページ
---------------------------------------------------------------------
*/

.photo 				
		{
		font-size: 75%;
		width: 520px;
		height:100px;
		margin: 0 auto;
		text-align: center;
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;
		background: url(./img/contents/sirokan/item_back.gif) top left repeat ;
		padding: 6px;
		}

.photo_source			
		{
		font-size: 75%;
		width: 520px;
		height:60px;
		margin: 0 auto;
		text-align: center;
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;
		background: url(./img/contents/sirokan/item_back.gif) top left repeat ;
		background-color: white;
		padding: 6px;
		}
		
.photo_source2			
		{
		font-size: 75%;
		width: 520px;
		height:22px;
		margin: 0 auto;
		text-align: center;
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;
		background: url(./img/contents/sirokan/item_back.gif) top left repeat ;
		background-color: white;
		padding: 6px;
		}

.photo_source3 				
		{
		font-size: 75%;
		width: 520px;
		height:100px;
		margin: 0 auto;
		text-align: center;
		border-top: solid 1px silver;
		border-left: solid 1px silver;
		border-bottom: solid 1px gray;
		border-right: solid 1px gray;
		background: url(./img/contents/sirokan/item_back.gif) top left repeat ;
		background-color: white;
		padding: 6px;
		}
		
.item_title
		{
		text-align: center;
		font-size: 120%;
		font-weight: bold;
		}

.item_wrap
		{
		width: 520px;
		margin: 0 auto;
		}
					
.item_left
		{
		width: 240px;
		float: left;
		margin: 0 auto;
		}

.item_right
		{
		width: 270px;
		float: right;
		margin: 0 auto;
		}

.price
		{
		color: #CC0033;
		font-weight: bold;
		}

table#item
		{
		border-collapse: collapse;
		width: 520px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

table#item colgroup col.title
		{
	    width: 60px;
	    font-weight: bold;
		}

table#item colgroup col.title2
		{
	    width: 60px;
		}

table#item colgroup col.naiyou
		{
	    width: 380px;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（五島うどんの由来）
---------------------------------------------------------------------
*/

#yurai_back
		{
		width: 500px;
		height: 943px;
		margin: 0 auto;
		background: url(./img/contents/yurai/yurai_back.jpg) top left no-repeat ;
		}

#yurai_naiyou
		{
		font-size: 75%;
		width: 450px;
		padding: 20px;
		line-height: 2.3em;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		}
/*
---------------------------------------------------------------------
	ページレイアウト（五島うどんの作り方）
---------------------------------------------------------------------
*/

.making_wrap
		{
		width: 550px;
		margin: 0 auto;
		}

.making_left
		{
		width: 300px;
		float: left;
		}

.making_right
		{
		width: 235px;
		font-size: 75%;
		text-justify: distribute;	/*--均等割り付け--*/
		text-align: justify;		/*--均等割り付け--*/
		float: right;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（四季を通じてのおいしい召し上がり方）
---------------------------------------------------------------------
*/

.siki_wrap
		{
		width: 550px;
		margin: 0 auto;
		}

.siki_left
		{
		width: 275px;
		font-size: 75%;
		text-justify: distribute;	/*--均等割り付け--*/
		text-align: justify;		/*--均等割り付け--*/
		float: left;
		
		}

.siki_right
		{
		width: 250px;
		float: right;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（特定商取引の表示）
---------------------------------------------------------------------
*/

ul.tokutei_para
		{
		margin-top: 10px;
		margin-bottom:15px;
		margin-left: 2px;
		padding-left: 15px;
		}

table#tokutei_table
		{
		border-collapse: collapse;
		width: 550px;
		font-family: "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;

		font-size: 75%;
		border: 1px solid #000000;
		}
		
table#tokutei_table tr td
		{
		padding: 10px 10px;
		border: 1px solid #000000;
		}

table#tokutei_table colgroup col.title
		{
	    width: 170px;
	    background: #e4e6fc;
		}

table#tokutei_table colgroup col.naiyou
		{
	    width: 380px;
	    background: #fff;
		}


table#tokutei_table2
		{
		border-collapse: collapse;
		width: 370px;
		font-family:"ＭＳ Ｐゴシック", "MS P Gothic", san-serif;

		border: 1px solid #000000;
		}

table#tokutei_table2 tr td
		{
		padding: 10px 10px;
		border: 1px solid #000000;
		}

table#tokutei_table2 colgroup col.title
		{
	    width: 300px;
	    background: #e1f2fa;
		}

table#tokutei_table2 colgroup col.naiyou
		{
	    width: 70px;
	    background: #fff;
		}


/*
---------------------------------------------------------------------
	ページレイアウト（個人情報保護ポリシー）
---------------------------------------------------------------------
*/

.privacy_text_75
		{
		font-size: 75%;
		margin-left: 50px;
		}

ol.privacy_para
		{
		margin-top: 10px;
		margin-bottom:15px;
		margin-left: 2px;
		padding-left: 15px;
		}

#strong
		{
		font-size: 75%;
		font-weight: bold;
		}

/*
---------------------------------------------------------------------
	ページレイアウト（お問い合わせフォーム　/　法人・個人共通）
---------------------------------------------------------------------
*/

.mail_text75
		{
		font-size: 75%;
		text-align: center;
		width: 550px;
		}
		
.mail_text_white
		{
		color: #fff;
		}

table#mail_table
		{
		border-collapse: collapse;
		width: 550px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
		border: 1px solid #000000;
		}
		
table#mail_table tr td
		{
		padding: 10px 10px;
		border: 1px solid #000000;
		}

table#mail_table colgroup col.title
		{
	    width: 170px;
	    background: url(./img/contents/mail/mail_back.gif) top left repeat ;
		}

table#mail_table colgroup col.naiyou
		{
	    width: 380px;
	    background: url(./img/contents/mail/mail_back2.gif) top left repeat ;
		}

ol.privacy_para
		{
		margin-top: 10px;
		margin-bottom:15px;
		margin-left: 2px;
		padding-left: 15px;
		}

#strong
		{
		font-size: 75%;
		font-weight: bold;
		}

/*
---------------------------------------------------------------------
	ナビゲーション指定（メインメニューバー）
---------------------------------------------------------------------
*/



#head_wrap
		{
		width: 600px;	/*--ページ表示部分最大幅です。--*/
		height: 20px;
		margin: 0px auto;	/*--ブラウザfirefoxでセンター揃えさせる。--*/
		background-color:#fff;
		}

#head_wrap_left
		{
		width: 380px;
		float: left;
		background-color:#fff;
		}

#head_wrap_right
		{
		width: 220px;
		margin: 0px 0px 0px 0px;
		float: right;
		font-size: 0px;
		}

#head_menu ul
		{
		list-style: none;
		width: 600px;
		position: absolute;
		margin: 0px 0px 0px 0px;
		text-align:center;
		padding: 0px;
		}

#head_menu ul li
		{
		float:left;
		margin: 0px;
		list-style-type:none;
		font-size:0px;
		display:inline;
		}

#head_menu ul li a
		{
		height: 20px;
		display: block;
		text-decoration: none;
		text-indent: -9999px;
		}

#head_menu1 a
		{
		width: 105px;
		height: 20px;
		display: block;
		background: url(./img/share/head_menu1.gif) top left no-repeat;
		}

#head_menu2 a
		{
		width: 95px;
		height: 20px;
		display: block;
		background: url(./img/share/head_menu2.gif) top left no-repeat;
		}

#head_menu3 a
		{
		width: 120px;
		height: 20px;
		display: block;
		background: url(./img/share/head_menu3.gif) top left no-repeat;
		}

#head_menu4 a
		{
		width: 60px;
		height: 20px;
		display: block;
		background: url(./img/share/head_menu4.gif) top left no-repeat;
		}

#head_menu li a:hover
		{
		background-repeat:no-repeat;
		background-position:0 -20px;
		}

/*
---------------------------------------------------------------------
	ナビゲーション指定（サイドメニューバー・上欄）
---------------------------------------------------------------------
*/

#side_menu1
		{
		margin: 0;
		padding: 0;
		list-style-type: none;	/*リストマークの削除*/
		width: 200px;
		}

#side_menu1 li
		{
		width: 190px;
		height: 30px;
		display: inline;
		}

#side_menu1 a
		{
		text-indent: -9999px;	/*テキストを隠す*/
		text-decoration: none;
		display: block;
		width: 190px;
		height: 30px;	/*リンク領域を広げる*/
		background-repeat: no-repeat;
		}

#side_navi1 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu_1.gif) top left no-repeat;
		}

#side_navi2 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu_2.gif) top left no-repeat;
		}

#side_navi3 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu_3.gif) top left no-repeat;
		}
		
#side_navi4 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu_4.gif) top left no-repeat;
		}

#side_navi5 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu_5.gif) top left no-repeat;
		}

#side_menu1 li a:hover
		{
		background-repeat:no-repeat;
		background-position:0 -30px;
		}

/*
---------------------------------------------------------------------
	ナビゲーション指定（サイドメニューバー・下欄）
---------------------------------------------------------------------
*/

#side_menu2
		{
		margin: 0;
		padding: 0;
		list-style-type: none;	/*リストマークの削除*/
		width: 200px;
		}

#side_menu2 li
		{
		width: 190px;
		height: 30px;
		display: inline;
		}

#side_menu2 a
		{
		text-indent: -9999px;	/*テキストを隠す*/
		text-decoration: none;
		display: block;
		width: 190px;
		height: 30px;	/*リンク領域を広げる*/
		background-repeat: no-repeat;
		}

#side_navi2_1 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu2_1.gif) top left no-repeat;
		}

#side_navi2_2 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu2_2.gif) top left no-repeat;
		}

#side_navi2_3 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu2_3.gif) top left no-repeat;
		}

#side_navi2_4 a
		{
		width: 190px;
		height: 30px;
		display: block;
		background: url(./img/share/menu2_4.gif) top left no-repeat;
		}

#side_menu2 li a:hover
		{
		background-repeat:no-repeat;
		background-position:0 -30px;
		}