@charset "utf-8";
/* CSS Document */

/*サイト全体で共通の設定開始*/
body{
	font-family:"メイリオ", Meiryo, Osaka, "小塚ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px;
	padding:0px;
}
.bg_blue{/*背景色の設定「DMCT青」*/
	background-color:#415AA5;
}
img{ 
	border:none; 
}
figure.no_margin-no_padding{/*画像にpadding,marginを0にする設定*/
	padding:0px;
	margin:0px;
}
.underline:hover{/*マウスオーバー時に下線がひかれる設定。設定箇所：トップページ丸ボタン横の文字*/
	text-decoration:underline;
}
.yougo-underline-dotted{
    display:inline-block;
    border-bottom:2px dotted #333;
    height:24px;
    width:auto;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:3px;
    padding-left:0px;
    vertical-align:top;
	}
.yougo-underline-dotted1{/*「活動報告」ページ上部のフォントの小さい文字に対して設定*/
    display:inline-block;
    border-bottom:2px dotted #333;
    height:16px;
    width:auto;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:3px;
    padding-left:0px;
    vertical-align:top;
	}
.clickable-map-letters{/*クリッカブルマップの説明文大きさ設定*/
	font-size:12pt;
	}
/*サイト全体で共通の設定終了*/

/*ページ全体のBOX枠*/
.container{
	width:1100px;
	margin:0px auto;
	padding:0px;
	}
