﻿/*　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Main CSS　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/*　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Main CSS　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
body{ margin:0px auto 0px; width:1000px; background-color: #f7f5e5; font-family :Helvetica,'Meiryo','メイリオ',sans-serif;}
/*タイトル部分*/
header{ margin:0px auto 0px; width:1000px; height:273px; background-image:url("img/bg-top-title.png"); box-shadow:5px 0px 7px silver;}

.magician{ position:absolute; margin:60px 0px 0px 800px; width:120px; height:180px;}

/*メイン部分*/
main{ width:1000px; height:1010px; background-image:url("img/bg-top-middle.png");   box-shadow:5px 0px 7px silver; }

/*///////////////////////// 左側情報部分 ///////////////////////////*/
#left {float:left; width:720px; height:950px;}


/*///////////////////////// 最新情報部分 ///////////////////////////*/

#wrap{margin:0px; padding:20px 0px 0px 0px; width:680px; height:1000px; background-color:white;}

.midashi-1{ width:600px; margin:0px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#fff7f7; border-left:25px solid #ff5825; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

.midashi-2{ width:600px; margin:20px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#f2fff4; border-left:25px solid #00c91c; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

.midashi-3{ width:600px; margin:0px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#eff5ff; border-left:25px solid #0468ff; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

.midashi-4{ width:600px; margin:0px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#fff8ed; border-left:25px solid #ffc35a; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

.midashi-5{ width:600px; margin:0px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#fcf3ff; border-left:25px solid #ce37ff; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

.midashi-6{ width:600px; margin:0px 0px 3px 25px; padding:5px 0px 1px 20px; text-align:left; background-color:#e8e2dd; border-left:25px solid #996d46; border-top:1px solid #222; border-bottom:1px solid #222; border-right:1px solid #555; font-size:18px;font-weight:bold; clear:left; border-radius:5px;}

p.text{ margin:10px 15px 0px 30px; font-size:18px;line-height:25px;}
p.text2{ margin:10px 15px 0px 30px; font-size:18px;line-height:25px; clear: left;}

.poster{float:left; margin:10px 20px 30px 85px;}

#link-box{ float:left; height:20px; margin:-20px 10px 10px 30px; padding:2px 12px 6px 18px;border-radius:5px; background-color:#7800ff; font-size:18px; color:white; font-weight:bold; letter-spacing:3px;}
p.link{ margin:-18px 0px 0px 160px;padding:0px 0px 0px 0px; font-size:18px;}
.line{ margin:7px 0px 20px 10px;}


#catch-copy{width:590px; height:40px; margin:20px 0px 5px 100px; padding:0px; background-color:#fff; font-size:34px; color:black;font-weight:bold; letter-spacing:5px; text-shadow:3px 3px 3px #ff7474;}
p.catch-copy-s{position:absolute; margin:-22px 0px 0px 2px; font-size:19px;font-weight:bold;}


/*///////////////////////// 右側情報部分 ///////////////////////////*/
#right {float:left; width:223px; }
.tt-menu { width:120px; height:20px; font-size:18px; font-weight:bold; text-align:center;color:#fff; background-color:#b29375; border-radius:7px; margin:30px 0px 40px 70px; letter-spacing:3px; padding:3px 0px 7px 0px;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);}
.menu2 {margin:20px 0px 10px 40px; width:225px; height:30px;}
.menu-text {font-size:20px;}
.icon{float:left; margin:5px 7px 0px 0px;}

#footer1 { margin:0px auto 0px; width:1000px; height:80px; background-image:url("img/bg-top-bottom.png"); box-shadow:5px 5px 7px silver;  clear:left}


P.last1{ color: #fff; position: absolute; margin:30px 0px 0px 250px; font-size:30px; font-weight:bold; letter-spacing:5px; text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.9);}



/*　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Common CSS　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/*　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Common CSS　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#title { margin:0px auto 0px; width:1000px; height:200px; background-image: url("img/bg-common-top.png")}

#main2{ margin:0px auto 0px; width:930px; border-left:35px #c9bd83 solid; border-right:35px #c9bd83 solid; background-color:white; }

h1 { font-size:50px; font-weight:bold; color:red; letter-spacing:15px; position:absolute; margin:40px 0px 0px 150px; text-shadow: 4px 5px 3px rgba(0, 0, 0, 0.5);}

.nav-text{font-size:20px; position:absolute; margin:130px 0px 0px 80px;}

.main-massage{font-size:20px; padding:0px 40px 30px 50px;}

#footer2 { margin:0px auto 0px; width:1000px; height:90px;}
.last2{text-align:center; color: #fff; position:relative; margin:-62px auto 0px; font-size:30px; font-weight:bold; letter-spacing:5px; text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.9);}


