@charset "utf-8";
/* CSS Document */

.top-content{
	float: left;
	height: auto;
	width: 1000px;
}

.entry-btn-l{
	float: left;
	height: auto;
	width: 960px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(img/entry-btn-l.gif);
	background-repeat: no-repeat;
}

.entry-btn-l a{
	float: left;
	height: 100px;
	width: 960px;
	text-indent: -9999px;
}

.entry-btn-l a:hover{
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
	background-color: #FFF;
}


/* top-blog_area
--------------------------------------------------*/

#top-blog_area{
	float: left;
	height: auto;
	width: 1000px;
	margin-bottom: 20px;
}

#top-blog_area-l{
	float: left;
	height: auto;
	width: 690px;
}

#top-blog_area-machi{
	float: left;
	height: 266px;
	width: 690px;
	background-image: url(img/top-machi-bg.png);
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 10px;
}

#machi-box{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	width: 440px;
	float: left;
	height: 110px;
	overflow: auto;
	position: absolute;
	left: 35px;
	top: 125px;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#machi-box ul li span.rss-date{
	width: 90px;
	margin-right: 10px;
	float: left;
}

#machi-box h2#machi-title{
	text-indent: -9999px;
	float: left;
	height: 0px;
	width: 0px;
}





#top-blog_area-mode{
	float: left;
	height: auto;
	width: 690px;
}

#top-blog_area-mode a{
	float: left;
	height: 70px;
	width: 690px;
	background-image: url(img/top-mode-bg.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#top-blog_area-mode a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


#top-blog_area-r{
	float: right;
	height: auto;
	width: 280px;
	margin-left: 30px;
}

#top-blog_area-news{
	float: left;
	height: 103px;
	width: 240px;
	border: 1px solid #595857;
	padding-top: 4px;
	padding-right: 29px;
	padding-bottom: 4px;
	padding-left: 9px;
	overflow: auto;
	margin-bottom:5px
}

#top-blog_area-news ul{
	float: left;
	height: auto;
	width: 240px;
	padding-bottom: 5px;
}

#top-blog_area-news li{
	float: left;
	height: auto;
	width: 230px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#top-blog_area-news li h3{
	font-size: 14px;
	line-height: 16px;
}

#top-blog_area-r h2#top-blog_area-title{
	color: #FFF;
	float: left;
	height: 70px;
	width: 280px;
	font-size: 16px;
	background-image: url(img/top-blog-title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul#side-cate{
	float: left;
	height: auto;
	width: 240px;
	border: 1px solid #595857;
	padding-top: 4px;
	padding-right: 29px;
	padding-bottom: 4px;
	padding-left: 9px;
	overflow: auto;
	background-color: #F0F0F0;
}

ul#side-cate li{
	float: left;
	height: auto;
	width: 230px;
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 120%;
}

ul#side-cate li select{
	float: left;
	height: auto;
	width: 94%;
	padding: 3%;
	margin:0px;
}

ul#side-cate li input{
	float: left;
	height: auto;
	width: 94%;
	padding: 3%;
	margin-top: 5px;
	background-image: -webkit-linear-gradient(270deg,rgba(243,243,243,1.00) 0%,rgba(191,191,191,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(243,243,243,1.00) 0%,rgba(191,191,191,1.00) 100%);
	border-top-left-radius: 10px;
}

ul#side-cate li ul li{
	float: left;
	height: auto;
	width: 215px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	border-bottom: none;
	background-image: url(img/arrow-child.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 90%;
}

.blog_area-title2{
	color: #FFF;
	background-color: #595758;
	width: 260px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* top-menu-link
--------------------------------------------------*/
#top-menu-link{
	background-color: #1C67AA;
	float: left;
	height: auto;
	width: 960px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#top-menu-link1{
	background-color: #F4F0DF;
	float: left;
	width: 270px;
	height: auto;
	position: relative;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	border: 1px solid #9FA0A0;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 54px;
	padding-left: 14px;
}

#top-menu-link1 h2{
	background-image: url(img/top-menu-link-title1.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	float: left;
	height: 200px;
	width: 270px;
}



#top-menu-link2{
	background-color: #F2E1E6;
	float: left;
	width: 270px;
	height: auto;
	margin-right: 30px;
	margin-left: 30px;
	position: relative;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 54px;
	padding-left: 14px;
	border: 1px solid #9FA0A0;
}