.top_box1{/*「意味は価値から…」の枠*/
	height:110px;
	width:1060px;
	padding-top:30px;
	padding-left:40px;
}
.kachihaimikara{/*「意味は価値から…」文字設定*/
	font-family:"Sawarabi Mincho";
	font-size:310%;
}
.top_box2{/*スライドショー画像の枠①*/
	margin:0px;
	padding:0px;
	height:500px;
	width:1100px;
	text-align:center;
	position:relative;
	z-index:0;
}
.top_box2 figure{/*スライドショー画像の枠②*/
	max-width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
.top_box3{/*「構想設計イニシアティブ…」の枠*/
	height:90px;
	width:760px;
	margin-top:10px;	
	padding-top:40px;
	padding-left:340px;
	line-height:150%;
	z-index:1;
	background-color:#ffffff;
}
.title_name-j{/*「構想設計イニシアティブ」文字設定*/
	font-family:"Sawarabi Gothic";
	font-size:240%;
	font-weight:bold;
	color:#000000;
}
.title_name-e{/*「The Initiative for Design Effectiveness」文字設定*/
	font-family:"Sawarabi Gothic";
	font-size:150%;
	color:#000000;
}
/*「活動全体像図」設定開始位置*/
.menu-box{
	margin:40px 0px 80px 0px;
	padding:0;
	height:400px;
	width:1100px;
	text-align:center;
	position:relative;
	z-index:0;
}
.menu-box figure{
	max-width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
/*「活動全体像図」設定終了位置*/
/*トップページから他ページへのメニュー（上段）の設定開始位置*/
.box-menu_main:after{
	content:"";
	display:block;
	clear:both;
}
.box-menu_main{/*本文全体の一単位*/
	margin:0;
	width:1100px;
	}
.box_menu{
	float:left;
	width:1100px;
	height:50px;
	margin:0px 0px 10px 0px;/*box_menu1のbox_menuへの乗り上げ部分設定*/
	padding:0px;
}
.box_menu ul:after{
        content:"";
	display:block;
	clear:both;
	}
.box_menu ul{/*ブラウザ無指定の場合*/
	margin:0;
	padding:0;
	list-style:none;
	border:2px solid #c0c0c0;
}
@-moz-document url-prefix(){/*Firefoxの場合*/
.box_menu ul{
	margin:0;
	padding:0;
	list-style:none;
	border:2px solid #c0c0c0;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*Chromeの場合*/
.box_menu ul{
	margin:0;
	padding:0;
	list-style:none;
	border:2px solid #c0c0c0;
	}
}
@media all and (-ms-high-contrast: none){/*IEの場合*/
.box_menu ul{
	margin:0;
	padding:0;
	list-style:none;
	border:1.5px solid #c0c0c0;
	}
}
.box_menu li a{
        display:block;
	text-decoration:none;
	color:#000000;
	}
.box_menu li:hover{
	background-color:#e6e6fa;
	cursor:pointer;
}
.box_menu li:first-child{/*ブラウザ無指定の場合*/
	border-left:0px;
	width:24.873%;
}
@-moz-document url-prefix(){/*Firefoxの場合*/
.box_menu li:first-child{
	border-left:0px;
	width:24.873%;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*Chromeの場合*/
.box_menu li:first-child{
	border-left:0px;
	width:24.872%;
	}
}
@media all and (-ms-high-contrast: none){/*IEの場合*/
.box_menu li:first-child{
	border-left:0.5px solid #c0c0c0;
	width:24.88%;
	}
}
.box_menu li{/*ブラウザ無指定の場合*/
	float:left;
	width:24.8617%;
	height:50px;
	font-size:14pt;
	color:#000000;
	text-indent:0.4em;
	background-color:#ffffff;
	padding:6px 0px 0px 0px;
	border-left:2px solid #c0c0c0;
}
@-moz-document url-prefix(){/*Firefoxの場合*/
.box_menu li{
	float:left;
	width:24.861%;
	height:50px;
	font-size:14pt;
	color:#000000;
	text-indent:0.4em;
	background-color:#ffffff;
	padding:6px 0px 0px 0px;
	border-left:2px solid #c0c0c0;
	border-bottom:0.5px solid #c0c0c0;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*Chromeの場合*/
.box_menu li{
	float:left;
	width:24.8612%;
	height:50px;
	font-size:14pt;
	color:#000000;
	text-indent:0.4em;
	background-color:#ffffff;
	padding:6px 0px 0px 0px;
	border-left:2px solid #c0c0c0;
	}
}
@media all and (-ms-high-contrast: none){/*IEの場合*/
.box_menu li{
	float:left;
	width:24.88%;
	height:50px;
	font-size:14pt;
	color:#000000;
	text-indent:0.4em;
	background-color:#ffffff;
	padding:6px 0px 0px 0px;
	border-left:1.5px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	}
}
li.white_title-menu-on:hover{
	color:#ffffff;
	background-color:#415AA5;
}
li.white_title-menu-on{
	color:#ffffff;
	background-color:#415AA5;
}

/*タイトル行間調整設定開始位置*/
#soshiki,#saishin_katsudou,#koso_syuhou-dogu,#seika_fukyu{
	line-height:1.2em;
}
/*タイトル行間調整設定終了位置*/
/*トップページから他ページへのメニュー（上段）の設定終了位置*/
/*トップページから他ページへのメニュー(下段アコーディオンメニュー)の設定開始位置*/
.box-menu_main1:after{
	content:"";
	display:block;
	clear:both;
}
.box-menu_main1{/*本文全体の一単位*/
	margin:0px;
	width:1100px;
	}
box_menu1{
	float:left;
	width:1100px;
	margin:0px;
	padding:0px;
	}
.box_menu1 ul:after{
    	content:"";
	display:block;
	clear:both;
	}
.box_menu1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.box_menu1 li a{
    　　display:block;
	text-decoration:none;
	}
.box_menu1 li:hover{
	cursor:pointer;
}
.box_menu1 li{
	float:left;
	width:25%;
	line-height:150%;
	text-indent:0.5em;
	color:#ffffff;
	background-color:#415AA5;
	}
.box_menu1 ul li ul li{
	width:100%;
	height:30px;
	line-height:200%;
	text-indent:0.5em;
}
.icon-double-angle-down:before{/*下向き矢印とそのエリア*/
	font-size:14pt;
	color:#ffffff;
	line-height:100%;
	background-color:#415AA5;
	padding:0px;
	margin:0px;
	content:"\f103";
  	font-family:FontAwesome;
}
.icon-double-angle-up:before{/*上向き矢印*/
	font-size:14pt;
	content:"\f102";
  	font-family:FontAwesome;
}
li.sub-menu:hover{
	font-weight:bold;
	color:#415AA5;
	background-color:#ffffff;
}
li.sub-menu a:hover{
	color:#415AA5;
	background-color:#ffffff;
}
li.sub-menu a{
	color:#ffffff;
	background-color:#415AA5;
}
li.sub-menu{
	color:#ffffff;
	background-color:#415AA5;
}
/*下段メニュー文字数が多い件について文字幅調整設定開始位置*/
#kousousekkei-initiative,#sub-menu_about-dbm,#sub-menu_dbm-book{
	letter-spacing:-0.1em;
}
/*下段メニュー文字数が多い件について文字幅調整設定終了位置*/
/*トップページから他ページへのメニュー(下段アコーディオンメニュー)の設定終了位置*/

/*Firefox,IEで同頁内アンカーがアコーディオンメニュー開状態の高さ分、リンク先アンカー位置が下がることを回避する設定開始*/
@-moz-document url-prefix(){/*Firefoxの場合*/
	[id$="-sp"] {
	margin-top:-120px;
	padding-top:120px;
	display:block;
	}
}
@media all and (-ms-high-contrast: none){/*IEの場合*/
	[id$="-sp"]{
	margin-top:-120px;
	padding-top:120px;
	display:block;
	}
}
/*Firefox,IEで同頁内アンカーがアコーディオンメニュー開状態の高さ分、リンク先アンカー位置が下がることを回避する設定終了*/

/*「最新情報・活動報告」ページの設定開始*/
.news-main:after{/*BOXを横並びにする為。「最新情報」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.news-main{/*「最新情報」本文全体の一単位*/
	margin-top:40px;
	margin-bottom:40px;
	width:1100px;
	height:540px;/*ここで「⇒最新情報一覧」全体枠高さを設定変更可（PCサイズ）*/
	}
.news-side_title{
	float:left;
	width:280px;
	margin-right:20px;
}
.news-side_title h1{
	font-size:180%;
	padding-left:10px;
	margin-top:0px;
	color:#000000;
}
.news-honbun{
	float:left;
	width:760px;
	height:300px;
}
/*「最新情報」の「テーブル」の設定開始*/
table.news_table{
}
table.news_table tr.white-line_news_table{/*行間を10px空ける為の設定*/
	height:10px;
}
table.news_table td.news_table-td-date{
	 text-decoration:underline;
}
table.news_table td.news_table-td1{
	 vertical-align:top;
	 width:520px; 
}
table.news_table td.news_table-td2{
	 width:10px; 
}
table.news_table td.news_table-td3{
	 vertical-align:top;
	 width:240px; 
}
img.news_table-img1{/*「最新情報一覧」に掲載の画像の設定*/
    height:auto;
    width:90%;
    align:left;
    valign:bottom;

}
/*「最新情報」のテーブルの設定終了*/
img.katsudou_rp-img{/*kastudou_rp.htmlの画像サイズ幅を300pxに固定する設定*/
	height:auto;
	width:300px;
}
p.hosoku-setsumei{
	font-size:12px;
}
/*「最新情報・活動報告」ページの設定終了*/

/*本文の設定*/	
.main_after-header:after{
	content:"";
	display:block;
	clear:both;
}
.main:after{
	content:"";
	display:block;
	clear:both;
}
.main{/*本文全体の一単位*/
	margin-top:20px;
	margin-bottom:40px;
	width:1100px;
}
.side_title{
	float:left;
	width:280px;
	margin-right:20px;
}
.side_title h1{
	font-size:190%;
	padding-left:10px;
}
.side_title h3{
	font-size:90%;
	padding-left:10px;
}
.upside_title{/*左サイド空間を設けない場合のタイトル*/
	padding-left:20px;
}
.upside_title h1{/*左サイド空間を設けない場合のタイトル（h1）*/
	color:#415AA5;
	margin-top:0px;
	margin-bottom:0px;
}
.upside_title h2,h3{/*左サイド空間を設けない場合のタイトル（h2,h3）*/
	color:#415AA5;
	margin-top:0px;
	margin-bottom:0px;
}
.honbun{
	float:right;
	width:800px;
}
.honbun2{
	float:right;
	width:900px;
	font-size: larger;
	line-height: 1.5em;
}
.honbun h1{
	font-size:160%;
	padding-right:30px;
	color:#717071;
}
.honbun h2{
	padding-right:30px;
	color:#415AA5;
}
.upside_honbun{/*左サイド空間を設けない場合の本文ブロック*/
	padding:0px 20px 0px 20px;
}
.upside_honbun h2{
	color:#415AA5;
	margin-top:0px;
	margin-bottom:0px;
}
.upside_honbun p{/*左サイド空間を設けない場合の本文（p）*/
	font-size:16pt;
}
.left-halfside_honbun{/*中央より左サイドの本文ブロック*/
	float:left;
	padding:0px 0px 0px 20px;
}
.left-halfside_honbun p{/*中央より左サイドの本文ブロック（p）*/
	font-size:16pt;
	width:520px;
	margin-top:0px
}
.center-fig{/*横幅1060pxの画像を中央寄せ*/
	margin:0px 20px 0px 20px;
}
.right-fig{/*横幅510pxの画像を右寄せ*/
	float:right;
	width:510px;
	margin:0px 20px 0px 0px;
}
h2.h2-1{/*h2直下pとの行間を詰める設定*/
	padding-right:30px;	
	padding-bottom:0px;
}
.honbun p{
	padding-right:30px;
	font-size:12pt; '16pt'
}
.honbun figure{
	width:100%;
	height:auto;
	float:right;
	margin-right:0px;
}
.honbun figcaption{
	margin-top:10px;
	}
.honbun_sign {
	float:right;
	width:800px;
}
.honbun_sign p{
	padding-right:30px;
	font-size:20px;
	text-align:left;
}
.honbun li{
	padding-right:30px;
	font-size:16pt;
}
.honbun_hosoku{/*補足説明箇所*/
	font-size:12pt;
}
p.p_top_line{/*トップページ以外で「p」が「honbun」最頭行に左側「h1」と同じ高さで表示される場合*/
	margin-top:14px;
}
p.p_top_line-1{/*トップページ以外で「p」が「h2」直下最頭行に詰めて表示される場合*/
	margin-top:0px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:10px;
}
h1.nengappi-1{/*年月日書体*/
	font-size:150%;
	color:#717071;
}
.bar_slim{/*段落を別ける線*/
	margin:0px;
	max-width:100%;
	height:2px;
	background-color:#717071;
}
#page-top {/*「ページの先頭へ戻る」ボタンの外観設定*/
    position:fixed;
    bottom:60px;
    right:10px;
    font-size:70%;
}
#page-top a {
    background:#666;
	opacity:0.5;
    text-decoration:none;
    color:#fff;
    width:80px;
    padding:4px;
    text-align:center;
    display:block;
    border-radius:5px;
}
#page-top a:hover {
    text-decoration:underline;
    background:#999;
	opacity:0.5;
}
#top-page {/*「サイトトップページへ戻る」ボタンの外観設定*/
    position:fixed;
    bottom:10px;
    right:10px;
    font-size:70%;
}
#top-page a {
    background:#666;
	opacity:0.5;
    text-decoration:none;
    color:#fff;
    width:80px;
    padding:4px;
    text-align:center;
    display:block;
    border-radius:5px;
}
#top-page a:hover {
    text-decoration:underline;
    background:#999;
	opacity:0.5;
}

