@charset "Shift_JIS";

body#howto { background-color: red; line-height: 1.8; }

div.crmnyFrame { width: 800px; margin: 8px auto; background-color: red; border: solid 5px white; padding: 4px; }
div.crmnyFrameIN { background: white url(../images/ceremony_bg_logo_top.png) left top no-repeat; }
div.crmnyFrameIN2 { background: url(../images/ceremony_bg_logo_btm.png) right bottom no-repeat; }

div.howtoHead { padding: 15px 0 0;  }
div.howtoHead p.howtoTit { float: left; padding-left: 10px; margin-top: 35px; width: 414px; }
div.howtoHead div.crmnyLogo { float: right; width: 296px; }
div.howtoHead div.crmnyLogo p.logo { padding-right: 20px; }
div.howtoHead div.crmnyLogo p.time { padding-top: 12px; }

div.crmnyCont { padding: 0 20px 0; }


div.newsFoot { padding: 30px 5px 5px; }

div.crmnyCont div.newsUnit { margin-top: 30px; border: solid 1px #ccc; padding: 10px 15px; position: relative; }

div.crmnyCont div.newsUnit p.date { color: red; }
div.crmnyCont div.newsUnit div.title { padding: 5px 10px; background-color: #eee; color: red; font-weight: bold; font-size: 15px; margin-top: 5px; }
div.crmnyCont div.newsUnit div.cont { padding: 20px 10px; }
div.crmnyCont div.newsUnit p.signature { margin-top: 10px;  text-align: right; }

div.crmnyCont div.specBox { border: dashed 1px red; padding: 15px; margin: 20px 0 0; width: 360px; }
:root div.crmnyCont div.specBox { width: auto; display: table; }

div.crmnyCont div.howtoBox1 { background: url(../images/howto_bg_ino.png) right bottom no-repeat; padding-top: 30px; padding-right: 210px; min-height: 270px; _height: 270px; }
div.crmnyCont div.howtoBox2 { background: url(../images/howto_bg_ino2.png) left bottom no-repeat; padding-top: 60px; padding-left: 180px; min-height: 300px; _height: 300px; }
div.crmnyCont div.howtoBox3 { margin-top: 30px; }
p.inosign { text-align: right; margin-top: 15px; }