@charset "utf-8";
#main_area {
	float: left;
	width: 690px;
}
#main {
	margin-top: 5px;
}



#main_area .letter {
	margin-top: 8px;
	margin-left: 5px;
}
#main_area .main_img {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 120px;
	width: 670px;
	padding-left: 20px;
	padding-top: 30px;
}
#main_area .main_img h2 {
	font-size: 350%;
	color: #F60;
	font-weight: bold;
	line-height: 100%;
}
#main_area .main_img h2 span {
	font-size: 50%;
}
#main_area .main_img p.main_info {
	width: 440px;
}
#main_area .narrowing_box {
	border: 1px solid #06C;
	margin-top: 10px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */

}
#main_area .narrowing_box h3 {
	font-size: 125%;
	color: #0071D0;
	font-weight: bold;
	display: block;
	background-color: #E8F3FF;
	padding: 5px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */

}
#main_area .narrowing_box table {
	width: 670px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#main_area .narrowing_box span  {
	font-weight: bold;
	color: #333;
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -1192px;
	display: block;
	padding-left: 12px;
}
#main_area .narrowing_box .normal  {
	background-image: none;
	background-position: 0px 0px;
	display: inline;
	padding-left: 0px;
}
#main_area .narrowing_box .text {
	width: 420px;
	margin-left: 10px;
	border: 1px solid #CCC;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */

}




#main_area .narrowing_box input.btn:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#main_area .new_box {
	margin-top: 3px;
}
#main_area .new_box h3 {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -281px;
	display: block;
	height: 32px;
	width: 635px;
	padding-left: 55px;
	padding-top: 15px;
}
#main_area .new_box h3 span {
	color: #F60;
}
#main_area .new_box ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-top: 10px;
	padding-bottom: 10px;
}
#main_area .new_box ul .last {
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#main_area .new_box .img   {
	float: left;
	margin-right: 10px;
}



#main_area .new_box .img img{
	border: 2px solid #CCC;
}

#main_area .new_box .img img:hover{
	border: 2px solid #B3D7FF;
}
#main_area .area_box {
	margin-top: 20px;
}

#main_area .area_box h3 {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -241px;
	height: 31px;
	width: 635px;
	padding-left: 55px;
	padding-top: 9px;
}
#main_area .area_box h3 span {
	color: #690;
}
#main_area .area_box ul {
	width: 654px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #EBEBEB;
	padding: 10px;
	margin-top: 5px;
}
#main_area .area_box ul li {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -605px;
	display: inline;
	margin-right: 10px;
	padding-left: 20px;
}
#main_area .category_box {
	margin-top: 15px;
}
#main_area .category_box h3 {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -196px;
	height: 32px;
	width: 635px;
	padding-left: 55px;
	padding-top: 13px;
}
#main_area .category_box h3 span {
	color: #069;
}
#main_area .category_box .articlebox {
	width: 340px;
}

#main_area .category_box .article {
	background-color: #FBFEFF;
	border: 1px solid #72D0FF;
	width: 340px;
	margin-top: 10px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */
	padding-bottom: 5px;

}
#main_area .category_box .article .ttl {
	font-weight: bold;
	color: #069;
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	height: 34px;
	padding-left: 55px;
	padding-top: 9px;
	font-size: 110%;
	margin-top: 5px;
	margin-left: 5px;
}
#main_area .category_box .article .office {background-position: 3px -647px;}
#main_area .category_box .article .consul {background-position: 0px -722px;}
#main_area .category_box .article .service {background-position: 6px -786px;}
#main_area .category_box .article .creative {background-position: 3px -856px;}
#main_area .category_box .article .computer {background-position: 3px -1056px;}
#main_area .category_box .article .skill {background-position: 6px -925px;}
#main_area .category_box .article .medical {background-position: 3px -996px;}
#main_area .category_box .article .etc {background-position: 3px -1126px;}
#main_area .category_box .article p.le {
	font-size: 85%;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 140%;
}
#main_area .category_box .article ul {
	margin-right: 10px;
	margin-left: 10px;
}