/*「関連リンク」箇所の設定開始*/
.honbun_links:after{/*BOXを横並びにする為。「関連リンク」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.honbun_links{/*「関連リンク」本文全体の一単位*/
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	width:1100px;
	height:300px;
}
/*「関連リンク」テーブルの設定*/
table.links_table{
	width:760px;
}
table.links_table td.links_table-subtitle1{/*最初タイトル行「■主提案機関」の設定*/
	height:40px;
	color:#717071;
	font-size:18px;
}
table.links_table td.links_table-subtitle2{/*「■共同提案」以降タイトル行の設定*/
	height:40px;
	color:#717071;
	font-size:18px;
	border-top:#717071 2px solid;
}
table.links_table{
	font-size:14px;
}
img.links_img{/*「関連リンク」ロゴ画像に共通の設定*/
    height:auto;
    align:left;
    vertical-align:middle;
}
img.aist_logo_img{
    width:20%;
}
img.race_logo_img{
    width:20%;
}
img.code_logo_img{
    width:20%;
}
/*「関連リンク」箇所の設定終了*/

/*「構想設計の手法・道具」ページの設定開始*/
img.img_keishikichika{
	width:100%;
}
img.imageil_ishower_btool{
	width:100%;
}
img.imageil_upstream{
	width:1100px;
}
img.imageil_downstream{
	width:1100px;
}
img.imageil_kettei{
	width:1100px;
}
img.imageil_an{
	width:1100px;
}
/*「構想設計の手法・道具」ページの設定終了*/

