/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */


/* branding
----------------------------------------------- */
h1#branding {
	margin-left:   10px;
	margin-bottom: 0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:   normal;
	padding:       .5em;
	margin:        0 0 10px 0;
	border-bottom: 1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	background:     #fff;
	padding:        10px 10px 1px 10px;
}

.box h1 {
	font-size:      1.2em;
	font-weight:    normal;
	color:          #fff;
	margin:         -10px -10px 0 -10px;
	padding:        6px 12px;
}

.box h2 {
	font-size:      1em;
	font-weight:    normal;
	color:          #fff;
	margin:         -10px -10px 0 -10px;
	padding:        6px 10px;
}

.footerlinkStaff {
	background:     #ec8e00;
}

.footerlinkClient {
	background:     #84b69f;
}

.footerlinkCompany {
	background:     #5da2d7;
}

.footerlinkRecruit {
	background:     #888;
}

.siteInfoBox {
	margin-bottom:  20px;
}

.block {
	padding-top:	    10px;
}


/* top page layout
----------------------------------------------- */
.topSWFBox {
	background:		#fff;
}

.topNews {
  text-align:       center;
  margin-top:       -15px;
}


/* page top */
.pageTop {
	width:		 100%;
	text-align:	 right;
	padding:     10px 0px;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:  1em;
}

blockquote {
	font-family:    Georgia, 'Times New Roman', serif;
	font-size:      1.2em;
	padding-left:   1em;
	border-left:    4px solid #ccc;
}

blockquote cite {
	font-size:      .1.2em;
}

ul, ol {
	padding-top:    0;
}


/* toppage News
----------------------------------------------- */

#topNewsTopicsBox {
	float:		left;
	width:		700px;
	margin:		15px 20px 0px 0px;
	padding-left:	15px;
}

#topBannerBox {
	float:		left;
	width:		206px;
	margin-top:	15px;
}

#topBannerBox img {
	vertical-align: bottom;
	margin-bottom:	10px;
}

#topNewsBox {
	margin:		0px 0px 10px 0px;
	clear:		both;
/*	
	background-image:     url(../img/top_newsBG.gif);
	background-repeat:    no-repeat;
	background-position:  40px 0px;
*/
}

#topNewsBox .topNewsHead {
	width:		700px;
	overflow:	hidden;
	border-bottom:	1px #ED9A8B solid;
	padding-bottom:	3px;
}

#topNewsBox .topNewsHead .title {
	width:			auto;
	float:			left;
}

#topNewsBox .topNewsHead .topNewsRSS {
	width:			auto;
	float:			right;
}

#topNewsBox ul {
    margin:	        0 0 0 10px;
	padding:		6px 0px 0px 0px;
}


#topNewsBox ul li:after {
	content:	"";
	display:	block;
	clear:		both;
	height:		1px;
	overflow:	hidden;
}

#topNewsBox ul li {
	display:			block;
	zoom:				1;
	background:			url(../img/topnewsArrow.gif) no-repeat 0 2px;
	list-style-type:	none;
	margin:				0px;
	padding:			0 0 10px 20px;
	line-height:		1.3em;
	clear:				both;
}

#topNewsBox ul li .date {
	display:	block;
	float:		left;
	width:		130px;
}

#topNewsBox ul li .icon {
	display:	block;
	float:		left;
	width:		75px;
}

#topNewsBox ul li .newsTxt {
	display:	block;
	float:		left;
	width:		450px;
}

#topTopicsBox {
	margin:		10px 0px 10px 0px;
	padding:	0px;
	clear:		both;
}

#topTopicsBox .title {
	border-bottom:	1px #ED9A8B solid;
	padding-bottom:	3px;
}

#topTopicsBox .topicsTxt {
	background:		url(../img/topnewsArrow.gif) no-repeat 0 12px;
	margin:			0 0 0 10px;
	padding:		12px 0 12px 20px;
	font-weight:	bold;
}

#topTopicsBox .topicsTxt a:hover,
#topTopicsBox .topicsTxt a {
	color:	#C7504E;
}




/* MessageBox contents start */
div#messageBox {
	margin:		15px 20px 5px 20px;
	padding:	0px;
}

div#messageBox a {
	background:		url(../img/top_arrow.gif) no-repeat 0 -1px;
	padding-left:	20px;
	padding-bottom:	2px;
}


/* 震災関連ページ 2nd page */
div#ShinsaiContentsBox {
	padding:	10px 110px 20px 110px;
}

div#ShinsaiContentsBox p.detailTitleTxt {
	padding-top:10px;
	font-weight:bold;
}

div#ShinsaiContentsBox p {
	font-size:	14px;
}

div#ShinsaiContentsBox p.strikingTxt {
	padding:2em 0 0;
	font-weight:bold;
}

div#ShinsaiContentsBox dl {
	margin:	30px 0;
}

div#ShinsaiContentsBox dl dt {
	font-size:		14px;
	font-weight:	bold;
	padding-bottom:	5px;
}

div#ShinsaiContentsBox dl dd {
	font-size:	14px;
}


/* 一覧ページ */
div#ShinsaiContentsBox ul.shinsaiInfoList {
	list-style-type:	none;
}

div#ShinsaiContentsBox ul.shinsaiInfoList li {
	padding:	0 0 15px 0;
	clear:		both;
}

div#ShinsaiContentsBox ul.shinsaiInfoList dl {
	margin:	0px;
}

div#ShinsaiContentsBox ul.shinsaiInfoList dl dt {
	float:	left;
	width:	80px;
}

div#ShinsaiContentsBox ul.shinsaiInfoList dl dd {
	float:	left;
	width:	520px;
}
	

/* 義援金募集ページ */
div#ShinsaiContentsBox table.kouzaTable,
div#ShinsaiContentsBox table.gienkinTable {
	margin:		10px 0 0 0;
}

div#ShinsaiContentsBox table.kouzaTable td,
div#ShinsaiContentsBox table.gienkinTable td {
	font-size:	12px;
	padding:	7px;
	border:		1px #CCC solid;
	border-collapse:collapse;
}

div#ShinsaiContentsBox table.kouzaTable td.comment {
	font-size:	11px;
	>font-size:	10px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding-left:0px;
}

div#ShinsaiContentsBox table.gienkinTable td.gienkinTableTotal {
	text-align:right;
}

div#ShinsaiContentsBox .dantaiBox {
	margin:		30px 0 20px 0;
	padding:	10px;
	border:		1px #CCC solid;
}

div#ShinsaiContentsBox .dantaiBox p {
	font-size:	12px;
}

div#ShinsaiContentsBox .dantaiBox p.titleTxt {
	font-weight:	bold;
}

div#ShinsaiContentsBox dl dd.comment {
	font-size:	11px;
	>font-size:	10px;
	color:#999;
}


/* 404ページ */
.pageNotFoundTitle{
	text-align:center;
	margin:5px 0 0 !important;
	padding:0 !important;
}
.pageNotFoundBox{
	width:768px;
	margin:0 auto 50px;
	padding:20px 35px 25px;
	background:url(../img/404_img_01.jpg) no-repeat 90% 50%;
	border:#EEEEEE solid 1px;
	line-height:2.4;
}
.pageNotFoundText{
	font-size:108%;
}
.pageNotFoundLinkList{
	width:600px;
	margin:0;
	overflow:hidden;
}
.pageNotFoundLinkList li{
	width:auto;
	float:left;
	margin:0;
	padding:0 50px 0 20px;
	list-style:none;
	background:url(../img/ico_ya_sc_org.gif) no-repeat 0 7px;
}