@charset "utf-8";

/* ------------------------------------------------------------
 遊　plus U　CSS
------------------------------------------------------------ */

/* 
 0:layout
------------------------------ */


body{
background:url(/plus-u/img/body_bg.gif) repeat-x;
}


div#wrap{
width:900px;
margin:0 auto;
background:url(/plus-u/img/wrap_bg.gif) no-repeat top left;
}


/* 
 1:header
------------------------------ */

div#header{
padding:19px 17px 26px;
width:866px;
height:174px;
}

div#header h1{
float:left;
}


div#header p{
float:left;
background:#f4f4f4;
padding:63px 0 0 109px;
width:406px;
height:111px;
}


/* 
 2:contents
------------------------------ */

div#contents{
background:url(/plus-u/img/contents_bg.gif) repeat-y;
}

div.section{
padding:0 22px 0 32px;
}


div.about{
background:url(/plus-u/img/about_bg.gif) no-repeat top left;
margin:0 0 20px 0;
}

div.about h2{
border-bottom:1px dashed #999999;
padding:0 0 9px 0;
margin:0 -10px 20px -10px;
line-height:1;
}


div.about ul{
text-align:center;
margin:0 0 15px 0;
}

div.about ul li{
display:inline;
}

div.about ul li img{
margin:0 4px;
vertical-align:bottom;
}

div.about p{
margin:0 0 15px 0;
}

div.about strong{
color:#990000;
}

div.about dl{
width:100%;
overflow:hidden;
}

div.about dt{
float:left;
margin:0 0 15px 0;
}

div.about dd{
float:right;
margin:0 0 15px 0;
}

div.about dl img{
vertical-align:bottom;
}


div.about ul.examPhoto{
height:209px;
}

div.about ul.examPhoto li.first{
float:left;
}

div.about ul.examPhoto li.second{
float:right;
}

div.about ul.examPhoto li img{
margin:0;
}


div.contact{
margin:0 0 10px 0;
}

div.contact h2{
margin:0 0 22px 0;
}

div.contact dl{
background:#7f7f7f;
padding:5px 3px 20px;
}

div.contact dt{
padding:0 0 7px 0;
margin:0 0 20px 0;
border-bottom:1px solid #999999;
}

div.contact dt img{
vertical-align:bottom;
}

div.contact dd{
padding:0 20px;
display:inline;
}

p.pagetop{
text-align:right;
margin:0 22px 0 0 ;
}

p.pagetop a{
background:url(/plus-u/img/ico_pagetop.gif) no-repeat 0 3px;
font-size:78%;
color:#4C4C4C !important;
padding:0 0 0 13px;
}


/* 
 4:footer
------------------------------ */

div#footer p.close{
padding:10px 0 0 0;
background:url(/plus-u/img/contents_bg.gif) repeat-y;
text-align:center;
}

div#footer p.copy{
background:url(/plus-u/img/foot_bg.gif) no-repeat top left;
padding:39px 0 0 0;
text-align:right;
}