@charset "utf-8";

/***** トップメッセージ *****/
div#top_left
{
	float: left;
	margin: 10px 5px 15px 0;
}

div#top_left h2
{
	display: block;
	font-size: 18px;
	line-height: 40px;
	margin: 0 0 0 10px;
}

div#top_left p.sugoi
{
	display: block;
	width: 650px;
	margin:10px 0 5px 30px;
}

div#top_left ul.top_img
{
	display: block;
	width: 690px;
	height: 330px;
	margin:10px 0 0 0;
	background: url(../img/top_bnr.jpg) no-repeat;
}

div#top_left li.top_img
{
	display: block;
	width: 658px;
	height: 300px;
	margin:10px 0 0 0;
	text-indent: -9999px;
}

div#top_left li.top_img a
{
	display: block;
	width: 658px;
	height: 300px;
	text-indent: -9999px;
}

div#top_left ul.top_ue_img
{
	display: block;
	width: 700px;
	height: 200px;
	margin:10px 0 0 0;
	background: url(../img/short_time_anime_title02.gif) no-repeat;
}

div#top_left li.top_ue_img
{
	display: block;
	width: 658px;
	height: 300px;
	margin:10px 0 0 0;
	text-indent: -9999px;
}

div#top_left li.top_ue_img a
{
	display: block;
	width: 658px;
	height: 300px;
	text-indent: -9999px;
}


div#top_left h3
{
	display: block;
	width: 700px;
	height: 50px;
	margin:0 0 0 0;
	background: url(../img/top_sugoi_title.gif) no-repeat;
}


div#top_left p.top_img_btn
{
	display: block;
	width: 154px;
	height: 50px;
	margin:5px 0 0px 500px;
	background: url(../img/album.gif) no-repeat;
}

div#top_left p.top_img_btn a
{
	display: block;
	width: 154px;
	height: 30px;
	text-indent: -9999px;
}

div#top_left #sugoi
{
	width: 700px;
	height: 300px;
	margin: 20px 0 0 0;
}

div#top_left #sugoi ul
{
	width: 700px;
	height: 300px;
	margin: 0 0 0 0;
	overflow: hidden;
}

div#top_left #sugoi li
{
	width: 350px;
	height: 296px;
	float: left;
}

div#top_left #sugoi dl
{
	display: none;
}

div#top_left #sugoi dt
{
	display: none;
}

div#top_left #sugoi dd
{
	display: none;
}



div#top_left h2.type
{
	display: block;
	width: 700px;
	height: 68px;
	font-size: 18px;
	background: url(../img/top_tiltle_howto.jpg) no-repeat;
	margin:30px 0 0 0;
}


div#top_left h2.minna
{
	display: block;
	width: 700px;
	height: 68px;
	font-size: 18px;
	background: url(../img/top_title_minna.jpg) no-repeat;
	margin:30px 0 0 0;
}

div#top_left h2.oyaku
{
	display: block;
	width: 700px;
	height: 68px;
	font-size: 18px;
	background: url(../img/top_title_useful.jpg) no-repeat;
	margin:30px 0 0 0;
}


div#top_left #link_estimate h3
{
	margin: 30px 0 0 5px;
	display: none;
}

div#top_left #link_estimate a
{
	clear: both;
	display: block;
	margin: 5px 0 0 5px;
	width: 685px;
	height: 165px;
	background: url(../img/siryou_bnr.gif) no-repeat;
	text-indent: -9999px;
}



div#top_right_menu
{
	margin: 10px 0 0 714px;
	height: 100%;
	width: 200px;
}


ul#top_type {
	width: 700px;
	height: 230px;
}

ul#top_type li {
	float: left;
	height: 244px;
	text-indent: -9999px;
	overflow: hidden;
}

ul#top_type li a {
	display: block;
	height: 100%;
	text-indent: -999em;
}

ul#top_type li#top_type_self               {width: 350px; background: url(../img/howto_bnr.jpg)    0px   0px;}
ul#top_type li#top_type_self a             {width: 350px; background: url(../img/howto_bnr.jpg)    0px   0px;}
ul#top_type li#top_type_self a:hover       {width: 350px; background: url(../img/howto_bnr.jpg)    0px 244px;}
ul#top_type li#top_type_order              {width: 350px; background: url(../img/howto_bnr.jpg) -350px   0px;}
ul#top_type li#top_type_order a            {width: 350px; background: url(../img/howto_bnr.jpg) -350px   0px;}
ul#top_type li#top_type_order a:hover      {width: 350px; background: url(../img/howto_bnr.jpg) -350px 244px;}


div#minna {
	width: 700px;
	height: 500px;
	margin-top: 10px;
}

div#minna dl {
	width: 340px;
	height: 235px;
}


div#minna dd.imglink{
	diplay: block;
	width: 335px;
	height: 120px;
	margin: 0 0 0 0;
}


div#minna dd.textlink{
	width: 300px;
	height: 120px;
	margin: 10px 0 0 0;
	padding: 0 0 0 12px;
	background: url(../img/sankaku.gif) 0 3px no-repeat;
	line-height: 150%;
}

div#minna dd.textlink a{
	text-decoration: none;
}

div#minna dd.textlink a:hover{
	text-decoration: underline;
}


div#oyaku {
	width: 700px;
	height: 500px;
	margin-top: 10px;
}

div#oyaku dl {
	width: 340px;
	height: 235px;
}


div#oyaku dd.imglink{
	diplay: block;
	width: 335px;
	height: 120px;
	margin: 0 0 0 0;
}


div#oyaku dd.textlink{
	width: 300px;
	height: 120px;
	margin: 10px 0 0 0;
	padding: 0 0 0 12px;
	background: url(../img/sankaku.gif) 0 3px no-repeat;
	line-height: 150%;
}

div#oyaku dd.textlink a{
	text-decoration: none;
}

div#oyaku dd.textlink a:hover{
	text-decoration: underline;
}