@charset "UTF-8";
@import "../../../css/style.css";

div#contents ul.list { margin: 0 0 20px 0; padding: 0; width: 730px; list-style: none; }
div#contents ul.list li { margin: 0 20px 0 0; padding: 10px 0; width: 345px; border-bottom: dotted 1px #eee; float: left; }
div#contents ul.list dl { margin: 0; padding: 0; }
div#contents ul.list dt { margin: 0; padding: 0; width: 85px; float: left; }
div#contents ul.list dt img { vertical-align: top; }
div#contents ul.list dd { margin: 0; padding: 5px 0 0 0; width: 260px; float: left; }
div#contents ul.list dd a { font-weight: 700; }
div#contents ul.list dd p { margin: 0; padding: 0; }

div#contents strong.copy { margin: 20px 0 0 0; font-size: 140%; display: block; }

div#contents ul.images { margin: 0; padding: 0; width: 735px; list-style: none; }
div#contents ul.images li { margin: 0 25px 0 0; width: 220px; float: left; }
div#contents ul.images li img { margin: 0 0 10px 0; max-width: 220px; height: auto; vertical-align: top; }
div#contents ul.images li p { margin: 0; padding: 0; }


div#contents table { width: 100%; border-collapse: collapse; }
div#contents tbody th { padding: 10px; background: #f3f2e7; border: solid 1px #e1e0d6; }
div#contents tbody td { padding: 10px 20px; border: solid 1px #e1e0d6; }
div#contents tbody td p { margin: 0; padding: 0; }




/* -------------------------
以下はスマートフォン用のCSS
------------------------- */
@media screen and (max-width : 736px) {

div#contents ul.list { width: 100%; }
div#contents ul.list li { width: 100%; float: none; }
div#contents ul.list dd { width: 215px; }

/*
div#contents ul.list { margin: 0 0 20px 0; padding: 0; width: 730px; list-style: none; }
div#contents ul.list li { margin: 0 20px 0 0; padding: 10px 0; width: 345px; border-bottom: dotted 1px #eee; float: left; }
div#contents ul.list dl { margin: 0; padding: 0; }
div#contents ul.list dt { margin: 0; padding: 0; width: 85px; float: left; }
div#contents ul.list dt img { vertical-align: top; }
div#contents ul.list dd { margin: 0; padding: 5px 0 0 0; width: 260px; float: left; }
div#contents ul.list dd a { font-weight: 700; }
div#contents ul.list dd p { margin: 0; padding: 0; }
*/

div#contents ul.images { width: 100%; }
div#contents ul.images li { margin: 0 0 10px 0; width: 100%; text-align: center; float: none; }


div#contents table { border-bottom: solid 1px #e1e0d6; }
div#contents tbody th { padding: 5px; width: 100%; border-width: 1px; display: block; box-sizing: border-box; }
div#contents tbody td { padding: 5px 10px; width: 100%; border-width: 0 1px; display: block; box-sizing: border-box; }


}