@charset "utf-8";

/*
	company.css
*/


/* === PC用レイアウト === */
@media print, screen and (min-width:641px) { 


/* === Title === */

#main h2 {
	background-image: url(../images/title.png);
}


/* --- 会社情報 --- */
#info {
	font-size: 14px;
}
#info tr th {
	background-image: url(../images/info/background.gif);
	padding: 10px;
	background-color: #7189FF;
	border-bottom: 1px dashed #FFFFFF;
	color: #FFF;
}
#info tr td {
	padding: 10px;
	border-bottom: 1px dashed #7189FF;
}

/* --- 社長挨拶 --- */

#name {
	text-align: right;
}

/* --- 経営方針 --- */

h4#s5 {
	font-size: 24px !important;
}

#keiei {
	margin-top: 15px;
	padding-left: 15px;
}
#keiei li {
	line-height: 30px;
	list-style-type: circle;
}


/* --- 役員紹介 --- */

.names {
	margin-bottom: 10px;
	border-left: 5px solid #39C;
}
.names p {
	margin: 0 0 0 10px !important;
	font-size: 15px;
}
.names h4 {
	height: auto !important;
	line-height: normal !important;
	border: none !important;
	font-size: 20px;
}

.career {
	margin-bottom: 15px;
}
.career tr th,
.career tr td {
	border-bottom: 1px dashed #999999;
}


}
/* --- /PC --- */



/* === スマホ用レイアウト === */
@media print, screen and (max-width:640px) { 

/* === Title === */

#main h2 {
	background-image: url(../images/title.png);
}


/* --- 会社情報 --- */
#info {
	font-size: 14px;
}
#info tr th {
	background-image: url(../images/info/background.gif);
	padding: 10px;
	background-color: #7189FF;
	border-bottom: 1px dashed #FFFFFF;
	color: #FFF;
}
#info tr td {
	padding: 10px;
	border-bottom: 1px dashed #7189FF;
}

/* --- 社長挨拶 --- */

#name {
	text-align: right;
}

/* --- 経営方針 --- */

h4#s5 {
	font-size: 24px !important;
}

#keiei {
	margin-top: 15px;
	padding-left: 15px;
}
#keiei li {
	line-height: 30px;
	list-style-type: circle;
}


/* --- 役員紹介 --- */

.names {
	border-left: 5px solid #39C;
}
.names p {
	margin: 0 0 0 10px !important;
	font-size: 14px !important;
}
.names h4 {
	height: auto !important;
	line-height: normal !important;
	border: none !important;
	font-size: 18px !important;
}

.career {
	margin-bottom: 15px;
}
.career .date {
	width: 90px;
}
.career tr th,
.career tr td {
	padding: 10px 0px 3px;
	border-bottom: 1px dashed #999999;
	font-size: 14px !important;
}


}