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

a img
{
	border:none;
}

.clear{
	clear:both;
}

.clear hr
{
	display:none;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

body
{
	padding:0px;
	margin:0px;
	font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	line-height:20px;
}

.base
{
	position:relative;
	top:0px;
	left:0px;
}

a
{
	color:#0044CC;
}

.bg_link
{
	text-indent:-9999px;
	overflow:hidden;
}

.ycom_credit
{
	text-align:right;
	font-size:0.8em;
	margin-right:10px;
}

strong, em
{
	font-weight:inherit;
	font-style:inherit;
}

a:hover img.hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}

.warning
{
	font-weight:bold;
	color:#FF0000;
}

.banners a.ycom
{
	display:block;
	background-image:url(http://www.material-land.com/images/banner/ycom_banner_100.png);
	width:180px;
	height:180px;
}

.banners a.ycom:hover
{
	background-position:-180px 0px;
}

.banners a.materialand_ex
{
	display:block;
	background-image:url(http://www.material-land.com/images/banner/materialandex_180.png);
	width:180px;
	height:180px;
}

.banners a.materialand {
	background-image:url(http://www.materialand-ex.com/images/banner/materialand.png);
	display:block;
	height:180px;
	width:180px;
}

.banners a.materialand:hover {
	background-position:-180px 0;
}

.banners a.materialand_ex:hover
{
	background-position:-180px 0px;
}

.banners a.makehp {
	background-image:url(http://www.y-com.info/images/banner/makehp_180.png);
	display:block;
	height:180px;
	width:180px;
}

.banners a.makehp:hover {
	background-position:-180px 0;
}

.banners a.tutrial{
	display:block;
	background-image:url(http://tutorial.yossy-m.net/banner/banner.png);
	width:180px;
	height:180px;
}

.banners a.tutrial:hover
{
	background-position:-180px 0px;
}

div.sub, span.sub
{
	color:#660000;
}

img.right
{
	float:right;
	margin:0px 0px 10px 10px;
}

img.left
{
	float:left;
	margin:0px 10px 10px 0px;
}

.br
{
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      
}