#main_area .category_box .article li  {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -1225px;
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#main_area .category_box .article li span {
	display: inline-block;
	padding-left: 16px;
}
#main_area .category_box .left {
	float: left;
}
#main_area .category_box .right {
	float: right;
}
#main_area .employment_box {
	margin-top: 13px;
}
#main_area .employment_box ul {
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-left: 5px;
}
#main_area .employment_box h3 {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -150px;
	height: 29px;
	width: 630px;
	padding-top: 17px;
	padding-left: 60px;
}
#main_area .employment_box h3 span {
	color: #C00;
}
#main_area .employment_box ul li {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -533px;
	display: inline;
	padding-left: 16px;
	margin-right: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

#main_area .pickup_box {
	margin-top: 15px;
}
#main_area .pickup_box h3 {
	background-image: url(../img/title_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -328px;
	display: block;
	width: 630px;
	padding-top: 17px;
	padding-left: 60px;
	height: 31px;
}
#main_area .pickup_box h3 span {
	color: #F60;
}
#main_area .pickup_box ul li {
	float: left;
	width: 160px;
	margin-right: 6px;
	margin-top: 10px;
	display: inline;
	margin-left: 6px;
	text-align: center;
}
#main_area .pickup_box ul li a img {
	border: 3px solid #EBEBEB;
	height: 110px;
	width: 150px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */
}
#main_area .pickup_box ul li a img:hover {
	border: 3px solid #B3D7FF;
}

#main_area .reporting_box {
	border: 1px solid #AD904E;
	margin-top: 10px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */

}
#main_area .reporting_box h3 {
	font-size: 125%;
	color: #AD904E;
	font-weight: bold;
	display: block;
	background-color: #EDE6D6;
	padding: 5px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */

}
#main_area .reporting_box p {
	margin-left: 10px;
	margin-right: 10px;
}


#side_area {
	float: right;
	width: 240px;
}
#side_area .ranking_box {
	margin-top: 10px;
}
#side_area .ranking_box ul {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#side_area .ranking_box ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-right: 5px;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	min-height: 38px;
}
#side_area .ranking_box ul .no1  {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#side_area .ranking_box ul .no2  {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 5px -85px;
}
#side_area .ranking_box ul .no3 {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 5px -190px;
}

#side_area .ranking_box ul .no4  {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 5px -301px;
}
#side_area .ranking_box ul .no5  {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 5px -403px;
	border-bottom-style: none;
}

#side_area .ranking_box ul li a {
	line-height: 140%;
}
#side_area .bana_area p {
	margin-top: 10px;
}
#side_area .bana_area a img {
	border: 3px solid #CCC;
}
#side_area .bana_area a img:hover {
	border: 3px solid #E9AE99;
}
#side_area .stick_box {
	margin-top: 10px;
}
#side_area .stick_box ul {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#side_area .stick_box ul li {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -577px;
	padding-left: 20px;
	margin-bottom: 5px;
}
#side_area .category_box {
	margin-top: 5px;
}
#side_area .category_box ul {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#side_area .category_box ul li {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -1222px;
	padding-left: 17px;
	margin-bottom: 5px;
}
#side_area .area_box {
	margin-top: 10px;
}
#side_area .area_box ul {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#side_area .area_box ul li {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -603px;
	padding-left: 20px;
	margin-bottom: 5px;
}
#side_area .sideinfo_box {
	margin-top: 10px;
}
#side_area .sideinfo_box .description {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#side_area .mypage_box {
	margin-top: 10px;
}
#side_area .mypage_box .description {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#side_area .mypage_box p  {
	margin-top: 5px;
}
#side_area .mypage_box p a {
	background-image: url(../img/icon_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -555px;
	padding-left: 18px;
}
#side_area .pickup_box {
	margin-top: 10px;
}
#side_area .pickup_box ul {
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 5px;
}

#side_area .pickup_box ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
	min-height: 44px;
}
#side_area .pickup_box ul li a {
	line-height: 120%;
}

#side_area .pickup_box ul .last {
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}


#side_area .pickup_box .img img{
	border: 2px solid #CCC;
	float: left;
	margin-right: 10px;
}

#side_area .pickup_box .img img:hover{
	border: 2px solid #B3D7FF;
}
