@charset "utf-8";

/* ページカラー */
body {
	/* 文字色 */
	color:#515151;
	/* 背景色 */
	background-color:#FFFFFF;
	background-image:url(../p-img/100148_1/bg.jpg);
	background-size: auto 150%;
}

/* ページ全体枠のカラー */
#wrapper {
	background-color: rgba( 49, 98, 158, 0.70 );
}

/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */
/* 「ヘッダー」のカラー */
#header-area {
	background-color:#FFFFFF;
	border-top:3px solid #64A1FF;
}

#breadcrumb { color: #FFFFFF; }
#breadcrumb a { }
#breadcrumb a:link, #breadcrumb a:visited { color: #FFFFFF!important; }
#breadcrumb a:hover, #breadcrumb a:active { color: #FFD31D!important; }

/* -----------------------------------------------------------------------------
 Original
----------------------------------------------------------------------------- */
#tel_pr {
	padding: 0!important;
	background: none!important;
}
#tel_pr div {
	border: 5px solid #FFFF00;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	padding: 1em 6em 0.5em 0;
	background: #FFFFFF;
	color: #003CFF;
	line-height: 180%;
	background-image: url(../p-img/100148_1/worker.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;
}
#tel_pr div strong {
	font-size: 200%;
	color: #000;
}
#tel_pr div.worker2{
	background-image: url("../p-img/100148_1/worker2.jpg");
}

#jirei .left > p, #jirei .right > p, #jirei .center > p {
	margin-top: 0!important;
}

#menu-area {
	margin-top: 5px!important;
}
.menu li {
	margin-top: 5px;
}

@media screen and (max-width:640px){
h1 span {
	white-space: nowrap!important;
}
#tel_pr div {
	font-size: 140%;
	padding-right: 0!important;
	background-image: none!important;
}
#tel_pr div strong {
	font-size: 150%!important;
	padding: 0.3em;
}
}

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
/* 編集後にコメントアウト */
/*#menu-bottom-area {
	margin-top: 350px;
}*/

/* 「お知らせ」のカラー */
#today-area {
	background-color: rgba( 255, 255, 255, 0.85 );
	border:1px solid #af8912;
}

/* ノードの背景カラー */
#contents-area .box {
	background-color: rgba( 255, 255, 255, 0.85 );
}

/* ノードの見出しカラー H2 */
#contents-area .box h2 {
	font-weight: bold;
	color: #1A57AA;
	border-left:7px solid #64A1FF;
	font-size: 150%;
	background-color: #CEE1FF;
}

/* ノードの見出しカラー H3 */
#contents-area .box h3 {
	font-weight: bold;
	border-bottom:1px dotted #999999;
}

/* リストのアイコン */
#contents-area .box ul li {
	background:url(../p-img/100148_1/ico1.png) left center no-repeat;
}

/* tableのカラー */
#contents-area .box table.table-style1 th {
	background-color:#CCCCCC;
	border: 1px solid #999999;
}

#contents-area .box table.table-style1 td {
	background-color:#FFFFFF;
	border: 1px solid #999999;
}

/* 「About Us」のカラー */
#contents-area .box dl dt {
	color:#443102;
	background:url(../p-img/100148_1/ico_dt.gif) left center no-repeat;
}

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: 1px solid #1A57AA;
	text-align:left;
}

#contents-area #menu-bottom-area .box table th{
	color: #1A57AA;
	background-color: #CEE1FF;
	font-weight: bold;
	white-space: nowrap;
	padding-left: 1em;
	padding-right: 1em;
}
#contents-area #menu-bottom-area .box table td{
	background-color: #FFFFFF;
}

/* 「About Us」追加設定 */
#contents-area #menu-bottom-area .box.about {
	width: auto!important;
	float: none;
}

#contents-area #menu-bottom-area .box table {
	width: 900px;
}

/* ウィンドウが640px未満時の「About Us」のカラー */
@media screen and (max-width:640px){

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: none;
}

#contents-area #menu-bottom-area .box table th{
	color:#443102;
	background:transparent url(../p-img/100148_1/ico_dt.gif) left center no-repeat;
}

#contents-area #menu-bottom-area .box table {
	width: auto;
}

}

/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
#footer-area {
	background-color:#FFFFFF;
}

#footer-area .link {
	border-bottom:1px solid #efefef;
}

#footer-area .link a {
	color:#515151;
}

#footer-area .link a:hover {
	color:#E32828;
}

/* ページトップへ戻る */
#footer-area .pagetop img {
	border:1px solid #999999;
}
@media screen and (max-width:640px){
#footer-area .pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	top: auto;
	left: auto;
}
}