@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name:      contents.css
Style Info:     個別レイアウト
----------------------------------------------------------- */
/*---------------------------
////　共通
---------------------------*/
body{
	font-size: 12px ;
}
.clearfix{
	clear: both ;
}
.pclearFix{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.pclear:after {
	content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}
a:link,a:visited{
	text-decoration: none ;
}
a:hover{
	text-decoration: underline ;
}
/*---------------------------
こちら共通のホバー処理
---------------------------*/
#mainContents a img:link,a img:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#mainContents a img:hover{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#mainContents #productmain .x9050nav a img:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#mainContents #productmain .x7250nav a img:hover,#mainContents #productmain #showcasebox img:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*---------------------------
//// メインエリア
---------------------------*/
#showcasebox{
	margin: 10px 0px ;
	padding: 0px 0px 0px 0px ;
	background: url(/showcase/images/youto_jirei_back.jpg) left top repeat-y ;
	border-bottom: 2px solid #CCCCCC ;
}
#showcasebox a{
}
.tabbox{
	margin: 0px ;
	height: 93px ;
}
.tabbox:after{
	clear: both ;
}
.tabbox ul{
	margin: 0px ;
}
.tabbox ul li{
	margin: 0px ;
	float: left ;
}
.showcase,.showcase1{
	margin: 10px 20px 20px 25px ;
}
.showcase1 h2{
	/*background: #E4ECF7 ;*/
	margin:0 0 0 3px ;
	border-left: 5px solid #82A0D6 ;
	padding: 1px 4px 1px 10px ;
	font-size: 16px ;
	/*font-weight: bold ;*/
	line-height:1em;
}

.showcasebody{
	margin: 5px 0px 0px 0px ;
	background: url(/showcase/images/showcaseback.jpg) left top repeat-y;
}
.showcaseup{
	margin: 0px ;
	height: 17px ;
	background: url(/showcase/images/showcasetop.jpg) left top no-repeat ;
}
.showcasebottom{
	margin: 0px ;
	height: 5px ;
	background: url(/showcase/images/showcasebottom.jpg) left bottom no-repeat ;
}
.showcasetxt{
	padding: 0 15px ;
}
.showboxbody{
	margin: 0 5px 0 15px ;
	padding: 0 0 10px 0 ;
	height: 100% ;
	overflow:hidden;
}
.showboxbody:after,.showright:after,.show1right ul:after{
	clear:both;
	height:0;
	visibility:hidden;
	display:bolck;
}
.showleft{
	margin:0;
	float: left;
	width:140px;
}
.showright,.show1right{
	margin:0;
	float: right;
	width:515px;
	height: 100% ;
	overflow:hidden;
}
.showright ul,.show1right ul{
	margin:0;
}
.showright ul li{
	margin:0;
	width: 255px ;
	height: 45px ;
	float:left;
}
.show1right ul li{
	margin:0;
	padding: 1px 0px ;
	width: 250px ;
	float:left;
}
.show1right ul li a{
	display:block;
	margin:0;
	padding:0 0 0 10px ;
	background: url(/showcase/images/icon.gif) left 3px no-repeat ;
}
.show1right p.link{
	text-align: right ;
	padding:0 15px 0 0;
	margin:0;
}
.show1right p.link img,.showcaselist dd img,.showcase1list dd img{
	vertical-align:middle;
	margin: 0 5px 0 0;
}
.show1right p{
	text-align: left ;
	padding:0 15px 0 0;
	margin:0;
}
.showcase2body{
	margin: 0 10px 0 15px ;
	padding: 0 0 10px 0 ;
	height: 100% ;
	overflow:hidden;
}
.showcase2body h3{
	color: #666666 ;
	padding: 1px 0 0 0;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px solid #B2B2B2 ;
}
.showcaselist{
	margin: 10px 0;
	padding: 0 0 10px 0;
	height:100%;
	overflow:hidden;
	border-bottom:1px solid #D8D8D8 ;
}
.showcaselist:after,.showcase1list:after,,.showcase2list:after,.showcase1list ul:after,.showcaseriso:after{
	clear:both;
	height:0;
	sidplay:block;
	visibility:hidden;
}
.showcaselist dt.title,.showcase1list dt.title,.showcase2list dt.title{
	margin:0;
	float:left ;
	width:155px;
}
.showcaselist dd.title,.showcase1list dd.title,.showcase2list dd.title{
	margin:0;
	float:right;
	width:495px;
}
.showcaselist dd p,.showcase1list dd p{
	padding: 5px 0 0 0;
}
.showcase1list,.showcase2list{
	margin: 10px 0;
	padding: 0 0 10px 0;
	height:100%;
	overflow:hidden;
}
.casetxt{
	padding: 10px 0 5px 0;
}
.listbox{
	margin:0;
	padding:0;
	width:240px;
	float:left;
}
.listbox dt{
	margin:0;
}
.listbox dd{
	margin:0 0 0 5px;
	padding:0;
}
.clearx{
	height:100%;
	overflow:hidden;
}
.clearx:after{
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.showcase3list{
	margin: 10px 0 0 0;
	padding: 0;
	height:100%;
	overflow:hidden;
}
.showcase3list ul{
	margin:0;
}
.showcase3list ul li{
	margin:0;
	padding:0 0 5px 0;
	width: 205px ;
	float:left ;
}
.showcase3list ul li a{
	display:block;
	padding: 0 0 0 10px;
	background:url(/showcase/images/icon.gif) left 3px no-repeat;
}
p.lastlink{
	margin: 0 ;
	padding: 5px 0 0 0 ;
	text-align: right ;
}
p.lastlink img{
	vertical-align:middle;
}

/*---------------------------
//// リソグラフ
---------------------------*/
.showcaseriso{
	margin: 0 5px 0 15px ;
	padding: 0 0 10px 0 ;
	height: 100% ;
	overflow:hidden;
}
.showrisoleft{
	margin:0;
	width:380px;
	float:left;
}
.showrisoright{
	margin:0;
	width:275px;
	float:right;
}
.showright img{
	vertical-align:middle;
	margin:0 5px 0 0;
}
.showright p{
	margin-bottom:1em;
}
.showbox1body{
	margin: 0 5px 10px 15px ;
	padding: 0 0 10px 0 ;
	height: 100% ;
	overflow:hidden;
	border-bottom:1px solid #D8D8D8 ;
}
.risogbox{
	margin:0;
	width:330px;
	float:left;
}
.risogbox:after{
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.risogbox dt{
	margin:0;
	width:140px;
	float:left;
}
.risogbox dd{
	margin:0;
	width:180px;
	float:right;
	background: url(/showcase/images/icon.gif) left 3px no-repeat;
}
.risogbox dd p{
	padding: 0 5px 0 10px ;
}
.font90p{ font-size:85%}