@import url('reset.css');



body {

	color: #666666;

	font-size: 12px;

	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;

	background-color: #FFCC66;

	line-height: 1.5em;

	min-width: 1100px;

}



a {

	color:#0066cc;

	text-decoration:none;

	outline:none;

}



a:hover {

	position: relative;

	top: 2px;

	left: 2px;

	text-decoration:underline;

}



a:hover img{

	filter: alpha(style=0, opacity=80);

	opacity:0.8;

	background: white;

	border: 3 solid #F90;

}



#header-container{

	width:100%;

	background-color:#fff;

}



#header{

	width:1000px;
	height:500px;
	color:#000000;
	margin:0 auto;
	/*background: url(../img/title.png);*/

}



#container {

	width: 1050px;

	margin: 0 auto;

}



#breadcrumb {

	width: 1050px;

	margin: 15px auto;

	text-align: left;

}



#main {

	width: 1050px;

	margin: 0px auto;

	text-align: left;

	background-image: url(../img/bg.jpg);

}



#left{

	width: 220px;

	margin: 0px auto;

	padding: 20px 0 20px 22px;

	float: left;

	text-align: left;

}



.search-menu {

	padding: 3px 10px;

	background: #333333;

	position: relative;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 5px 15px #666666;

	-webkit-box-shadow: 0 5px 15px #666666;

	box-shadow: 0 5px 15px #666666;

	font-family: Trebuchet MS, san-serif;

	color:#6a9e2e;

	font-size:13px;

	behavior: url(PIE-1.0.0/PIE.php);

}



ul.select-src{

	padding-left: 1.5em;

	list-style-type:disc;

}



ul.select-src li {

	line-height: 1.0em;

	margin-bottom: 10px;

}



ul.select-src li a{

	color:#333399;

	display: block;

	border-bottom: 1px #ffcc99 solid;

	text-decoration:none;

}



ul.select-src li.sub-attribute {

	font-size: 11px;

	line-height: 1.0em;

	margin: -7px 0 10px 0;

	list-style-image: url(../img/sublistmark.png);

}



#shopinfo-container {

	margin: 40px auto 15px auto;

	background: #f8e2fb;

	padding: 5px;

	border: 1px solid #cccccc;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 5px 15px #333333;

	-webkit-box-shadow: 0 5px 15px #333333;

	box-shadow: 0 5px 15px #333333;

	position:relative;

	behavior: url(PIE-1.0.0/PIE.php);

}



.shopinfo-title {

	text-align: center;

	color:#ff3300;

	font-weight: bold;

}



.shopinfo{

	width: 190px;

	margin: 10px auto;

	padding: 5px;

	border: 1px #cccccc solid;

	background-color: white;

	text-align: left;

	line-height: 1.3em;

}



.article {

	width: 180px;

	margin: 20px auto;

	background: #e0ffff;

	padding: 5px;

	text-align: center;

	border: 1px solid #cccccc;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow: 0 5px 15px #333333;

	-webkit-box-shadow: 0 5px 15px #333333;

	box-shadow: 0 5px 15px #333333;

	position:relative;

	behavior: url(PIE-1.0.0/PIE.php);

}



.article:hover {background: #ffffff;}



.left-t{

	font-family: Trebuchet MS, san-serif;

	font-size:25px;

	color:#333333;

	text-shadow: 1px 1px 5px #808080;

}



.left-t3{

	font-family: Trebuchet MS, san-serif;

	font-weight: bold;

}



#right{

	width: 800px;

	margin: 0px auto;

	padding: 0;

	float: right;

	text-align: left;

}



#slider{

	width: 100%;

	margin: 10px auto 3px auto;

}



figure {

	display: block;

	width: 100%;

	height: 100%;

	margin: 0

}



figcaption.text {

	padding: 8px 8px 8px 12px;

	position: absolute; top: 130px; bottom: 0px; left: 295px; right: 0;

	z-index: 3;

	background: rgba(255,255,255,0.5);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');

	color: #000000;

	font-size: 11px;

}



figcaption.text2 {

	padding: 8px 8px 8px 12px;

	position: absolute; top: 160px; bottom: 0px; left: 295px; right: 0;

	z-index: 3;

	background: rgba(255,255,255,0.5);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');

	color: #000000;

	font-size: 11px;

}



#catalogue {

	width: 750px;

	margin: 10px auto 20px auto;

	padding: 5px 0 20px 0;

	background-color: #ffffff;

	border: 1px #dcdcdc solid;

}



.headline {

	width: 710px;

	margin: 0 auto;

	color: #343434;

	text-shadow: 1px 1px 5px #808080;

}