/*★ここから携帯サイズの設定開始★*/
@media screen and (min-width:0px) and (max-width:480px){
.yougo-underline-dotted{
    height:14px;
	}
.yougo-underline-dotted1{/*「活動報告」ページ上部のフォントの小さい文字に対して設定*/
    height:11px;
	}
.container{
	width:320px;
	overflow:hidden;
}
.top_box1{/*「意味は価値から…」の枠*/
	width:310px;
	height:30px;
	padding-top:10px;
	padding-left:15px;
}
.kachihaimikara{/*「意味は価値から…」文字設定*/
	font-size:90%;
}
.top_box2{/*スライドショー画像の枠①*/
	height:164px;
	width:320px;
}
.top_box2 img{
	width:100%;
	height:100%;
}
.top_box3{/*「構想設計イニシアティブ…」の枠*/
	height:40px;
	width:320px;
	margin-top:-26px;
	padding-top:20px;
	padding-left:70px;
	line-height:90%;
}
.title_name-j{/*「構想設計イニシアティブ」文字設定*/
	font-size:100%;
}
.title_name-e{/*「The Initiative for Design Effectiveness」文字設定*/
	font-size:64%;
}
.menu-box{/*（スライドショー画像下の）クリッカブルマップの画像設定開始位置*/
	margin:20px 0px -40px 0px;
	padding:0;
	height:164px;
	width:320px;
}
.menu-box img{
	width:100%;
	height:100%;		
}/*（スライドショー画像下の）クリッカブルマップの画像設定終了位置*/
/*トップページから他ページへのメニュー(上段)の設定開始位置*/
.box-menu_main{/*本文全体の一単位*/
	width:320px;
	height:auto;
	}
.box_menu{
	float:left;
	height:30px;
	width:320px;
	margin:0px 0px 8px 0px;/*box_menu1のbox_menuへの乗り上げ部分設定*/
	padding:0px;
}
.box_menu ul{
	border:0.5px solid #c0c0c0;
	}
.box_menu li:first-child{
	border-left:0px;
	width:24.76%;
}
.box_menu li{
	height:30px;
	width:24.76%;
	font-size:7.5pt;
	text-indent:0.2em;
	border-left:0.2px solid #c0c0c0;
	border-bottom:0.2px solid #c0c0c0;
	}
#seika_fukyu,#saishin_katsudou{
	letter-spacing:-0.04em;
}
/*トップページから他ページへのメニュー(上段)の設定終了位置*/
/*トップページから他ページへのメニュー(下段アコーディオンメニュー)の設定開始位置*/
.box-menu_main1{/*本文全体の一単位*/
	width:320px;
	padding-bottom:20px;
	}
box_menu1{
	width:481px;
	}
.box_menu1 li{
	line-height:100%;
	text-indent:0.4em;
	}