#top-menu-link2 h2{
	background-image: url(img/top-menu-link-title2.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	float: left;
	height: 200px;
	width: 270px;
}


#top-menu-link3{
	background-color: #DFE9EF;
	float: left;
	width: 270px;
	height: auto;
	position: relative;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 54px;
	padding-left: 14px;
	border: 1px solid #9FA0A0;
}

#top-menu-link3 h2{
	background-image: url(img/top-menu-link-title3.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	float: left;
	height: 200px;
	width: 270px;
}

.top-menu-link-btn{
	float: left;
	height: 40px;
	width: 270px;
	position: absolute;
	bottom: 10px;
}

.top-menu-link-btn a{
	float: left;
	height: 40px;
	width: 270px;
	background-image: url(img/top-menu-link-btn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.top-menu-link-btn a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/* top-long
--------------------------------------------------*/
#top-long-wrap{
	background-image: url(img/long-bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 205px;
	width: 100%;
	margin-bottom: 20px;
	min-width: 1000px;
	background-position: center center;
	overflow: hidden;
}

#top-long{
	float: none;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#top-long-in{
	float: left;
	height: 205px;
	width: 1000px;
	text-indent: -9999px;
	background-image: url(img/long-body.png);
	background-repeat: no-repeat;
	position: relative;
}

#top-long-in h2{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in h3{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in ul{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in li{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in strong{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in small{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}

#top-long-in a{
	float: left;
	height: 39px;
	width: 260px;
	text-indent: -9999px;
	background-image: url(img/long-btn.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 10px;
}

#top-long-in a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}






/* top-feature
--------------------------------------------------*/
#top-feature{
	background-color: #F4F0DF;
	float: left;
	height: auto;
	width: 960px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#top-feature-l{
	float: left;
	height: auto;
	width: 420px;
}

#top-feature-l h2{
	float: left;
	height: 211px;
	width: 420px;
	background-image: url(img/top-feature-title.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#top-feature-l-box{
	float: left;
	height: auto;
	width: 420px;
	position: relative;
	margin-bottom: 10px;
}

#top-feature-l-box a{
	float: left;
	height: auto;
	width: auto;
	position: absolute;
	color: #FFF;
	background-color: #1C67AA;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
}

#top-feature-l-box a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#top-feature-l-box h3{
	float: left;
	height: 90px;
	width: 420px;
	background-image: url(img/top-feature.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}



#top-feature-r{
	float: right;
	height: auto;
	width: 510px;
}

#top-feature-r a{
	color: #FFF;
}


.top-feature-r-box{
	float: left;
	height: auto;
	width: 510px;
	position: relative;
	margin-bottom: 25px;
}

.top-feature-r-box a{
	float: left;
	height: auto;
	width: auto;
	position: absolute;
	color: #FFF;
	background-color: #1C67AA;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
}

.top-feature-r-box a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.top-feature-r-box h3#a{
	float: left;
	height: 90px;
	width: 510px;
	background-image: url(img/top-feature.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
	text-indent: -9999px;
}

.top-feature-r-box h3#b{
	float: left;
	height: 90px;
	width: 510px;
	background-image: url(img/top-feature.png);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	text-indent: -9999px;
}

.top-feature-r-box h3#c{
	float: left;
	height: 90px;
	width: 510px;
	background-image: url(img/top-feature.png);
	background-repeat: no-repeat;
	background-position: 0px -270px;
	text-indent: -9999px;
}

.top-feature-r-box h3#d{
	float: left;
	height: 90px;
	width: 510px;
	background-image: url(img/top-feature.png);
	background-repeat: no-repeat;
	background-position: 0px -360px;
	text-indent: -9999px;
}

#top-feature-plan{
	float: left;
	height: 598px;
	width: 960px;
	background-image: url(img/top-feature-plan-bg.png);
	margin-bottom: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
}

#top-feature-plan2{
	float: left;
	height: 598px;
	width: 960px;
	background-image: url(img/top-feature-plan-bg2.png);
	margin-bottom: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
}







/* top-compensation
--------------------------------------------------*/
#top-compensation{
	background-color: #F2E1E6;
	float: left;
	height: auto;
	width: 960px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #1C67AA;
}