.series-title {
	width: 710px;
	margin: 7px auto;
	padding: 7px 10px;
	background: #333333;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#cccccc;
	behavior: url(PIE-1.0.0/PIE.php);
}

.handcraft-title {
	width: 710px;
	height:250px;
	margin: 7px auto;
	padding:0;
	background: url(../img/handcraft_title.png);
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#cccccc;
	behavior: url(PIE-1.0.0/PIE.php);
}

.profesor-title {
	width: 710px;
	height:250px;
	margin: 7px auto;
	padding:0;
	background: url(../img/profesor_title.png);
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#cccccc;
	behavior: url(PIE-1.0.0/PIE.php);
}

.est-title {
	width: 710px;
	height:250px;
	margin: 7px auto;
	padding:0;
	background: url(../img/est_title.png);
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#cccccc;
	behavior: url(PIE-1.0.0/PIE.php);
}



.series-name {

	font-family: Trebuchet MS, san-serif, "メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";

	font-size:15px;

	border-bottom: 1px #008080 solid;

}



#catalogue table {

	width: 730px;

	margin: 0 auto;

}



td.go {

	text-align: right;

	font-size:11px;

	padding-right: 12px;

}



td.col4 {

	width: 25%;

	padding: 3px;

	text-align: center;

}



td.col3 {

	width: 33%;

	padding: 3px;

	text-align: center;

}



.model-name {

	width: 172px;

	margin: 0 auto;

	font-family: Trebuchet MS, san-serif, "メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";

	color:#ff4500;

	font-size:14px;

	border-top: 1px #008080 solid;

	border-bottom: 1px #008080 solid;

}



.model-spec {

	width: 172px;

	margin: 0 auto;

	font-size:11px;

	color:#333333;

	border-bottom: 1px #008080 solid;

}



.series-title-left {

	width: 710px;
	/*width: 340px;*/

	margin: 7px 5px 7px 10px;

	padding: 7px 10px;

	background: #333333;

	position: relative;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color:#cccccc;

	/*float: left;*/

	behavior: url(PIE-1.0.0/PIE.php);

}



.series-title-right {

	width: 340px;

	margin: 7px 10px 7px 5px;

	padding: 7px 10px;

	background: #333333;

	position: relative;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color:#cccccc;

	float: right;

	behavior: url(PIE-1.0.0/PIE.php);

}



td.col2 {

	width: 50%;

	padding: 3px;

	text-align: center;

}



table.past-topic {

	width: 730px;

	margin: 0 auto 0 40px;

}



hr.footline {

	height: 1px;

	border: none;

	border-top: 1px #808080 solid;

}



#prev {

	width: 1050px;

	margin: 20px auto;

}



#prev p.totop {

	text-align: right;

	margin: 0 auto;

}



#prev p.toindex {

	text-align: center;

}



#footer {

	width: 950px;

	margin-top: 30px;

	margin-right: auto;

	margin-bottom: 5;

	margin-left: auto;

	padding: 0

	text-align: center;

}



#footer p {

	font-size:12px;

	text-align: center;

}



address {

	font-size: 10px;

	margin: 0; 

	padding: 0; 

	text-align: center;

}



.fl{

	float:left;

	margin:2px;

}



.fl2{

	float:left;

	margin:0px;

	padding:0px;

}



#search{

	width:355px;

	margin-bottom:10px;

	float:right;

}



#search p.kensaku{

	float:left;

	color:#00C;

}



#search ul.acount{

	margin:10px auto;

	padding:0;

	list-style-type:none;

}



#search ul.acount li{

	float:left;

	margin-left:5px;

	font-size:12px;

}



#search ul.acount li a{

	color:#006;

	font-size:12px;

}



#search ul.acount li a:hover{color: #cc0000;}



h1{

	font-size:11px;

	text-align:left;

	line-height:1.2;

	color:#000000;

	font-weight:normal;

	clear:both;

	margin:5px 0px;

}



#topmenu{

	width:1000px;

	margin:0 auto;

	margin-top:10px;

}



#topmenu p{color:#FFFFFF;}



#topmenu a:hover img{

	filter: alpha(style=0, opacity=100);

	opacity:1.0;

	border:none;

}



a:hover img#leadmenu{

	filter: alpha(style=0, opacity=80);

	opacity:0.8;

	border:none;

	position: relative;

		top:-2px;

		left:-2px;

}















.clear{clear:both;}



/* for modern brouser */

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}

/* IE7,MacIE5 */

.clearfix {

  display: inline-block;

}

/* WinIE6 below, Exclude MacIE5 \*/

* html .clearfix {

  height: 1%;

}

.clearfix {

  display: block;

}