@charset 'UTF-8';

@import url(base.css);
@import url(common.css);
@import url(navi.css);




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


/* メインビジュアル */
#mainVisual {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.mainVisual {
	width:100%;
	height: 580px;
	margin : 0px 0 0;
	overflow:hidden;
/*	position:relative;
	z-index:2;*/
	/*background-image: url(/img/pc/main/mv01.jpg);*/
	background-position: center 30%;
	background-repeat: no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

#mainVisual .grade{
	width:100%;
	background-repeat: repeat-x;
	height: 151px;
	position:absolute;
	bottom:0;
	z-index:3;
	border-bottom: 8px solid #ccc;
}




/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */


/*困っていませんか*/


#top_point{
	width:628px;
	height:450px;
	font-size:12px;
	border: 1px solid #DBDAD5;
	background:url(/img/pc/parts/top_point_bg_.gif) no-repeat;
	background-position:170px 90px;
	padding: 20px 0px 0px 0px;
	position:relative;
}

#top_point .box {
	width:260px;
	height:120px;
	margin: 0px 0px 10px 35px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#top_point p{
	width:200px;
	line-height:150%;
}

#top_point h2{
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	width:536px;
	height:35px;
	padding: 0px 0px 30px 0px;
	background:url(/img/pc/title/tit_top_point.gif) no-repeat;
	background-position:20px 0px;
}
#top_point h3{
	color:#669900;
	font-size:16px;
	padding: 0px 0px 10px 0px;
}
#top_point .adr,
#top_point .adr p  { width: 480px; }

/*最新情報と活動報告*/


.bt_business, .bt_counsel{
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
}

.bt_business{
	bottom:-8px;
	right:180px;
}

.bt_counsel{
	bottom:-8px;
	right:20px;
}

.bt_business a, .bt_counsel a{
	display:block;
	width:141px;
	height:35px;
}

.bt_business a{
	background-image:url(/img/pc/btn/bt_business.gif);
}

.bt_business a:hover{
	background-image:url(/img/pc/btn/bt_business_on.gif);
}


.bt_counsel a{
	background-image:url(/img/pc/btn/bt_counsel.gif);
}

.bt_counsel a:hover{
	background-image:url(/img/pc/btn/bt_counsel_on.gif);
}


#top_news, #top_repo {
	width:266px;
	height:420px;
	float:left;
	padding: 15px;
	font-size:14px;
	position:relative;
	top:0px;
}

#top_news{
	border: 2px dotted #DBDAD5;
}

.report_topics{
	/* border: 2px dotted #D4E5E5; */
	margin: 0px 0px 0px 30px;
}

#top_news h3, #top_repo h3 {
	width:150px;
	height:26px;
	display:block;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
}

#top_news h3{
	background:url(/img/pc/title/top_news.gif) no-repeat;
}

#top_news ul{ padding: 15px 0px 20px 0px; list-style:none;}
#top_news li{
	background:url(/img/pc/icon/icon_diamond.gif) no-repeat;
	background-position:3px 1px;
	padding: 0px 0px 0px 24px;
	margin: 0px 0px 10px 0px;
	line-height:1.6;
}

#top_news li p{
	color:#999;
}

#top_news li a{
	color:#000;
	text-decoration:none;
}
#top_news li a:hover{
	color:#999;
}


#top_news li.news1,#sub_news li.news3,#sub_news li.news4{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#top_news li.news1{background:url(/img/pc/icon/icon_news1.gif)  no-repeat 0px 0px;}
#top_news li.news3{background:url(/img/pc/icon/icon_news3.gif)  no-repeat 0px 0px;}
#top_news li.news4{background:url(/img/pc/icon/icon_news4.gif)  no-repeat 0px 0px;}


#top_news li.news1 p,#top_news li.news3 p,#top_news li.news4 p{
	height:20px;
	line-height:20px;
	font-size:12px;
	padding: 0px 0px 0px 85px;
	margin: 0px 0px 5px 0px;
}





#top_news.report_topics h3{
	background:url(/img/pc/title/top_repo.gif) no-repeat;
}

#top_repo ul {
	padding: 10px 0px 0px 0px;
}

#top_repo li {
	background-image:url(/img/pc/icon/icon_diamond.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding: 5px 10px 5px 25px;
	list-style: none;
	line-height:120%;
}

#top_repo li a { color:#000; text-decoration:none;}
#top_repo li a:hover { color:#999;}

.bt_more_news, .bt_more_repo {
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	bottom:-10px;
	right:20px;
}

.bt_more_news a{
	width:141px;
	height:35px;
	display:block;
	background-image:url(/img/pc/btn/bt_more_news.gif);
}
.bt_more_news a:hover{
	background-image:url(/img/pc/btn/bt_more_news_on.gif);
}

.bt_more_repo a{
	width:141px;
	height:35px;
	display:block;
	background-image:url(/img/pc/btn/bt_more_repo.gif);
}
.bt_more_repo a:hover{
	background-image:url(/img/pc/btn/bt_more_repo_on.gif);
}



/*行政書士ランダム紹介*/

#top_member{
	width:615px;
	font-size:12px;
	padding: 20px 0px 20px 15px;
	border-bottom: 1px solid #F7F5BB;
	position:relative;
}

#top_member h2{
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	background-image:url(/img/pc/title/top_members.gif);
	width:280px;
	height:31px;
	margin: 0px 0px 20px 0px;
}


.prof{
	width:115px;
	margin: 0px 0px 30px 15px;
	padding: 0px 10px 10px 10px;
	float:left;
	background-color:#fff;
	line-height:150%;
}





.prof img{
	margin: 10px 0px 0px 0px;
	border: 1px solid #DBDAD5;
}
.prof p{
	color:#120160;
	font-size:16px;
	line-height:180%;
	font-weight:bold;
}


.bt_member a{
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	width:141px;
	height:35px;
	display:block;
	background-image:url(/img/pc/btn/bt_member.gif);
	position:absolute;
	bottom:-10px;
	right:20px;
}
.bt_member a:hover{
	background-image:url(/img/pc/btn/bt_member_on.gif);
}


.boxlink_top{cursor: pointer;}
.boxlink_top:hover{background-color:#F5F4ED;}


/*カレンダー*/
section.calendar_area{
	margin: 0 20px;
	width: 940px;
}
.calendar_area h2.title{
	background: url("/img/pc/title/training_calendar.gif")no-repeat;
	width: 175px;
	height: 32px;
	overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 0 auto 26px;
}