@charset "utf-8";

/* flash_area
--------------------------------------------------*/

#flash_area{
	width: 100%;
	height: 100px;
	float: left;
	overflow: hidden;
	background-color: #FFFBC6;
}

#flash_area h1{
	width: 10%;
	height: 100px;
	background-image: url(../img/top/flash_ttl.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	float: left;
}

#flash_area h2{
	margin-top: 10px;
}

#flash_area h2 a{
	color: #C30E23;
	text-decoration: underline;
}

#flash_area-box{
	width: 88%;
	height: 90px;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
}

#flash_area-box img{
	width: auto;
	height: 90px;
	float: left;
	margin-right:10px;
}


/* top_area
--------------------------------------------------*/
#top_area{
}

#top_area-l{
	width: 60%;
	height: auto;
	float: left;
	position: relative;
}

#top_news{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

#top_news-in{
	width: 96%;
	height: auto;
	float: left;
	padding-right:4%;
}

/*　↑overflow:auto;　削除　*/

.top_news-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #AAAAAA;
	position: relative;
	word-wrap: break-all!important;
}

.top_news-box img{
	width: 150px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.top_news-box h2{
	margin-bottom: 0px;
	font-size: 110%;
}

.top_news-box p{
	margin-bottom: 10px;
}

.top_news-info{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:10px;
}

.top_news-info small{
	width: auto;
	height: auto;
	float: left;
	font-size: 90%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.top_news-info a:link{
	width: auto;
	height: auto;
	float: left;
	color: #1D2A4E;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	background-color: #FFF000;
	font-size: 90%;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom:5px;
}

.top_news-info a:visited{
	color: #1D2A4E;
}

.top_news-info-kodama a:link{
	color: #FFFFFF;
	background-color: #EC4045;
}
.top_news-info-kodama a:visited{
	color: #FFFFFF!important;
}

.top_news-info-event a:link{
	background-color: #199AA7;
}
.top_news-info-event a:visited{
	color: #FFFFFF;
}

.top_news-info-rcpo a:link{
	background-color: #0088ED;
}
.top_news-info-rcpo a:visited{
	color: #FFFFFF;
}

.top_news-more{
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.top_news-more a:link{
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #EA5515;
	font-size: 75%;
}

.top_news-more a:visited{
	color: #FFFFFF;
	background-color: #EA5515;
}

.top_area-l-more{
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	top: 5px;
	right: 3px;
}

.top_area-l-more a:link {
    color: #009CDF;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    background-color: #FFF;
    font-size: 90%;
    font-weight: bold;
    border-radius: 10px;
}

/*　3ad
--------------------------------------------------*/

/* area */
.top_area-ad{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;

}

/*　box  */
.top_area-ad-con{
	clear: both;
	overflow: auto;
	border:1px solid #1D2A4E;
	height:auto;
	margin-bottom: 10px;

}

/* in */
.top_area-ad-box{
	width: 190px;
	height: auto;
	float: left;
	margin-left: 3px;
	margin-bottom: 15px;
	padding-left: 3px;

	color: #4E7CB8;
	font-size: 90%;
	font-weight: bold;

	cursor:pointer ;
}
.top_area-ad-box2{
	width: 190px;
	height: auto;
	float: left;
	margin-left: 3px;
	margin-bottom: 15px;
	padding-left: 3px;
	border-left: 1px dotted #AAAAAA;

	color: #4E7CB8;
	font-size: 90%;
	font-weight: bold;

	cursor:pointer ;
}


/* nagasaki
--------------------------------------------------*/

#top_nagasaki{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;	
}

h1#ttl_nagasaki{
	width: 98%;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	background-color: #009CDF;
	color: #FFFFFF!important;
	font-size: 110%;
	margin-bottom: 10px;
	line-height: 140%;
}

.top_nagasaki-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #AAAAAA;
	position: relative;
	word-wrap: break-all!important;
}

