
*{ /* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%; margin:0; padding:0;
}

/*===== 2: html and body =====*/
html{ /*min-width:1200px;*/ 
	margin:0; padding:0;
	}

body{
	margin: 0; padding:0;
	text-align: left;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	color:#666666;
	letter-spacing: 0.065em;
	background-color: #fcfaf0; background-image: url("img_bg/backgroundCommonBase.gif"); background-repeat: repeat-x;
	background-position: ;	
	}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; padding:0; }/*見出し要素のスタイルリセット*/


/*===3:リンクカラーの設定===*/
a:link { /*リンクスタンバイ*/
	color: #0099ff;
	text-decoration: none;
	}
a:visited { /*リンク訪問済み*/
	color: #6699CC;
	text-decoration: none;
	}
a:active { /*リンクボタンダウン*/
	color: #3366CC;
	text-decoration: none;
	}
a:hover { /*リンクボタンオーバー*/
	color: #0033CC;
	text-decoration: underline;
	}
	
/*=== 4:文字要素の設定 ===*/
p {	/*本文の基本設定*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: x-small !important;
	_font-size: 12px;
	color:#666666;
	}
	
	/*本文指定*/
	.bodyText { 
	font-size: x-small !important;
	_font-size: 12px;/*IE用の指定*/
	color: #6A6A6A;
	line-height: 190%;
	margin-left:35px; margin-right:50px; margin-bottom: 2em;/*マージンの指定*/
	padding:0;
	}
	
	/*フッターのコピーライト部分*/
	p.copyright {
	font-size: xx-small !important;
	_font-size: 10px;
	color:#666666;
	padding:0; margin:0 0 0 65px; _margin:0 0 0 45px;
	float:left;
	letter-spacing: normal;
	}
	
/*コメントとインフォ部分のテキスト（サイズや行間など）*/
	/*コメント文などの小テキスト*/
	.commentText { 
	font-size: xx-small !important;
	_font-size: 10pt;/*IE用の指定*/
	color: #6A6A6A;
	line-height: 180%;
	margin-bottom: 2em;
	}
	/*インフォ文などの小テキスト*/
	.infoText01 { 
	font-size: xx-small !important;
	_font-size: 10pt;/*IE用の指定*/
	color: #6A6A6A;
	line-height: 140%;
	margin-bottom: 2em;
	}
	
	
	
h1 { /*H1見出し指定 (ページタイトル)*/
	font-size: xx-small  !important;;
	_font-size: 10px;/*IE用の指定*/
	}
	
	.pageTitle01 { /*ページタイトルの色文字*/
	display:block;
	color: #977D91;
	position:relative; top:105px;
	text-align:right;
	margin-right:53px;
	}
	.pageTitle02 { /*ページタイトル白抜き*/
	display:block;
	color: #ffffff;
	position:relative; top:105px;
	text-align:right;
	margin-right:53px;
	}
	
h2 { /*H2見出し指定*/
	display: block;
	}
	
	h2.midashiH2 {/*H2項目のテキスト*/
	font-size: x-small !important;
	_font-size: 10px;/*IE用の指定*/
	font-weight: bold; color: #999999; 
	margin:0 10px 0 28px ; padding:0;
	_margin: 10px 10px 0 28px;/*IE用の指定*/
	}

	.midashiH2image {/*H2項目のイメージ*/
	margin:5px 0 -5px 28px ; padding:0;
	}
	
	
h3 { /*H3見出し指定*/
	display: block;
	}

h3 { /*H3見出し指定*/
	
	}

	h3.midashiH3 {/*H3項目のテキスト*/
	font-size: x-small !important;
	_font-size: 12px;/*IE用の指定*/
	font-weight: bold;
	color: #666666;
	margin-top: 1em;
	
	}
	
	h3.BrandName {/*眼鏡メーカーの表示*/
	font-size: xx-small !important;
	_font-size: 9px;/*IE用の指定*/
	font-weight: normal;
	color: #666666;
	margin-top: 0.2em;
	}

h4 { /*H4見出し指定*/
	
	}

h5 { /*H5見出し指定*/
	
	}

h6 { /*H6見出し指定*/
	
	}
	h6.BrandName01{ /*商品一覧ページ用のブランドネーム設定*/
	font-size:xx-small;
	_font-size:10px;
	}
	
	
/*=== 5:コンテナ(大きなレイアウトのコンテナ) ===*/

#Container_HomeLogo {/*ホームのロゴ部分*/
	display:block;
	z-index: 1; 
	position:absolute; top:56px; left:67px;
	background: url("img_logo/LogoHome.jpg") center top no-repeat;
	width:866px; height:400px; padding:0; margin: 0 auto 0 auto;
	}

