@charset "UTF-8";



.icon_logo_download_list li a, .screenshot_download_list li a{ 
	font-weight: normal;
	color: blue;
	text-decoration: underline
 }
 .icon_logo_download_list li a:hover {
	 color: navy
 }
 .screenshot_download_list li a:hover {
	 color: navy
 }
 
 /* ↓↓ 掲載成果 始まり ↓↓ */
 .achievement {
	 padding: 15px 20px;
	 background-color: #e3ddd5;
	 margin-bottom: 40px
 }
 .achievement h3 {
	 text-align: center;
	 padding-left: 8px;
	 border-left: 8px solid #cd0000;
	 margin-bottom: 12px
 }
 .achievement ul {
	 padding-left: 26px
 }
 .achievement li {
	 color: #444444;
	 margin-bottom: 5px
 }
 .achievement li span {
	 margin-bottom: 10px;
	 font-size: 0.8em
 }
 /* ↑↑ 掲載成果 終わり↑↑ */
 
 /* ↓↓ アイコンダウンロード 始まり ↓↓ */
 .icon_logo_column {
	 margin-bottom: 40px
 }
 .icon_logo_img {
	 text-align: center;
	 margin-bottom: 20px
 }
 .icon_logo_img img {
	 width: 128px;
	 height: 128px;
 }
 .icon_logo_download_list {
	 margin-bottom: 10px
 }
 .icon_logo_download_list li {
	 	text-align: center
 }
 .icon_logo_name {
	 margin-bottom: 10px;
	 text-align: center
 }
 /* ↑↑ アイコンダウンロードビ 終わり↑↑ */
 	
 /* ↓↓ スクリーンショットダウンロード 始まり ↓↓ */
 .screenshot_column {
	 margin-bottom: 40px
 }
 .screenshot_img {
	 text-align: center;
	 margin-bottom: 20px
 }
 .screenshot_img img {
	 width: 160px;
	 height: auto
 }
 .screenshot_download_list {
	 margin-bottom: 10px
 }
 .screenshot_download_list li {
	 text-align: center
 }
 .screenshot_name {
	 text-align: center
 }
 /* ↑↑ スクリーンショットダウンロード 終わり↑↑ */
 
 @media (min-width : 480px) {
	/* ↓↓ 掲載成果 始まり ↓↓ */
 
	.achievement h3 {
	 	text-align: left;
 	}
 
 	/* ↑↑ 掲載成果 終わり↑↑ */
}


 @media (min-width : 768px) {
 
 	/* ↓↓ アイコンダウンロード 始まり ↓↓ */
 	.icon_logo_row:after {
	 	content: "";
	 	display: block;
	 	clear: both
 	}
 	.icon_logo_box {
	 	float: left;
	 	width: 29%;
	 	margin-left: 2%;
	 	margin-right: 2%;
	 	margin-bottom: 40px
 	}
 	.icon_logo_column {
	 	border: 2px solid #b1b1b1;
	 	
	 	-moz-box-sizing: border-box;
	 	-webkit-box-sizing: border-box;
	 	box-sizing: border-box
 	}
 	.icon_logo_name {
	 	margin-bottom: 5px;
	 	text-align: left
 	}
 	/* ↑↑ アイコンダウンロード 終わり↑↑ */
 	
 	/* ↓↓ スクリーンショットダウンロード 始まり ↓↓ */
 	
 	.screenshot_row:after {
	 	content: "";
	 	display: block;
	 	clear: both
 	}
 	.screenshot_box {
	 	float: left;
	 	width:29%;
	 	margin-left: 2%;
	 	margin-right: 2%;
	 	margin-bottom: 40px
 	}
 	.screenshot_column {
	 	border: 2px solid #b1b1b1;
	 	
	 	-moz-box-sizing: border-box;
	 	-webkit-box-sizing: border-box;
	 	box-sizing: border-box
 	}
 	.screenshot_name {
	 	margin-bottom: 5px;
	 	text-align: left
 	}
 	/* ↑↑ スクリーンショットダウンロード 終わり↑↑ */
 }