.top_nagasaki-box img{
	width: 100px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.top_nagasaki-box h2{
	margin-bottom: 0px;
	font-size: 110%;
}

.top_nagasaki-box p{
}

.top_nagasaki-info{
}

.top_nagasaki-info small{
	width: auto;
	height: auto;
	float: left;
	font-size: 90%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.top_nagasaki-info a:link{
	width: auto;
	height: auto;
	float: left;
	color: #1D2A4E;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	background-color: #FFF000;
	font-size: 90%;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom:5px;
}

.top_nagasaki-info a:visited{
	color: #1D2A4E;
}

.top_nagasaki-info-kodama a:link{
	color: #FFFFFF;
	background-color: #EC4045;
}
.top_nagasaki-info-kodama a:visited{
	color: #FFFFFF!important;
}

.top_nagasaki-info-event a:link{
	background-color: #199AA7;
}
.top_nagasaki-info-event a:visited{
	color: #FFFFFF;
}

.top_nagasaki-more{
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	top: 5px;
	right: 5px;
}

.top_nagasaki-more a:link{
	color: #009CDF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #FFFFFF;
	font-size: 80%;
	border-radius: 10px;
}

.top_nagasaki-more a:visited{
	color: #009CDF;
}









/* ---------------------*/

#top_area-r{
	width: 38%;
	height: auto;
	float: right;
}




/* mid_area
--------------------------------------------------*/

#mid_area{}

#mid_area-l{
	width: 70%;
	height: auto;
	float: left;
}

#mid_area-top{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:20px;
}

#mid_area-ad{
	width: 300px;
	height: auto;
	float: left;
}

#mid_area-pick{
	width: 380px;
	height: 250px;
	float: right;
	position: relative;
	background-color: #F5F9EC;
}

#mid_area-pick-con{
	width: 96%;
	height: auto;
	float: right;
	padding-top: 5px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 20px;
}

#mid_area-pick img{
	width: 160px;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
}

#mid_area-pick-more{
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
}

#mid_area-pick-more a{
	width: auto;
	height: auto;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 20px;
	background-color: #F7EE13;
	border-radius: 0px 0px 0px 10px;
	color: #1D2A4E;
	font-weight: bold;
}

/* ---------------------*/

#mid_area-r{
	width: 28%;
	height: auto;
	float: right;
}


/* ---------------------*/

#mid_area-tab{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:20px;
}

.tabarea {
	height: auto;
	border: 1px solid #1D2A4E;
}
.tabarea2 {
	height: auto;
	border: 1px solid #1D2A4E;
}

ul.tabs {  
	width: 100%;
	height: auto;
	float: left;
	background: #1D2A4E;
}
ul.tabs li {
	padding-right: 40px;
	padding-left: 40px;
	color: #FFFFFF;
	cursor: pointer;
	background: #1D2A4E;
	font-weight: bold;
	width: auto;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #FFFFFF;
}

.tab_content {
	clear: both;
	overflow: auto;
	width: 96%;
	border-top: none;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	padding-bottom: 10px;
}

.tab_content ul {
	width: 100%;
	height: auto;
	float: left;
}

.tab_content li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:5px;
}

.tab_content li small{
	margin-right:15px;
}


/* top 倒産用
--------------------------------------------*/

.tab_content_tousan {
	clear: both;
	overflow: auto;
	width: 96%;
	border-top: none;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	padding-bottom: 10px;
}

.tab_content_tousan ul{
	width: 100%;
	height: auto;
	float: left;
}

.tab_content_tousan li{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 5px;
}

.tab_content_tousan li a{
	padding-left:10px;
	text-indent: 10px;
	color: #C30D23;
	background-image: url(../img/top/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}


/* top 倒産用　end
--------------------------------------------*/

.tabarea .selected {
	background-color: #FFFFFF;
	color: #1D2A4E;
}

.tabarea2 .selected {
	background-color: #FFFFFF;
	color: #1D2A4E;
}

#content_2, #content_3, #content_5, #content_6, #content_7, #content_8 {
	display: none;
} 


/* ---------------------*/

#mid_area-tousan{
    clear: both;
    overflow: auto;
    border:1px solid #1D2A4E;
    height:auto;
	margin-bottom:20px;
}

#mid_area-tousan-con{
	width: 96%;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 10px;
	float: left;
}

#mid_area-tousan-con ul{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-tousan-con li{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 5px;
}

