@charset "Shift-JIS";

/**********************************************************************
project name :  secom [ /corporate/flashnews/css/style.css ]

08.08.22
11.08.19
**********************************************************************/

/*---------------------------------------------
 20150702追加　ここから
---------------------------------------------*/

#headMenu {
	width:900px;
	margin: 0 auto;
	position: relative;
}

#headMenu #headImg {
	width:900px;
	margin-bottom: 20px;
	z-index:0;
}

#headMenu .logoSecom {
	position: absolute;
	top: 23px;
	right: 23px;
	z-index: 10;
}

#headMenu #headTxt01 {
	position: absolute;
	top: 34px;
	left: 23px;
	z-index: 10;
}

#headMenu #headTxt02 {
	position: absolute;
	top: 107px;
	left: 23px;
	z-index: 10;
}

#headMenu #headLogo {
	width: 900px;
	height: 49px;
	margin-bottom: 20px;
	position: relative;
}

#headMenu #headLogo #logoFlash01 {
	width: 765px;
	height: 49px;
	margin: 0;
	padding: 0;
	float: left;
}

#headMenu #headLogo #logoSecom01 {
	width: 135px;
	height: 47px;
	padding-top: 1px;
	float: right;
}
#naviHead {
	width:900px;
	margin-bottom: 15px;
	position: relative;
}

#naviHead li {
	float: left;
	position: relative;
}
#naviHead li a {
	text-indent: -9999px;
	background: url(/flashnews/image/gnavi_flashnews.png) no-repeat 0 0;
	display: block;
	height: 57px;
}
#naviHead #gnavi01 a {
	background-position: 0 0;
	width: 151px;
}
#naviHead #gnavi02 a {
	background-position: -151px 0;
	width: 150px;
}
#naviHead #gnavi03 a {
	background-position: -301px 0;
	width: 150px;
}
#naviHead #gnavi04 a {
	background-position: -451px 0;
	width: 150px;
}
#naviHead #gnavi05 a {
	background-position: -601px 0;
	width: 150px;
}
#naviHead #gnavi06 a {
	background-position: -751px 0;
	width: 149px;
}
#naviHead #gnavi01 a:hover {
	background-position: 0px -57px;
}
.monday #naviHead #gnavi01 a{
	background-position: 0px -57px;
}
#naviHead #gnavi02 a:hover {
	background-position: -151px -57px;
}
.tuesday #naviHead #gnavi02 a {
	background-position: -151px -57px;
}
#naviHead #gnavi03 a:hover {
	background-position: -301px -57px;
}
.wednesday #naviHead #gnavi03 a {
	background-position: -301px -57px;
}
#naviHead #gnavi04 a:hover {
	background-position: -451px -57px;
}
.thursday #naviHead #gnavi04 a {
	background-position: -451px -57px;
}
#naviHead #gnavi05 a:hover {
	background-position: -601px -57px;
}
.friday #naviHead #gnavi05 a {
	background-position: -601px -57px;
}
#naviHead #gnavi06 a:hover {
	background-position: -751px -57px;
}
.backnumber #naviHead #gnavi06 a {
	background-position: -751px -57px;
}


#pageTop01 {
	width: 900px;
	margin: 0 auto 30px auto;
	text-align: right;
}

#pageTop01 a{
	padding-left: 15px;
	background: transparent url(/flashnews/image/icon_arrow01.jpg) 0 5px no-repeat;
}


/*---------------------------------------------
 20150702追加　ここまで
---------------------------------------------*/


/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
body#FlashNews #ContentsArea{
	float: left;
	width: 650px;
}


/*---------------------------------------------
 20150704追加　ここから
---------------------------------------------*/
#top_mondaybox:after,
#top_tuesdaybox:after,
#top_wednesdaybox:after,
#top_thursdaybox:after,
#top_fridaybox:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.newsbackno_list{
}

.newsbackno_list #top_mondaybox dl{
	margin-top: -7px;
}

.newsbackno_list dl dt a{
	float: left;
	font-weight: bold;
	width: 350px;
}

.newsbackno_list dl dd{
	width: 90px;
	float: left;
}

/*---------------------------------------------
 20150704追加　ここまで
---------------------------------------------*/

/*---------------------------------------------
 SideArea
---------------------------------------------*/
body#FlashNews #SideArea{
	float: right;
	width: 200px;
}

#SideArea .side-sec{
	margin-bottom: 20px;	
}

#SideArea .ad-space{
	background: #f4f4f4;
	padding: 15px 19px;
}

#SideArea .ad-item{
	margin-top: 5px;
}

/*---------------------------------------------
 20150704追加　ここから
---------------------------------------------*/
#SideArea .side-sec h5{
	margin: 0;
	padding: 0;	
}
#SideArea .ad-item02{
	margin-top: 5px;
}
#SideArea .ad-item02 img{
	width: 162px; 
	height: auto;
}

#SideArea #slider{
	overflow: hidden;
}


#SideArea .ad-magazine {
}

#SideArea .ad-magazine .ad-magazine-inner {
	position: relative;
	margin-top: -5px;
	padding: 10px 19px 15px;
	background: url(/flashnews/image/bg_admagazine.gif) no-repeat 0 100%;
	line-height: 1.0;
}

/*---------------------------------------------
 20150704追加　ここまで
---------------------------------------------*/

#SideArea .ad-relation {
}