.box_menu1 ul li ul li{
	font-size:7.5pt;
	padding-top:6px;
	height:14px;
	line-height:90%;
	padding-left: 1em;/*リスト要素の２行目にインデント設定*/
   	text-indent: -1em;/*リスト要素の２行目にインデント設定*/
}
.icon-double-angle-down:before{/*下向き矢印とそのエリア*/
	font-size:9pt;
}
/*下段メニュー2行になる場合の改行位置指定設定開始位置*/
.css-br::after {
      content:"\A";
      white-space:pre;
    }
/*下段メニュー2行になる場合の改行位置指定設定開始位置*/
/*下段メニュー文字数が多い件について文字幅調整設定開始位置*/
#kousousekkei-initiative,#kousousekkei-consortium{
	letter-spacing:-0.2em;
	height:34px;
	line-height:150%;
}
#sub-menu_about-dbm{
	letter-spacing:-0.32em;
	height:34px;
	line-height:150%;
}
#sub-menu_dbm-book{
	letter-spacing:-0.3em;
	height:34px;
	line-height:150%;
}
#sub-menu_img-shower{
	font-size:7pt;
	letter-spacing:-0.23em;
}
#kankei-links{
	letter-spacing:-0.1em;
}
/*下段メニュー文字数が多い件について文字幅調整設定終了位置*/
#sub-menu_none{/*サブメニューの2,4列は2行になる文字が無いのでスペース追加し、サブメニューエリアの高さを合わせる設定*/
	height:34px;
}
/*トップページから他ページへのメニュー(アコーディオンメニュー)の設定終了位置*/
.clickable-map-letters{/*クリッカブルマップの説明文大きさ設定*/
	font-size:8pt;
	}
/*トップページの「最新情報」欄の設定開始位置*/
.news-main:after{/*BOXを横並びにする為。「最新情報」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.news-main{/*「最新情報」本文全体の一単位*/
	margin-top:10px;
	margin-bottom:20px;
	width:320px;
	height:500px;/*ここで「⇒最新情報一覧」全体枠高さを設定変更可（携帯サイズ）*/
	}
.news-side_title {
	float:left;
	width:320px;
	font-size:11px;
	color:#717071;
	margin-right:8px;
}
.news-side_title h1{
	font-size:160%;
	padding-left:0px;
	margin-top:0px;
}
.news-honbun{
	float:left;
	width:320px;
	height:320px;
	font-size:11px;
}
/*最新情報のテーブルの設定開始*/
table.news_table tr.white-line_news_table{/*行間を10px空ける為の設定*/
	height:10px;
}
table.news_table td.news_table-td1{
	vertical-align:top;
	width:200px;
}
table.news_table td.news_table-td2{
	width:4px; 
}
table.news_table td.news_table-td3{
	vertical-align:top;
	width:100px; 
}
/*最新情報のテーブルの設定終了*/
/*トップページの「最新情報」欄の設定終了位置*/	

/*サイト内他ページへのリンクのボックス設定終了位置*/
.main_after-header:after{
	content:"";
	display:block;
	clear:both;
}
.main_after-header{/*header直下の本文全体の一単位（headerを固定した為に設定が必要）*/
	margin-top:80px;
	margin-bottom:0px;
	width:320px;
	}
.main:after{
	content:"";
	display:block;
	clear:both;
}
.main{
	margin-top:2px;
	margin-bottom:14px;
	width:320px;
}
.side_title {
	width:320px;
	margin-right:4px;
}
.side_title h1{
	font-size:110%;
	margin-top:10px;
	padding-left:2px;
}
.side_title h3{
	width:300px;
	font-size:65%;
	padding-left:2px;
}
.upside_title{/*左サイド空間を設けない場合のタイトル*/
	margin-top:10px;
	padding-left:0px;
}
.upside_title h1{/*左サイド空間を設けない場合のタイトル（h1）ｓ*/
	font-size:100%;
}
.upside_title h2{/*左サイド空間を設けない場合のタイトル（h3）ｓ*/
	font-size:80%;
}
figure h2{/*左サイド空間を設けない場合のタイトル（h2）ｓ*/
	font-size:90%;
}
.upside_title h3{/*左サイド空間を設けない場合のタイトル（h3）ｓ*/
	font-size:80%;
}
.honbun {
	width: 310px;
}
.honbun h1{
	padding-top:8px;
	padding-right:2px;	
	font-size:100%;
}
.honbun h2{
	padding-right:2px;	
	font-size:90%;
}
.honbun p{
	padding-right:2px;
	font-size: 14px;
}
.honbun figure{
    	margin:0px;
	padding:0px;  
}
.honbun figcaption{
	margin-top:2px;
	font-size:12px;
}
.honbun img{
	width:100%;
	height:100%;
}
.honbun_sign {
	float:left;
	width:300px;
}
.honbun_sign p{
	font-size:12px;
	text-align:left;
}
.honbun li{
	padding-right:2px;
	font-size: 14px;
}
.upside_honbun{/*左サイド空間を設けない場合の本文ブロック*/
	padding:0px;
}
.upside_honbun p{/*左サイド空間を設けない場合の本文（p）*/
	font-size:100%;
}
.left-halfside_honbun{/*中央より左サイドの本文ブロック*/
	padding:0px 10px 0px 0px;
}
.left-halfside_honbun p{/*中央より左サイドの本文ブロック（p）*/
	font-size:100%;
	width:320px;
	margin-top:0px
}
.center-fig{/*横幅1060pxの画像を中央寄せ*/
	width:480px;
	margin:0px;
}
.right-fig{/*横幅510pxの画像を右寄せ*/
	width:100%;
	margin:0px;
}
img.img_tool_list{
	width:68%;
}
img.img_image_shower{
	width:100%;
}
img.img_brain_storming{
	width:100%;
}
img.img_dbm{
	width:100%;
}
h1.nengappi-1{/*年月日書体*/
	font-size:100%;
	color:#717071;
}
.bar_slim{/*メニュー項目群と最新情報を別ける線*/
	height:1px;
	margin:16px 0px 16px 0px;
}
#page-top {/*「このページの先頭へ戻る」ボタンの外観設定*/
    bottom:42px;
    right:2px;
    font-size:60%;
}
#page-top a {
    width:70px;
    padding:2px 2px;
}
#top-page {/*「サイトトップページへ戻る」ボタンの外観設定*/
    bottom:2px;
    right:2px;
    font-size:60%;
}
#top-page a {
    width:70px;
    padding:2px 2px;
}

