@charset "utf-8";
/* CSS Document */


*{margin: 0; padding: 0;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body{background: #000; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}

.clear{clear: both; }



@media only screen and (max-device-width: 480px) {
	
	
#wrap{width: 100%; max-width:1024;}

#main{padding: 0 20px}

#menu{width: 100%; height: 150px; overflow: hidden; background: #111111;}

.menulist{display: block; width: 20%; height: 150px; float: left; text-align: center; color: #FFF; background: #111111; font-size: 35px; line-height: 150px; text-decoration: none}

.menuline{width: 100%; height: 22px; border-bottom: 1px solid #222222; border-top: 1px solid #666666; background:#333333;}

#top_title{width: 100%; height: 80px; color:#FFFFFF; font-size:80px; font-family: "Times New Roman", Times, "serif"; line-height: 80px; margin-top: 30px  }

#top_title span{color: #fff; font-size: 40px; padding-left: 1em; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}

#top_img{width: 100%; }

.name_area{width: 100%; border: 2px solid #333333; height: 120px; color: #ffffff; overflow: hidden }

.juni{display: block; float: left; border-right: 2px solid #333333; text-align: center; font-size: 50px; padding:0 20px; color: #FFB90A; height: 120px; line-height: 110px; width: 20% }

.name{font-size: 40px; float: left; width: 80%; height: 60px; padding-left: 10px;line-height: 60px}

.size{font-size: 30px; padding-left: 10px; float: left; height: 50px; line-height: 50px}

.t_juni{display: block; float: left; border-right: 2px solid #333333; text-align: center; font-size: 40px; padding:0 20px; color: #FFB90A; height: 120px; line-height: 110px; width: 20% }

.t_name{font-size: 30px; float: left; width: 80%; height: 60px; padding-left: 10px;line-height: 60px}

.t_size{font-size: 25px; padding-left: 10px; float: left; height: 50px; line-height: 50px}


.title{widows: 100%; border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 40px; padding: 15px; margin: 30px 0; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: bold}

.h100{clear: both; height: 100px;}

#bottom{width: 100%; height: 250px; background: #000000; margin: 50px 0; border-top: 2px solid #333333;}

#bottom_left {width: 50%; float: left; padding: 20px; text-align: center; font-size: 40px; color: #FFFFFF}

#bottom_right{width: 50%; float: right; padding: 20px}

#right_inner{background: #111111; height: 250px; border-left: 1px solid #999999; border-top: 1px solid #999999; padding: 50px}

.query{width: 100%; height: 35px; font-size: 35px; line-height: 35px; color: #FFFFFF; margin-bottom: 25px}

.query img{margin-right: 10px;}


#fotter{text-align: center; font-size: 20px; color: #fff}

#tel_query{display: block; text-decoration: none}

#pagetop{display: block; width: 100%; text-align: center; height: 150px; line-height: 150px; font-size: 30px; color: #FFFFFF; font-weight: bold; background: #222222; text-decoration: none; border-top: 2px solid #333333;}






}


/*PC用------------------------------------------*/
@media screen and (min-width:1024px) {
	
body{margin: 0; padding: 0; background: #000000}	
	
#wrap{width: 780px; margin: 0 auto; background: #000;}	
	
#main{padding: 0 20px}


#top_title{width: 100%; height: 40px; color:#FFFFFF; font-size:50px; font-family: "Times New Roman", Times, "serif"; line-height: 40px; margin: 30px 0 10px 0  }

#top_title span{color: #fff; font-size: 20px; padding-left: 1em; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}

.name_area{width: 100%; border: 2px solid #333333; height: 60px; color: #ffffff; overflow: hidden }

.juni{display: block; float: left; border-right: 2px solid #333333; text-align: center; font-size: 25px; color: #FFB90A; height: 60px; line-height: 60px; width: 20% }

.name{font-size: 18px; float: left; width: 80%; height: 30px; padding-left: 10px;line-height: 30px; padding-top: 5px}

.size{font-size: 15px; padding-left: 10px; float: left; height: 30px;}

.t_juni{display: block; float: left; border-right: 2px solid #333333; text-align: center; font-size: 20px; color: #FFB90A; height: 60px; line-height: 60px; width: 20% }

.t_name{font-size: 15px; float: left; width: 80%; height: 30px; padding-left: 10px;line-height: 30px; padding-top: 5px}

.t_size{font-size: 12px; padding-left: 10px; float: left; height: 30px; line-height: 30px}


.title{widows: 100%; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 25px; padding: 15px; margin: 30px 0; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: bold}

.h100{clear: both; height: 60px;}

#bottom{display: none}

#bottom_left {width: 50%; float: left; padding: 20px; text-align: center; font-size: 20px; color: #FFFFFF}

#bottom_right{width: 50%; float: right; padding: 20px}

#right_inner{background: #111111; height: 150px; border-left: 1px solid #999999; border-top: 1px solid #999999; padding: 20px}

.query{width: 100%; height: 25px; font-size: 20px; line-height: 25px; color: #FFFFFF; margin-bottom: 10px}

.query img{margin-right: 10px; height: 25px}


#fotter{text-align: center; font-size: 10px; color: #000;}

#tel_query{display: block; text-decoration: none}

#pagetop{display: block; width: 100%; text-align: center; height: 60px; line-height: 60px; font-size: 15px; color: #FFFFFF; font-weight: bold; background: #222222; text-decoration: none; border-top: 2px solid #333333; margin: 20px 0}




}