@charset "utf-8";

/* ページカラー */
body {
	/* 文字色 */
	color: #000000;
	/* 背景色 */
	background-color: #E5E1E0;
	background-image: url("../p-img/100563_1/bg_01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/* ページ全体枠のカラー */

#wrapper {

}

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


/* -----------------------------------------------------------------------------
 Original
----------------------------------------------------------------------------- */
#contents-area .box#honcho div[id^="node"] p {
	font-size: 110%;
	line-height: 170%;
}

#contents-area .box#gyoumu .right p,
#contents-area .box#nagare .right p {
	margin: 10px 10px;
}

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
/* 編集後にコメントアウト ※ボタン調整時に使用 */
/*#menu-bottom-area {
	margin-top: 600px;
}*/

/* 「お知らせ」のカラー */
#today-area {
	background-color:#FFFFFF;
	border:1px solid #0000cd;
}

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

/* ノードの見出しカラー H2 */
#contents-area .box h2 {
	font-weight: bold;
	font-size: 130%;
	color:#FFFFFF;
	border-left:7px solid #191970;
	background-color:#191970;
}

/* ノードの見出しカラー H3 */
#contents-area .box h3 {
	font-weight: bold;
	font-size: 120%;
	border-bottom:1px dotted #000000;
	margin-left: 10px;
	margin-right: 10px;
}

/* リストのアイコン */

#contents-area .box ul li {
	list-style-type: disc;
	list-style-position: inside;
}

#contents-area .menu-area ul li{
	list-style-type: none;
}

/* tableのカラー */

#contents-area .box table {
	border-collapse: separate;
}

#contents-area .box table.table-style1 th {
	font-weight: bold;
	color:#FFFFFF;
	background-color:#555555;
	white-space: nowrap;
	border: 1px solid #AAAAAA;
}

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

/* tableのカラー2 */
#contents-area .box table {
	border-collapse: separate;
}

#contents-area .box table.table-style2 th {
	font-weight: bold;
	color:#FFFFFF;
	background-color:#555555;
	white-space: nowrap;
	border: 1px solid #AAAAAA;
}

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

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

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

#contents-area #menu-bottom-area .box table th {
	color:#684b10;
	background-color:#f9e39a;
}



/*<p>太字、下線*/
#contents-area .wd_p {
    color:#000000;
    text-decoration: underline;
    font-weight:bolder;
    font-size:16px;
}

/*お問合せスタイル*/
#contents-area #menu-bottom-area .box.toi {
	width:785px;
	float:left;
}

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

#contents-area .box .table-set {
	margin:20px 5px 10px;
}
	
#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/100563_1/ico_dt.png) left center no-repeat;

}

/* ウィンドウが640px未満時の「左テキスト右画像」のレイアウト */
#contents-area .box .right-img {
	width:auto;
	margin:10px 10px 0;
	float:none;
}

#contents-area .box .left-txt {
	margin:0 0 0 0;
}

/* ウィンドウが640px未満時のお問合せスタイル*/
#contents-area #menu-bottom-area .box.toi {
	width:auto;
	float:none;
        margin:0px;
}

input{
	max-width: 100%;
	height:auto;
	width /***/:auto;
	-ms-interpolation-mode: bicubic;
}

}



/* -----------------------------------------------------------------------------
 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;
}
/* スマホ閲覧時にPageTopボタンを常に右下に固定する場合コメントアウトを外す*/
@media screen and (max-width:640px){
#footer-area .pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	top: auto;
	left: auto;
}