@charset "utf-8";

/* CSS Document */
@media screen {

#insidecommon{
background:url(../../introduction/img/mainvisual.jpg) no-repeat top left;
}

#insidecommon .main h1.index{
background:url(../../introduction/img/title_index.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.message{
background:url(../../introduction/img/title_message.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.history{
background:url(../../introduction/img/title_history.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}


/* { */

#insidecommon div.index{
margin:0 20px;
}

#insidecommon div.index .read{
border:3px double #CCC;
padding:5px;
margin-bottom:40px;
color:#666;}

#insidecommon div.index h3{
border-bottom:1px solid #999;
padding-left:10px;
padding-bottom:5px;
margin-bottom:5px;
margin-top:20px;
}

#insidecommon div.index p{
margin-bottom:5px;
}

/* wZbZ[W */
#insidecommon div.message{
margin:0 20px 20px 20px;
}

#insidecommon div.message img{
margin-bottom:10px;
}

#insidecommon div.message p{
margin:0;
}

#insidecommon div.message p.name{
text-align:right;
}


/* v */
#insidecommon div.history{
margin:0 20px;
}

#insidecommon .main div.history table,
#insidecommon .main div.history table th,
#insidecommon .main div.history table td{
border-collapse:collapse;
}

#insidecommon .main div.history table{
width:520px;
margin-bottom:20px;
}

#insidecommon .main div.history table th{
font-size:80%;
text-align:left;
font-weight:weight;
color:#679;
padding:5px 0;
}

#insidecommon .main div.history table td{
font-size:80%;
padding:5px 0;
border-bottom:1px solid #CCC;
vertical-align:top;
}

#insidecommon .main div.history table td.picture{
text-align:right;
}

#insidecommon .main div.history table td.picture img{
margin-left:5px;
}

}

@media print {


#start{
margin:0 auto;
display:block;
width:600px;
height:220px;
background:url(../../introduction/img/print_h.jpg) no-repeat top left;
}

#insidecommon .main h1.index{
background:url(../../introduction/img/title_index.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.message{
background:url(../../introduction/img/title_message.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}

#insidecommon .main h1.history{
background:url(../../introduction/img/title_history.gif) no-repeat top left;
margin-bottom:30px;
height:35px;
line-height:1;
}


/* { */

#insidecommon div.index{
margin:0 20px;
}

#insidecommon div.index .read{
border:3px double #CCC;
padding:5px;
margin-bottom:40px;
color:#666;}

#insidecommon div.index h3{
border-bottom:1px solid #999;
padding-left:10px;
padding-bottom:5px;
margin-bottom:5px;
margin-top:20px;
}

#insidecommon div.index p{
margin-bottom:5px;
}

/* wZbZ[W */
#insidecommon div.message{
margin:0 20px 20px 20px;
}

#insidecommon div.message img{
margin-bottom:10px;
}

#insidecommon div.message p{
margin:0;
}

#insidecommon div.message p.name{
text-align:right;
}


/* v */
#insidecommon div.history{
margin:0 20px;
}

#insidecommon .main div.history table,
#insidecommon .main div.history table th,
#insidecommon .main div.history table td{
border-collapse:collapse;
}

#insidecommon .main div.history table{
width:520px;
margin-bottom:20px;
}

#insidecommon .main div.history table th{
font-size:80%;
text-align:left;
font-weight:weight;
color:#679;
padding:5px 0;
}

#insidecommon .main div.history table td{
font-size:80%;
padding:5px 0;
border-bottom:1px solid #CCC;
vertical-align:top;
}

#insidecommon .main div.history table td.picture{
text-align:right;
}

#insidecommon .main div.history table td.picture img{
margin-left:5px;
}

}