/*--------------------------------------------------------*/
/* Service Grant website [TOPページ用CSS]
/* 2010.03.29 - AD Yuuki Kasahara
/*--------------------------------------------------------*/

body	{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*----- header -------------------------------------------*/

#header	{
	width:960px;height:230px;margin:0px auto;padding:0px;
	background-image:url(../img/header_top_bg.gif);
	font-family:"ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
#header h1	{
	float:left;
	margin:0px;padding:15px 0px 0px 25px;
}
.headerRight	{
	float:right;
	/*width:465px;height:70px;margin:0px;padding:10px 20px 0px 0px;*/
	width:592px;height:70px;margin:0px;padding:10px 20px 0px 0px;
	text-align:right;font-size:84%;
}
.headerRight a:link,.headerRight a:visited	{
	color:#333333;
	text-decoration:none;
}

/* 2012/1/13 */
.snsButton	{
	float:right;
	margin:0px 0px 0px 20px;padding:0px;
}
/**/

.headerProbono	{
	clear:both;
	width:910px;height:112px;margin:0px auto;padding:10px 10px;
	text-align:right;
}
.btnProbono	{
	float:right;display:block;
	width:200px;height:32px;margin:10px 0px 0px 0px;
	background:url(../img/btn_probono.gif);
}
.btnProbono span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnProbono 		{background:url(../img/btn_probono.gif);background-position:0px -32px;}
a:active.btnProbono	 	{background:url(../img/btn_probono.gif);background-position:0px -32px;}


/*----- contents -----------------------------------------*/

#topContents	{
	width:960px;margin:0px auto;padding:0px;
	background-image:url(../img/top_contents_bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:100%;
}
*html #topContents	{/*forIE6*/
	width:960px;margin:0px auto;padding:0px;
	background-image:url(../img/top_contents_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:100%;
}

#topContentsLeft	{
	float:left;
	width:300px;margin:0px;padding:0px 0px 15px 10px;
}
#topContentsCenter	{
	float:left;
	width:300px;margin:0px;padding:0px 0px 15px 20px;
}
#topContentsRight	{
	float:left;
	width:300px;margin:0px;padding:0px 0px 15px 20px;
}
*html #topContentsCenter	{/*forIE6*/
	float:left;
	width:300px;margin:0px;padding:0px 0px 15px 18px;
}
*html #topContentsRight	{/*forIE6*/
	float:left;
	width:300px;margin:0px;padding:0px 0px 15px 18px;
}

#topContents h2	{
	margin:0px 0px 20px 0px;padding:0px 25px 9px 20px;
	border-bottom:1px dotted #999999;
}
#bgNone a:hover	{
	background:none;
}
#topContents h3	{
	margin:0px;padding:0px;
}
#topContents h4	{
	margin:0px 0px 10px 0px;padding:0px 25px;
	font-size:116%;color:#333333;
}
h4 a:link,h4 a:visited	{
	color:#333333;text-decoration:none;
}
h4 a:hover,h4 a:active	{
	color:#333333;text-decoration:none;
	background-color:#FFFFCC;
}

.btnList	{
	float:right;display:block;
	width:39px;height:16px;margin:2px 0px 0px 0px;
	background:url(../img/btn_list.gif);
}
.btnList span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnList 		{background:url(../img/btn_list.gif);background-position:0px -16px;}
a:active.btnList	 	{background:url(../img/btn_list.gif);background-position:0px -16px;}

.topImage	{
	display:block;
	height:190px;margin:0px 0px 10px 0px;padding:0px 25px;
}
.topImage img	{
	border:1px solid #CCCCCC;
}
.topImage a:link,.topImage a:visited	{
	background:none;
}
.topImage a:hover,.topImage a:active	{
	background:none;
}

.topText01	{
	margin:0px 0px 15px 0px;padding:0px 25px 8px 25px;
	border-bottom:1px solid #CCCCCC;
}
.topText01 a:link,.topText01 a:visited	{
	color:#333333;text-decoration:none;
}
.topText01 a:hover,.topText01 a:active	{
	text-decoration:none;
}

.topText02	{
	margin:0px 0px 15px 0px;padding:0px 25px 8px 25px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}
.topText02 img	{
	float:left;
	margin:0px 6px 6px 0px;
	border:1px solid #CCCCCC;
}
.topText02 a:link,.topText02 a:visited	{
	color:#333333;text-decoration:none;
}
.topText02 a:hover,.topText02 a:active	{
	text-decoration:none;
}

.topButton	{
	margin:0px 0px 10px 0px;padding:10px;
}

