@charset "utf-8";
/* top */

@import url(./common.css);

dd a{
 text-decoration:none;
}

dd a:hover{
 text-decoration:underline;
}

dl.intro{
 background-color:#F6F6F6;
 float:left;
 width:286px;
 padding:10px 0;
}

.m_r_16{
 margin-right:16px;
}

dl.intro dt{
 margin:0px 8px 3px 8px;
 line-height:100%;
}

dl.intro dd{
 margin:0px 8px;
 line-height:100%;
}

dl.intro dd.plus{
 margin:3px 8px 3px 30px;
}

div.left{
 float:left;
 width:598px;
}

#news{
 margin:25px 0 30px 0;
}

#news p{
 width:inherit;
 border-bottom:1px #F6F6F6 solid;
 padding-bottom:5px;
 margin-right:5px;
}

#news dl{
 margin:10px 10px 0 10px;
}

#news dl dt{
 float:left;
 width:175px;
}

#news dl dt.new{
 background:url(../img/top/new.gif) no-repeat 95px 2px;
}

#news dl dt.press{
 background:url(../img/top/pres.gif) no-repeat 95px 2px;
}

#news dl dd{
 float:right;
 width:390px;
}

dl.blog{
 float:left;
 padding-top:30px;
 background:url(../img/top/blog_title.jpg) no-repeat 0 0;
 width:194px;
}

.m_r_6{
 margin-right:6px;
}

dl.blog dt{
 font-size:1em;
 color:#666666;
 margin:0 10px;
}

.blog_title{
 float:left;
}

.blog_button{
 float:right;
}

dl.blog dt.title{
 margin:0 10px 30px 10px;
}

dl.blog dt.new{
 background:url(../img/top/blog_new.gif) no-repeat 80px 2px;
}

dl.blog dt.footer{
 margin:0;
}

dl.blog dd{
 border-bottom:1px #E7E7E7 dotted;
 margin:0 10px 20px 10px;
 font-size:1em;
}

div.right{
 float:right;
 width:286px;
}

#works{
 padding:10px;
 background-color:#F6F6F6;
 margin-bottom:20px;
}

#works p{
 margin-bottom:40px;
}

div.img{
 float:left;
 width:170px;
 text-align:center;
 background-color:#CACACA;
 border:1px #CACACA solid;
 height:210px;
 overflow:hidden;
}

div.contents{
 float:right;
 width:86px;
}

dl.contents{
 border:1px #DBDBDB solid;
 background-color:#E8E8E8;
 padding:5px 0 3px 0;
}

dl.contents dt{
 margin-bottom:5px;
 text-align:center;
 line-height:100%;
}

dl.contents dd{
 margin-bottom:1px;
 text-align:center;
 line-height:100%;
}

div.arrow{
 text-align:center;
 margin:6px 0;
}

div.qr{
 border:1px #DBDBDB solid;
 background-color:#FFFFFF;
 text-align:center;
 padding:10px 0;
}

div.banner{
 margin-bottom:10px;
 text-align:center;
}

div.banner a:hover{
 opacity: 0.7;
 filter: alpha(opacity=70);
}

#main_img{
 border:1px #CCCCCC solid;
 margin-bottom:20px;
 height:317px;
}