#Container_HeadLogo {/*中ページのヘッドロゴ（重なり順では一番上に）*/
	display:block;
	position:absolute; top:0px; left:0px;
	z-index:2;
	width:424px; height:141px;
	background: url("img_logo/logoInside/logoInside_id0.png") no-repeat !important;
	_background: url("img_logo/logoInside/logoInside_ie0.png") no-repeat; 
	}


#Container_Contents { /*コンテンツ部分のコンテナ*/
	display:block;
	z-index:0;
	width:906px;
	min-height:500px;
	background: url("img_bg/bg_insideNormal.png") center top no-repeat !important;
	_background: url("img_bg/bg_insideNormal.jpg") center top no-repeat;
	margin-top:55px;
	margin-left:47px;
	padding:0;
	}
	#Container_Contents.home { /*コンテンツ部分のコンテナ(ホームで使用するコンテナ)*/
	display:block;
	z-index:0;
	width:906px;
	min-height:500px;
	_height:500px;
	background: url("img_bg/bg_insideNormal.png") center top no-repeat !important;
	_background: url("img_bg/bg_insideNormal.jpg") center top no-repeat;
	margin-top:55px;
	margin-left:47px;
	padding:0;
	}
	
	#Container_Contents.showcase { /*コンテンツ部分のコンテナ(ショーケース)*/
	background: url("img_bg/bg_insideShowcase.png") center top no-repeat !important;
	_background: url("img_bg/bg_insideShowcase.jpg") center top no-repeat;
	}
	
#Container_Footprint {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:30px; width:806px;
	background: url("img_bg/bg_footprintBase.png") center top no-repeat !important;
	_background: url("img_bg/bg_footprintBase.jpg") center top no-repeat;
	}


#Container_Footer {/*フッター部分のコンテナ*/
	display:block; clear:both;
	background: url("img_bg/footerBG.jpg") no-repeat left top ;
	height:30px; width: 933px;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	}
	
	
/*=== 6.ブロック ===*/
#Block_ContentsHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background-color:#FF9292;
	}

.Block_Contents{
	display:block; 
	padding:0px; margin:0 auto 0 auto;
	background: url("img_bg/BlockContents.jpg") repeat-y center top ;
	min-height:400px; width: 806px;
	}

/*-ブロック設定-*/	
.pBlockHeadBase { /*見出しがある場合のベース*/
	display:block; padding:20px 0 0 0; margin:0 auto 0 auto;
	background: url("img_bg/pBlockHeadBase.jpg") no-repeat center top ;
	min-height:400px; width: 800px;
	}
	
.pBlockBodyBase { /*見出しが無い場合のベース*/
	display:block; padding:20px 0 0 0; margin:0 auto 0 auto;
	background-color:#ffffff;
	/*background: url("img_bg/pBlockHeadBase.jpg") no-repeat center top ;*/
	min-height:400px; width: 800px;
	}
	
.pBlockBodyBase02 { /*見出しが無い場合のベース02*/
	display:block; padding:10px 0 0 0; margin:0 auto 0 auto;
	background-color:#ffffff;
	height:auto; width: 800px;
	}
	
.pBlockNewsBase { /*見出しが無い場合のベース03（NewsLogのベース）*/
	display:block; padding:20px 0 0 0; margin:0 auto 0 auto;
	/*background-color:#ffffff;*/
	height:auto; width: 800px;
	background: url("img_bg/pBlockNewsBase.gif") repeat-y center top ;
	}

/*-段組みに必要な設定-*/
.BlockMidashi {/*見出し要素のブロック*/
	display:block; width:205px; height:100%;
	float:left;
	}

.BlockBodySpace {/*本文要素のブロック*/
	display:block; width:595px; height:100%;
	float:right;
	}
	
/*=== 6-2.ブロック-各ページのコンテンツヘッド設定 ===*/	
.aboutHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:124px; width:806px;
	background: url("img_contentshead/HeadBG_about.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}

.dsHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_DS.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}
.accessHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_access.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}
.newslogHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_newslog.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}

.showcaseHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_showcase.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}
.showcaseDetailHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_showcaseDetail.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}
	
.privacyHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_privacy.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}
	
.sitepolicyHead {
	display:block;
	padding:0; margin:0 auto 0 auto;
	height:125px; width:806px;
	background: url("img_contentshead/HeadBG_sitepolicy.jpg") no-repeat center top ;
	/*background-color:#FF9292;*/
	}

/*=== 7.共通する要素 ===*/
.HRimage {
	display:block; clear: both; margin:0; padding:0; width:800px; height:3px;
	background-image: url("img_bg/HRimage.gif");
	background-repeat: no-repeat;
	padding: 5px 0 15px 0 ;
	margin: 0 0 0 0;
	}
	
.HRimage02 {
	display:block; clear: both; margin:0; padding:0; width:800px; height:3px;
	background-image: url("img_bg/HRimage02.gif");
	background-repeat: no-repeat;
	padding: 5px 0 15px 0 ;
	margin: 0 0 0 0;
	}
	
