/*　このCSSは会社案内用のスタイルシート（PC向け）です　*/
@charset "Shift_JIS";

/*　PC／タブレット用CSS　*/
@media print, screen and (min-width: 480px) {
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/
	
	
/*　一覧*/
.list_news {width:100%; border-bottom:#CCC dashed 1px; margin:0px; padding:10px 0px; clear:both;}
.list_news dl {display:block; overflow: hidden;}
.list_news dt {float:left; width:110px;  display:table-cell; vertical-align:middle; line-height:2; margin:0 5px; padding:4px 5px;}

.list_news dd.news {float:left; display:table-cell; vertical-align:middle; line-height:1.3; width:80px; background:#0070c0; color:#fff; text-align:center; font-size:100%; margin:3px 5px; padding:4px 5px; text-decoration:none;}
.list_news dd.press {float:left; display:table-cell; vertical-align:middle; line-height:1.3; width:80px; background:#ff6b3d; color:#fff; text-align:center; font-size:90%; margin:3px 5px; padding:4px 5px; text-decoration:none;}
.list_news dd.event {float:left; display:table-cell; vertical-align:middle; line-height:1.3; width:80px; background:#ffb216; color:#fff; text-align:center; font-size:90%; margin:3px 5px; padding:4px 5px; text-decoration:none;}
.list_news dd.casestudy {float:left; display:table-cell; vertical-align:middle; line-height:1.3; width:80px; background:#14a6e8; color:#fff; text-align:center; font-size:90%; margin:3px 5px; padding:4px 5px; text-decoration:none;}
.list_news dd.company {float:left; display:table-cell; vertical-align:middle; line-height:1.3; width:80px; background:#969696; color:#fff; text-align:center; font-size:90%; margin:3px 5px; padding:4px 5px; text-decoration:none;}

.list_news dd.title {width:75%; float:left; display:table-cell; vertical-align:middle; line-height:2.3; padding-left:10px; font-weight:bold;}


.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.ml10 {margin-left:10px;}


/*　概要テーブル　*/
.news_table {border-collapse:collapse; border:1px #ccc solid; width:100%;}
.news_table th {border:1px #ccc solid; padding:10px; text-align:center; font-weight:bold; vertical-align:middle; background:#f6f3e9;}
.news_table td {border:1px #ccc solid; padding:10px; text-align:left;}
.news_table td.date {text-align:center; font-weight:bold;}
.news_table td.capa {text-align:center;}
.news_table td .fig {margin:10px 0;}



/*　「一覧に戻る」の枠*/
#menubox {border:1px solid #ccc; padding:10px; margin:20px 0 10px 0px;}
#menubox p {margin-left:10px;}
#menubox p a {color:#646464; font-weight:bold;}




}/*　@mediaの綴じ括弧。削除しないでください　*/