/* layout.css 2007.08.23 */

/*============目次============
　最終更新日：2007/08/24
　1.コンテンツ
　2.テーブル
　3.その他
============================*/


/*===========================
■1.コンテンツ
============================*/
table {
/*	border-collapse: separate;*/
/*	border-spacing: 0;*/
}

/* 左余白5px */
DIV.Left5 {
margin-left: 5px;
}

/* 左余白15px */
DIV.Left15 {
margin-left: 15px;
}

/* 左右余白15px */
DIV.LR15 {
margin-left: 15px; margin-right: 15px;
}

/* ポイント内容　余白15px */
DIV.pointtxt {
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}

/* 製品紹介 サンプル見本枠 */
DIV.sample {
margin-left: 5px;
float: right;
text-align: center;
}


/* リスト（製品紹介　アイコン使用） */
UL.subpoint{
list-style-type: none;
margin: 5px;
padding: 0px;
}

/* リスト（グレー円形） */
UL.subpoint LI{
background: url("/optimage/product/img/icon_subpoint.gif") no-repeat;
margin-bottom: 10px;
padding-left: 20px;
}

/* 出力サンプル枠 */
DIV.sampleframe {
width: 530px;
margin: 0;
padding: 20px;
float: left;
text-align: center;
background-color:#000000;
}

/* レイトレースとOptimageの比較 */
TABLE.compare_ray_opt {
	border-collapse: collapse;
}

TABLE.compare_ray_opt TH,
TABLE.compare_ray_opt TD{
	padding: 3px;
	text-align: center;
	color:#FFFFFF;
	border: 1px solid #666666;
}

TABLE.compare_ray_opt TH{
	background-color:#333333;
	font-weight: normal;
}


/* インタビュー　質問 */
DIV.qa {
margin: 0px 5px 15px 5px;
}

/* インタビュー　質問 */
.ques {
margin-top: 15px;
margin-bottom: 5px;
color: #993333;
font-weight: bold;
}

/* インタビュー　回答 */
.ans {
margin-bottom: 5px;
}

/* インタビュー　メモ */
.memo {
margin-top: 5px;
padding: 5px 10px 5px 10px;
background-color: #E0E0E0;
}

/* インタビュー　参考情報 */
.ex {
margin-top: 10px;
padding: 5px 10px 5px 10px;
border: 1px dotted #CF7272;
}

/* インタビュー　参考情報 */
.ex STRONG{
color: #993333;
}

/* インタビュー　TOSさんプロフィール */
TABLE.profile {
background-color:#EBE4D8;
margin-top: 10px;
margin-bottom: 10px;
}

TABLE.profile td {
padding: 5px 20px 5px 20px;
}

/*===========================
■2.テーブル
============================*/

/* 表組みセット
_______________________________________________*/

TABLE.pointframe {
	border-collapse:collapse;
	padding:0;
	width: 570px;
	border-top:1px  solid #CCCCCC;
	border-left:1px  solid #CCCCCC;
	border-bottom:1px  solid #CCCCCC;
	border-right:1px  solid #CCCCCC;
	margin-bottom:5px;
}

TABLE.pointframe td{
	padding:0;
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
}

TABLE.sampleimg {
	background-color:#000000;
}

TABLE.sampleimg td{
	text-align:center;
	vertical-align:top;
	color:#CCCCCC;
}


/*===========================
■3.その他
============================*/

/* 画像：上5pxスペースをとる */
IMG.Top5 {
margin-top: 5px;
}

/* 画像：下5pxスペースをとる */
IMG.Bottom5 {
margin-bottom: 5px;
}

/* 画像：上10pxスペースをとる */
IMG.Top10 {
margin-top: 10px;
}

/* 画像：下10pxスペースをとる */
IMG.Bottom10 {
margin-bottom: 10px;
}

/* 画像：左5pxスペースをとる */
IMG.Left5 {
margin-left: 5px;
}

/* 画像：右5pxスペースをとる */
IMG.Right5 {
margin-right: 5px;
}

/* 画像：上下10pxスペースをとる */
IMG.UD10 {
margin-top: 10px;
margin-bottom: 10px;
}

/* トップバナー　スペース調整 */
IMG.banaspace {
margin-top: 10px;
margin-bottom: 10px;
}

/* 画像・キャプション */
DIV.ImgBox {
	margin: 0;
	padding: 5px 0 15px;
}

DIV.ImgBox img {
	padding: 3px;
	margin: 0 5px 0 0;
	border: 1px solid #666;
}
DIV.ImgBox a img {
	padding: 5px;
	border: 1px solid #999;
	background-color: #fff;
}
DIV.ImgBox a:hover img {
	border: 1px solid #003399;
	background-color: #EEF3FF;
}
DIV.ImgBox p.Caption {
	color: #666;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

DIV.ImgBox.Narrow {
	width: 280px;
}
DIV.ImgBox.Narrow a,
DIV.ImgBox.Narrow a img {
	margin: 0 auto;
	display: block;
}

/*===========================
■4. ページ送り
============================*/
.Pager {
	padding: 5px 0;
	text-align: center;
}


/*===========================
■5. インデックス
============================*/
table.list {
	width: 570px;
}
table.list td{
	border: 1px solid #D2A49D;
}

table.listbox td {
	border: 0;
}
table.listbox td.number {
	font-size: 62.5%;
	text-align: right;
	color: #444;
	padding: 0 4px;
}
table.listbox td.number em {
	color: #FF0000;
	font-style: normal;
	font-weight: bold;
	margin-right: 1em;
}
table.listbox td.thumb1 {
	text-align: right;
}
table.listbox td.thumb2 {
	text-align: left;
}
table.listbox td.thumb1 a,
table.listbox td.thumb2 a {
	display: block;
}
table.listbox td.thumb1 a,
table.listbox td.thumb2 a {
	border: 1px solid #666;
}
table.listbox td.thumb1 a:hover,
table.listbox td.thumb2 a:hover {
	border: 1px solid #0033FF;
}
table.listbox th {
	border: 0;
	font-size: 82.5%;
	line-height: 130%;
	font-weight: bold;
	padding: 0 1px 3px;
	text-decoration: none;
}
table.listbox th a{
	text-decoration: underline;
	color: #000;
}
table.listbox th a:hover{
	text-decoration: none;
	color: #003399;
}
table.listbox th em {
	font-weight: normal;
	font-style: normal;
}
table.listbox td p {
	font-size: 75%;
	line-height: 140%;
	margin: 0 1px;
	padding: 0;
	color: #444;
}
table.listbox td p a {
	display: block;
	text-align: right;
}