@charset "Shift-JIS";


/*-----------------layout----------------------*/
/*--container--*/
#container{
width:750px;
border-top:5px #3366CC solid;
padding-top:10px;
background:#fff;text-align:center;
margin:0 auto;
}

/*--header--*/
#header{
width:740px;
}

#header h1{
float:left;
width:490px;
height:85px;
}

#header ul{
float:right;
width:250px;
height:85px;
text-align:right;
}
#header li{
display:inline;
font-size:80%;
list-style:none;
margin:0 10px 0 0;
}
#header li a{
color:#333;
text-decoration:none;
margin:0;
padding:0 0 0 10px;
background:url(../img_cmn/img_arrow_01.gif) 0 40% no-repeat;
}

/*--contents--*/
#contents{
margin:10px 20px 15px;
text-align:left;
}

#contents #pan{
margin:0 0 20px 0;
padding:0;
font-size:80%;
}
#contents #pan a{
color: #3366CC;
}
#contents #pan.b a{
color: #6B45A7;
}
#contents #pan.b a:hover{
color: #6B45A7;
text-decoration:underline;
}
#contents #ttl{
background:url(../img_cmn/ttl_bg_01.gif) 0 100% repeat-x;
}
#contents h2{
margin:0 0 20px 0;
}

#contents h3{
border-bottom:5px #CCC solid;
}


/*--footer--*/
#contents .top{
margin:10px 0 0 0;
padding:0;
font-size:80%;
text-align:right;
}
#contents .top a{
color:#333;
padding:0 10px 0 0 ;
text-decoration:none;
background:url(../img_cmn/img_arrow_top.gif) 100% 40% no-repeat;
}


#footer{
width:736px;
margin:0 auto ;
padding:3px 0 5px;
background:#fff;
border-top:1px #ccc solid;
}

#footer ul{
float:left;
width:300px;
text-align:left;
}

#footer p{
float:right;
width:436px;
margin:0;
padding:0;
font-size:80%;
text-align:right;
}

#footer li{
display:inline;
font-size:80%;
list-style:none;
margin:0 0 0 10px ;
}