@charset "utf-8";


/*-----スケジュールページ-----*/

@media print{
header,
.side,
.footer,
.topic-path,
footer{
display:none;
}
.main{
float:none;
width:95%;
margin:0 auto;
}

#sub_ma_left,
#sub_ma_right{
zoom: 55%;
}
}

.main {
overflow: hidden; /* 超長いスクロール防止　絶対消さない */
}

/* --- サブメニュー --- */

ul#sub_link{
padding:0;
width:445px;
margin:0 auto;
}

#sub_link li{
display: inline-block;
padding-left: 4px;/* --- 字間あけた場合の先頭の処理（字間分プラスする） --- */
letter-spacing: 4px;
margin:0 2px;
text-align:center;
}


/* --- 三角矢印（小） --- */
#sub_link li.icon{
margin:0 0 0 8px;
width: 0px;
height: 0px;
border: 5px solid transparent;
border-left-color: #000;
}

/* --- 三角矢印（大） --- */
div.icon_b{
margin:0 auto;
padding:10px 0;
text-align:center;
width: 0px;
height: 0px;
border: 18px solid transparent;
border-top: 22px solid #000;
page-break-after: always; /* 直後で改ページさせる */
}




/* --- 項目タイトル部分 --- */

.sub_title{
display:table;
table-layout: fixed;
width:100%;
list-style-type: none; /* リストマーカーを表示しない */
}

.sub_title li{ /*--- サブタイトル左隙間消し ---*/
margin:0;
}

.sub_side_line {/* --- 罫線 --- */
display:table-cell;
width:40%;
vertical-align:middle;
}

.sub_side_line hr,
.sub_side_line_ma hr,
.sub_side_line_ma_02 hr {/* --- 罫線 --- */
border:none;
border-top: 1px dotted #999;
}

ul.sub_title h2{
display:table-cell;
width:20%;
text-align:center;
font-size: 1.2em;
font-weight: 100;
border: 1px dotted #999;
height:40px;/* --- 縦揃え --- */
line-height:42px;/* --- 縦揃え --- */
}



/* --- 「計画を進めるか否か？」部分 --- */
div#decision{
width:90%;
margin: 0 auto;
margin-bottom:50px;
text-align:center;
font-size: 1.2em;
font-weight: 50;
border: 1px dotted #999;
letter-spacing: 2px;
padding:5px 0;/* --- 字間あけた場合の先頭の処理（字間分プラスする） --- */
height:40px;/* --- 縦揃え --- */
line-height:42px;/* --- 縦揃え --- */
}




/* --- サブサブ項目部分 --- */

.sub2{
padding-bottom:25px;
}

.sub2 h1{
text-align:left;
font-size: 15px;
font-weight: 100;
padding-left: 3px;/* --- 字間あけた場合の先頭の処理（字間分プラスする） --- */
letter-spacing: 3px;
display:inline-block;
padding:0 0 2px 3px;
border-bottom: 1px solid #999;
}

.sub2 p {
padding:7px 40px 0px 35px;
}

.sub2 ul {
margin:0;
padding-top:0;
padding-left:10px;
}

.box{
width:80%;
margin:15px auto;
padding-right:10px;
}



/* --- 施工監理・支払管理 --- */
div#sub_ma_left,
div#sub_ma_right{
float:left;
width:43%;
padding:0 3%;
}

div#sub_ma_right{
padding-top:15px;
border-left: 1px dotted #999;
margin-bottom:50px;
}

li.sub_side_line_ma {/* --- 項目タイトル　罫線（サイド） --- */
display:table-cell;
vertical-align:middle;
width:15%;
}

li.sub_side_line_ma_02 {/* --- 項目タイトル　罫線（中央） --- */
display:table-cell;
vertical-align:middle;
width:30%;
}



div#sub_ma_left p,
div#sub_ma_right p {
padding:7px 0px 0px 15px;
}
div#sub_ma_left ul,
div#sub_ma_right ul {
padding:0;
margin:0;
}





/* --- 支払管理部分　タテライン --- */
div#vline{
float:right;
width:50%;
height:835px;
border-left: 1px dotted #999;
margin-bottom:30px;
}






/*-----事前計画についてページ-----*/
.service{
padding-top:50px;
}

.s_title_item{
padding-top:40px;
}


dl{
margin-top:10px;
}

dt {
float:left;
padding-left:6px;
height:2em;
width:135px;
border:1px solid #D3DADE;
}

dd {
height:2.4em;
padding-left:150px;
}

ul.ast {
margin:5px 0 0 0;
}

.ast li{/* ※リスト */
text-indent: -1.1em;
list-style:none;
}

.ast li:before {
content:"※";
}