@charset "utf-8";
@media screen {
/* ここで使用するのはindex.htmlのみ */
#ad_copy h1{
font-size:12px;
color:#666;
text-align:center;
}
#ad_copy p{
color:#666;
text-align:center;
}
#appealpoint{
width:800px;
margin:auto;
padding:0;
text-align:left;
clear:both;
}

#appealpoint ul{
clear:both;
}

#appealpoint li{
margin-right:10px;
float:left;
}

#appealpoint li.end{
margin:0;
}

#mainvisual{
margin-bottom:10px;
}

#mainarea .example{
float:left;
margin-top:10px;
margin-bottom:30px;
}

#mainarea .example #h2outline{
margin-bottom:10px;
width:560px;
height:40px;
background:url(/img/titlebar_examle.gif) no-repeat top left;
}

#mainarea .example #h2outline h2{
float:left;
}

#mainarea .example #h2outline #title_right{
float:right;
}

#mainarea .example #h2outline #title_right img{
padding:12px 10px 0 0;
}

#mainarea .example dl{
width:560px;
clear:both;
font-size:80%;
}

#mainarea .example dt{
width:100px;
height:1em;
float:left;
clear:left;
padding:5px 0 5px 5px;
margin:5px 0;
font-weight:bold;
color:#999;
line-height:1.3;
border-bottom:1px dotted #69F;
}

#mainarea .example dd a{
color:#333;
text-decoration:none;
}

#mainarea .example dd a:hover {
color:#f60;
text-decoration:underline;
}

#mainarea .example dd{
float:left;
width:445px;
height:1em;
padding:5px 0;
margin:5px 0;
color:#333;
border-bottom:1px dotted #69F;
line-height:1.3;
}

#mainarea .banner{
float:right;
margin-top:10px;
margin-bottom:30px;
}
}