.btnSkill	{
	display:block;
	width:207px;height:33px;margin:0px auto;
	background:url(../img/btn_skill.gif);
}
.btnSkill span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnSkill 		{background:url(../img/btn_skill.gif);background-position:0px -33px;}
a:active.btnSkill	 	{background:url(../img/btn_skill.gif);background-position:0px -33px;}

.topSkill	{
	width:286px;
	margin:0px auto;padding:0px 0px 20px 0px;
	background-image:url(../img/top_skill_bg.gif);
	background-position:bottom;
}
.topSkill p	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px 15px;
}

.topSkillData	{
	clear:both;
	text-align:center;
	margin:0px 10px;padding:10px 0px 30px 10px;
}
*html .topSkillData	{/*forIE6*/
	text-align:inherit;
	margin:0px 0px 20px 0px;padding:0px;
}
.topSkillData table	{
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
.topSkillData td	{text-align:center;}

/*2012.1.9-*/
.topSkillData1	{
	clear:both;
	text-align:center;
	margin:0px 10px;padding:10px 0px 10px 30px;
	border-top:1px solid #fcda47;
}
.topSkillData2	{
	clear:both;
	text-align:center;
	margin:0px 10px 10px 10px;padding:10px 0px 10px 30px;
	border-top:1px solid #fcda47;border-bottom:1px solid #fcda47;
}
.topSkillData1	{background:url(../img/top_title_tokyo.gif) no-repeat 0px 33px;}
.topSkillData2	{background:url(../img/top_title_kansai.gif) no-repeat 0px 33px;}
*html .topSkillData1	{/*forIE6*/
	text-align:inherit;
	margin:0px 0px 20px 0px;padding:0px;
}
*html .topSkillData2	{/*forIE6*/
	text-align:inherit;
	margin:0px 0px 20px 0px;padding:0px;
}
.topSkillData1 table	{
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
.topSkillData2 table	{
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}

*html .topSkillData1 table	{/*forIE6*/
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
*html .topSkillData2 table	{/*forIE6*/
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
.topSkillData1 td	{text-align:center;}
.topSkillData2 td	{text-align:center;}
/*-*/

.topSkillTD01	{
	margin:0px;padding:1px;
	background-image:url(../img/top_skill_td_bg01.gif);
	background-position:top center;
	background-repeat:no-repeat;
	font-size:92%;color:#FFFFFF;font-weight:bold;
}
.topSkillTD02	{
	margin:0px;padding:3px;
	background-image:url(../img/top_skill_td_bg02.gif);
	background-position:top center;
	background-repeat:no-repeat;
	font-size:150%;color:#333333;font-weight:bold;
}
.topSkillTD03	{
	margin:0px;padding:1px;
	background-image:url(../img/top_skill_td_bg03.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	font-size:92%;color:#333333;font-weight:bold;
}
.topSkillTD04	{
	margin:0px;padding:3px;
	font-size:108%;color:#333333;font-weight:bold;
}
.topSkill a:link		{text-decoration:none;color:#993300;font-weight:bold;}
.topSkill a:visited	{text-decoration:none;color:#993300;font-weight:bold;}

.btnSubsidy	{
	display:block;
	width:207px;height:33px;margin:0px auto;
	background:url(../img/btn_subsidy.gif);
}
.btnSubsidy span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnSubsidy 		{background:url(../img/btn_subsidy.gif);background-position:0px -33px;}
a:active.btnSubsidy	 	{background:url(../img/btn_subsidy.gif);background-position:0px -33px;}

.topExplain	{
	width:286px;
	margin:0px auto;padding:0px 0px 20px 0px;
	background-image:url(../img/top_explain_bg.gif);
	background-position:bottom;
}
.topExplain p	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px 15px;;
}
.topExplain a:link		{text-decoration:none;color:#336600;font-weight:bold;}
.topExplain a:visited	{text-decoration:none;color:#336600;font-weight:bold;}

/*2012.1.12-*/
.topExplainData1	{
	clear:both;
	text-align:center;
	margin:0px 10px;padding:10px 0px 10px 30px;
	border-top:1px solid #b1e0c5;
}
.topExplainData2	{
	clear:both;
	text-align:center;
	margin:0px 10px 10px 10px;padding:10px 0px 10px 30px;
	border-top:1px solid #b1e0c5;border-bottom:1px solid #b1e0c5;
}
.topExplainData1	{background:url(../img/top_title_tokyo.gif) no-repeat 0px 33px;}
.topExplainData2	{background:url(../img/top_title_kansai.gif) no-repeat 0px 33px;}
*html .topExplainData1	{/*forIE6*/
	text-align:inherit;
	margin:0px 0px 20px 0px;padding:0px;
}
*html .topExplainData2	{/*forIE6*/
	text-align:inherit;
	margin:0px 0px 20px 0px;padding:0px;
}
.topExplainData1 table	{
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
.topExplainData2 table	{
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}

*html .topExplainData1 table	{/*forIE6*/
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
*html .topExplainData2 table	{/*forIE6*/
	float:left;
	width:60px;margin:0px 0px 0px 15px;
}
.topExplainData1 td	{text-align:center;}
.topExplainData2 td	{text-align:center;}

.topExplainTD01	{
	margin:0px;padding:1px;
	background-image:url(../img/top_explain_td_bg01.gif);
	background-position:top center;
	background-repeat:no-repeat;
	font-size:92%;color:#FFFFFF;font-weight:bold;
}
.topExplainTD02	{
	margin:0px;padding:3px;
	background-image:url(../img/top_explain_td_bg02.gif);
	background-position:top center;
	background-repeat:no-repeat;
	font-size:150%;color:#333333;font-weight:bold;
}
.topExplainTD03	{
	margin:0px;padding:1px;
	background-image:url(../img/top_explain_td_bg03.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	font-size:92%;color:#333333;font-weight:bold;
}
.topExplainTD04	{
	margin:0px;padding:3px;
	font-size:108%;color:#333333;font-weight:bold;
}
.topExplain a:link		{text-decoration:none;color:#993300;font-weight:bold;}
.topExplain a:visited	{text-decoration:none;color:#993300;font-weight:bold;}
/*-*/

.topBlog	{
	width:286px;
	margin:0px auto 15px auto;padding:0px 0px 20px 0px;
	background-image:url(../img/top_blog_bg.gif);
	background-position:bottom;
}
.topBlog p	{
	clear:both;
	margin:0px 0px 5px 0px;padding:0px 15px;
	font-weight:normal;font-size:100%;color:#333333;
}
.topBlog a:link			{text-decoration:none;color:#333333;}
.topBlog a:visited	{text-decoration:none;color:#333333;}

/*2012.1.9-*/
.feedBlog	{
	width:286px;height:100px;
	margin:0px auto 15px auto;padding:0px 0px 10px 0px;
	background-image:url(../img/top_blog_bg.gif);
	background-position:bottom;
}
.feedTwitter	{
	width:286px;height:100px;
	margin:0px auto 15px auto;padding:0px 0px 10px 0px;
	background-image:url(../img/top_feed_bg2.gif);
	background-position:bottom;
}
.feedFacebook	{
	width:286px;height:100px;
	margin:0px auto 15px auto;padding:0px 0px 10px 0px;
	background-image:url(../img/top_feed_bg3.gif);
	background-position:bottom;
}

.rssBody	{margin:0px;padding:0px;}
.rssRow	{
	height:65px;margin:0px;padding:0px;
}
.rssRow p	{
	height:65px;margin:0px;padding:0px 10px;
}

.feedBlog iframe , .feedTwitter iframe , .feedFacebook iframe	{
	width:266px;height:100px;
	margin:0px 10px;padding:0px;
	border:none;
}
.feedBlog h3 a:hover		{background:none;}
.feedTwitter h3 a:hover		{background:none;}
.feedFacebook h3 a:hover	{background:none;}
/*-*/


.btnMagazine	{
	display:block;
	width:286px;height:50px;margin:0px auto 15px auto;
	background:url(../img/btn_magazine.gif);
}
.btnMagazine span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnMagazine 		{background:url(../img/btn_magazine.gif);background-position:0px -50px;}
a:active.btnMagazine	 	{background:url(../img/btn_magazine.gif);background-position:0px -50px;}

.btnTwitter	{
	display:block;
	width:286px;height:50px;margin:0px auto 15px auto;
	background:url(../img/btn_twitter.gif);
}
.btnTwitter span 			{display:block;width:0;height:0;overflow:hidden;}
a:hover.btnTwitter 		{background:url(../img/btn_twitter.gif);background-position:0px -50px;}
a:active.btnTwitter	 	{background:url(../img/btn_twitter.gif);background-position:0px -50px;}

#topBanner	{
	clear:both;
	width:940px;height:60px;margin:0px auto;padding:15px 10px 5px 10px;
	text-align:center;
	background-image:url(../img/top_banner_bg.gif);
}
#topBanner img	{
	margin:0px 10px;
	border:none;
}
#topBanner a:hover	{
	background:none;
}


/*----- end. ---------------------------------------------*/