/* Device_PC(Desktop) PC用CSS */
#container{position: absolute; width:100%; height: 800px; z-index: 1; top: 0px; left:0px; background-color:#ffffff; overflow:hidden;}
#titlePC{ position: absolute; width: 300px; height: 102px; z-index: 1; top: 40px; left:50%; margin-left:-150px; text-align: center;
 font-size:20px; font-weight: bold;}
#titleTablet{display:none;}
#titleMobile{ display:none;}
#titlePC span{ color:#ff0000;}
#devicemonitor{position: absolute; width: 140px; height: 300px; z-index: 1; top:165px;left:50%; margin-left:-70px; text-align: center;
line-height:1.2; font-size:14px;} 
.mobile,.tablet,.desk,.port,.land,.ios,.iphone,.ipad,.ipod,.android,.blackberry,.windows,.fxos,.meego {color: #565655; left:-100px;}
.md{color:#00FF00; line-height:1.5;}/*Your system*/
.mobile .mobile,
.tablet .tablet,
.desktop .desk,
.portrait .port,
.landscape .land,
.ios .ios,
.iphone .iphone,
.ipad .ipad,
.ipod .ipod,
.android .android,
.blackberry .blackberry,
.windows .windows,
.fxos .fxos, 
.meego .meego {background: green; color: #FFF;}
#rtnbtn{position: absolute; width: 230px; height: 25px; z-index: 2; top: 487px; left:50%; margin-left:-115px; font-size:16px;
 text-align: center; background-color:#ffd100; padding:7px;}
/* Device_Tablet タブレット用CSS */
#container{position: absolute; width:100%; height: 900px; z-index: 1; top: 0px; left:0px; background-color:#ffffff; overflow:hidden;}
#titlePC{ display:none;}
#titleTablet{position: absolute; width: 300px; height: 102px; z-index: 4; top: 82px; left:42%; margin-left:-150px; text-align: center;
 font-size:20px; font-weight: bold;}
#titleMobile{ display:none;}
#titleTablet span{ color:#ff0000;}
#devicemonitor{position: absolute; width: 140px; height: 452px; z-index: 3; top:71px;left:63%; margin-left:-70px; text-align: center;
line-height:1.8; font-size:14px;} 
.mobile,.tablet,.desk,.port,.land,.ios,.iphone,.ipad,.ipod,.android,.blackberry,.windows,.fxos,.meego {color: #565655; left:-100px;}
.md{color:#00FF00; line-height:0.7;}
.mobile .mobile,
.tablet .tablet,
.desktop .desk,
.portrait .port,
.landscape .land,
.ios .ios,
.iphone .iphone,
.ipad .ipad,
.ipod .ipod,
.android .android,
.blackberry .blackberry,
.windows .windows,
.fxos .fxos, 
.meego .meego {background: green; color: #FFF;}
#rtnbtn{position: absolute; width: 230px; height: 25px; z-index: 2; top: 470px;left:42%; margin-left:-115px; font-size:16px; 
 text-align: center; background-color:#ffd100; padding:7px;}
/*landscape */
.landscape #titleTablet{ left:42%; }
.landscape #devicemonitor{ top:71px;left:63%;} 
.landscape #rtnbtn{ top: 470px;left:42%;}
/*portrait*/
.portrait #titleTablet{ left:50%; }
.portrait #devicemonitor{ top:197px;left:50%;} 
.portrait #rtnbtn{ top: 695px;left:50%;}
/* Device_Mobile スマホ用CSS */
#container{position: absolute; width:100%; height:120%; z-index: 1; top: 0px; left:0px; background-color:#ffffff; overflow:hidden;}
#titlePC{position: absolute; width: 300px; height: 100px; z-index: 1; top: 23px; left:45%; margin-left:-150px; text-align: center;
 font-size:18px; font-weight: bold; }
#titleTablet{ display:none;}
#titleMobile{ display:none;}
#titleMobile span{ color:#0001ff;}
#devicemonitor{position: absolute; width: 140px; height: 285px; z-index: 3; top:24px;left:61%; margin-left:-70px; text-align: center;
line-height:1.2; font-size:14px;} 
.mobile,.tablet,.desk,.port,.land,.ios,.iphone,.ipad,.ipod,.android,.blackberry,.windows,.fxos,.meego {color: #565655; left:-100px;}
.md{color:#00FF00; line-height:1.5;}
.mobile .mobile,
.tablet .tablet,
.desktop .desk,
.portrait .port,
.landscape .land,
.ios .ios,
.iphone .iphone,
.ipad .ipad,
.ipod .ipod,
.android .android,
.blackberry .blackberry,
.windows .windows,
.fxos .fxos, 
.meego .meego {background: green; color: #FFF;}
#rtnbtn{position: absolute; width: 230px; height: 25px; z-index: 2; top:187px;left:44%; margin-left:-115px; font-size:16px;
 text-align: center; background-color:#ffd100; padding:7px;}
/*landscape */
.landscape #titleMobile{ top: 23px; left:5%;margin-left:0px;}
.landscape #titleMobile span{ color:#0001ff;}
.landscape #devicemonitor{ top:24px;left: auto;margin-left:0px; right:10% } 
.landscape #rtnbtn{ top:187px;left:4%;margin-left:0px; }
/*portrait*/
.portrait #titleMobile{ top: 20px; left:50%;}
.portrait #titleMobile span{ color:#0001ff;}
.portrait #devicemonitor{ top:120px; right:auto; left:50%;} 
.portrait #rtnbtn{ top:415px;left:50%; }