@charset "shift_jis";

/* ------------------------------------ */
/* 光学：基本レイアウト用（原則追加変更不可） */
/* ------------------------------------ */

/* 基本タグの初期化 --------------------*/

html {
	background-color:#ccc;
	background-image:url(/optical/image/html_background.gif);
	margin:0;
}
* {
	box-sizing:content-box;
}
body {
	margin:0 auto;
	padding:0;
	font-size:80%;
	color:#666;
}

/* 全てのページに共通する定義（原則追加変更不可） --------------------*/
/* ソース全体の幅規定とセンタリング */
#CABINET {
	margin:0;
	padding:0;
	text-align:center;
}

/*コンテンツ背景*/
#CONTENTSBG {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(/optical/image/contents_background4.gif);
	width:780px;
	background-color:#fff;
/*	border:1px solid #0f0;*/
}


/* CONTENTS = SIDEBAR+MAIN */
#CONTENTS {
	width:780px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* CONTENTSの下のR画像 */
#CONTENTS-BOTTOM {
	width:780px;
	padding:0;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	clear: both;
	text-align:left;
}

/* MAIN*/
#MAIN {
	width:580px;
	background-color:#fff;
	margin:0;
	padding:0;
	float:right;
	clear:right;
}

/* MAINPAD*/
#MAINPAD {
	padding:0 5px 0px 10px;
	background-color:#fff;
	clear: both;
	text-align:left;
}


/* パンくず --------------------*/
#CONTENTPATH {
	font:85%/1.3 "MS PGOTHIC",Osaka,sans-serif;
	color:#666;
	margin:0px 10px 20px 10px;
}
#CONTENTPATH span{
	padding:0 7px;
}
#CONTENTPATH a,
#CONTENTPATH a:link {
	color:#369;
}
#CONTENTPATH a:visited {
	color:#7C96B1;
}


/*コンテンツ背景
#maintbl {
	background-image: url(/optical/image/sidbar_background2.gif);
}
*/

h1,h2,h3,h4,h5,form {
	margin:0;
	padding:0;
}
p {
	line-height:1.4em;
}
img {
	border:0;
}


/* リンクカラー --------------------*/
a,
a:link {
	color:#369;
	text-decoration:underline;
}
a:visited {
	color:#8080c0;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#F60;
	text-decoration:none;
}


/* 見出し・強調 --------------------*/
h1, h2, h3, h4 {
	font-weight:bold;
	line-height: 1.1em;
	font-family:"MS PGOTHIC",Osaka,sans-serif;
}
h1 {
	margin:0;
	padding:0px 0 23px 10px;
	font-size:160%;
	color:#000;
}
.h1_cap {
	padding:6px 4px 5px 10px;
	margin:1em 0 0.5em 0;
	font-size:100%;
	font-weight:bold;
	color:#369;
}

h2 {
	background:url(/optical/image/h2_background.gif) no-repeat 0px 0px;
	padding:6px 4px 5px 10px;
	margin:1.2em 0 1em 0;
	font-size:120%;
	clear:both;
}
h3 {
	background:url(/optical/image/h3_background.gif) no-repeat 0px 0px;
	padding:5px 4px 5px 10px;
	margin:1.2em 0 1em 0;
	font-size:110%;
}
h4 {
	padding:6px 4px 5px 5px;
	margin:1em 0 0.5em 0;
	font-size:110%;
	color:#369;
}
h5 {
	padding:6px 4px 5px 10px;
	margin:1em 0 0.5em 0;
	font-size:110%;
	color:#000;
}

/* リスト定義 --------------------*/
#CONTENTS ol, #CONTENTS ul {
	margin-top:1.0em;
	margin-left:1.3em;
	padding-left:1.3em;	
	margin-bottom:1.2em;
}
#CONTENTS li {
	margin-bottom:0.6em;
	line-height:1.1em;
}
ul.alpha {
	list-style-type:lower-alpha;
}

#CONTENTS dl {
	margin-top:0.5em;
}
#CONTENTS dt {
	margin-bottom:0.4em;
}
#CONTENTS dd {
	margin-bottom:1.2em;
}


table{
	font-size:1.0em;
}