#mid_area-tousan-con li a{
	padding-left:10px;
	text-indent: 10px;
	color: #C30D23;
	background-image: url(../img/top/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
}


/* ---------------------*/

.mid_area-ad{
	width: 100%;
	height: auto;
	float: left;
	margin-top:15px;
	margin-bottom:15px;
}

/* ps---------------------*/

#mid_area-prsearch{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

#mid_area-prsearch-l{
	width: 49%;
	height: auto;
	margin-bottom: 10px;
	float: left;
}

#mid_area-prsearch-r{
	width: 49%;
	height: auto;
	margin-bottom: 10px;
	float: right;
}

.mid_area-prsearch-con{
    clear: both;
    overflow: auto;
    border:1px solid #227D82;
    height:auto;
}

.mid_area-prsearch-box{
	width: 92%;
	height: auto;
	float: left;
	border-bottom: 1px dotted #AAAAAA;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-left: 2%;
	margin-right: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

.mid_area-prsearch-box h3{
	font-size: 100%;
	margin-bottom: 5px;
}

.mid_area-prsearch-box p{
	font-size: 85%;
}

.mid_area-prsearch-box-fin{
	width: 96%;
	height: auto;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 2%;
	padding-right: 2%;
}

.mid_area-prsearch-more {
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    top: 5px;
    right: 5px;
}

.mid_area-prsearch-more a:link {
    color: #009CDF;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 5px;
    background-color: #FFF;
    font-size: 90%;
    font-weight: bold;
    border-radius: 10px;
}

.mid_area-prsearch-box img{
	width: 30%;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#mid_area-prsearch h2 {

width: 98%;
height: auto;
float: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1%;
padding-right: 1%;
background-color: #1DA2A9;
color: #FFFFFF !important;
font-size: 110%;
margin-bottom: 10px;
line-height: 140%;

}

.mid_area-prsearch-con h2 {

width: 98%;
height: auto;
float: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1%;
padding-right: 1%;
background-color: #1DA2A9;
color: #FFFFFF !important;
font-size: 110%;
margin-bottom: 10px;
line-height: 140%;

}


/* ---------------------*/

#mid_area-event{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-event-l{
	width: 49%;
	height: auto;
	float: left;
}

#mid_area-event-r{
	width: 49%;
	height: auto;
	float: right;
}

.mid_area-event-con{
    clear: both;
    overflow: auto;
    border:1px solid #1D2A4E;
    height:auto;
}

.mid_area-event-box{
	width: 92%;
	height: auto;
	float: left;
	border-bottom: 1px dotted #AAAAAA;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-left: 2%;
	margin-right: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

.mid_area-event-box h3{
	font-size: 100%;
}

.mid_area-event-box-fin{
	width: 96%;
	height: auto;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 2%;
	padding-right: 2%;
}

.mid_area-event-box img{
	width: 30%;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}


/* bottom_area
--------------------------------------------------*/
.bottom_area{
	width: 100%;
	height: auto;
	float: left;
}

#bottom_area-company{
	width: 100%;
	height: auto;
	float: left;
}

h1.ttl_company{
	width: 18px;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 60px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #1D2A4E;
	color: #FFFFFF;
	font-size: 110%;
	margin-bottom: 10px;
	line-height: 140%;
}

#bottom_area-company-con{
    clear: both;
    overflow: auto;
    border:1px solid #1D2A4E;
    height:auto;
}

#bottom_area-company-in{
	width: 94%;
	height: auto;
	float: right;
	padding-right: 2%;
}

.bottom_area-company-box{
	width: 28%;
	height: auto;
	float: left;
	margin-left: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #AAAAAA;
	box-shadow: 0px 0px 5px #AAAAAA;
}

.bottom_area-company-box img{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:5px;
}

.bottom_area-company-box strong{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
	text-align: center;
	font-size: 110%;
}

.bottom_area-company-box h2{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 100%;
}

.bottom_area-company-more{
	width: 100%;
	height: auto;
	float: left;
}

.bottom_area-company-more a:link{
	width: 100%;
	height: auto;
	float: left;
	color: #FFFFFF;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #C9CACA;
	border-radius: 5px;
	font-weight: bold;
}

