@charset "utf-8";
/* common.css */

/*===================================================

                     FixBox
             最上階レイアウトボックス

===================================================*/
#FixBox {
	width: 800px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../com_images/bg.jpg) top left repeat-y;
}


/*===================================================

                     TopBox
                  ページはじめ

===================================================*/
#TopBox {
	width: 800px;
	height: 1px;
	background: url(../com_images/bgcolor.jpg) top left repeat;
	overflow: hidden;
}


/*===================================================

                     HeaderBox
                     ヘッダー部

===================================================*/
#HeaderBox {
	width: 800px;
	height: 285px;
	margin: 0;
	padding: 0;
	background: url(../com_images/bg_hd.jpg) top left no-repeat;
}

/* ロゴ */
#SiteId {
	width: 328px;
	height: 79px;
	margin: 0;
	padding: 0 50px 0 422px;
}

#SiteId a {
	display: block;
	width: 100%;
	height: 100%;
}

/* ナビゲーションボックス */
#HeaderNaviBox {
	width: 800px;
	height: 196px;
	margin: 15px 0 0 0;
	padding: 0;
}

/* 各ナビゲーション用ボックス */
#HeaderNavigation {
	float: left;
	width: 535px;
	height: 60px;
	margin: 0 0 5px 0;
	padding: 0 0 0 72px;
}

#HeaderNavigation a {
	display: inline-block;
	width: 107px;
	height: 30px;
	margin: 0;
	padding: 0;
}

/* お問い合わせ&アクセス */
#HeaderAcNavigation {
	float: right;
	width: 171px;
	height: 137px;
	margin: 10px 0 0 0;
	padding: 0 15px 0 0;
}

#HeaderAcNavigation a {
	display: inline-block;
	width: 171px;
	height: 137px;
	margin: 0;
	padding: 0;
}

/* メニューインフォメーション */
#Information {
	float: left;
	width: 535px;
	height: 19px;
	margin: 0 0 20px 0;
	padding: 0 0 0 72px;
}

/* タイトル */
#Headline {
	float: left;
	width: 535px;
	height: auto;
	margin: 0;
	padding: 0 0 0 72px;
}

/* パンくず */
#Pankuzu {
	width: 520px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	color: #333300;
	font-size: 0.9em;
	text-align: left;
}


/*===================================================

                     ContentsBox
                   コンテンツボックス

===================================================*/

#ContentsBox { 
	margin: 0 65px 20px 72px;
}


/* 目次 */
#Mokuji {
	padding: 10px;
	background-color: #EBF3F3;
}

/* H2レベル包括ボックス */
.topic {
	padding: 0 10px 10px 10px;
}

/* 目次へ戻る */
.toMokuji {
	margin: 10px 0 0 0;
	text-align: right;
}

.red {
	color: #CC0000;
}

/* 共通テーブル */
table.commom {
	width: 100%;
}

table.commom th,
table.commom td {
	padding: 8px;
	font-weight: normal;
	text-align: left;
}

table.commom td {
	border-left: 0 none;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px dashed #999999;
}

table.commom th {
	width: 135px;
	border-left: 0 none;
	border-top: 0 none;
	border-right: 1px solid #330000;
	border-bottom: 1px solid #330000;
}


/* 共通リンク */
p.common img {
	border: 1px solid #CCCCCC;
}

p.common a:hover img {
	border: 1px solid #FFB200;
}

p.common {
	margin: 20px 0 0 0;
}

/* トップページ用 ここから */
#Swf {
	float: left;
	width: 300px;
	height: 250px;
	margin: 0;
	padding: 0 30px 0 0;
}

#Topics {
	float: left;
/*	width: 300px;*/
/*	height: 165px;*/
	margin: 5px 0 0 0;
	padding: 0 0 80px 0;
	background: url(../com_images/top/saboten.jpg) bottom right no-repeat;
}

#Banner {
	margin: 15px 0 0 0;
}

#Banner img {
	width: 300px;
	height: 200px;
	margin: 0 30px 0 0;
}
/* トップページ用 ここまで */

/* オークリー詳細用 ここから */
#Oakery h2 {
	text-align: center;
}

#Oakery div.topic p {
	padding: 0 15px;
}

#Oakery div.topic ul {
	padding: 0 15px 0 30px;
}

#Oakery div.topic table {
	margin: 0 15px;
}

#Oakery div.topic p.read {
	padding: 15px;
	color: #43280D;
	background-image: url("../com_images/bg1.gif");
}
/* オークリー詳細用 ここまで */

/* サービス用 ここから */
#Service h2 {
	margin-bottom: 0;
}

#Service h3 {
	margin: 0 0 15px 0;
	padding: 15px 0 10px 0;
	color: #FC7100;
	border-bottom: 2px dashed #FC7100;
}

#Service .topic {
	background-image: url(../com_images/bg3.gif);
	padding-bottom: 15px;
}
/* サービス用 ここまで */

/* お問い合わせとアクセスマップ用 ここから */
#Access {
	width: 535px;
	padding: 5px;
}

#Access div {
	width: 448px;
	margin: 10px auto 0 auto;
	padding: 10px 0;
	background-image: url("../com_images/bg1.gif");
	border: 1px solid #000000;
}

#Access p {
	margin: 0 auto;
	text-align: center;
}

#Access div h2 {
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#Access div p {
	margin: 0 10px;
	padding: 5px;
	text-align: left;
	border-top: 1px dashed #333333;
}
/* お問い合わせとアクセスマップ用 ここまで */

/* 送料用 ここから */
#Souryou table {
	background-color: #330000;
	border: 1px solid #330000;
}

#Souryou table th,
#Souryou table td {
	padding: 8px;
}

#Souryou th {
	background-image: url("../com_images/bg1.gif");
	border: 1px solid #330000;
}

#Souryou td {
	background-color: #FFFFFF;
	border: 1px solid #330000;
}
/* 送料用 ここまで */

/*===================================================

                     FooterBox
                     フッター部

===================================================*/

/* このページの先頭へ */
#ToPageTop {
	margin: 0 0 20px 0;
	padding: 0 17px 0 0;
	text-align: right;
}

#FooterBox {
	width: 800px;
	height: 55px;
	margin: 0;
	padding: 0;
}

/* ナビゲーションボックス */
#FooterNaviBox {
	width: 728px;
	height: 20px;
	margin: 0 0 5px 0;
	padding: 0 0 0 72px;
}

/* 各ナビゲーション用ボックス */
#FooterNavigation {
	width: 728px;
	height: 20px;
}

#FooterNavigation a {
	display: inline-block;
	width: auto;
	height: 20px;
	margin: 0 15px 0 0;
	padding: 0;
}


/*===================================================

                  共通クラス定義

===================================================*/
/* 音声用透明画像スタイル */
.aural {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}

/* 隠し */
.hide {
	display: none;
}

/* 解除ボックス */
.Clear-Both {
	clear: both;
	height: 1px !important;
	margin: 0 !important;
	display: block !important;
	font-size: 1px !important;
}