@charset "shift_jis";


html { overflow-y:scroll; }
body	{ margin: 0; font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif; }
a {  overflow: hidden;   outline: none;} 
div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { border: none; }
.form1 { background-color: #ffffcc; border: 1px solid gray; padding: 10px; margin: 10px 0px; }
	
/* ヘッダー */
h2.h_pro { color: #fb721d;}
h2.h_koutei { color: #99958e;}
h2.h_gantt { color: #1a619f;}
h2.h_sche { color: #5aa530; }

#pjclogo { display: block;  background-image: url('img3/base/projectcanvas.gif');}
	
.headerB h2 { margin: 0; padding: 0; font-size: 13px; display: inline; padding: 0px; font-weight: bold;}
.headerB2 img.bar { margin: 0px; position: absolute; left: 0px; bottom: 0px; display: block; height: 8px; }
.greenbelt { background-color: #70bd29; width: 100%;}


/* フッター */
.footer .tm { font-size: 10px; color: gray; text-align: left; padding-top: 20px;}
.copyright { font-size: 10px; text-align: center; }


/* レイアウト */
.boxContents { margin-left: auto; font-size: 14px; width: auto;}

/* サイドメニュー */

/* スマホメニュー */
.footMenu { border: 2px solid #999999; border-radius: 10px; margin: 10px; }
.footMenu a:hover {  background-image: url('img3/common_check.png');}
.footMenu a { display: block; text-decoration: none; color: #333333; font-size: 12px; padding-left: 15px; background-image: none; background-repeat: no-repeat; background-position: 0 3px; }
.footMenu .menu1 { display: block; color: #336699; font-size: 13px; font-weight: bold; padding-left: 18px; background-image: url('img3/common_4box.png'); background-repeat: no-repeat; background-position: 0 3px; border-bottom: 1px #c0c0c0 solid; margin: 8px 0px;}


/* コンテンツ */
.boxContents td {border: 0px blue solid;}
.boxContents { line-height: 1; margin: auto;}
.boxContents0 { float: left; width: 725px; }
.boxContents .article { line-height:1.4; padding: 2px 20px 2px; }
.boxContents .main { line-height:1.4; padding: 3px 3px 3px 8px; margin: 0px;}
.pan1 { font-size: 85%; margin: 25px 0px 25px 20px; }
.pan2 { font-size: 85%; margin: 25px 0px 25px 20px; }
.pan1 .cur { display: inline-block; color: white; background-color: #ff800a; border-radius: 5px; border: #ff800a solid 6px; font-weight: normal; font-size: 120%;}
.pan2 .cur { display: inline-block;}
.minitext {	font-size: 12px;	line-height: 14px;	color: #666666;}


/* タイトル */
div.title { position: relative; margin: 0; padding: 0; height: 64px; }
.title h1 { color: #336699; font-size: 19px; font-weight: bold; margin: 0px; padding: 17px 0 0 80px; font-family: 'Hiragino Kaku Gothic Pro', sans-serif; }
.title .img1 { margin-left: 40px; width: 14px; height: 14px; display: block; position: absolute; top: 20px; left: 10px; }
.title .img2 { margin-top: 0px; width: 170px; height: 64px; display: block; position: absolute; top: 0px; right: 0px;}
.title .img3 { width: 100%; height: 6px; display: block; position: absolute; bottom: 0px; left: 0px; }
.title .img4 { width: 100%; height: 8px; display: none; position: absolute; top: -8px; left: 0px; }
h2 { font-size: 14px; font-weight: bold; color: #006699; padding-left: 5px; padding-top: 20px;} 
h2 img { padding-right: 5px; padding-left: 0px; }
.graybelt { background-image: url('img3/base/content_titlebar.gif'); height: 6px;}
h2.m3 { padding: 0px; margin: 18px 0px; font-size: 16px; }



/* ボックスの左右に確保する余白 */
.inner
	{padding-left: 10px;
	padding-right: 10px}



/* 2020.11- */

#pjclogo { width: 180px; height: 45px; }

.headerB:after {content: ""; display: block; clear: both; }
.headerB1 { float: left; height: 45px; width: 180px;}
.headerB2 { float: none; height: 45px; width: auto; margin-left: 180px; position: relative; }

.footMenu { max-width: 1060px; margin: auto; padding: 0px 15px 5px 15px; }
.footMenu:after {content: ""; display: block; clear: both; }
.fm { width: calc(1000px/5); float: left; }


/* 2022.11まで
h1.kinougomi { background-image: url('img3/common_midashi.png'); background-repeat: no-repeat; width: 450px; height: 30px; font-size: 17px; line-height: 1.0; padding: 10px 0px 0px 0px; vertical-align: middle; font-weight: bold; color: black; border-bottom: #7ac550 2px solid;}
*/

h1.kinou { width: 550px; height: 30px; font-size: 17px; line-height: 1.0; padding: 12px 0px 0px 0px; vertical-align: middle; font-weight: bold; color: black; border: #7ac550 2px solid; border-width: 2px 50px 2px 20px ;border-radius: 10px; margin-top: 15px;}

img.kinou { margin: 12px 5px 0px 12px; }

h1.kinou>a { padding-left: 45px;display: block; }



/* 切り替え */
@media (max-width: 610px){ /* SP */
	.pc { display: none; }
	img { max-width: 100%; height: auto;}
	.boxContents { width: 100%;}
	.headerbar { width: 100%; }
	#rumixlogo { right: 5px; }
	.headerB h2 { display: none; }

	.boxContents .article { padding: 5px; }
	.boxContents .main {padding-left: 0px; width: 100%; }

	h1.kinou { width: 100%; margin-left: 0px; height: 36px;}
	
	.pan { margin-left: 5px; }
	.title .img1 { display: none; }
	.title h1 { padding-left: 5px; }
	.title .img2 { display: none; }

	.manual { margin: 0px 5px; }
	.manual td.f { width: 30%; }
	.tw { width: 90%; }
	.manual h1 { display; block; font-size: 18px; font-weight; bold; border-left: 30px solid #ff800a; border-bottom: 3px solid #ff800a; padding-top: 10px; padding-left: 10px; height: 40px; vertical-align: middle;}
	
	
	.manual .boxN:after {content: ""; display: block; clear: both; }
	.manual .boxN1 { float: left; }
	.manual .boxN2 { float: left; }
	
}

@media (min-width: 610px){ /* PC */
	.sp { display: none; }
	#rumixlogo { right: 50px; }	
	
	.manual { margin: 0px 20px; }
	.manual td.f { width: 250px; }
	.manual h1 { display; block; font-size: 18px; font-weight; bold; border-left: 30px solid #ff800a; border-bottom: 3px solid #ff800a; padding-top: 10px; padding-left: 10px; height: 40px; vertical-align: middle; }
	.manual h1 div {vertical-align: middle; }

	.boxA:after {content: ""; display: block; clear: both; }
	.boxA1 { float: left; }
	.boxA2 { float: left; }
		
}


@media (min-width: 1080px){ /* PC */
	.headerbar { width: 1080px;}
	.headerB { width: 1080px; }
	.headerB2 { width: 896px; }
	.headerB2 img.bar { width: 896px;  }
	div.title {  width: 1080px; margin: auto;}
	

/* 全体の横幅を固定 */
.outer
	{width: 1080px;
	margin-left: auto;
	margin-right: auto}

}


/***************** Menu **********************************/

.topmenu{
    max-width: 1080px;
    display: flex;
    font-size: 90%;
    background-color: white;
}

.topmenu a{ text-decoration: none; }

ul{
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}

li{
    max-width: calc(1080px/5);
    position: relative;
    padding: 5px;
    display: block;
    cursor: pointer;
}

.topmenu>li{
    width: 1080px;
    margin: 0px 2px 0px 0px;
    background: #70bd29;
    display: inline;
    font-weight: bold;
}

.topmenu>a{
    width: 1080px;
    margin: 0px 2px 0px 2px;
    background: #70bd29;
    display: inline;
}


.topmenu1{
    width: 100%;
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    padding: 0;
    background: #70bd29;
}

.blue{
    background: #586db1;
}

.topmenu1 li{
    width: 100%;
    text-align: left;
}

.topmenu1 li a{
    padding: 5px 0;
    margin: -5px 5px -5px -5px;
    display: block;
    text-indent: 10px;
    color: #000;
    border: 1px solid #586db1;
    border-top: none;
   	font-weight: normal;
    background-color: #f0f0f0;

}

.topmenu li a:hover{
    background: #ff800a;
    color: rgb(65, 65, 65);
}

.topmenu>a {
	display: block;
    width: 100%;
    color: white;
    position: relative;
    padding: 5px;
    font-weight: bold;

}
.topmenu>li {
    max-width: calc(1080px/5);
}

.topmenu>a:hover{
    background: #ff800a;
    color: rgb(65, 65, 65);
}

@media (max-width: 610px){ /* SP */

	.topmenu { font-size: 11px;}
	.topmenu1 li a{ font-size: 10px; text-indent: 2px;}
}