@charset "utf-8";
/* -------------------------------------------------
	-Index-
	1.layout
	2.decault-info
	3.beginner
	4.operation
	5.business
-------------------------------------------------- */
/* =================================================
	1.layout
================================================= */
#sh_header { text-align:left; }
#sh_header h1 {
margin: 0;
padding: 20px 0 0;
}
#sh_header h1 a {
color: #000000;
font-size: 27px;
font-weight: bold;
}
#sh_header h1 span.site-name {
background: url("http://static.fc2.com/fc2web/image/web-title-rogo.png") no-repeat scroll right bottom transparent;
padding: 3px 50px 0 6px;
}
#main { width:900px; margin:0 auto; }
#main .content_body{ margin-bottom:20px; }

/* =================================================
	2.decault-info
================================================= */
.decault-info{ text-align:left; }
.decault-info h2{ background:#f2f2f2; color:#333; font-size:25px; padding:70px 0; margin:0 0 20px; width:900px; text-align:center; }
.decault-info h2 a{ color:#555; display:block; font-size:20px; }
.decault-info p{ padding:0 90px; }


/* =================================================
	3.beginner
================================================= */
#beginner{ overflow:hidden; }
#beginner li { margin:20px; float:left; }
#beginner li a{ background:url("http://static.fc2.com/fc2web/image/beginner_btn.png") no-repeat left top; display:block; }
#beginner li.hp_item a{ background-position: -20px -20px; }
#beginner li.hp_base a{ background-position: -320px -20px; }
#beginner li.hp_manual a{ background-position: -620px -20px; }
#beginner li.hp_item a:hover{ background-position: -20px -314px; }
#beginner li.hp_base a:hover{ background-position: -320px -314px; }
#beginner li.hp_manual a:hover{ background-position: -620px -314px; }


/* =================================================
	4.operation
================================================= */
#operation_item{ overflow:hidden; }
#operation_item li { margin:20px 18px; float:left; }
#operation_item li a{ background:url("http://static.fc2.com/fc2web/image/operation_item.png") no-repeat left top; display:block; }
#operation_item li.counter a{ background-position: -2px -80px; }
#operation_item li.affiliate a{ background-position: -594px -80px; }
#operation_item li.analyzer a{ background-position: -2px -517px; }
#operation_item li.clap a{ background-position: -594px -517px; }
#operation_item li.bbs a{ background-position: -2px -957px; }
#operation_item li.cat a{ background-position: -594px -957px; }

#operation_item li.counter a:hover{ background-position: -1142px -80px; }
#operation_item li.affiliate a:hover{ background-position: -1734px -80px; }
#operation_item li.analyzer a:hover{ background-position: -1142px -517px; }
#operation_item li.clap a:hover{ background-position: -1734px -517px; }
#operation_item li.bbs a:hover{ background-position: -1142px -957px; }
#operation_item li.cat a:hover{ background-position: -1734px -957px; }

/* =================================================
	5.business
================================================= */
#business{ overflow:hidden; }
#business li { margin:20px 18px; float:left; }
#business li a{ background:url("http://static.fc2.com/fc2web/image/business.png") no-repeat left top; display:block; }
#business li.rs a{ background-position: -20px -20px; }
#business li.rsl a{ background-position: -20px -330px; }
#business li.domain a{ background-position: -635px -20px; }
#business li.cart a{ background-position: -635px -330px; }

#business li.rs a:hover{ background-position: -1180px -20px; }
#business li.rsl a:hover{ background-position: -1180px -330px; }
#business li.domain a:hover{ background-position: -1795px -20px; }
#business li.cart a:hover{ background-position: -1795px -330px; }