body{ width:98%; height:80em; margin:0; position:relative; margin:1%; } .title { width:25%; display:inline-block; height:100%; margin:0; background-color:#5F9EA0; position:relative; font-family:serif; color:white; } .title p{ writing-mode:vertical-rl; position:absolute; top:1em; right:0.5em; font-size:4ex; margin:0; } .title h1 { writing-mode:vertical-rl; position:absolute; top:1em; right:1em; font-size:9ex; margin:0; } .main { width:75%; margin:0; position:absolute; left:25%; top:0; } img{ width:100%; } .setsume{ font-size:2px; position:absolute; display:inline-block; top:475em; right:2em; } .gaiyo{ margin:1% 1% 0 3%; } .kikan .title{ background-color:#5F9EA0; color:white; width:20%; text-align:center; font-size:23px; font-family:sans-serif; margin-right:1em; } .kikan{ font-weight: bold; } .kikan spen{ font-family:serif; font-size:25px; } .kikan .day{ font-size:30px; } .event{ margin:0; position:relative; } .event-box{ width:18%; margin:1%; height:100%; border:solid 2px #5F9EA0; } .event-box p{ margin:0 auto; text-align:center; font-weight: bold; color:#5F9EA0; } .event-box div{ padding:2em 0; } .event ul{ position:absolute; left:10em; list-style-type: square; } .tyui{ display:inline-block; position:absolute; left:140em; font-size:1px; top:100em; } ul{ display:inline-block; font-size:14px; width:95%; padding:0; top:0; left:20%; padding-left:2em; margin:0; margin-bottom:1px; } li div { margin-left:1em; display:inline-block; } li p{ margin:0; } .box-left{ display:inline-block; margin:0; width:60%; } .box-left h2{ font-size:12px } .box-left p{ font-size:5px; } .box-left .post{ font-size:2px; } .box-left .URL{ font-size:1px; } .box-left h2 { font-family:serif; font-size:25px; margin:0; } h2 spen{ font-size:30px; } .fuji{ border:solid 1px #696969; text-align:center; } .box-right{ display:inline-block; margin:0; width:39%; } .box-right ul{ font-size:2px; list-style-type:none; }