.bottom_area-company-more a:visited{
	color: #FFFFFF;
}

/* ---------------------*/
.bottom_area-mov-box{
    clear: both;
    overflow: auto;
    border:1px solid #1D2A4E;
    height:auto;
}

.bottom_area-mov-box-in{
	width: 96%;
	height: auto;
	float: left;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:10px;
}

.bottom_area-mov-box-in p{
	margin-bottom:10px;
}



#bottom_area-mov{
	width: 49%;
	height: auto;
	float: left;
}

#bottom_area-mov iframe{
	width: 50%;
	height: 150px;
	float: left;
	margin-right:5px;
	margin-bottom:5px;
}

/* ---------------------*/


#bottom_area-image{
	width: 49%;
	height: auto;
	float: right;
}

ul#image_box{
	width: 96%;
	height: auto;
	float: left;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:10px;
}

ul#image_box li{
	width: 30%;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-right: 1%;
	margin-bottom: 20px;
	position: relative;
}

ul#image_box li img{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:5%;
}

ul#image_box li h3{
	font-weight: normal;
	font-size: 100%;
}


ul#image_box-archive{
	width: 100%;
	height: auto;
	float: left;
}


ul#image_box-archive li{
	width: 28%;
	height: auto;
	float: left;
	margin-left: 2%;
	margin-right: 1%;
	margin-bottom: 20px;
	position: relative;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: 0px 0px 5px #AAAAAA;
	box-shadow: 0px 0px 5px #AAAAAA;
}

ul#image_box-archive li img{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:5%;
}

ul#image_box-archive li h3{
	font-weight: normal;
}



/* 
--------------------------------------------------*/
.new_mark{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EA5515;
	width: auto;
	height: auto;
}

.new_mark-image{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EA5515;
	width: auto;
	height: auto;
	position: absolute;
	top: -3px;
	left: -8px;
}


ul#ib_rss-box{
	width: 96%;
	height: auto;
	float: left;
	margin-left:2%;
	margin-right:2%;
}

ul#ib_rss-box li{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:10px;
	border-bottom: 1px dotted #AAAAAA;
}

ul#ib_rss-box li h3{
	font-size: 100%;
}








@media screen and (max-width: 768px) {
	/* 479px以下用（スマートフォン用）の記述 */

#flash_area{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background-color: #FFFBC6;
}

#flash_area h1{
	width: 100%;
	height: 60px;
	background-image: url(../img/top/flash_ttl.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	float: left;
	background-color: #C30D23;
	background-size: auto 98%;
}

#flash_area h2{
	margin-top: 10px;
}

#flash_area h2 a{
	color: #C30E23;
	text-decoration: underline;
}

#flash_area-box{
	width: 88%;
	height: auto;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
}

#flash_area-box img{
	width: auto;
	height: 90px;
	float: left;
	margin-right:10px;
}



/* top_area
--------------------------------------------------*/
#top_area{
}

#top_area-l{
	width: 60%;
	height: auto;
	float: left;
}


/* ---------------------*/

#top_area-r{
	width: 38%;
	height: auto;
	float: right;
}




/* mid_area
--------------------------------------------------*/


#mid_area-l{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:20px;
}

#mid_area-ad{
	width: 49%;
	height: auto;
	float: left;
}

#mid_area-pick{
	width: 49%;
	height: 300px;
	float: right;
	position: relative;
	background-color: #F5F9EC;
}

/* ---------------------*/

#mid_area-r{
	width: 100%;
	height: auto;
	float: right;
}



}



@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
/* flash_area
--------------------------------------------------*/

#flash_area{
	width: 100%;
	height: auto;
	float: left;
	overflow: hidden;
	background-color: #FFFBC6;
}

#flash_area h1{
	width: 100%;
	height: 60px;
	background-image: url(../img/top/flash_ttl.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	float: left;
	background-color: #C30D23;
	background-size: auto 98%;
}

#flash_area h2{
	margin-top: 10px;
}

#flash_area h2 a{
	color: #C30E23;
	text-decoration: underline;
}

#flash_area-box{
	width: auto;
	height: auto;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
}

