A		{ text-decoration : none; color:#00c;}
A:LINK		{ text-decoration : none; }
A:VISITED	{ text-decoration : none; }
A:HOVER		{ text-decoration : underline; }
A:ACTIVE	{ text-decoration : none; }
img		{ border:0;}
A:HOVER img{
	opacity: 0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.navi		{ font-size:9pt; margin:0 0 0 10;}
.main_table	{
	display:block;
	width:95%;
	font-size:10pt;
	text-align:center;
	margin:0 0 0 0;
	background-color:#fff;
	padding:0;
	border:solid 0px #aaa;
}
.td1		{ vertical-align:top; width:500px; }
.td2		{ vertical-align:top; width:300px; text-align:right;}
.title		{ font-size:18pt; font-weight:bold; margin:0 0 10 0; color:#d00;}
.header	{
	display:inline-block;
	width:475px;
	color:#000;
	font-size:9pt;
	text-align:left;
	margin: 10 0;
	background-color:#fff;
	padding:0;
	border-bottom:1px solid #000;
}
.login	{
	display:inline-block;
	margin: 20 0;
}
.sub		{ font-size:9pt; font-weight:normal; }
.bar	{
	width:300px;
	font-size:10pt;
	font-weight:normal;
	line-height:100%;
	margin:0 0 12 0;
	padding:6 0;
}
.senshuu	{
	border:1px dotted #333;
	width:420px;
	margin:0 0 10 0;
	text-align:left;
	vertical-align:top;
}
.survice	{
	border:1px dotted #333;
	width:420px;
	height:;
	margin:0 0 10 0;
}
.survice2	{
	border:1px dotted #333;
	width:470px;
	height:300px;
	margin:0 0 10 0;
}
.ravel	{
	display:inline-block;
	font-size:12pt;
	font-weight:normal;
	background-color:#f07777;
	color:#fff;
	padding:1 3;
	margin:3 6 ;
	border-radius:5px;
}
.setsumei	{
	font-size:12pt;
	font-weight:normal;
	margin:3 0 0 0;
}
.ramdom	{
	display:inline-block;
	border:1px solid #aaa;
	margin:20 0 6 0;
	padding: 0 ;
}


.leftbox	{
	background-color:#fff;
	color:#000;
	margin:10 30 10 0 ;
	vertical-align:top;
}
.rightbox	{
	background-color:#fff;
	color:#000;
	margin:10 0 10 0 ;
}

.contents	{
	display:block;
	color:#333;
	font-size:18pt;
	font-weight:bold;
	padding: 8 4 6 0 ;
	text-align:left;
	border-bottom:1px dotted #444;
}
a.contents	{
	font-size:18pt;
	color:#333;
}
a.contents:visited	{
	color:#333;
}
a.contents:hover	{
	color:#666;
	background: rgba(240,240,240,0.5);
	text-decoration:none;
}
.contentsg	{
	display:block;
	color:#006600;
	font-size:18pt;
	font-weight:bold;
	padding: 8 4 6 0 ;
	text-align:left;
	border-bottom:1px dotted #444;
}
a.contentsg	{
	color:#006600;
}
a.contentsg:visited	{
	color:#006600;
}
a.contentsg:hover	{
	color:#009900;
	background: rgba(230,250,230,0.5);
	text-decoration:none;
}
.topics	{
	display:block;
	width:95%;
	color:#ee0000;
	font-size:14pt;
	font-weight:bold;
	line-height:180%;
	padding: 4 0 10 0 ;
	text-align:left;
}
a.topics	{
	color:#dd0000;
}
a.topics:visited	{
	color:#dd0000;
}
a.topics:hover	{
	color:#ff6666;
	background: rgba(256,256,256,0.0);
	text-decoration:none;
}
  /* ƒ‚ƒoƒCƒ‹ */
@media screen and (max-width:768px) {
.body		{display:block; width:95%; margin:0; background:#fff;}
.leftbox	{display:block;width:100%;margin:10 0;}
.rightbox	{display:none;}
.header		{display:none;}
.main_table	{display:none;}
.main_table2	{display: width:95%;}
.footer		{display:none;}
.contents	{width:100%;}
a.contents	{width:100%;}
a.contentsg	{width:100%;}
.random		{ width:100%; padding:10 0;}
}

  /* ‚o‚b */
@media screen and (min-width: 769px) {
.body		{display:block; width:950px; margin:0; background:#fff;}
.leftbox	{display:inline-block; width:500px;margin:10 30 10 0; }
.rightbox	{display:inline-block; width:420px;}
.header		{display:inline-block; width:475px;}
.main_table	{display: width:950px;}
.main_table2	{display:none;}
.login		{margin:10 0;}
.contents	{font-size:14pt;width:100%;}
a.contents	{font-size:14pt;width:100%;}
a.contentsg	{font-size:14pt;width:100%;}
.ravel		{font-size:10pt;}
.setsumei	{font-size:10pt;}
.topics		{font-size:14pt;}
.random		{ width:100%; padding:10 0;}
}