@charset "UTF-8";

/*AYA　絆
------------------------------------------------------------------------------------------------*/


.clear { clear:both; height:1px; }

body#sukoyaka #contents { padding:0 10px; }
body#sukoyaka #contents h2 { border-left:none; border-bottom:none; padding:0;  }

h2#sukoyakaTitle { width:443px; height:71px; margin:45px 0 24px; padding:0; border:none; } 
h3#sukoyakaStitle { margin:20px 0; padding:0; border:none; } 

#spaceCol { clear:both; position:relative; height:960px; padding:20px 0 0; }

#firstCol {  clear:both; position:relative; height:630px; }
#firstCol #leftCol { width:363px; height:553px; float:left; position:relative; }
#firstCol #leftCol h4#house { position:absolute; top:0; left:0; width:171px; height:15px; padding:0 0 12px; }
#firstCol #leftCol .houseCol { position:absolute; top:40px; left:3px; width:330px; height:299px; border:1px solid #618b94;  }
#firstCol #leftCol .houseCol #fiveLogo { position:absolute; top:203px; left:12px; width:43px; height:43px;   }

#firstCol #leftCol h4#shock { position:absolute; top:371px; left:3px; width:330px; height:15px; padding:0 0 12px; }
#firstCol #leftCol .shockCol { position:absolute; top:398px; left:3px; width:330px; height:188px; border:1px solid #618b94; }
#firstCol #leftCol .shockCol h5#shockSttl {  position:absolute; top:415px; left:15px; width:310px; height:21px; padding:0; margin:0; border:none; }
#firstCol #leftCol .shockCol p#shockText {  position:absolute; top:450px; left:15px; width:310px; padding:0; margin:0; }

#firstCol #rightCol { width:371px; height:553px; float:left; position:relative; }
#firstCol #rightCol h4#possible { position:absolute; top:0; left:0; width:218px; height:32px; padding:0 0 12px; }
#firstCol #rightCol p { position:absolute; top:45px; left:0; width:371px; padding:0; margin:0; }
#firstCol #rightCol .room { position:absolute; top:101px; left:0; width:371px; height:565px; }

#firstCol #ph01 { position:absolute; top:0; left:0; width:358px; height:267px; padding:0 25px 25px 0; }
#firstCol #ph02 { position:absolute; top:88px; left:550px; width:190px; height:332px; padding:0; }
#firstCol #ph03 { position:absolute; top:317px; left:0; width:118px; height:103px; padding:0; }
#firstCol #ttl01 { position:absolute; top:0; left:383px; width:224px; height:36px; }
#firstCol #ttl02 { position:absolute; top:312px; left:266px; width:260px; height:36px; padding:0; }
#firstCol p#first { position:absolute; top:40px; left:383px; width:144px; height:210px; padding:0; }
#firstCol p#second { position:absolute; top:353px; left:134px; width:392px; height:80px; padding:0; }

#secondCol { clear:both; position:relative; }
#secondCol h3#gaze { width:435px; height:16px; margin:0 0 20px; padding:0; }
#secondCol #suggestCol { position:relative; width:750px; height:302px; border:1px solid #618b94; clear:both; }
#secondCol #suggestCol #parts01 { position:absolute; top:20px; left:7px; width:207px; height:251px; }
#secondCol #suggestCol #parts02 { position:absolute; top:20px; left:214px; width:208px; height:251px; }
#secondCol #suggestCol #parts03 { position:absolute; top:20px; left:422px; width:156px; height:264px; }
#secondCol #suggestCol #parts04 { position:absolute; top:20px; left:578px; width:139px; height:251px; }

#spaceCol ul#detailBtn { position:absolute; top:1060px; left:0; width:767px; height:105px; list-style:none; margin:0 0 20px; padding:0; clear:both; }
#spaceCol ul#detailBtn li { width:379px; height:105px; float:left; list-style:none; }


#subNav { float:right; height:34px; margin:11px 0 0 0; }

.subnavi04 {
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px 0 10px 10px;
}