@charset 'UTF-8';

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




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

.header_about{
 	width:100%;
	height:280px;
	background:url(/img/pc/parts/header_kashimayarigatake.jpg) no-repeat;
	background-position:center;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#DBDAD5;
	position:relative;
	border-bottom: 8px solid #DBDAD5;
}

/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
h2{
	width:630px;
	height:36px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	margin: 10px 0px 60px 0px;
	background:url(/img/pc/title/title_about.gif) no-repeat;

}

h2.about_01{background:url(/img/pc/title/title_about_01.gif) no-repeat;}
h2.about_02{background:url(/img/pc/title/title_about_02.gif) no-repeat;}
h2.about_03{background:url(/img/pc/title/title_about_03.gif) no-repeat;}
h2.about_03-1{background:url(/img/pc/title/title_about_03-1.gif) no-repeat;}
h2.about_03-2{background:url(/img/pc/title/title_about_03-2.gif) no-repeat;}
h2.about_03-3{background:url(/img/pc/title/title_about_03-3.gif) no-repeat;}
h2.about_03-4{background:url(/img/pc/title/title_about_03-4.gif) no-repeat;}


h3,h4{
	color:#333;
}

h3{
	height:50px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	text-indent:15px;
	margin: 0px 0px 30px 0px;
	background:url(/img/pc/title/h3_about_bg.gif) no-repeat;
}

h4{
	height:40px;
	font-size:20px;
	line-height:36px;
	font-weight:bold;
	background:url(/img/pc/icon/icon_dice_about.gif) no-repeat;
	background-position:10px 13px;
	padding: 5px 0px 0px 45px;
	margin: 10px 0px 15px 0px;
	border-top: 1px dashed #C88140;
	border-bottom: 1px dashed #C88140;
}



.button {
	font-size:18px;
	font-weight:bold;
}



.button a {
	width:270px;
	background-color: #F5F4ED;
	border-top: 1px solid #E8CBB0;
	border-left: 1px solid #E8CBB0;
	border-right: 1px solid #E8CBB0;
	border-bottom: 5px solid #E8CBB0;
	color: #444;
	float:left;
	text-align:center;
	padding: 20px 10px 20px 10px;
	margin: 0px 20px 20px 0px;
	text-decoration:none;
	position:relative;
}


.button a:hover {
	background-color: #F5F4ED;
	border-top: 1px solid #E8CBB0;
	border-left: 1px solid #E8CBB0;
	border-right: 1px solid #E8CBB0;
	border-bottom: 5px solid #E8CBB0;
	color: #444;
	top: -5px;
}



#about_box{
	width:615px;
	background-color:#F5F4ED;
	padding: 20px 0px 10px 10px;
	margin: 10px 0px 50px 0px;
	border: 2px solid #E8CBB0;
	border-radius: 6px ; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
}

#about_box ul{}
#about_box li{
	width:250px;
	font-weight:bold;
	list-style-type:none;
	background:url(/img/pc/icon/icon_dia_about.png) no-repeat;
	line-height:20px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 10px;
	float:left;
}
#about_box li a{ color:#333;  text-decoration:none;}
#about_box li a:hover{ color:#C88140;}





#dl_indx dl{
	width:620px;
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	background-color:#F5F4ED;

}
#dl_indx dt{
	font-size:16px;
	float:left;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	border-left: 1px solid #CECECE;

}
#dl_indx dd{
	text-align:right;
	padding: 10px 20px 5px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #CECECE;
	border-left: 1px solid #CECECE;

}

#dl_indx dt a{	color:#000; text-decoration:none;}
#dl_indx dt a:hover{ color:#E8CBB0;}








/*行政書士になろう*/

#about_point{
	width:630px;
	border: 1px solid #E8CBB0;
	background:url(/img/pc/parts/about_point_bg_.gif) no-repeat;
	background-position:300px 60px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 50px 0px;
	position:relative;
}



#about_point h2{
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	height:35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	background:url(/img/pc/title/title_about_03-4.gif) no-repeat;
	background-position:20px 0px;
}

#about_point ol{
	padding: 0px 0px 0px 70px;
	margin: 0px 0px 0px 0px;}
#about_point li{
	color:#555;
	font-size:16px;
	font-weight:bold;
	padding: 10px 0px 10px 0px;
	list-style-position:inside;

}

h3.about{
	background:url(/img/pc/icon/icon_about_.jpg) no-repeat;
	background-position:0px 0px;
	padding: 0px 0px 20px 40px;
	font-size:18px;
	line-height:26px;
	font-weight:bold;

}




.icon_about_point{
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:-10px;
	right:20px;
		display:block;
	width:141px;
	height:25px;
	background:url(/img/pc/parts/icon_about_point.gif)}



#pageIndx{
	font-size:12px;
	border: 1px solid #E8CBB0;
	background-color:#F5F4ED;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#pageIndx p{	background-color:#E8CBB0;}
#pageIndx p img{ padding: 10px 0px 5px 20px;}

#pageIndx ul{ padding: 15px 0px 15px 20px;}
#pageIndx li{
	background:url(/img/pc/icon/icon_diamond.gif) no-repeat;
	background-position:3px 3px;
	padding: 5px 20px 5px 25px;
	margin: 0px 0px 10px 0px;
	list-style: none;
	line-height:140%;
}

#pageIndx li a{
	display:block;
	color:#000;
	text-decoration:none;
}
#pageIndx li a:hover{
	color:#C88140;
}