@charset "utf-8";

div#mainImage { padding: 0 0 20px 0; background: url(../../images/index/mainBack.png) center 50px no-repeat; text-align: center; }
div#house h2 { margin: 0; padding: 0; }
div#house h3 { margin: 0 auto 24px auto; padding: 0 0 0 22px; width: 838px; height: 52px; background: url(../../images/common/h3.gif) repeat-y; color: #53381e; font-size: 150%; line-height: 52px; }

div#alpha {}
div#alpha strong { margin: 0 auto 12px auto; padding: 0 0 5px 2px; width: 818px; background: url(../images/line.gif) bottom no-repeat; color: #55381e; font-size: 120%; display: block; }
div#alpha dl { margin: 0 auto; padding: 0; width: 820px; }
div#alpha dl dt { margin: 0; padding: 0; width: 580px; float: left; }
div#alpha dl dt p { margin: 0 32px 0 2px; padding: 0 0 1.5em 0; }
div#alpha dl dt p.tokunaga { margin: 0 32px 1.5em 0; padding: 0 175px 0 0; height: 34px; text-align: right; line-height: 34px; background: url(../images/tokunaga.gif) right center no-repeat; }
div#alpha dl dd { margin: 0; padding: 0; width: 240px; float: left; }

div#beta {}
div#beta .primary { margin: 0 auto; width: 820px; background: url(../images/supportPrimary.gif) 0 center no-repeat;}
	.clearfix::after{
   content: "";
   clear: both;
   display: block;
}
div#beta .primary ul { margin: 0; padding: 0; list-style: none; }
div#beta .primary ul li { padding: 0 0 0 50px; }
div#beta div#primary ul li.primary01 { background: url(../images/arrowTopPrimary.gif) 0 top no-repeat; }
div#beta div#primary ul li.primary01 strong { background: url(../images/title01.gif); }
div#beta div#primary ul li.primary02 strong { background: url(../images/title02.gif); }
div#beta div#primary ul li.primary03 strong { background: url(../images/title03.gif); }
div#beta div#primary ul li.primary04 strong { background: url(../images/title04.gif); }
div#beta div#primary ul li.primary05 { background: url(../images/arrowBottomPrimary.gif) 0 bottom no-repeat; }
div#beta div#primary ul li.primary05 strong { background: url(../images/title05.gif); }
div#beta div#primary ul li strong { padding: 0 0 0 53px; height: 36px; color: #09c; font-size: 120%; line-height: 40px; display: block; }
div#beta div#primary ul li p { margin: 10px 0; padding: 0 0 0 53px; }
div#beta div#primary ul li p.arrow { margin: 8px 0 8px 69px; padding: 0; width: 32px; height: 15px; background: url(../images/arrow.gif) no-repeat; }
div#beta div#primary ul li dl { margin: -26px 0 0 0; padding: 0; }
div#beta div#primary ul li dl dt { margin: 0; padding: 36px 0 0 53px; width: 517px; float: left; }
div#beta div#primary ul li dl dt p { margin: 10px 0 30px 0; padding: 0; }
div#beta div#primary ul li dl dt p.arrow { margin: 8px 0 8px 16px; }
div#beta div#primary ul li dl dd { margin: 0; padding: 0; width: 200px; float: left; }
div#beta div#secondary { margin: 0 auto; width: 820px; background: url(../images/supportSecondary.gif) 0 center no-repeat; }
div#beta div#secondary ul { margin: 0; padding: 0; list-style: none; }
div#beta div#secondary ul li { padding: 0 0 0 50px; }
div#beta div#secondary ul li.secondary01 { background: url(../images/arrowTopSecondary.gif) 0 top no-repeat; }
div#beta div#secondary ul li.secondary01 strong { background: url(../images/title06.gif); }
div#beta div#secondary ul li.secondary02 strong { background: url(../images/title07.gif); }
div#beta div#secondary ul li.secondary03 strong { background: url(../images/title08.gif); }
div#beta div#secondary ul li.secondary04 strong { background: url(../images/title09.gif); }
div#beta div#secondary ul li.secondary05 strong { background: url(../images/title10.gif); }
div#beta div#secondary ul li.secondary06 strong { background: url(../images/title11.gif); }
div#beta div#secondary ul li.secondary07 strong { background: url(../images/title12.gif); }
div#beta div#secondary ul li.secondary08 strong { background: url(../images/title13.gif); }
div#beta div#secondary ul li.secondary09 strong { background: url(../images/title14.gif); }
div#beta div#secondary ul li.secondary10 strong { background: url(../images/title15.gif); }
div#beta div#secondary ul li.secondary11 { background: url(../images/arrowBottomSecondary.gif) 0 bottom no-repeat; }
div#beta div#secondary ul li.secondary11 strong { background: url(../images/title16.gif); }
div#beta div#secondary ul li strong { padding: 0 0 0 53px; height: 36px; color: #f30; font-size: 120%; line-height: 40px; display: block; }
div#beta div#secondary ul li p { margin: 10px 0; padding: 0 0 0 53px; }
div#beta div#secondary ul li p.arrow { margin: 8px 0 8px 69px; padding: 0; width: 32px; height: 15px; background: url(../images/arrow.gif) no-repeat; }
div#beta div#secondary ul li dl { margin: -26px 0 0 0; padding: 0; }
div#beta div#secondary ul li dl dt { margin: 0; padding: 36px 0 0 53px; width: 517px; float: left; }
div#beta div#secondary ul li dl dt p { margin: 10px 0 30px 0; padding: 0; }
div#beta div#secondary ul li dl dt p.arrow { margin: 8px 0 8px 16px; }
div#beta div#secondary ul li dl dd { margin: 0; padding: 0; width: 200px; float: left; }

.primary img {
    float: left;
    width: 30%;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
	
	div#mainImage img { width: 100%; height: auto;}
div#house h2 { margin: 0; padding: 0; }
div#house h3 { font-size: 1.2em; padding: 5px 0 5px 20px; line-height: 1.5; width: 95%; height: auto;}

div#alpha {}
div#alpha strong { margin: 0 auto 12px auto; padding: 0 0 5px 2px; width: 100%; background: url(../images/line.gif) bottom no-repeat; color: #55381e; font-size: 120%; display: block; }
div#alpha dl { margin: 0 auto; padding: 0; width: 98%; }
div#alpha dl dt { margin: 0; padding: 0; width: 100%; float: none; }

div#alpha dl dt p { margin: 0 32px 0 2px; padding: 0 0 1.5em 0; }
div#alpha dl dt p.tokunaga { margin: 0 32px 1.5em 0; padding: 0 175px 0 0; height: 34px; text-align: right; line-height: 34px; background: url(../images/tokunaga.gif) right center no-repeat; }
div#alpha dl dd { margin: 0; padding: 0; width: 240px; float: right; }
	div#beta .primary { margin: 0 auto; width: 95%; }
	div#beta div#primary ul li dl dt { margin: 0; padding: 36px 0 0 53px; width: 80%; float: none; }
	div#beta div#secondary ul { margin: 0; padding: 0 0 50px; list-style: none; }
	div#beta div#primary ul li dl dd { margin: 0 auto 30px; padding: 0; float:none; }
	div#beta div#secondary { margin: 0 auto; width: 95%; }
	div#beta div#secondary ul li dl dt { margin: 0; padding: 36px 0 0 53px; width: 80%; float: none; }
	div#beta div#secondary ul li dl dd { margin: 0 auto 30px; padding: 0;  float: none; }
	.primary img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
}