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

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/


/*　一覧*/
div .list_news {margin:0 5px;}
.list_news {border-bottom:#CCC dashed 1px; margin:0px; padding:10px 0px; }
.list_news dl {display:block; overflow:hidden;}
.list_news dt {vertical-align:middle; line-height:2; margin:0 5px; padding:4px 5px; font-size:1.2rem;}
.list_news dd.title {vertical-align:middle; line-height:2.3; padding-left:10px; font-weight:bold; font-size:1.4rem;}

.list_news dd.news {vertical-align:middle; line-height:1.3; width:80px; background:#0070c0; color:#fff; text-align:center; font-size:1.2rem; margin:0 10px; padding:4px 5px; text-decoration:none;}
.list_news dd.press {vertical-align:middle; line-height:1.3; width:80px; background:#ff6b3d; color:#fff; text-align:center; font-size:1.2rem; margin:0 10px; padding:4px 5px; text-decoration:none;}
.list_news dd.event {vertical-align:middle; line-height:1.3; width:80px; background:#ffb216; color:#fff; text-align:center; font-size:1.2rem; margin:0 10px; padding:4px 5px; text-decoration:none;}
.list_news dd.casestudy {vertical-align:middle; line-height:1.3; width:80px; background:#14a6e8; color:#fff; text-align:center; font-size:1.2rem; margin:0 10px; padding:4px 5px; text-decoration:none;}
.list_news dd.company {vertical-align:middle; line-height:1.3; width:80px; background:#969696; color:#fff; text-align:center; font-size:1.2rem; margin:0 10px; padding:4px 5px; text-decoration:none;}

.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の綴じ括弧。削除しないでください　*/