/* tableタグ --------------------*/
/* .tblテーブル内通常テーブル */
table.tbl table {
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	border-width:0px;
}
table.tbl table th, table.tbl table td {
	padding:2px 5px 2px 0;
	border:0px;
	color:#666;
}
table.tbl table th, table.tbl table thead th, table.tbl table thead td {
	font-weight:bold;
	background-color:#fff;
	color:#666;
}
/* .tblテーブル */
table.tbl ,td table.tbl {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse: collapse;
	empty-cells: show;
	margin:5px 0;
}
table.tbl thead th, table.tbl thead td, td table.tbl thead th, td table.tbl thead td {
	background-color:#CCC;
	color:#666;
	font-weight:normal;
}
table.tbl thead td, td table.tbl thead td {
	background-color:#DDD;
}
table.tbl th, table.tbl td, td table.tbl th, td table.tbl td {
	padding:2px 5px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
table.tbl th, td table.tbl th {
	color:#666;
	background-color:#EEE;
	text-align:left;
	font-weight:normal;
}
table.tbl td, td table.tbl td {
	font-weight:normal;
}



/* 横線tableタグ --------------------*/
/* .hrテーブル内通常テーブル */
table.hr table {
	border:0;
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	background-image:none;
}
table.hr table th, table.hr table td {
	padding:2px 5px 2px 0;
	background-image:none;
	border-collapse: separate;
	color:#666;
}
table.hr table th {
	font-weight:bold;
	background:#fff;
	border-collapse: separate;
}
/* 横線のみのテーブル */
table.hr, td table.hr {
	margin:5px 0;
	border-collapse: collapse;
	empty-cells: show;
	background:transparent url(/optical/image/hr_01.gif) repeat-x 0px bottom;
}
table.hr td, table.hr th, td table.hr td, td table.hr th {
	padding:9px 5px  8px 5px;
	text-align:left;
	background:transparent url(/optical/image/hr_01.gif) repeat-x 0px 0px;
}
table.hr th, td table.hr th {
	font-weight:bold;
	color:#666;
}
table.hr td, td table.hr td {
	font-weight:normal;
}

/* アイコン --------------------*/

/* アイコンのUL共通 */
ul.arrow,
ul.pdf,
ul.download,
ul.file,
ul.mail,
ul.window
{
	list-style-type: none;
	padding-left:20px;
	margin-left:0;
}
ul.arrow li,
ul.pdf li,
ul.download li,
ul.file li,
ul.mail li,
ul.window li
{
	padding-left:21px;
}
ul.arrow li.none,
ul.pdf li.none,
ul.download li.none,
ul.file li.none,
ul.mail li.none,
ul.window li.none
{
	background-image:none !important;
}

/* リンク */
.arrow a, a.arrow {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/arrow_right.gif) no-repeat 2px 3px;
}
ul.arrow li {
	background:transparent url(/optical/image/arrow_right.gif) no-repeat 2px 3px;
}
dl.arrow dt {
}

/* PDF */
/*.pdf a, a.pdf {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_pdf.gif) no-repeat 0px 1px;
}*/
ul.pdf li {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_pdf.gif) no-repeat 0px 1px;
}
dl.pdf dt {
}

/* ダウンロード */
.download a, a.download {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_download.gif) no-repeat 1px 0px;
}
ul.download li {
	background:transparent url(/optical/image/icon_download.gif) no-repeat 1px 0px;
}
dl.download dt {
}

/* ファイル・フォーム */
.file a, a.file {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_file.gif) no-repeat 0px 1px;
}
ul.file li {
	background:transparent url(/optical/image/icon_file.gif) no-repeat 0px 1px;
}
dl.file dt {
}


/* メール */
.mail a, a.mail {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_mail.gif) no-repeat 1px 3px;
}
ul.mail li {
	background:transparent url(/optical/image/icon_mail.gif) no-repeat 1px 3px;
}
dl.mail dt {
}


/* 別ウィンドウ*/ 
a.window {
	padding:1px 3px 1px 18px;
	background:transparent url(/optical/image/icon_window.gif) no-repeat 0px 1px;
}
ul.window li {
	background:transparent url(/optical/image/icon_window.gif) no-repeat 0px 1px;
}
dl.window dt {
}


/* 画像回り込み --------------------*/
/* 左画像、回り込み */
img.imgL {
	float:left;
	margin-right:12px;
	margin-bottom:1em;
	_margin-bottom:0px;
}
/* 右画像、回り込み */
img.imgR {
	float:right;
	margin-left:12px;
	margin-bottom:1em;
	_margin-bottom:0px;
}