.top-compensation-box{
	margin: 10px;
	float: left;
	width: 300px;
}

.top-compensation-box h2{
	float: left;
	width: 300px;
	background-image: url(img/top-compensation-box-h2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 300px;
}

.top-compensation-box-in{
	padding: 10px;
	float: left;
	height: 280px;
	width: 280px;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	background-color: #FFF;
	position: relative;
}

.top-compensation-box-in ul{
	float: left;
	height: auto;
	width: 280px;
	position: absolute;
	bottom: 10px;
}

.top-compensation-box-in li{
	float: left;
	height: auto;
	width: auto;
	color: #FFF;
	margin-right: 5px;
	margin-bottom: 5px;
}

.top-compensation-box-in img{
	float: left;
	height: 140px;
	width: 140px;
	color: #FFF;
	margin-right: 70px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 70px;
}

.top-compensation-box-in h3{
	float: left;
	height: 40px;
	width: 280px;
	font-size: 16px;
	line-height: 20px;
	color: #666;
}

.top-compensation-box-in li a{
	float: left;
	height: auto;
	width: auto;
	color: #FFF;
	background-color: #E95098;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.top-compensation-box-in li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#top-compensation-box{
	margin: 10px;
	float: left;
	width: 620px;
	height: auto;
}

#top-compensation-box-in{
	float: left;
	width: 600px;
	height: 280px;
	padding: 10px;
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	background-color: #FFF;
	position: relative;
}

#top-compensation-box-in h3{
	float: left;
	width: 600px;
	height: auto;
	color: #E95098;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#top-compensation-box-in a{
	float: left;
	height: auto;
	width: auto;
	color: #FFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #E95098;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#top-compensation-box-in a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#top-compensation-box-tex1{
	float: left;
	width: 600px;
	height: auto;
}

#top-compensation-box-tex1 img{
	float: right;
	width: 70px;
	height: 70px;
}

#top-compensation-box-tex2{
	float: left;
	width: 600px;
	height: auto;
	font-size: 12px;
	line-height: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E95098;
	padding-top: 10px;
	margin-top: 10px;
}




/* top-case
--------------------------------------------------*/
#top-case{
	background-color: #DFE9EF;
	float: left;
	height: auto;
	width: 960px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #1C67AA;
}

#top-case h2{
	float: left;
	height: 73px;
	width: 960px;
	background-image: url(img/top-case.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
	text-indent: -9999px;
}

#top-case h6{
	float: left;
	height: auto;
	width: 960px;
	font-weight: normal;
	font-size: 80%;
	text-align: center;
}

.heightLine-case_box{
	background-color: #FFF;
	margin: 10px;
	float: left;
	height: auto;
	width: 460px;
	padding-bottom: 30px;
	position: relative;
}

.heightLine-case_box a{
	background-image: url(img/arrow-bl.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 10px;
	padding-left: 10px;
	float: right;
	height: auto;
	width: auto;
	position: absolute;
	right: 5px;
	bottom: 5px;
}


.heightLine-case_box h3{
	color: #FFF;
	background-color: #1C67AA;
	float: left;
	height: auto;
	width: 440px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.top-case-box{
	float: left;
	height: auto;
	width: 460px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 12px;
	line-height: 16px;
}

.top-case-l{
	float: left;
	height: auto;
	width: 340px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.top-case-r{
	float: left;
	height: auto;
	width: 90px;
	padding: 5px;
	text-align: right;
}




/* top-bottom
--------------------------------------------------*/
#top-bottom{
	background-color: #1C67AA;
	text-indent: -9999px;
	background-image: url(img/top-bottom.jpg);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: 960px;
	padding-top: 263px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#top-bottom strong{
	text-indent: -9999px;
	float: left;
	height: auto;
	width: auto;
}












h2#top-trable-title{
	float: left;
	height: 16px;
	width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EA5415;
	color: #FFFFFF;
	text-align: center;
	line-height: 100%;
	font-size: 16px;
}


#top-trable{
	float: left;
	height: auto;
	width: 260px;
	border: 1px solid #EA5415;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	margin-bottom: 5px;
}

#top-trable ul{
	float: left;
	height: auto;
	width: 260px;
}

#top-trable li{
	float: left;
	height: auto;
	width: 260px;
}