@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_ABOUT a { color:#963; text-decoration:underline; }

.slider	{ width:660px; float:left; position:relative; }
.slider ul	{ float:left; }
.slider ul li	{ width:660px; float:left; clear:none; }
.slider ul li img	{ width:660px; height:450px; float:left; clear:none; }
.slider .slider-arrows	{ width:660px; height:20px; float:left; clear:none; margin-top:-10px; position:absolute; top:50%; z-index:10; }
.slider .slider-arrows a.slider-arrow	{ width:20px; height:20px; float:left; background:#000 no-repeat 50%; background-size:5px; }
.slider .slider-arrows a.slider-arrow--right	{ float:right; background-image:url(../../img/arrow_wn.png); }
.slider .slider-arrows a.slider-arrow--left	{ float:left; background-image:url(../../img/arrow_wp.png); }
.slider .slider-arrows a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
.slider .slider-arrows a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }


.MAIN h3 { 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 h3.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 h3.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 h3.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 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:bold; 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; }

.BORDER	{ width:auto; float:left; padding:0 0 5px 0; border:none; background:url(../img/border.png) 0 100% repeat-x; background-size:3px 1px; color:#000; text-align:center; font-size:22px; font-family:'Fredericka the Great', cursive; }
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; }
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: 10px 0 0 30px;}
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 30px;}
img.top	{ width:600px; float:left; clear:none; margin: 0 30px 0 30px;}
section { float:left; padding:10px 0 10px 0; text-align:left; margin: 0 0 0 20px; width:620px;}
.TOP a { float:left; }
.TOP a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
.TOP a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }



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

h1 { width:100%; 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; }
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:100%; float:left; padding:10px 0 10px 0; text-align:left; margin: 0 0 0 2%; }

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

.MAIN h3	{ width:95%; margin:5px 0 0 2.5%; font-size:16px; }
.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%; }

}