@charset "UTF-8";

/* structure
----------------------------- */
div#container{
margin:0 auto;
text-align:left;
width:760px;
}
div#content, div#footer{clear:both;}


/* base
----------------------------- */
/* reset */
body,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,th,td,address{ 
font-size:100%;
line-height:1.4;
margin:0;
padding:0;
}

body{
color:#000;
background:#7c7d7c url("/moire-magic/images/bg.png") repeat-x;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
font-size:16px;
text-align:center;
}
*html body{font-size:medium;}
address{font-style:normal;}

h1,h2,h3,h4,h5{margin-bottom:0.5em;}
li,dt,dd{line-height:1.6;margin-bottom:0.2em;}
dt, dd{font-size:75%;}
dt{font-weight:bold;}
dd{margin-bottom:1em;}
table{border-collapse:collapse;}
th,td{
border:1px solid #b3b3b3;
font-size:80%;
padding:0.5em 1.2em;
}
th{text-align:left;}
p{font-size:90%;line-height:1.6;margin-bottom:1em;}
ul{margin:0 1.5em 0.5em;}
ol{margin:0 1.5em 0.5em 1.8em;}
li li{font-size:100%;}
address{font-style:normal;}
a{color:#333;}
a img{border:none;}
img{border:none;}

/* clearfix */
.clearfix, #contents, .voice{ /zoom : 1; }
.clearfix:after, #contents:after, .voice:after{ content : ''; display : block; clear : both; }



/* #header
----------------------------- */
#header-name, #nav{float:left;}
#nav-home{float:right;}
#header-name{
font-size:140%;
letter-spacing:0.1em;
margin:0 0 0 -15px;
padding:10px 0 3px;
}
#header-name a{text-decoration:none;color:#c90;}
ul#nav{
list-style-type:none;
margin:32px 0 10px;
padding:0;
text-align:right;
}
ul#nav li{
float:left;
margin:0;
padding:0;
}
ul#nav li a{
display:block;
float:left;
height:20px;
text-decoration:none;
}
ul#nav li a.current{background:#6f6f6f;}


/* #footer
----------------------------- */
#footer{background:#fff}
#footer-content{padding-bottom:5px;padding-top:30px;}
#footer-info{
border-top:1px solid #b3b3b3;
margin:20px 40px 0;
padding:15px 0;
}
#footer-info p{float:left;font-size:75%;width:360px;}
#copyright{float:right;font-size:65%;text-align:right;width:320px;}
#banner{width:310px;}
#banner img{margin-bottom:20px;}
#footer dl{width:335px;}


/* #contents
----------------------------- */
#contents{background:#fff}
.w680{padding:0 40px 20px;}
#headline{border-bottom:1px solid #b3b3b3;margin:0 40px 10px;padding:25px 0 5px;}
#contents a{color:#666;}
.left{float:left;}
.right{float:right;}
.td-r{text-align:right;}
.td-c{text-align:center;}

/* .top
----------------------------- */
#feature{height:388px;margin-bottom:30px;overflow:hidden;padding:1px 0 0 1px;}
#lead{background:url("/moire-magic/images/top-bg.png") no-repeat 1px bottom;}
#lead p{float:right;width:387px;}
#about{background:#E0DBD1;margin:0 1px;padding:40px 39px 5px;}
#about div{padding:25px 0;}

/* .lineup
----------------------------- */
#scene{background:#E0DBD1;margin:5px 40px 20px;}
#scene h2{padding:15px 55px 0 50px;}
#scene3{margin:0 30px 10px 0;width:500px;}
#scene3 div{padding:15px 0 20px;}
#scene3 .scenephoto{padding:0 20px;}
#size-l .right{padding-top:28px;}
.spec{float:right;width:380px;}
#color img.left{margin-left:15px;}
#color table{font-size:85%;margin:20px 0 10px;width:380px;}
#color #color1{padding-top:10px;}

/* .business
----------------------------- */
.business #headline{margin-bottom:15px;}
.business #headline p{font-size:80%;padding-top:0.1em;}
.business #contents{padding-bottom:20px;}
.business h2{background:#4d4d4d;color:#fff;font-size:105%;margin-top:0;padding:0.3em 0.8em 0.2em;}
.business h3{border-top:1px solid #b3b3b3;font-size:95%;margin-top:25px;padding-top:25px;}
.business h4{font-size:80%;margin-top:0.8em;}
.business h5{font-size:80%;margin-top:1em;}
.business #contents p, .business #contents h4, .business #contents h5, .business #contents dl{margin-left:20px;}
.business table{margin:0.5em 0 25px 20px;}
table.attention{margin-bottom:15px;width:660px;}
table.attention td{padding-top:1em;}
.business #contents ul{font-size:80%;margin-left:3.5em;}
.business caption{font-size:75%;font-weight:bold;text-align:left;}
.business #contents td ul{font-size:100%;margin:0 0 0.5em 1.2em;}
#flow{margin-top:70px;}
.business h3.flow, .business h3.flow1{border-top:none;margin-top:15px;padding-top:0;}
.business h3.flow{font-size:105%;margin:1.6em 0 10px;}
.business #contents p.note{font-size:75%;}
.business #footer-content{border-top:1px solid #b3b3b3;margin:0 40px;padding:40px 20px 25px;}
.business #footer-content p{margin-bottom:0.8em;}
.business .contact{margin-top:40px;}

.business #booth{margin-bottom:40px;}
.business #booth img{margin-bottom:10px;}
.business #contents #booth p{margin-left:0;}


/* IE
----------------------------- */
*html #feature{width:758px;}
*html #about{margin:0;}
*html #scene3{margin:0 15px 10px 0;}