/* Goto SP __________________________________c */

body {
	font-size:10pt ;
	line-height:150% ;
	color:#333333 ;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

tr,td,th {
	font-size:10pt ;
	line-height:150% ;
	color:#333333 ;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

a {
	color:#333333 ;
	text-decoration:none;
}

a:hover {
	color:#222299;
	text-decoration:none;
}

big {
	margin: 0px;
	padding: 10px 10px 10px 10px ;
	font-size:12pt ;
	line-height:180% ;
	font-weight:normal;
	color:#000000 ;
	text-align:center;
}

.subblu {
	background-color: #f4f4ff ; 
	border: solid 1px #b0bbff ; 
	line-height:150% ;
	color:#0000cc;
}


/* Color __________________________________c */

.topgbr {
	background-color: #e0e8f5 ;
	margin: 12px;
	padding: 12px;
}

.topgcr {
	background-color: #f0f0f0 ;
	margin: 12px;
	padding: 12px;
}

/* Top __________________________________c */

.toplogo {
	height: 50px;
	width: 100%;
	background: #e0e8f5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.topnews {
	width: 100%;
	background-color: #eeeeee ;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}


.topcome {
	width: 320px;
	margin: 8px;
	background-color: #eeeeee ;
	text-align: center;
	font-size:10pt ;
	color:#666666 ;
}

.topcbig {
	text-align: center;
	font-size:12pt ;
	color:#000000 ;
}


.menut {
	width: 300px;
	height: 20px;
	background-color: #000099 ;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	font-size:11pt ;
	color:#ffffff ;
}

.topmemo {
	width:300px ;
	background-color: #e0e8f5 ;
	border: solid 1px #88aaff ; 
	border-radius: 6px;
	padding: 15px;
	margin: 15px;
	text-align: center;
	font-size:10pt ;
	line-height:150% ;
	color:#000000 ;
}

/* End __________________________________c */
.endbmenu {
	width: 300px;
	height: 39px;
	background: url(http://groof510.com/sp/img/bkm300b.jpg) no-repeat;
	border-bottom:2px solid #ffffff;
	line-height: 30px;
	text-indent: 10px;
}

.endcolor {
	background-color: #001155 ;
}

.endname {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	font-size:13pt ;
	line-height:150% ;
	font-weight:normal;
	color:#ffffff ;
	text-align:center;
}


.nextti {
	width: 320px;
	height: 24px;
	background-color: #000099 ;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin: 4px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-size:11pt ;
	color:#ffffff ;
}

h1 {
	margin:0;
	padding:0;
	margin-top:2px;
	margin-right:0px;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	color:#666699;
	padding-top: 0px;
	padding-bottom: 0px;
}
h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size: 12px;
	color:#ffffff;
}


/* ▼メニュー用 */

ul.acc {
	width: 300px;
}

ul.acc, ul.acc li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.acc a{
	color: #333333;
	display: block;
	line-height: 30px;
	text-indent: 10px;
	text-decoration: none;
	outline: none;
/* 	height: 30px; */
}


.mucone {
	background: url(http://groof510.com/sp/img/bkm300b.jpg) no-repeat;
	height: 39px;
	border-bottom:2px solid #ffffff;
}

.mucc {
	background: url(http://groof510.com/sp/img/bkm300a.jpg) no-repeat;
	height: 39px;
	border-bottom:2px solid #ffffff;
}

ul.acc li div ul li a { 
	background: none; 
	border-bottom:2px solid #ffffff;
}

ul.acc li div ul,
ul.acc li div div.notlast {
	padding: 0px 10px 5px 15px;
	background-color: #eef0ff;
}

ul.acc li div div {
	height: 0px;
}

.jurl{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	outline: none;
}

.hrcolo{
	height: 1px;
	background-color: #ffffff;
	border: none;
	color: #ffffff;
}

.paline{
	background: url(http://groof510.com/sp/img/bkm300b.jpg) no-repeat;
	border-bottom:2px solid #ffffff;
}


/* ▼トップ画像ループ */

.viewer {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	height: 160px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	height: 160px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0;
	left: 0;
	width: 320px;
	height: 160px;
	display: none;
	position: absolute;
}

/* ▼TOPへボタン */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}

.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #333333;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border:solid 1px #aaaacc; 
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.pagetop a:hover {
    display: block;
    background-color: #ccccee;
    text-align: center;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border:solid 1px #aaaacc; 
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

/* Top BLOG __________________________________c */

.tatitle{
	width:110px ;
	background-color: #f5fff5 ;
	border: dashed 1px #66ff55 ; 
	border-radius: 6px;
	padding: 14px;
	text-align: center;
	font-size:10pt ;
	color:#333333 ;
}

.tatitle:hover { 
	background-color: #d5ffd5 ;
	color:#000000; 
}

.tbtitle{
	width:110px ;
	background-color: #fff8f0 ;
	border: dashed 1px #ff6600 ; 
	border-radius: 6px;
	padding: 14px;
	text-align: center;
	font-size:10pt ;
	color:#333333 ;
}

.tbtitle:hover { 
	background-color: #ffe8d5 ;
	color:#000000; 
}

.tctitle{
	width:110px ;
	background-color: #f0f5ff ;
	border: dashed 1px #5555ff ; 
	border-radius: 6px;
	padding: 14px;
	text-align: center;
	font-size:10pt ;
	color:#333333 ;
}

.tctitle:hover { 
	background-color: #d0e0ff ;
	color:#000000; 
}

.tdtitle{
	width:110px ;
	background-color: #fff3f9 ;
	border: dashed 1px #ff0066 ; 
	border-radius: 6px;
	padding: 14px;
	text-align: center;
	font-size:10pt ;
	color:#333333 ;
}

.tdtitle:hover { 
	background-color: #ffdde9 ;
	color:#000000; 
}


/* Next Page __________________________________c */

.pro2waku {
	background-color: #f5fff5 ;
	border: dashed 1px #66ff55 ; 
	border-radius: 6px;
	padding: 8px;
	text-align: center;
	font-size:10pt ;
	line-height:180% ;
	color:#333333 ;
}

.pro2waku:hover { 
	background-color: #d5ffd5 ;
	color:#000000; 
}


.pro2bwaku{
	background-color: #f0f5ff ;
	border: dashed 1px #5555ff ; 
	border-radius: 6px;
	padding: 8px;
	text-align: center;
	font-size:10pt ;
	color:#333333 ;
}

.pro2bwaku:hover { 
	background-color: #d0e0ff ;
	color:#000000; 
}


.redwaku {
	background-color: #fff3f0 ;
	border: dashed 1px #ff3300 ; 
	border-radius: 6px;
	padding: 20px;
}