@charset "utf-8";
/* CSS Document */

/* インデックスページＢＯＸ設定 */
#material .box{
	display:block;
	background-color:#ffffff;
	padding:2px;
	margin-bottom:20px;
	border-color: #dcdcdc #c0c0c0 #c0c0c0 #dcdcdc;
	border-style: solid solid solid solid;
	border-width: 3px 4px 4px 3px;
}
#material .box2{
	display:block;
	margin:0;
	padding:2px;
	border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 1px;
	background-color:#ffffff;
}
#material .box .image{
	width:300px;
	height:400px;
	float:left;
	margin:0;
	padding:0;
	background-color:#dcdcdc;
}
#material .box .image2{
	width:300px;
	height:600px;
	float:left;
	margin:0;
	padding:0;
	background-color:#dcdcdc;
}
#material .box .syousai{
	width:370px;
	height:400px;
	float:right;
	margin-top:5px;
	padding-left:0;
}
#material .box .name_box{
	width:370px;
	height:auto;
	margin:0;
	padding:0;
	background-color:#ffffff;
	background-image: url(../images/top/name_bg.jpg); /* 背景イメージを変更 */
	background-repeat: repeat-y; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 0px;
}
#material .box .name_box .name{
	width:auto;
	height:auto;
	margin-left:85px;
	padding-right:5px;
	background-color:#ffffff;
}
#material .box .name_box .name .name_ja{
	color:#000000;
	font-weight:bold;
	line-height:1.3em;
	font-size: 13px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted dotted;
	border-width: 0px 0px 1px 0px;
	letter-spacing: 4px; /* 文字間の設定 */
	font-family: cursive;
}
#material .box .name_box .name .name_en{
	color:#000000;
	font-weight:bold;
	font-size: 11px;
	line-height:1.2em;
	padding-bottom:5px;
	letter-spacing: 0px; /* 文字間の設定 */
}
#material .box .nunber_box{
	width:370px;
	height:40px;
	margin-top:5px;
	padding:0;
	background-color:#ffffff;
	background-image: url(../images/top/nunber_bg.jpg); /* 背景イメージを変更 */
	background-repeat: repeat-y; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 0px;
}
#material .box .nunber_box .nunber{
	width:auto;
	height:auto;
	margin-left:100px;
	background-color:#ffffff;
}
#material .box .nunber_box .nunber .nunber_ja{
	color:#000000;
	font-weight:bold;
	font-size: 20px;
	padding-top:13px;
	line-height:1.0em;
	letter-spacing: 3px; /* 文字間の設定 */
}
#material .box .price_box{
	width:370px;
	height:40px;
	margin-top:5px;
	padding:0;
	background-color:#ffffff;
	background-image: url(../images/top/price_bg.jpg); /* 背景イメージを変更 */
	background-repeat: repeat-y; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 0px;
}
#material .box .price_box .price{
	width:auto;
	height:auto;
	margin-left:100px;
	background-color:#ffffff;
}
#material .box .price_box .price .price_ja{
	color:#000000;
	font-weight:bold;
	font-size: 20px;
	padding-top:13px;
	line-height:1.0em;
	letter-spacing: 3px; /* 文字間の設定 */
}
#material .box .order_box{
	width:370px;
	height:100px;
	margin-top:5px;
	padding:0;
}
#material .box .order_box .order{
	float:left;
	width:200px;
	height:100px;
	margin-left:0;
}
#material .box .order_box .order .buttn01{
	width:200px;
	height:50px;
	margin:0;
}
#material .box .order_box .order .buttn01 a{
	display: block;
	width:200px;
	height:50px;
	background-image: url(../images/top/order_net.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	text-indent: -9999px;
}
#material .box .order_box .order .buttn01 a:hover{
	background-image: url(../images/top/order_net_on.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
}
#material .box .order_box .order .buttn02{
	width:200px;
	height:40px;
	margin-top:5px;
}
#material .box .order_box .order .buttn02 a{
	display: block;
	width:200px;
	height:45px;
	background-image: url(../images/top/order_fax.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	text-indent: -9999px;
}
#material .box .order_box .order .buttn02 a:hover{
	background-image: url(../images/top/order_fax_on.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
}
#material .box .order_box .order_info{
	float:right;
	width:160px;
	height:100px;
	margin-left:0;
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted dotted;
	border-width: 1px 1px 1px 1px;
}
#material .box .order_box .order_info li {
	font-size: 11px;
	line-height:1.0em;
	text-align: left;
	padding-left: 10px;
	margin:1.0em 0;
	background-image: url(../images/top/li_4.gif); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
}
#material .box .order_box .order_info li a{
	color: #000000;
}
#material .box .order_box .order_info li a:hover {
	color: #990000;
	text-decoration: underline;
}
#material .box .more_box{
	width:370px;
	height:80px;
	margin-top:5px;
	padding:0;
}
#material .box .more_box .more{
	width:370px;
	height:40px;
	display: block;
	background-color:#dcdcdc;
}
#material .box .more_box .more a{
	display: block;
	width:370px;
	height:40px;
	background-image: url(../images/top/more.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
	text-indent: -9999px;
}
#material .box .more_box .more a:hover{
	background-image: url(../images/top/more_on.jpg); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
}

#material .box .caption{
	clear:both;
	width:630px;
	height:auto;
	display: block;
	margin:10px 0 10px 0;
	margin-left:10px;
	padding:10px 10px 10px 10px;
	border-color: #dcdcdc #dcdcdc #dcdcdc #dcdcdc;
	border-style: double double double double;
	border-width: 3px 7px 3px 7px;

}
#material .box .caption .caption_jp{
	color:#000000;
	padding-bottom:5px;
	margin-bottom:5px;
	border-color: #000000 #000000 #000000 #000000;
	border-style: dotted dotted dotted double;
	border-width: 0px 0px 1px 0px;
}
#material .box .caption .caption_en{
	color:#000000;
letter-spacing: 0px; /* 文字間の設定 */
}
