@charset "utf-8";

/* ページカラー */
body {
	/* 文字色 */
	color:#000000;
	/* 背景色 */
	background-color:#FFFFFF;
}

/* ページ全体枠のカラー */
#wrapper {
	background-color: #000080;
}

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

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

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

/* ノードの背景カラー */
#contents-area .box {
	background-color:#FFFFFF;
}

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

/* ノードの見出しカラー H3 */

/*
#contents-area .box h3 {
	color:#000080;
	font-weight: bold;
	border-bottom:1px dotted #999999;
}
*/

#contents-area .box h3 {
    color:#000000;
    text-decoration: underline;
    font-weight:bolder;
    font-size:16px;
}

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

#contents-area .box ul li {
	background:url(../p-img/100433_1/ico1.png) left center no-repeat;
}


/* tableのカラー */
#contents-area .box table.table-style1 {
	float:left;
}

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

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

/* tableのカラー2 */
#contents-area .box table.fl-table {
	float:left;
}

#contents-area .box table.fl-table th {
	background-color:#000080;
	color:#FFFFFF;
	border: 1px solid #999999;
}

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

/*画像回り込み*/

r_img {
	float:right;
	padding: 10px 20px 30px 40px;
}

l_img {
	float:left;
	margin:0px 40px 0px 40px;
}

.clearboth{
	clear: both;
}

/* 「About Us」のカラー */
#contents-area .box dl dt {
	color:#443102;
	background:url(../p-img/100433_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 #999999;
	text-align:left;
}

#contents-area #menu-bottom-area .box table th{
	background-color:#000080;
	color:#FFFFFF;
}

/*左テキスト右画像*/
#contents-area .box .right-img {
	width:200px;
	margin:0px 20px 0px 0px;
	float:right;
}

#contents-area .box .right-img p {
	margin:0;
	padding:0;
}


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


/*特徴スタイル*/
#contents-area .box .toku-img {
	width:200px;
	margin:0 0 0 20px;
	float:left;
}

#contents-area .box .toku-img p {
	margin:0;
	padding:0;
}


#contents-area .box .toku-txt {
	margin:0px 0px 0 220px;
}

/*特徴スタイルresponsive*/



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



/*お問合せスタイルresponsive*/
@media screen and (max-width:640px){

#contents-area #menu-bottom-area .box.toi {
	width:auto;
	float:none;
        margin:0px;
}

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

}

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

/* ウィンドウが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/100433_1/ico_dt.gif) left center no-repeat;

}

/*左テキスト右画像responsive*/
#contents-area .box .right-img {
	width:auto;
	margin:10px 10px 0;
	float:none;
}


}

/* -----------------------------------------------------------------------------
 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;
}

	
/* -----------------------------------------------------------------------------
 Original
----------------------------------------------------------------------------- */
.smp_ver { display: none; }

@media screen and (max-width:640px){
.pc_ver { display: none; }
.smp_ver { display: block; }

}