/* CSS Document */


/* contents */

#contents{
width:1156px;
margin:0 auto;
}
#contents .item{
float:left;
overflow:hidden;
}

#contents .outline{
width:344px;
height:334px;
margin-right:124px;
}

#contents .outline dl{
height:260px;
margin-top:5px;
}
#contents .outline dt{
height:220px;
font-size:13px;
line-height:22px;
color:#333;
}
#contents .outline dd{
height:40px;
line-height:20px;
}

#contents .detail{
width:646px;
padding:20px;
border:1px solid #333;
line-height:20px;
}
#contents .detail dt{
float:left;
width:68px;
}
#contents .detail dd{
float:left;
width:578px;
margin-bottom:18px;
}


@media screen and (max-width: 1213px){

/* contents */
#contents{
width:922px;
}

#contents .outline{
width:248px;
margin-right:110px;
}

#contents .detail{
width:522px;
}
#contents .detail dd{
width:454px;
}


}



@media screen and (max-width: 979px){

/* contents */
#contents{
width:688px;
}

#contents .outline{
height:414px;
margin-right:40px;
}
#contents .outline dt{
height:300px;
}

#contents .detail{
width:360px;
height:372px;
}
#contents .detail dd{
width:292px;
}

#contents .hide{
display:inline;
}

}


@media screen and (max-width: 745px){

/* contents */
#contents{
width:290px;
height:1400px;
}

#contents .outline{
width:290px;
height:auto;
margin-right:0;
margin-bottom:25px;
border-bottom:1px dotted #999;
background:none;
}
#contents .outline dl{
height:auto;
margin-top:20px;
margin-bottom:25px;
}
#contents .outline dt{
height:auto;
font-size:12px;
line-height:20px;
margin-bottom:20px;
}
#contents .outline dd{
height:auto;
}

#contents .detail{
width:290px;
height:auto;
padding:0;
border:none;
}
#contents .detail dt{
clear:both;
width:290px;
font-weight:bold;
}
#contents .detail dd{
clear:both;
width:290px;
}

}