@import "init.css";

@charset "utf-8";
/* CSS Document */

#container{
width:890px;
margin:0 auto;
background-image:url(../img/back.gif);
background-position:center;
background-repeat:repeat-y;
}

#wrap{
width:880px;
margin:0 auto;
border-width:0px 1px 0px 1px;
border-style:solid;
border-color:#CCC;
}

#copy{font-size:12px;}

#head,#yamate-tunnel dt p{text-align:right;}
#news dd,#trivia,#inquiry,#copy{text-align:center;}

#head,#copy{background-color:#00B3B7;}

#news dt,#yamate-tunnel dt{float:left;}
#news dd,#yamate-tunnel dd{float:right;}


#head{padding:5px 20px 5px 0; margin-bottom:1px;}

#contents-wrap{
width:840px;
margin:20px auto 0 auto;
}

.text-wrap{
padding:0 15px;
}

#news{margin:15px 0 20px 0;}

#news dt{width:395px;}
#news dd{width:400px;}

#news dt p{padding:5px 15px;}

#news-table{
border-width:0px 1px 0px 1px;
border-style:solid;
border-color:#CCC;
margin:0 0 20px 0;
}

#news-table th,#news-table td{
padding:5px 10px;
border-bottom:1px solid #CCC;
}

#trivia{
padding:5px 0;
margin-bottom:50px;
border:1px solid #CCC;
}

#title-how-to{
border-bottom:1px solid #CCC;
padding:10px 0 5px 5px;
margin-bottom:15px;
}

#attention{
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#CCC;
padding-top:5px;
margin-bottom:30px;
}

#attention li{
list-style:disc;
font-size:12px;
margin:0 30px 10px 30px;
}

#postcard{
background-color:#E4F1F1;
padding:10px 20px 20px 20px;
margin-bottom:30px;
}

#postcard-text{
background-color:#FFF;
padding:20px;
margin:10px 0 20px 0;
}

#postcard-text h2{
font-size:14px;
border-bottom:1px solid #CCC;
padding:0 0 5px 0;
margin:0 0 5px 0;
}

#yamate-tunnel{
border:1px solid #CCC;
padding:10px;
margin-bottom:20px;
}

#yamate-tunnel dt{
width:370px;
padding-top:10px;
}

#yamate-tunnel dd{
width:395px;
}

#copy{padding:5px 0; color:#FFF; margin-top:30px;}