/*「関連リンク」箇所の設定開始*/
.honbun_links:after{/*BOXを横並びにする為。「関連リンク」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.honbun_links{/*「関連リンク」本文全体の一単位*/
	float:left;
	margin-top:0px;
	margin-bottom:2px;
	width:320px;
	height:680px;
}
/*「関連リンク」テーブルの設定開始*/
table.links_table{
	width:300px;
}
table.links_table td.links_table-subtitle1{/*最初タイトル行の設定*/
	height:40px;
	color:#717071;
	font-size:14px;
}
table.links_table td.links_table-subtitle2{/*以降タイトル行の設定*/
	height:40px;
	color:#717071;
	font-size:14px;
	border-top: #717071 1px solid;
}
table.links_table{
	font-size:12px;
}
img.links_img{/*「関連リンク」ロゴ画像に共通の設定*/
    height:auto;
    align:left;
    valign:bottom;
}
img.aist_logo_img{
    width:
	40%;
}
img.race_logo_img{
    width:36%;
}
img.code_logo_img{
    width:40%;
}
/*「関連リンク」箇所の設定終了*/

/*「最新情報・活動報告」ページの設定開始*/
/*活動の様子写真の画像サイズ幅を300pxに固定する設定*/
img.katsudou_rp-img{
	height:auto;
	width:300px;
}
p.hosoku-setsumei{
	font-size:10px;
}
/*「最新情報・活動報告」ページの設定終了*/

/*「構想設計の手法・道具」の設定開始*/
img.imageil_ishower_btool{
	width:70%;
}
img.imageil_upstream{
	width:70%;
}
img.imageil_downstream{
	width:70%;
}
img.imageil_kettei{
	width:70%;
}
img.imageil_an{
	width:70%;
}

/*「構想設計の手法・道具」の設定終了*/
}
/*ここまで携帯サイズの設定終了*/

/*★ここからタブレットサイズの設定開始★*/