.HRnoimage {/*HRラインイメージ無し / HRline*/
	display:block; clear: both; margin:0; padding:0; width:800px; height:1px;
	/*background-image: url("img_bg/HRimage.gif");*/
	padding	: 5px 0 10px 0 ;
	}


/*=== 6:イメージ関係 img ===*/
img { /*イメージ要素の初期設定*/
	border: none;
	}

	

/*以下イメージ要素のフロートとセンター*/
p.bodyText img{
	display:block;
	padding:5px;
	border: solid 1px #f0f0f0;
	margin-bottom:5px;
	}

img.imgFloatLeft {
	float: left;
	margin: 0 10px 5px 0;
	}
img.imgFloatRight {
	float: right;
	margin: 0 0 5 15px;
	}
img.imgCenter {
	margin-left:auto; margin-right:auto;
	}


/*=== 7:フロートクラス FloatClass ===*/	
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.BlockCenter {
	margin-left:auto; margin-right:auto;
	}


/*===パン屑リストの設定===*/
.footprint {
	margin:4px 0 0 33px;
	_margin:4px 0 0 15px; 
	padding: 0 0 0 0px;
	float: left;
	font-size: xx-small !important;
	_font-size: 10px;
	letter-spacing: 0;
	color:#ffffff;
	}
	
.footprint a{ 
	/*display:block;*/
	color: #f5f5f5;
	}
.footprint a:link{ 
	/*display:block;*/
	text-decoration: underline;
	}
.footprint a:visited{ 
	/*display:block;*/
	color: #f5f5f5;
	}
.footprint a:hover {
	/*display:block;*/
	color: #D1EFFD;
	text-decoration: none;
	}

	
.ContentsEndImage {
	display:block;
	margin: 0 auto 5px auto; padding:0;
	clear: both;
	border:0;
	height:10px; width: 806px;
	background: url("img_bg/BlockContents.jpg") repeat-y center top ;
	text-align:center;
	}


.clear {
	clear: both;
	}


#footerUl {
	display: block;
	padding:0; margin:0;
	float: right;
	font-size: xx-small !important;
	_font-size: 10px;
	letter-spacing: normal;
	}
	
#footerUl li.footerLi {
	display: block;
	margin:0 5px 0 5px; padding: 0 0 0 5px;
	float: left;
	font-size: xx-small !important;
	_font-size: 10px;
	list-style-type:none;
	border-left:1px solid #cccccc;
	}



.xxSmallText {
	font-size:xx-small !important;
	_font-size: 10px;
	color:#999999;
	line-height: 160%;
	}

/*=== グーグルマップ部分 ====*/
#map {
	width:500px; height:300px;
	margin-left:35px; /*margin-right:50px;*/ margin-bottom: 2em;/*マージンの指定*/
	padding:0;
	border:1px solid #cccccc;
	}
	
/*=== 7:ページトップ移動ボタン ===*/
#pageTopEnd {
	clear:both; 
	display:block; 
	width:806px; height: 40px;
	margin: 0 auto 0 auto;
	padding:10px 0 10px 0;
	text-align: right;
	}
	
.pageTop {
	display: block;
	background-image: url("img_common/pageTopEnd.png");
	_background-image: url("img_common/pageTopEnd.gif");
	background-position: right top;
	padding: 0;
	margin: 0px 0px 0px auto;
	text-align: right;
	width: 100px;  height: 40px;
	clear: both;
	}

.pageTop a{
	display: block;
	background-image: url("img_common/pageTopEnd.png");
	_background-image: url("img_common/pageTopEnd.gif");
	background-position: right 0px;
	padding: 0;
	margin: 0px 0px 0px auto;
	text-align: right;
	width: 100px;  height: 40px;
	clear: both;
	background-repeat: no-repeat;
	}

.pageTop a:link {
	display: block;
	background-position: right 0px;
	width: 100px;  height: 40px;
	}
	
.pageTop a:hover {
	display:block;
	background-position: right -40px;
	width: 100px;  height: 40px;
	}
	

/*コンテンツ中のページトップボタン*/
.pageTopInContentsBox {
	display:block; clear:both;
	height:13px;
	width:70px;
	margin:0px 30px 10px auto;
	}

.pageTopInContents a{
	display: block;
	background-image: url("img_common/inContents/pageTop_standby.gif");
	width: 63px;  height: 13px;
	background-repeat: no-repeat;
	}

.pageTopInContents a:link {
	display: block;
	background-image: url("img_common/inContents/pageTop_standby.gif");
	width: 63px;  height: 13px;
	background-repeat: no-repeat;
	}
	
.pageTopInContents a:hover {
	display: block;
	background-image: url("img_common/inContents/pageTop_over.gif");
	width: 63px;  height: 13px;
	background-repeat: no-repeat;
	}

