@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

section.NEWS	{ width:660px; float:left; margin:30px 0 0 0; padding-bottom:50px; border-top:2px solid #dfd6cd; }
ul.MAIN_MENU li.M_PASSAGE2 a { color:#963; text-decoration:underline; }

.photo { width: 400px; float: left; margin:0px 0 0 10px;}
.top { width: 650px; float: left; margin: 10px 0 0 10px; border: none; background: url(../../img/border.png) 0 100% repeat-x;background-size: 3px 1px; color: #000; padding: 0 0 40px 0; }
.plan { width: 400px; float: left; margin: 10px 0 0 10px;}


.MAIN h2 { width:620px; float:left; margin:5px 0 0 15px; color:#996633; font-weight:bold; font-size:18px; background-image: url("http://passage-apartment.com/about/img/discription.jpg"); background-size: 8px 50px; background-repeat: no-repeat; padding: 5px 0px 5px 44px;}
.MAIN h2.dis { background-image: url("http://passage-apartment.com/img/discription.jpg"); background-size: 33px 33px; background-repeat: no-repeat; padding: 5px 0px 5px 44px;}
.MAIN h2.sta { background-image: url("http://passage-apartment.com/img/station.jpg"); background-size: 33px 33px; background-repeat: no-repeat; padding: 5px 0px 5px 44px;}
.MAIN h2.room { background-image: url("http://passage-apartment.com/img/room.jpg"); background-size: 33px 33px; background-repeat: no-repeat; padding: 5px 0px 5px 44px;}
.MAIN h2.acco { background-image: url("http://passage-apartment.com/img/acco.jpg"); background-size: 33px 33px; background-repeat: no-repeat; padding: 5px 0px 5px 44px;}

.MAIN p	{ width:620px; float:left; margin:0 0 0 60px; font-size:15px; }
.MAIN p.JPN	{ width:630px; float:left; margin:10px 0 20px 30px; font-size:14px; }
.MAIN dl	{ width:620px; float:left; margin:0 0 0 30px; font-size:15px; }
.MAIN dl dt	{ width:80px; float:left; margin:0; }
.MAIN dl dt em	{ margin:0 0 0 5px; color:#996633; font-weight:toptoptopbold; font-size:12px; }
.MAIN dl dd	{ width:510px; float:right; }
.MAIN dl dd a	{ color:#000; text-decoration:underline;}
.MAIN dl dd a:hover	{ text-decoration:none; }
.MAIN dl dd a:active { text-decoration:none; }
.MAIN img.graph { width: 600px; float:left; margin: 20px 0 10px 10px; }
a.next { text-decoration: underline; margin: 0 0 0 0px; color: #000; font-weight: bold;}


section { float:left; padding:10px 0 10px 0; text-align:left; margin: 0 0 0 20px; width:620px}
section.border { border:none; background:url(../../img/border.png) 0 100% repeat-x; background-size:3px 1px; color:#000;}
h1 { width:660px; float:left; padding:10px 0 10px 0; border-bottom:1px solid #dfd6cd; color:#000; text-align:center; font-size:22px; font-family:'Fredericka the Great', cursive; }
h1 em { margin:0 0 0 20px; padding:2px 10px; background:#ff2c72; color:#fff; font-weight:bold; font-size:15px; line-height:1.2em; font-family:"Roboto","Helvetica","Arial",sans-serif; vertical-align:middle; }
h2.about { width:640px; float:left; padding:10px 0 10px 0; border-top:1px solid #dfd6cd; color:#976633; text-align:left; font-size:18px; font-weight: bold; margin: 50px 0 0 10px;}
h2.noborder { width:640px; float:left; padding:10px 0 10px 0; color:#976633; text-align:left; font-size:18px; font-weight: bold; margin: 0px 0 0 10px;}

/*表のスタイル*/
table.DB { border-collapse: collapse; margin: 30px 0 0 10px; width: 600px; border: 3px solid #6f6f6f; }
table.DB td { border: solid 1px; padding: 0.5em; }
table.DB td.RED { border: solid 1px #000; color: #E60012; font-weight: bold;}
table.DB td img { width:100%; height:100%; margin: 6px 0 0 0;}
table.DB tr.title { border: solid 1px; padding: 0.5em; color: #fff; height: 20px; background-color: #000;}
table.DB tr.CLICK { cursor:pointer; }
table.DB tr.CLICK:hover td { color:#963; }
table.DB tr.CLICK:active td { color:#963; }
table.DB tr.CLICK:hover td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
table.DB tr.CLICK:active td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
table.DB tr { height: 90px; }

/*上の表スタイル*/
table.None { border-collapse: collapse; margin: 0px 10px 10px 0px; width: 220px; border: none; float: right;}
table.None td { border: solid 1px; padding: 0.5em; }
table.None tr { border: solid 1px; }
table.None tr.CLICK { cursor:pointer; }
table.None tr.CLICK:hover td { color:#963; }
table.None tr.CLICK:active td { color:#963; }
table.None tr.CLICK:hover td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
table.None tr.CLICK:active td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }





@media screen and (max-width: 740px){

  .photo { width: 96%; float: left; margin:0px 0 0 2%;}
  .top { width: 96%; float: left; margin: 10px 0 0 2%;}
  .plan { width: 96%; float: left; margin: 10px 0 0 2%;}

  h1 { width:96%; float:left; padding:10px 0 2% 0; border-bottom:1px solid #dfd6cd; color:#000; text-align:center; font-size:22px; font-family:'Fredericka the Great', cursive; }
  h2.about { width:100%; float:left; padding:10px 0 10px 0; border-top:1px solid #dfd6cd; color:#976633; text-align:center;; font-size:18px; font-weight: bold; margin: 0px 0 0 0px;}
  h2.noborder { width:100%; float:left; padding:10px 0 10px 0; color:#976633; text-align:center; font-size:18px; font-weight: bold; margin: 0px 0 0 0px;}
  img.top	{ width:96%; float:left; clear:none; margin: 0 2% 0 2%;}
  section { width:96%; float:left; padding:10px 0 10px 0; text-align:left; margin: 0 0 0 2%; }
  .MAIN img.graph { width: 100%; float:left; margin: 10px 0 10px 0px; }

  /*表のスタイル*/
  table.DB { border-collapse: collapse; margin: 10px 0 0 0px; width: 100%; border: 3px solid #6f6f6f;}
  table.DB td { border: solid 1px; padding: 0.5em; }
  table.DB td img { width:100%; height:auto; margin: 6px 0 0 0;}
  table.DB tr.title { border: solid 1px; padding: 0.5em; color: #fff; height:auto; background-color: #000;}
  table.DB tr { height: auto; }

  /*上の表スタイル*/
  table.None { border-collapse: collapse; margin: 10px 2% 0px 0px; width: 96%; border: none; float: right;}
  table.None td { border: solid 1px; padding: 0.5em; }
  table.None tr { border: solid 1px; }
  table.None tr.CLICK { cursor:pointer; }
  table.None tr.CLICK:hover td { color:#963; }
  table.None tr.CLICK:active td { color:#963; }
  table.None tr.CLICK:hover td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
  table.None tr.CLICK:active td img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }

section.NEWS	{ width:100%; margin:30px 0 0 0; padding-bottom:50px; }

.slider	{ width:100%; }
.slider ul li	{ width:100%; }
.slider ul li img	{ width:100%; height:auto; }
.slider .slider-arrows	{ width:100%; }

.MAIN h2	{ width:95%; margin:5px 0 0 2.5%; font-size:18px; }
.MAIN p	{ width:95%; margin:0 0 0 2.5%; font-size:15px; }
.MAIN p.JPN	{ width:95%; margin:10px 0 20px 2.5%; font-size:14px; }
.MAIN dl	{ width:95%; float:left; margin:0 2.5% 0 2.5%; border-bottom:1px dotted #ccc; font-size:15px; }
.MAIN dl dt	{ width:100%; }
.MAIN dl dd	{ width:100%; }

}