@charset "shift_jis";
/* CSS Document */


/* --- Layout --- */

#leftImage	{
		float: left;
		width: 193px;
		text-align: left;
		}

#rightText	{
		float: right;
		width: 380px;
		text-align: left;
		}



/* --- Left --- */

#mainImg	{
		margin-bottom: 20px;
		}

		#mainImg a:hover img	{
					filter: alpha(opacity=70);  
					opacity: 0.7;
					background: #fff;
					}


#leftImage ul		{
			width: 193px;
			}

#leftImage ul li	{
			float: left;
			}

	.si01	{
		margin-left: 0x;
		margin-bottom: 10px
		}

	.si02	{
		margin-left: 14px;
		margin-bottom: 10px
		}

	#leftImage ul li a img		{
					filter: alpha(opacity=100);  
					opacity: 1;
					}

	#leftImage ul li a:hover img	{
					filter: alpha(opacity=70);  
					opacity: 0.7;
					background: #fff;
					}



/* --- Right --- */

#feature	{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: double 3px #ddd;
		}

#feature ul.flist	{
			margin:0 0 0 20px;
			}

#feature ul.flist li	{
			margin:0 0 5px 0;
			list-style-type:disc;
			}

	#feature_nb	{
			margin-bottom: 10px;
			}

	#feature_nb ul.flist	{
				margin:0 0 0 20px;
				}

	#feature_nb ul.flist li	{
				margin:0 0 5px 0;
				list-style-type:disc;
				}


#icons ul		{
			width: 380px;
			}

#icons ul li	{
		float: left;
		}

	.ic01	{
		margin-left: 0x;
		}

	.ic02	{
		margin-left: 8px;
		}

	.ic03	{
		margin-left: 0x;
		margin-top: 10px;
		}

	.ic04	{
		margin-left: 8px;
		margin-top: 10px;
		}



/* --- SPEC --- */

#spec	{
	margin-top: 30px;
	padding-top: 30px;
	border-top: dotted 1px #666;
	}





/* --- Thumbnail --- */


.thumb h3	{
		margin: 20px 0 15px 0;
		}

.thumb h4	{
		float: left;
		width: 193px;
		margin: 0 0 10px 0;
		}

	.thumb h4.center	{
				margin: 0 10px 10px 10px;
				}

.thumb h4 a	{
		display: block;
		}

	.thumb h4 a:hover	{
				text-decoration:none;
				}

	.thumb h4 a img		{
				filter: alpha(opacity=100);  
				opacity: 1;
				}

	.thumb h4 a:hover img	{
				filter: alpha(opacity=70);  
				opacity: 0.7;
				background: #fff;
				}


.thumb h4 a span.thumbtxt	{
				display:block;
				padding: 10px;
				margin-bottom: 0;
				background: #fff;
				
				font-size:0.75em;
				line-height:1.4em;
				font-weight:normal;
				
				border-top: dotted 1px #ccc;
				border-left:   solid 1px #bfd3ff;
				border-right:  solid 1px #bfd3ff;
				border-bottom: solid 1px #bfd3ff;
				}

	.thumb h4 a:hover span.thumbtxt	{
					text-decoration: underline;
					border-top: dotted 1px #ddd;
					border-left:   solid 1px #d2dffd;
					border-right:  solid 1px #d2dffd;
					border-bottom: solid 1px #d2dffd;
					}

	.thumb h4 a span.thumbtxt.line_4 { _height:5.5em; }
	.thumb h4 a span.thumbtxt.line_4 { *height:5.5em; }



.proBdr01t	{
		margin-top: 20px;
		padding-top: 30px;
		border-top: double 3px #ddd;
		}

.proBdr01b	{
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: double 3px #ddd;
		}

.proBdr02t	{
		margin-top: 20px;
		padding-top: 30px;
		border-top: dotted 1px #666;
		}

.proBdr02b	{
		margin-bottom: 20px;
		padding-bottom: 30px;
		border-bottom: dotted 1px #666;
		}



