@charset "UTF-8";
/* CSS Document */

#contants_box {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}
#contants_box #title {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	color: #64321E;
	float: left;
	padding-left: 20px;
	padding-top: 30px;
	text-align: left;
}
#contants_box #title img {
	display: block;
	margin-top: 5px;
}
#contants_box #explane {
	text-align: left;
	float: right;
	width: 525px;
	background-image: url(images_index/explane_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
#contants_box #explane p {
	color: #3D3C3B;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 30px;
	font-size: 90%;
	line-height: 1.5em;
}
#explane #catalog {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: right;
}
#catalog a {
	color: #6a57a6;
	font-weight: bold;
	font-size: 12px;
	padding-right: 20px;
}
#catalog a:link { }
#catalog a:visited { }
#catalog a:hover {
	background-color: none;
	text-decoration: none;
}
#catalog a:active { }
#middle_banner {
	background-image: url(images_index/explane_center.gif);
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	padding-top: 17px;
}
#selection {
	background-image: url(images_index/select.gif);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	padding-top: 55px;
	padding-left: 15px;
}
#selection_box {
	background-image: url(images_index/select_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding-left: 2px;
}
#selection_box #glass {
	background-image: url(images_index/select_left.gif);
	width: 181px;
	background-position: right top;
	background-repeat: no-repeat;
	height: 164px;
	float: left;
}
#selection_box #glass strong {
	background-image: url(images_index/glass_pic.gif);
	background-position: -2px 7px;
	display: block;
	background-repeat: no-repeat;
	padding-top: 135px;
	margin-left: 10px;
}
#selection_box #glass a {
	display: block;
	width: 181px;
	height: 164px;
}
#selection_box #glass a:link { color: #8E594F; }
#selection_box #glass a:visited { color: #8E594F; }
#selection_box #glass a:hover {
	background-image: url(images_index/select_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	outline:none;
	text-decoration: none;
	color: #8E594F;
}
#selection_box #glass a:active { color: #8E594F; }
#selection_box #cast {
	background-image: url(images_index/select_left.gif);
	width: 181px;
	background-position: right top;
	background-repeat: no-repeat;
	height: 164px;
	float: left;
}
#selection_box #cast strong {
	background-image: url(images_index/cast_pic.gif);
	background-position: -2px 5px;
	display: block;
	background-repeat: no-repeat;
	padding-top: 135px;
	margin-left: 10px;
}
#selection_box #cast a {
	display: block;
	width: 181px;
	height: 164px;
}
#selection_box #cast a:link { color: #8E594F; }
#selection_box #cast a:visited { color: #8E594F; }
#selection_box #cast a:hover {
	background-image: url(images_index/select_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	outline:none;
	text-decoration: none;
	color: #8E594F;
}
#selection_box #cast a:active { color: #8E594F; }
#selection_box #iron {
	background-image: url(images_index/select_left.gif);
	width: 181px;
	background-position: right top;
	background-repeat: no-repeat;
	height: 164px;
	float: left;
}
#selection_box #iron strong {
	background-image: url(images_index/iron_pic.gif);
	background-position: -2px -11px;
	display: block;
	background-repeat: no-repeat;
	padding-top: 135px;
	margin-left: 10px;
}
#selection_box #iron a {
	display: block;
	width: 181px;
	height: 164px;
}
#selection_box #iron a:link { color: #8E594F; }
#selection_box #iron a:visited { color: #8E594F; }
#selection_box #iron a:hover {
	background-image: url(images_index/select_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	outline:none;
	text-decoration: none;
	color: #8E594F;
}
#selection_box #iron a:active { color: #8E594F; }
#selection_box #ceramic {
	background-image: url(images_index/select_left.gif);
	width: 181px;
	background-position: right top;
	background-repeat: no-repeat;
	height: 164px;
	float: left;
}
#selection_box #ceramic strong {
	background-image: url(images_index/ceramic_pic.gif);
	background-position: -2px 2px;
	display: block;
	background-repeat: no-repeat;
	padding-top: 135px;
	margin-left: 10px;
}
#selection_box #ceramic a {
	display: block;
	width: 181px;
	height: 164px;
}
#selection_box #ceramic a:link { color: #8E594F; }
#selection_box #ceramic a:visited { color: #8E594F; }
#selection_box #ceramic a:hover {
	background-image: url(images_index/select_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	outline:none;
	text-decoration: none;
	color: #8E594F;
}
#selection_box #ceramic a:active { color: #8E594F; }
#selection_box #clear {
	visibility: hidden;
	clear: both;
}
#titlebox {
	background-image: url(images_thumbnail/top_back.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-align: left;
}
#titlebox #title_cast {
	background-image: url(images_thumbnail/title_back_Ca.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 73px;
	float: left;
	margin-top: 23px;
	background-position: 5px 0px;
}
#titlebox #title_glass {
	background-image: url(images_thumbnail/title_back_g.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 73px;
	float: left;
	margin-top: 23px;
	background-position: 5px 0px;
}
#titlebox #title_iron {
	background-image: url(images_thumbnail/title_back_i.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 73px;
	float: left;
	margin-top: 23px;
	background-position: 5px 0px;
}
#titlebox #title_ceramic {
	background-image: url(images_thumbnail/title_back_ce.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 73px;
	float: left;
	margin-top: 23px;
	background-position: 5px 0px;
}
#title_cast p {
	font-weight: bold;
	padding-top: 50px;
	padding-left: 45px;
	color: #F38954;
}
#title_glass p {
	font-weight: bold;
	padding-top: 50px;
	padding-left: 45px;
	color: #F38954;
}
#title_iron p {
	font-weight: bold;
	padding-top: 50px;
	padding-left: 45px;
	color: #F38954;
}
#title_ceramic p {
	font-weight: bold;
	padding-top: 50px;
	padding-left: 45px;
	color: #F38954;
}
#linkbox,#linkbox2 { list-style-type: none; }
#linkbox li {
	float: left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 85%;
	font-weight: bold;
	background-image: url(images_thumbnail/link_sidebar.gif);
	width: 155px;
	height: 72px;
	margin-top: 23px;
}
/* 2013.05--------------------*/
#linkbox2 li {
	float: left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 100%;
	font-weight: bold;
	background-image: url(images_thumbnail/link_sidebar.gif);
	width: 230px;
	height: 72px;
	margin-top: 23px;
}
#linkbox2 a {
	color: #64321E;
	display: block;
	width: 230px;
	height: 72px;
}
.thumbnail { width: 740px;}
/*.thumbnail .box2 {
	background-image: url(images_index/select_left.gif) ;
	width: 243px;
	background-position: right top;
	background-repeat: no-repeat;
	height: 164px;
	float: left;
	padding-right: 1px;
}
.thumbnail .box2 a {
	display: block;
	width: 241px;
	height: 164px;
	text-align: center;
}*/
.thumbnail .line { background: url(images_index/select_left.gif) no-repeat right top;}
#thumbnailbox .thumbnail #line2 { border-left: 1px solid #eaeaea;width: 184px;}
/*#thumbnailbox .thumbnail .box { background: url(images_index/select_left.gif) repeat-y right !important;}*/
/* --------------------*/
#linkbox strong,#linkbox2 strong {
	padding-top: 30px;
	display: block;
	padding-left: 10px;
}
#linkbox img,#linkbox2 img {
	vertical-align: baseline;
	margin-right: 3px;
}
#linkbox span,#linkbox2 span { letter-spacing: -1px; }
#linkbox a {
	color: #64321E;
	display: block;
	width: 155px;
	height: 72px;
}
#linkbox a:link { }
#linkbox a:visited { }
#linkbox a:hover,#linkbox2 a:hover {
	background-image: url(images_thumbnail/link_on.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
}
#linkbox a:active { }
#thumbnailbox {
	/*background-image: url(images_thumbnail/title_under.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;*/
	padding-top: 20px;
	padding-left: 5px;
	clear: both;
}
#thumbnailbox .thumbnail {
	background-image: url(images_index/select_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	clear: both;
}
.thumbnail .box {
	background-image: url(images_index/select_left.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 185px;
	
	height: 164px;
	float: left;
}
.thumbnail .box strong, .thumbnail .box2 strong  {
	display: block;
	background-repeat: no-repeat;
	padding-top: 30px;
}
.thumbnail .box a {
	display: block;
	width: 185px;
	height: 164px;
	text-align: center;
}
.thumbnail .box a:link,.thumbnail .box2 a:link { color: #8E594F; }
.thumbnail .box a:visited,.thumbnail .box2 a:visited { color: #8E594F; }
.thumbnail .box a:hover,.thumbnail .box2 a:hover {
	background-image: url(images_index/select_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	outline:none;
	text-decoration: none;
	color: #8E594F;
}
.thumbnail .box a:active,.thumbnail .box2 a:active { color: #8E594F; }
.thumbnail .clear {
	visibility: hidden;
	clear: both;
}
#contants_box #return {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
#return a {
	display: block;
	background-image: url(images_thumbnail/return_off.gif);
	background-position: center 0px;
	background-repeat: no-repeat;
}
#return a:link { }
#return a:visited { text-decoration: none; }
#return a:hover {
	background-image: url(images_thumbnail/return_on.gif);
	text-decoration: none;
}
#return a:active { text-decoration: none; }
#return strong {
	padding-top: 40px;
	display: block;
	font-size: 85%;
	color: #612A16;
}
#bottom {
	background-image: url(images_index/bottom.gif);
	background-repeat: repeat-x;
	padding-top: 45px;
	text-align: center;
	font-size: 85%;
	color: #835949;
	padding-bottom: 15px;
}
#rogos {
	color: #835949;
	font-size: 85%;
	text-align: center;
	background-image: url(images_index/logos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 90px;
	line-height: 1.5em;
}
/* 2012.04.01 追加 ------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }
#glassList { padding: 10px; }
#glassList h1 {
	background: url(images_index/glassHyosatu-tit.gif) no-repeat bottom;
	text-align: left;
	padding: 0 0 30px 10px;
	color:#6f482c;
	font-size: 19px;
	margin-bottom: 10px;
}
p.read {
	color: #6f482c;
	font-weight: bold;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 15px;
}
.listRow { width: 740px; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
#glassList .section, #modern_list .section {
	background: url(images_index/glassHyosatu-kugiri.gif) no-repeat right center;
	float: left;
	width: 246px;
	padding: 10px 0 0;
}
#glassList .section2, #modern_list .section2 {
	float: left;
	width: 246px;
	padding: 10px 0;
}
#glassList .section3, #modern_list .section3 {
	background: url(images_index/glassHyosatu-kugiri.gif) no-repeat right center;
	float: left;
	width: 360px;
	padding: 10px 0 0;
}
#glassList .section4, #modern_list .section4 {
	float: left;
	width: 360px;
	padding: 10px 0;
}
#glassList .section h2,#glassList .section2 h2,
#glassList .section3 h2,#glassList .section4 h2,
#modern_list h2 { font-size: 12px; font-weight: bold; margin-top: 10px; padding-bottom: 3px;}

#glassList .section h2 a:link,#glassList .section h2 a:visited,
#glassList .section2 h2 a:link,#glassList .section2 h2 a:visited,
 #glassList .section3 h2 a:link,#glassList .section3 h2 a:visited,
	#glassList .section4 h2 a:link,#glassList .section4 h2 a:visited,
	#modern_list h2 a:link, #modern_list h2 a:visited { color: #5a5a5a; text-decoration: none;}
	
#glassList .section h2 a:hover,#glassList .section2 h2 a:hover,
#glassList .section3 h2 a:hover,#glassList .section4 h2 a:hover,
#modern_list h2 a:hover { color: #8c6657; text-decoration: underline;}

#glassList .section a:hover,#glassList .section2 a:hover,
#glassList .section3 a:hover,#glassList .section4 a:hover,
.simulationBn a:hover,
#modern_list a:hover  {
	filter: alpha( opacity=75 );  /* IE */
	opacity:0.75;                 /* Firefox,Opera,Safari */
	-moz-opacity:0.75;           /* Firefox 0.9より前 */
}
#glassList .section p,#glassList .section2 p,
#glassList .section3 p,#glassList .section4 p,
#modern_list p { font-size: 11px;}

.simulationBn { margin: 20px 0;}
.simulationBn img { margin-bottom: 10px;}

/* 2015.06 カテゴリメニュー変更 */
#sign_catemenu { margin: 20px 0;}
#sign_catemenu:after{ content : ""; display : block; height : 0; clear : both; } 
#sign_catemenu ul, #sign_catemenu ul li { margin:0; padding: 0;}
#sign_catemenu ul li { float: left; list-style: none;}
#modern_list { clear: both; margin-top: 20px;}
#modern_list h1 {

	background: url(images_index/modern_list_tit.png) no-repeat bottom;
	text-align: left;
	padding: 15px 0 5px 15px;
	color:#6f482c;
	font-size: 18px;
	margin-bottom: 10px;
}
#modern_list p.read {
	color: #666;
	font-weight: bold;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 25px;
}
#return { margin-top: 35px; text-align: center;}


/* 2015.08 新価格 */
.price_201508 { margin: 20px 10px; border: 2px solid #ccc; padding: 15px 15px 5px 15px; }
.price_201508 h4 { color: #d42e07; font-size: 15px; margin-bottom: 10px;  border-radius: 3px;
  background-color: rgb(253, 238, 223); padding: 5px 0;}
.price_201508 p { margin-bottom: 1em; }