#flash_area-box img{
	width: auto;
	height: 90px;
	float: left;
	margin-right:10px;
}


/* top_area
--------------------------------------------------*/
#top_area{
}

#top_area-l{
	width: 100%;
	height: auto;
	float: left;
}

#top_news{
	width: 100%;
	height: auto;
	float: left;
}

#top_news-in{
	width: 96%;
	height: auto;
	float: left;
	padding-right:4%;
}

/*　↑overflow:auto;　削除　*/

.top_news-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #AAAAAA;
	position: relative;
	word-wrap: break-all!important;
}

.top_news-box img{
	width: 150px;
	height: auto;
	float: left;
	margin-right: 10px;
}

.top_news-box h2{
	margin-bottom: 0px;
}

.top_news-box p{
	margin-bottom: 10px;
}

.top_news-info{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:10px;
}

.top_news-info small{
	width: auto;
	height: auto;
	float: left;
	font-size: 90%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.top_news-info a:link{
	width: auto;
	height: auto;
	float: left;
	color: #1D2A4E;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
	background-color: #FFF000;
	font-size: 90%;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom:5px;
}

.top_news-info a:visited{
	color: #1D2A4E;
}

.top_news-more{
	width: auto;
	height: auto;
	float: left;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.top_news-more a:link{
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	background-color: #EA5515;
	font-size: 80%;
}

.top_news-more a:visited{
	color: #FFFFFF;
	background-color: #EA5515;
}

/* ---------------------*/

#top_area-r{
	width: 100%;
	height: auto;
	float: right;
}




/* mid_area
--------------------------------------------------*/

#mid_area{}

#mid_area-l{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-top{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:20px;
}

#mid_area-ad{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-ad img{
	width: 90%;
	height: auto;
	float: left;
	margin-left:5%;
	margin-right:5%;
}

#mid_area-pick{
	width: 100%;
	height: auto;
	float: right;
	position: relative;
	background-color: #F5F9EC;
}

/* ---------------------*/

#mid_area-r{
	width: 100%;
	height: auto;
	float: right;
}


/* ---------------------*/

#mid_area-tab{
	display:none;
}

/* ---------------------*/

#mid_area-tousan{
	display:none;
}


/* ---------------------*/

.mid_area-ad{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom:15px;
}

/* ---------------------*/

#mid_area-event{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-event-l{
	width: 100%;
	height: auto;
	float: left;
}

#mid_area-event-r{
	width: 100%;
	height: auto;
	float: right;
}




/* bottom_area
--------------------------------------------------*/
.bottom_area{
	width: 100%;
	height: auto;
	float: left;
}

#bottom_area-company{
	width: 100%;
	height: auto;
	float: left;
}

h1.ttl_company{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #1D2A4E;
	color: #FFFFFF;
	font-size: 110%;
	margin-bottom: 10px;
	line-height: 140%;
}

#bottom_area-company-con{
    clear: both;
    overflow: auto;
    border:1px solid #1D2A4E;
    height:auto;
}

#bottom_area-company-in{
	width: 94%;
	height: auto;
	float: right;
	padding-right: 2%;
}

.bottom_area-company-box{
	width: 98%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #AAAAAA;
	box-shadow: 0px 0px 5px #AAAAAA;
}

.bottom_area-company-box img{
	width: 30%;
	height: auto;
	float: left;
	margin-bottom:5px;
}

.bottom_area-company-box strong{
	width: 65%;
	height: auto;
	float: right;
	margin-left: 5%;
	margin-bottom: 5px;
	text-align: left;
	font-size: 110%;
}

.bottom_area-company-box h2{
	width: 65%;
	height: auto;
	float: right;
	margin-left: 5%;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 100%;
}

/* ---------------------*/



#bottom_area-mov{
	width: 100%;
	height: auto;
	float: left;
}

/* ---------------------*/


#bottom_area-image{
	width: 100%;
	height: auto;
	float: right;
}



/* 
--------------------------------------------------*/
.new_mark{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EA5515;
	width: auto;
	height: auto;
}

.new_mark-image{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #EA5515;
	width: auto;
	height: auto;
	position: absolute;
	top: -3px;
	left: -8px;
}
}