/* CSS Document */

* body, body, h1, h2, h3, h4, h5, h6, ul, li, p, div, span, img {
padding: 0;
margin: 0;
}
img {border: 0;}
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
background: #fac7cd;
text-align: center;
padding-bottom: 50px;
}

/* Main CSS
-------------------------------------------------------------------------- */
#pagger {
width: 750px;
margin: 0 auto;
}

#layout {
text-align: left;
}

/* Header CSS
-------------------------------------------------------------------------- */
#nav_tab {
width: 700px;
float: left;
}
#nav_close {
width: 50px;
float: right;
}
#nav_tab ul {
margin: 20px 10px 0 50px;
}
#nav_tab li {
float: left;
list-style: none;
}
#nav_tab a:link, #nav_tab a:visited, #nav_tab a:active, #nav_tab p {
display: block;
padding: 20px 20px 10px 20px;
width:160px;
text-align: center;
color: #000000;
font-weight: bold;
text-decoration: none;
background:#dddddd url(../images/subpage_tab_hover.gif) no-repeat;
}

#nav_tab p {
display: block;
padding: 20px 20px 10px 20px;
width:160px;
text-align: center;
color: #000000;
font-weight: bold;
text-decoration: none;
background: #f0f0f0 url(../images/subpage_tab.gif) no-repeat;
}

#nav_tab a:hover {
background: #f0f0f0 url(../images/subpage_tab.gif) no-repeat;
}

/* contents
-------------------------------------------------------------------------- */
.br {
clear: both;
background: #f0f0f0 url(../images/subpage_radius_rb.gif) bottom right no-repeat;
}
.bl {
background: url(../images/subpage_radius_lb.gif) bottom left no-repeat;
}
.tr {
background: url(../images/subpage_radius_rt.gif) top right no-repeat;
}
.tl {
background: url(../images/subpage_radius_lt.gif) top left no-repeat;
}

/* contents left
-------------------------------------------------------------------------- */
#program_infomation {
float: left;
width: 300px;
}
#program_back,#program_message,#program_title {
margin: 20px;
}
#program_title p {
padding: 0  10px;
font-size:94%;
}
#program_play {
width: 220px;
margin: 0 auto;
text-align: center;
}
#program_play p {
padding: 10px;
}
#program_link h2 {
font-size: 110%;
}

/* Contents - LeftSide Link */
#program_link a:link, #program_link a:visited, #program_link a:active {
display: block;
padding: 10px 0;
margin: 0;
color: #ff6699;
text-decoration: none;
}
#program_link a:hover {
text-decoration: underline;
}

/* contents Right
-------------------------------------------------------------------------- */
#program_description {
float: right;
width: 450px;
}
#program_image, #program_play, #program_link{
margin: 20px;
}
#program_title h1 {
font-size: 150%;
margin: 40px 0 20px;
}
#program_message h2, #program_back h2 {
font-size: 100%;
}
#program_message p, #program_back p {
font-size: 90%;
}
#program_back ul {
padding:10px 0 0 50px;
}
.message {
padding-bottom: 10px;
}

/* Contents Right Link */
#program_description a:link, #program_description a:active, #program_description a:visited {
font-size: 90%;
color: #ff6699;
text-decoration: underline;
}
#program_description a:hover {
color: #ff6699;
text-decoration: none;
}


/* Prof_contents
-------------------------------------------------------------------------- */
#prof_list {
width: 750px;
padding-top: 1px;
}
.prof_member, .prof_description {
margin: 20px;
}
.prof_member {
clear:both;
width: 710px;
}
.prof_member h2 {
font-size: 110%;
}
.prof_description {
width: 510px;
float: right;
}
.prof_description p {
font-size: 90%;
}
.prof_info {
float: left;
width: 160px;
}
.prof_info p {
text-align: right;
margin-top: 20px;
}

/* Mail_form
-------------------------------------------------------------------------- */
#contents form table {
width: 660px;
margin: 0 auto;
}

#contents form td textarea {
width: 300px;
height: 100px;
}

.input_parts input {
width: 300px;
}

/*
--------------------------------------- */
#form_description {
padding: 0 25px 25px 25px;
}

#form_description h1 {
font-size: 1.1em;
}

#form_description h2 {
padding-top: 10px;
font-size: 1em;
}

#form_description p {
font-size: 0.8em;
}