/* 左画像、回り込み、画像コメント有り */
div.imgL {
	text-align:center;
	color:#666;
	float:left;
	margin-right:12px;
	margin-bottom:1em;
	_margin-bottom:0px;
}
div.imgL img {
	margin-bottom:3px;
}
/* 右画像、回り込み、画像コメント有り */
div.imgR {
	text-align:center;
	color:#666;
	float:right;
	margin-left:12px;
	margin-bottom:1em;
	_margin-bottom:0px;
}
div.imgR img {
	margin-bottom:3px;
}

/* 画像、画像の下にコメント有り */
div.imgC, p.imgC {
	text-align:center;
	color:#666;
}
div.imgC img, p.imgC img {
	margin-bottom:3px;
}


/* 囲い線 */
.rect {
	margin-top:10px;
	padding:10px;
	border:1px solid #999;
}



/* オブジェクトマージン：上方向（汎用）--------------------*/
.mt0 {
	margin-top:0px !important;
}
.mt2 {
	margin-top:2px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt7 {
	margin-top:7px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}

.mt1em {
	margin-top:1em !important;
}
.mt2em {
	margin-top:2em !important;
}
.mt3em {
	margin-top:2em !important;
}

/* オブジェクトマージン：左方向（汎用）--------------------*/
.ml0 {
	margin-left:10px !important;
}
.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}

/* オブジェクトマージン：右方向（汎用）--------------------*/
.mr0 {
	margin-right:10px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}

/* オブジェクトマージン：下方向（汎用）--------------------*/
.mb0 {
	margin-bottom:10px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb7 {
	margin-bottom:7px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
/* padding */

.pt15 {
	padding-top:15px !important;
}


/* 行揃え（汎用）--------------------*/
.taRight {
	text-align:right;
}
.taCenter {
	text-align:center;
}
.taLeft {
	text-align:left;
}
.vam {
	vertical-align:middle;
}
.vat {
	vertical-align:top;
}


/* 回り込み（汎用）--------------------*/
.floLeft {
	float:left;
}
.floRight {
	float:right;
}

/* クリア----------------*/
.floatClear {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	overflow:hidden;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	background:transparent;
}

/* クリア----------------*/
.both {
	clear:both;
}



/* 文字装飾用 --------------------*/
/* 赤字 */
.red {
	color:#C00;
}
.redb {
    font-weight:bold;
	color:#C00;
}
.red_small {
	color:#C00;
	font-size:0.8em;
}

.blue {
	color:#369;
}
.blueb {
    font-weight:bold;
	color:#3366CC;
}
.orangeb_m {
    font-weight:bold;
	color:#CE5700;
	font-size:1.2em;
}
.cap {
	font-size:0.8em;
	line-height:1.0em;
}

/* 共通素材：リンク（ボタン風） */
a.a-button01 {
	background:#CCC;
	padding:10px;
	text-decoration: none;
	display:block;
	text-align:center;
	margin-top:3px;
	width:auto;
}
a.a-button01:link, a.a-button01:visited {
	border-top:1px solid #F0F0F0;
	border-left:1px solid #EEE;
	border-right:2px solid #666;
	border-bottom:2px solid #222;
	color:#000;
}
a.a-button01:hover, a.a-button01:active {
	border-right:1px solid #EEE;
	border-bottom:1px solid #F0F0F0;
	border-top:2px solid #222;
	border-left:2px solid #666;
	color:#000;
}

/* 共通素材：リンク（ボタン風）padding 3 */
a.a-button02 {
	background:#FFFFDD;
	padding:3px;
	text-decoration: none;
	display:block;
	text-align:center;
	margin-top:3px;
	width:auto;
}
a.a-button02:link, a.a-button02:visited {
	border-top:1px solid #F0F0F0;
	border-left:1px solid #EEE;
	border-right:2px solid #666;
	border-bottom:2px solid #222;
	color:#000;
}
a.a-button02:hover, a.a-button02:active {
	border-right:1px solid #EEE;
	border-bottom:1px solid #F0F0F0;
	border-top:2px solid #222;
	border-left:2px solid #666;
	color:#000;
}



/* TM */
font.tm {
position:relative;
}
font.tm sub,font.tm sup {
vertical-align: baseline;
}
font.tm sup {
position:relative;
top:-4px;
}
font.tm sub {
position:relative;
top:4px
}

/* hr */
.dot{
	margin-top:10px;
	border-width:0;
	height:1px;
	border-top:1px dotted #999;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

.mid_s01blue {
	background:url(/optical/image/mid_s01.gif) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 3px 0px;
	width:90px;
}

.mid_m01blue {
	background:url(/optical/image/mid_m01.gif) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:3px 0px 3px 0px;
	width:220px;
}