@charset "shift_jis";

BODY {width: 90%;  max-width:640px; margin:0 auto; background-color:rgb(252,232,252); }
.navi    {position: relative; top:  0px; left: 10px; width:640px; height:120px}
.title   {position: relative; top:  0px; left: 10px; width:640px; height:140px}
.camera  {margin:0 auto; position: relative; top: 0px; left: 10px; width:640px;}
.adv {position: relative; top: 0px; left:0px; width:640px; }

.navi    {background-color:rgb(255,255,220)}
.adv     {background-color:rgb(255,255,220)}
.title   {background-color:rgb(255,255,255)}
.camera  {background-color:rgb(255,240,220)}

.navi     P {padding:1em; font: normal normal 10pt HGŠÛºÞ¼¯¸M-PRO,‚l‚r ƒSƒVƒbƒN,ƒSƒVƒbƒN}

.title  H1 {padding-top: 10pt; margin-right:20pt; color:rgb(144,  8,240); text-align:right; font: italic bold 20pt Arial, Century Gothic, ‚l‚r ƒSƒVƒbƒN,ƒSƒVƒbƒN}
.title  H2 {margin-right:20pt; color:rgb(168, 96,  8); text-align:right; font: normal normal 12pt Arial, Century Gothic, ‚l‚r ƒSƒVƒbƒN,ƒSƒVƒbƒN}
.title  H3 {margin-right:20pt; color:rgb(  0,  0,  0); text-align:right; font: italic normal 10pt Century, ‚l‚r –¾’©,–¾’©}
.title IMG {float:left; }
.title   P {color:rgb(  0,  0,  0); text-align:right; margin-left:20pt; margin-right:20pt; font: normal normal 10pt ‚l‚r –¾’©,–¾’©}

.camera  H1 {padding-top:10pt; margin-left:12pt; color:rgb(255, 70, 50); text-align:left; font: italic bold 12pt Arial, Century Gothic, ‚l‚r ƒSƒVƒbƒN,ƒSƒVƒbƒN}
.camera  H6 {border-width:0; background-color:rgb(222,222,255); text-align:center; font: normal normal 10pt ‚l‚r ƒSƒVƒbƒN,ƒSƒVƒbƒN}
.camera   P {color:rgb(  0,  0,  0); text-align:left; margin-left:20pt; margin-right:20pt; font: normal normal 10pt ‚l‚r –¾’©,–¾’©; line-height:15pt}