@charset "UTF-8";
*{
 margin:0;
 padding:0;
} 
html,body{
height: 100% ;
}
body > #wrapper {
height: auto;
}
#wrapper {
height: 100% ;
min-height: 100%;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,address,form {
margin:0 ; 
padding:0;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
a {text-decoration:none;}

#wrapper {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(../products/images/wrprbg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#content {
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
}

#header {
	height: 45px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../commonimgs/topheaderbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#forgc {
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 120px;
	overflow: hidden;
	margin-top: 0px;	
	margin-left: 610px;	

}
#main {
	background-image: url(../commonimgs/slider-wrapperbg.gif);
	background-repeat: repeat-x;
	background-position: 0px top;
	width: 800px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/*スライダー*/

.slider-wrapper{
	padding-top:15px;
	width: 800px;
	position: relative;
	margin-right: auto;
	margin-left: auto;

	}
.theme-default #slider {
    margin:15px auto 0 auto;
	border-style:none;
    width:600px; /* Make sure your images are the same size */
    height:338px; /* Make sure your images are the same size */
	-webkit-box-shadow: 4px 3px 7px 1px #666; /* Safari, Chrome用 */
	-moz-box-shadow: 4px 3px 7px 1px #666; /* Firefox用 */
	box-shadow: 4px 3px 7px 1px #666; /* CSS3 */
		behavior: url("../../PIE.htc");
}



/*スライダー*/

#topixbox {
	overflow: hidden;
	position: relative;
	width: 792px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
/*	padding-left: 10px;*/
}



#news{
	width: 790px;
/*	float:left;*/
	position: relative;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
/*トピックスのタイトル部*/
#newsHead{
	width: 770px;
	color: #fff;
	background-image: url(../commonimgs/topicsbk.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
#newsHead p{
	font-size: 14px;
	float: left;
	padding-top: 0.2em;
}
#newsHead a{	
	margin-right: 10px;
	float: right;
	text-align: center;
	display: block;
	color: #ffffff;
	font-size: 12px;
	background-image:url(../commonimgs/forichiran_bg.gif);x
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 0.2em;
	padding-right: 10px;
	padding-bottom: 0.2em;
	padding-left: 10px;
	cursor:pointer;
	-webkit-border-radius: 5px;
	khtml-border-radiust: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("../../PIE.htc");
	position:relative\9;
}
#newsHead a:hover{
	color: #dddddd;
}
/*トピックスのタイトル部*/
#news #whatsnew{
	height:80px;
	min-height: 80px;
	max-height:200px;
	width: 790px;
	resize: none; 
	overflow: hidden;
	background-color: #eee;
}
/*#news #whatsnew{
	height:80px;
	min-height: 80px;
	max-height:200px;
	width: 790px;
	resize: none; 
	overflow: hidden;
	background-color: #eee;
}*/
/*読みこみテーブル*/
#news table{
	width: 760px;
}
#news th{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	vertical-align: top;
}
#news td{
	font-size: 12px;
	color: #000;
	}
/*読みこみテーブル*/



/*ソートボタン*/
#sortbtnbox{
	width:800px;
	margin-top: 5px;
	position: relative;
	}
#sortbtnbox ul{
	list-style-type: none;
	overflow: hidden;
	text-align: center;
}
#sortbtnbox li{
	text-align: center;
	display: block;
	margin-left: 10px;
	font-size: 12px;
	float: left;
	background-image: url(../commonimgs/srtbtnbg.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 0.2em;
	padding-right: 10px;
	padding-bottom: 0.2em;
	padding-left: 10px;
	cursor:pointer;
	-webkit-border-radius: 5px;
	khtml-border-radiust: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("../../PIE.htc");
	position:relative\9;
}
#sortbtnbox li a{
	color: #333;
	}
#sortbtnbox li a:hover{
	color: #fff;
}

/*ソートボタン*/

.heightLineParent{
	}

.triplebox{
	width: 800px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	}
.titlecont, .titlecont0{
	/*cursor:pointer;*/
	float: left;
	position:relative;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 8px;
	border-left-width: 2px;
	border-style: solid;
	border-color: #aaa;
	-webkit-border-radius: 5px;
	khtml-border-radiust: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
/*	behavior: url("../../PIE.htc");*/

}
.titlecont, .titlecont0{	width: 256px;}
.titlecont a{
	display:none;
}
#ange, #musou100, #nyaga, #nobu100, #san100, #mf100, #mf100ad, #wp100, #jollyw, #sen100, #mygc, #corda100, #sbj, #riodeca #cws100{

	}


/*ロールオーバー背景*/
#ange:hover, #nyaga:hover, #nobu100:hover, #wp100:hover, #jollyw:hover, #sen100:hover, #mygc:hover, #corda100:hover{


}

.platf{
	width: 246px;
    height:30px;
	overflow:hidden;
	background-color: #aaa;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #FFF;
	text-align: right;
}
.pltjnl{
    line-height:30px;
    }
.pltjnl2l{
    font-size:11px;
    line-height:14px;
    }
.subimage{
	padding: 0px;
	height: 146px;
	width: 256px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.subimage img{
	display: block;
		margin-left: auto;
			margin-right: auto;
			}
.kousiki a, .kousiki_10 a{
	position: absolute;
	bottom: 6px;
	left: 6px;
	}
	.kokoclick a, .kokoclick_10 a{
	position: absolute;
	bottom: 6px;
	right: 6px;

	}
.kousiki a, .kokoclick a, .kousiki_10 a, .kokoclick_10 a{
	text-align: center;
	display: block;
	float:right;
	font-size: 11px;
	width: 8em;
	background-color: #738C94;
	padding-top: 0.2em;
	padding-right: 5px;
	padding-bottom: 0em;
	padding-left: 5px;
	-webkit-border-radius: 5px;
	khtml-border-radiust: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("../../PIE.htc");
	color: #FFf;
	padding-bottom/*\**/: 0.2em\9;
}
.kousiki a:hover, .kokoclick a:hover, .kousiki_10 a:hover, .kokoclick_10 a:hover{	color: #ddd;}
.kousiki_10 a, .kokoclick_10 a{
	width:11em;}
/*.hover2{
	color: #fff;
	font-weight: bold;
}*/
.catchlarge, .detail{	padding: 0px 10px;}
.catchlarge{
	clear:both;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #00ABFF;
	line-height: 24px;
}
p.catchlarge br{letter-spacing: 0;}
.hover{
/*	color: #00ddFF;
	font-size: 18px;
	line-height: 24px;*/
}

.detail{
	font-size: 12px;
	line-height: 150%;
	color: #333;
	margin-top: 10px;
	 margin-bottom:10px;
}


.line{
	display: block;
	margin-top: 30px;
	color: #666;
}
#comingsoon{
	float: left;
	position:relative;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 8px;
	border-left-width: 2px;
	border-style: solid;
	border-color: #036;
	-webkit-border-radius: 5px;
	khtml-border-radiust: 5px;
	moz-border-radius: 5px;
	border-radius: 5px;
/*	behavior: url("../../PIE.htc");*/
}
#comingsoon p{
	width: 246px;
	overflow:hidden;
	background-color: #036;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #FC3;
	text-align: center;
	font-weight: bold;
}
#comingsoon ul{
	margin-top: 10px;
	margin-left: 30px;	
	}
.titleboldcoming{
	font-size: 14px;
	color: #036;
}

#footer {
	background-image: url(../products/images/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
}
