/* ===== MAIN STYLE ===== */

BODY{margin:0px 0px 0px 0px;}

.frame{
	width:1000px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

.bg{
	background-color:#FFFFFF;
	background-image:url(img/bg1.gif);
}

TD{
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
}

A:link {text-decoration:none; color: #ff9966;}
A:visited {text-decoration:none; color: #999999;}
A:active {text-decoration:none; color: #696969;}
A:hover {text-decoration:underline; color: #FFFFFF; }

.layout img{
    vertical-align:bottom;
    line-height:0px;
}

.layout td{
    line-height:0;
    font-size:0px; /* for IE's Bug? */
}

.returnTop{
	text-align: right;
	margin: 0.2em 75px 20px 0px;
	font-size: 85%;
}

/* ===== NEWS & TOPICS ===== */

.topic { 
	margin:10px 0px 0px 0px;
	font-size: 10px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: left;
	color: #FFFFFF;
}

.topic2 { 
	background-color:#000000;
	margin: 0px 34px 10px 34px;
	padding:8px 8px 8px 8px;
	font-size: 10px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: left;
	color: #999999;
}

.topic3 { 
	background-color:#bfbfbf;
	margin: 0px 34px 1px 34px;
	padding:8px 8px 8px 8px;
	font-size: 12px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: left;
	color: #000000;
}

div.topic3 a:link {text-decoration:none; color: #330033;}
div.topic3 a:visited {text-decoration:none; color: #330033;}
div.topic3 a:active {text-decoration:none; color: #696969;}
div.topic3 a:hover {text-decoration:underline; color: #ff0000; }

.topic4 { 
	background-color:#cccccc;
	margin: 0px 34px 1px 34px;
	padding:8px 8px 8px 8px;
	font-size: 12px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: left;
	color: #000000;
}

div.topic4 a:link {text-decoration:none; color: #330033;}
div.topic4 a:visited {text-decoration:none; color: #330033;}
div.topic4 a:active {text-decoration:none; color: #696969;}
div.topic4 a:hover {text-decoration:underline; color: #ff0000; }


h1 {
	background-color:#222222;
	margin:10px 34px 0px 34px;
	padding-left: 8px;
	border-left: 4px solid #ff6633;
	letter-spacing: 2px;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	color: #999999;
	font-weight: normal;
}

h2 {
	background-color:#222222;
	margin:10px 34px 0px 34px;
	padding-left: 8px;
	border-left: 4px solid #6666cc;
	letter-spacing: 2px;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	color: #999999;
	font-weight: normal;
}


.photo { 
	background-color:#000000;
	padding:8px 8px 8px 8px;
	font-size: 10px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: center;
	color: #999999;
}


.up{color:#996699; font-weight: bold;}
.media{color:#ff6600; font-weight: bold;}
.soft{color:#ff6666; font-weight: bold;}
.bib{color:#3333cc; font-weight: bold;}
.live{color:#336633; font-weight: bold;}
.web{color:#cc3333; font-weight: bold;}
.ex{color:#663333; font-weight: bold;}

/* ===== �t�b�^�[ ===== */

.copyright { 
	padding:4px 0px 4px 0px;
	background: #b3b299;
	font-size: 12px;
	color:#333300;
	line-height: 100%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align:center;
}

div.copyright	a:link {text-decoration:none; color: #676632;}
div.copyright	a:visited {text-decoration:none; color: #676632;}
div.copyright	a:active {text-decoration:none; color: #696969;}
div.copyright	a:hover {text-decoration:underline; color: #cccccc; }

.count { 
	padding:2px 5px 2px 0px;
	background: #996699;
	font-size: 12px;
	color:#cccccc;
	line-height: 100%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align: right;
}

.jasrac { 
	padding:0px 0px 0px 0px;
	font-size: 10px;
	line-height: 200%;
	color:#666666;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
	text-align:center;
}

.calendar { 
	font-size: 12px;
	color:#cccccc;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
}

/* ===== �T�C�g������ ===== */

.frame-s {
	width:750px;
	margin:0px 25px 0px 25px;
}

.s-right { 
	padding:8px 0px 8px 0px;
	background: #dddddd;
	font-size: 12px;
	color:#666666;
	line-height: 100%;
	font-family: "Hiragino Kaku Gothic Pro","�q���M�m�p�S Pro W3",sans-serif;
}

/* ===== FONT SIZE ===== */

.css1{
	font-size: 10px;
	line-height: 125%;
	font-family: "Osaka";
}

.css2{
	font-size: 11px;
	line-height: 125%;
	font-family: "Osaka";
}

.css3{
	font-size: 12px;
	line-height: 125%;
	font-family: "Osaka";
}

.css4{
	font-size: 14px;
	line-height: 125%;
	font-family: "Osaka";
}

.css5{
	font-size: 16px;
	line-height: 130%;
	font-family: "Osaka";
}

.css6{
	font-size: 18px;
	line-height: 140%;
	font-family: "Osaka";
}

.css7{
	font-size: 20px;
	line-height: 140%;
	font-family: "Osaka";
}

/* ===== FONT COLOR ===== */

.song{color:#FF0000;}
.song2{color:#FF4D4D;}
.date{color:#996633;}
.size{color:#990000;}
.orange{color:#FF6600;}
.blue{color:#330099;}
.green{color:#339933;}
.purple{color:#B1AEEA;}
.pink{color:#DB7093;}
.black{color:#000000;}