#SideArea .ad-relation .ad-relation-inner {
	position: relative;
	margin-top: -4px;
	padding: 10px 19px 15px;
	background: url(/flashnews/image/bg_adrelation.gif) no-repeat 0 100%;
	line-height: 1.0;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/
body#FlashNews #FootArea{
	margin-top: 0;
}

/*---------------------------------------------
 HeadArea
---------------------------------------------*/
body#FlashNews #HeadArea #LogoArea{
	float: left;
	width: 415px;
	margin-top: 0;
}

body#FlashNews #HeadArea .site-info{
	margin: 7px 0 10px;
	font-size: 83.3%;
	color: #666666;
}

body#FlashNews #HeadArea #GNaviArea{
	float: right;
	width: 480px;
}

body#FlashNews #HeadArea .globalnavi{
	margin: 0 0 13px 20px;
}

body#FlashNews #HeadArea .utilitynavi{
	float: left;
	width: 265px;
	margin-top: 5px;
	padding-left: 29px;
	text-align: right;
}

body#FlashNews #HeadArea .utilitynavi li.item01{
	margin-right: 10px;
	float: left;
	width: 80px;
}

body#FlashNews #HeadArea .utilitynavi li.item02{
	margin-right: 10px;
	float: left;
	width: 80px;
}

body#FlashNews #HeadArea .utilitynavi li.item03{
	margin-right: 0;
	float: left;
	width: 85px;
}

/*---------------------------------------------
 Header
---------------------------------------------*/
body#FlashNews h3.news{
	margin-bottom: 17px;
	font-size: 18px;
	font-weight: bold;
}

body#FlashNews .news{
	margin-bottom: 20px;
}

body#FlashNews .column{
	margin-bottom: 15px;
	font-weight: bold;
	border-top: 2px #339999 solid;
	border-right: none;
	border-bottom: 1px #999999 solid;
	border-left: none;	
	padding: 6px 5px 5px 5px;
	background:	#f4f4f4;
}

body#FlashNews .column span{
	display: block;
	min-height: 26px;
	_height: 26px;
	padding-left: 15px;
	background: transparent url(../image/bg_mark_column.gif) 0 0 no-repeat;
	font-size: 15px;
	line-height: 1.6;
}

/*---------------------------------------------
 Section
---------------------------------------------*/
body#FlashNews .news-section{
	margin-bottom: 20px;
}

body#FlashNews .news-section .box{
	margin: 0 10px;
}

body#FlashNews .news-section .box p{
	margin-bottom: 20px;
}

/*---------------------------------------------
 column-news
---------------------------------------------*/
.column-news{
	width: 648px;
	margin-bottom: 18px;
	border-right: 1px #339999 solid;
	border-bottom: 1px #339999 solid;
	border-left: 1px #339999 solid;
}

.column-news .column-contents{
	padding: 0 19px 19px 19px;
	line-height: 1.5;
}

.column-news .column-contents .column-txt{
	float: left;
	width: 378px;
	line-height: 1.5;
}

.column-news .column-contents .column-txt h4{
	font-weight: bold;
	margin-bottom: 5px;
}

/*
.column-news .column-contents .column-txt div:before {content:"・";}
*/

.column-news .column-contents .column-txt p{
	margin-bottom: 20px;
	line-height: 1.5;
}

.column-news .column-contents p{
	line-height: 1.5;
}

.column-news .column-contents .column-pht{
	width: 217px;
	float: right;
}

/*---------------------------------------------
 column-box
---------------------------------------------*/
.column-box{
	width: 630px;
	background: url(../../flashnews/image/bg_column_box.gif) 0 100% no-repeat;
}

.column-box .mon-column,
.column-box .wed-column{
	width: 198px;
	margin-right: 18px;
	float: left;
}

.column-box .fri-column{
	width: 198px;
	float: left;
}

.column-box .mon-column .column-txt{
	padding: 10px 12px;
	border-right: 2px #339999 solid;
	border-left: 2px #339999 solid;
}

.column-box .wed-column .column-txt{
	padding: 10px 12px;
	border-right: 2px #996699 solid;
	border-left: 2px #996699 solid;
}

.column-box .fri-column .column-txt{
	padding: 10px 12px;
	border-right: 2px #ff6633 solid;
	border-left: 2px #ff6633 solid;
}

.column-box p{
	margin-top: 7px;
	margin-bottom: 0 !important;
	padding-top: 7px;
	border-top: 1px #cccccc solid;
}

.column-box p.first-child{
	margin: 0;
	padding-top: 0;
	border-top: none;
}

.column-box .past{
	font-size: 86%;
}

/*---------------------------------------------
 snsbtn
---------------------------------------------*/

.snsbtn {
	width: 300px;
	margin-bottom: 5px;
	text-align: left;
}

/*  .floatL ->  moved  (bnLinks.css, backnumber/bnLinks.css)  */

.snsbtnBtm {
	margin-bottom: 20px;
	text-align: left;
}

.snsbtn ul,
.snsbtnBtm ul {
	margin-bottom: 5px !important;
}

.snsbtn ul.part, 
.snsbtnBtm ul.part{
	/zoom: 1;
	margin: 0;
}

.snsbtn ul.part li,
.snsbtnBtm ul.part li {
	display: inline;
	margin-right: 5px;
}


.noSP{
}

.noPC{
	display:none;
}

/*********************************************************************/

/* CSS Document */