@charset "utf-8";

/* 会社情報　[ company.css ]
=================================
1: 共通

2: 会社情報トップ　[ id="top" ]

3: 会社概要　[ id="profile" ]

4: 企業理念　[ id="philosophy" ]

5: 会社地図　[ id="map" ]

6: 営業カレンダー　[ id="calender" ]

7: お知らせ　[ id="info" ]

8: お知らせ　[ id="media" ]

9: 子どもの夢・支援活動　[ id="csr" ]

/*1: 共通
=================================*/
#top #special_message{
  width:530px;
  height:auto;
  display: block;
}

#top #special_message div.message{
  margin-top: 20px;
  border: none;
}

#top #special_message div.message h2{
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}

#top #special_message div.message p.txt{
  text-align: center;
}

#profile table,
#map table,
#recruit table {
	width: 510px;
	margin: 0 10px 0;
	border-collapse: collapse;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#profile table th,
#map table th,
#recruit table th {
	padding: 7px;
	background-color: #fff5e5;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	text-align: left;
	width: 24%;
}

#profile table td,
#map table td,
#recruit table td {
	padding: 7px ;
	border-collapse: collapse;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	vertical-align: middle;
	width: 76%;
}

.tx-r {
	text-align: right;
}

h2.r_stitle_03{
	margin: 10px 0 5px 0;
}

p.intro{
	width:520px;
	margin: 15px 0px;
}


/*2: 会社情報トップ　[ id="top" ]
=================================*/
#top #main-col p {
	margin: 20px 0;
	text-align: center;
}

#top #main-col p#logo-b {
	margin: 0;
	padding: 15px 0 5px;
}


/*3: 会社概要　[ id="profile" ]
=================================*/
#profile #main-col p#logo-b {
	margin: 20px 0;
	text-align: center;
	padding: 15px 0 5px;
}

#profile h1.history {
	margin: 10px 0 15px;
}

#profile #group {
	margin: 20px 0 15px 0;
}


/*4: 企業理念　[ id="philosophy" ]
=================================*/
#philosophy h1.message {
	margin: 10px 0 15px;
}

#philosophy #main-col p.txt {
	margin: 0;
	padding: 40px 0 0 10px;
}

#philosophy p.honbun {
	padding: 10px 0 0 10px;
}

#philosophy p.img {
	padding: 15px 0 5px 10px;
}

#philosophy img.right {
	padding: 0 10px 10px 10px;
	float:right;
}

#philosophy img.left {
	padding: 0 10px 10px 10px;
	float:left;
}

#philosophy p.message {
	margin: 35px 0 -25px 10px;
}

#philosophy p.signature {
	margin-top: 35px;
	text-align:right;
}


/*5: 会社地図　[ id="map" ]
=================================*/
#map #main-col p#map {
	margin: 0;
	text-align: center;
	margin: 15px 0 15px;
}


/*6: 営業カレンダー　[ id="calender" ]
=================================*/
#calender #main-col p {
	padding: 10px;
}
#calender #main-col div.titlebar {
  margin-top: 15px;
  padding: 6px 0px 6px 10px;
  font-size: 14px;
  width: 530px;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffe0b2), to(#ffecd0));
  background-color: #ffe0b2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#calender #main-col div.table {
  width: 580px;
}
#calender #main-col div.table div.row {
  height: 210px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
#calender #main-col table.calender {
  margin-left: 5px;
  margin-right: 5px;
}
#calender #main-col table.calender th {
  height: 20px;
  text-align: center;
  font-weight: bold;
  vertical-align: center;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
#calender #main-col td.month {
  vertical-align: bottom;
  font-weight: bold;
  font-size: 105%;
}
#calender #main-col th.sunday {
  color: #ff9900;
}

#calender #main-col td {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

#calender #main-col td.close {
  color: #ff9900;
  text-align: center;
  vertical-align: middle; 
}

#calender #main-col td.weekday {
  text-align: center;
  vertical-align: middle; 
}

#calender #main-col td.today_c {
  background-image: url(img/cl_today.gif) no-repeat;
  text-align: center;
  vertical-align: middle; 
  color: #ff9900;
  background-color: #ffe0b2;
}

#calender #main-col td.today_w {
  background-image: url(img/cl_today.gif) no-repeat;
  text-align: center;
  vertical-align: middle; 
  background-color: #ffe0b2;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

#calender #main-col td img.today {
  position: relative;
  left: 20px;
}

#calender #main-col div.totop {
  clear: both;
  width: 100%;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
#calender h2 {
	margin: 15px 0 0;
}

#calender ul.nav {
	margin: 0 5px;
	padding: 15px 0 0px;
}

#calender ul.nav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(/img/arrow_orange_s.gif) no-repeat 0 50%;
}


/*7: お知らせ　[ id="info" ]
=================================*/
#info #main-col h2 {
	padding: 20px 10px 0;
	font-weight: bold;
}

#info #main-col p {
	padding: 10px;
}

#info p.red_title{
	font-weight: bold;
}

/*8: お知らせ　[ id="media" ]
=================================*/
#media #main-col h2 {
	padding: 0 0 10px 10px;
}

#media #main-col div.multicol {
	padding:20px 10px 10px 0;
}

#media #main-col div.leftcol {
	width: 335px;
	float: left;
}

#media #main-col div.rightcol {
	width: 160px;
	float: right;
}

#media #main-col p {
	padding: 0 0 10px 10px;
}

#media #main-col p.img {
	padding: 10px;
	border: 1px solid #DDDDDD;
}


/*9: 子どもの夢・支援活動　[ id="csr" ]
=================================*/


div.img-box-03 .leftcol {
	float:left;
	width: 153px;
	margin-top: 8px;
	}

div.img-box-03 .rightcol {
    float:right;
	width: 367px;
	margin-right: 10px;
}

div.img-box-03 .rightcol p.attention {
	font-size: 85%;
	padding: 0 0 0 10px;
}

div.img-box-03 .rightcol .url {
	text-align: right;
	margin: 5px 5px 10px;
}