/*①タブレットサイズ&IEの場合*/
@media screen and (min-width:481px) and (max-width:768px) and (-ms-high-contrast: none){
/*トップページから他ページへのメニュー（上段）の設定開始位置*/
.box-menu_main{/*本文全体の一単位*/
	width:481px;
	height:auto;
	}
.box_menu{
	float:left;
	height:20px;
	width:481px;
	margin:0px 0px 7px 0px;/*box_menu1のbox_menuへの乗り上げ部分設定*/
	padding:0px;
}
.box_menu ul{
	border:0.5px solid #c0c0c0;
	}
.box_menu li:first-child{
	border-left:0px;
	width:24.846%;
}
.box_menu li{
	height:20px;
	width:25%;
	font-size:8pt;
	border-left:0.5px solid #c0c0c0;
	border-bottom:0.2px solid #c0c0c0;
	}
}
/*以下ブラウザ指定の無い場合*/
@media screen and (min-width:481px) and (max-width:768px){
.yougo-underline-dotted{
    height:19px;
	}
.yougo-underline-dotted1{/*「活動報告」ページ上部のフォントの小さい文字に対して設定*/
    height:12px;
	}
.container{
	width:481px;
	overflow:hidden;
}
.top_box1{/*「意味は価値から…」の枠*/
	width:461px;
	height:50px;
	padding-top:20px;
	padding-left:30px;
}
.kachihaimikara{/*「意味は価値から…」文字設定*/
	font-size:130%;
}
.top_box2{/*スライドショー画像の枠①*/
	height:246px;
	width:481px;
}
.top_box2 img{
	width:100%;
	height:100%;
}
.top_box3{/*「構想設計イニシアティブ…」の枠*/
	height:48px;
	width:481px;
	margin-top:-34px;
	padding-top:30px;
	padding-left:100px;
	line-height:90%;
}
.title_name-j{/*「構想設計イニシアティブ」文字設定*/
	font-size:150%;
}
.title_name-e{/*「The Initiative for Design Effectiveness」文字設定*/
	font-size:100%;
}
.menu-box{/*（スライドショー画像下の）クリッカブルマップの画像設定*/
	margin:20px 0px -60px 0px;
	padding:0;
	height:246px;
	width:481px;
}
.menu-box img{
	width:100%;
	height:100%;		
}
/*トップページから他ページへのメニュー（上段）の設定開始位置*/
.box-menu_main{/*本文全体の一単位*/
	width:481px;
	height:auto;
	}
.box_menu{
	float:left;
	height:30px;
	width:481px;
	margin:0px 0px 8px 0px;/*box_menu1のbox_menuへの乗り上げ部分設定*/
	padding:0px;
}
.box_menu ul{
	border:0.5px solid #c0c0c0;
	}
.box_menu li:first-child{
	border-left:0px;
	width:24.846%;
}
.box_menu li{
	height:30px;
	width:24.846%;
	font-size:8pt;
	border-left:0.5px solid #c0c0c0;
	border-bottom:0.2px solid #c0c0c0;
	}
/*トップページから他ページへのメニュー（上段）の設定終了位置*/
/*トップページから他ページへのメニュー(下段アコーディオンメニュー)の設定開始位置*/
.box-menu_main1{/*本文全体の一単位*/
	width:481px;
	padding-bottom:20px;
	}
box_menu1{
	width:481px;
	}
.box_menu1 li{
	line-height:100%;
	text-indent:0.4em;
	}
.box_menu1 ul li ul li{
	font-size:8pt;
	padding-top:6px;
	height:14px;
	line-height:90%;
	padding-left: 1em;/*リスト要素の２行目にインデント設定*/
   	text-indent: -1em;/*リスト要素の２行目にインデント設定*/
}
#sub-menu_img-shower{
	letter-spacing: -0.1em;
}
.icon-double-angle-down:before{/*下向き矢印とそのエリア*/
	font-size:11pt;
}
.icon-double-angle-up:before{/*上向き矢印*/
	font-size:11pt;
}
/*下段メニュー2行になる場合の改行位置指定設定開始位置*/
.css-br::after {
      content: "\A" ;
      white-space: pre;
    }
/*下段メニュー2行になる場合の改行位置指定設定開始位置*/
/*下段メニュー文字数が多い件について文字幅調整設定開始位置*/
#kousousekkei-initiative,#kousousekkei-consortium,#sub-menu_about-dbm,#sub-menu_dbm-book{
	letter-spacing:-0.1em;
	height:34px;
	line-height:150%;
}
/*下段メニュー文字数が多い件について文字幅調整設定終了位置*/
#sub-menu_none{/*サブメニューの2,4列は2行になる文字が無いのでスペース追加し、サブメニューエリアの高さを合わせる設定*/
	height:34px;
}
/*トップページから他ページへのメニュー(アコーディオンメニュー)の設定終了位置*/
.clickable-map-letters{/*クリッカブルマップの説明文大きさ設定*/
	font-size:9pt;
	}
/*トップページの「最新情報」欄の設定開始位置*/
.news-main:after{/*BOXを横並びにする為。「最新情報」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.news-main{/*「最新情報」本文全体の一単位*/
	margin-top:20px;
	margin-bottom:0px;
	width:480px;
	height:620px;/*ここで「⇒最新情報一覧」全体枠高さを設定変更可（タブレットサイズ）*/
	}
.news-side_title {
	float:left;
	width:480px;
	font-size:14px;
	color:#717071;
	margin-right:4px;
}
.news-side_title h1{
	font-size:160%;
	padding-left:2px;
	margin-top:0px;
}
.news-honbun{
	float:left;
	width:480px;
	height:370px;
	font-size:14px;
}
/*最新情報のテーブルの設定開始*/
table.news_table tr.white-line_news_table{/*行間を10px空ける為の設定*/
	height:10px;
}
table.news_table td.news_table-td1{
	 vertical-align:top;
	 width:300px;
}
table.news_table td.news_table-td2{
	 width:4px; 
}
table.news_table td.news_table-td3{
	 vertical-align:top;
	 width:180px; 
}
/*最新情報のテーブルの設定終了*/
/*トップページの「最新情報」欄の設定終了位置*/	
.main:after{
	content:"";
	display:block;
	clear:both;
	}
.main{
	margin-top:4px;
	margin-bottom:24px;
	width:480px;
	}
.side_title {
	width:480px;
	margin-right:4px;
}
.side_title h1{
	font-size:140%;
	padding-left:2px;
}
.side_title h3{
	width:300px;
	font-size:70%;
	padding-left:4px;
}
.upside_title{/*左サイド空間を設けない場合のタイトル*/
	margin-top:20px;
	padding-left:0px;
}
.upside_title h1{/*左サイド空間を設けない場合のタイトル（h1）ｓ*/
	font-size:140%;
}
.upside_title h2{/*左サイド空間を設けない場合のタイトル（h3）ｓ*/
	font-size:80%;
}
figure h2{/*左サイド空間を設けない場合のタイトル（h2）ｓ*/
	font-size:120%;
}
.upside_title h3{/*左サイド空間を設けない場合のタイトル（h3）ｓ*/
	font-size:100%;
}
.honbun {
	width:460px;
}
.honbun h1{
	padding-right:2px;	
	font-size:120%;
}
.honbun h2{
	padding-right:2px;	
	font-size:100%;
}
.honbun p{
	padding-right:2px;
	font-size:12pt;
}
.honbun figure{
        margin:0px;
	padding:0px;  
	}
.honbun figcaption{
	margin-top:2px;
	font-size:11pt;
}
.honbun img{
	width:100%;
	height:100%;
}
.honbun_sign {
	float: left;
	width: 340px;
}
.honbun_sign p{
	padding-right:4px;
	font-size:11pt;
	text-align:left;
}
.honbun li{
	padding-right:2px;
	font-size:12pt;
}
.upside_honbun{/*左サイド空間を設けない場合の本文ブロック*/
	padding:0px;
}
.upside_honbun p{/*左サイド空間を設けない場合の本文（p）*/
	font-size:100%;
}
.left-halfside_honbun{/*中央より左サイドの本文ブロック*/
	padding:0px 10px 0px 0px;
}
.left-halfside_honbun p{/*中央より左サイドの本文ブロック（p）*/
	font-size:100%;
	width:480px;
	margin-top:0px
}
.center-fig{/*横幅1060pxの画像を中央寄せ*/
	width:480px;
	margin:0px;
}
.right-fig{/*横幅510pxの画像を右寄せ*/
	width:100%;
	margin:0px;
}
h1.nengappi-1{/*年月日書体*/
	font-size:130%;
	color:#717071;
}
.bar_slim{/*メニュー項目群と最新情報を別ける線*/
	height:1px;
	margin:8px 0px 0px;
}
.bar_slim1{/*bss.htmlで段落を別ける線*/
	height:1px;
}
img.img_tool_list{
	width:100%;
}
img.img_image_shower{
	width:100%;
}
img.img_brain_storming{
	width:100%;
}
img.img_downstream{
	width:100%;
}
#page-top {/*ページの先頭へ戻るボタン「PAGE TOP」の外観設定*/
    bottom:52px;
    right:2px;
    font-size:60%;
}
#page-top a {
    width:70px;
    padding:4px 4px;
}
#top-page {//*サイトトップページへ戻るボタン「TOP PAGE」の外観設定*/
    bottom:2px;
    right:2px;
    font-size:60%;
}
#top-page a {
    width:70px;
    padding:4px 4px;
}
/*「関連リンク」箇所の設定開始*/
.honbun_links:after{/*BOXを横並びにする為。「関連リンク」本文全体の一単位*/
	content:"";
	display:block;
	clear:both;
}
.honbun_links{/*「関連リンク」本文全体の一単位*/
	float:left;
	margin-top:0px;
	margin-bottom:2px;
	width:480px;
	height:680px;
}
/*「関連リンク」テーブルの設定*/
table.links_table{
	width:450px;
}
table.links_table td.links_table-subtitle1{/*最初タイトル行「■主提案機関」の設定*/
	height:40px;
	color:#717071;
	font-size:14px;
}
table.links_table td.links_table-subtitle2{/*「■共同提案」以降タイトル行の設定*/
	height:40px;
	color:#717071;
	font-size:14px;
	border-top: #717071 1px solid;
}
table.links_table{
	font-size:12px;
}
img.links_img{/*「関連リンク」ロゴ画像に共通の設定*/
    height:auto;
    align:left;
    valign:bottom;
}
img.aist_logo_img{
    width:
	40%;
}
img.race_logo_img{
    width:36%;
}
img.code_logo_img{
    width:30%;
}
/*「関連リンク」箇所の設定終了*/

/*「最新情報・活動報告」ページの設定開始*/
/*画像サイズ幅を300pxに固定する設定開始*/
img.katsudou_rp-img{
	height:auto;
	width:300px;
}
/*「最新情報・活動報告」ページの設定終了*/

/*「構想設計の手法・道具」の設定開始*/
img.imageil_ishower_btool{
	width:100%;
}
img.imageil_upstream{
	width:100%;
}
img.imageil_downstream{
	width:100%;
}
img.imageil_kettei{
	width:100%;
}
img.imageil_an{
	width:100%;
}
/*「構想設計の手法・道具」の設定終了*/
	


/*ここまでタブレットサイズの設定終了*/
@media screen and ( min-width : 769px ) and (max-width : 1100px ){
}

@media (min-width:1024px){
	.container{
	width:1100px;
	margin:0px;
	margin-right:auto;
	margin-left:auto;
	}
}

.gray_letter {
	color: dimgray;
	font-weight:900;
}