/* Yukemuri Club About */

/* ---------------------------------------------------------------- */
/* Intro */
/* ---------------------------------------------------------------- */

#wrapperInWhite {padding:10px 0px 0px; background:#ffffff url('../images/about/bg_about.png') no-repeat 0px 0px;}
#about {width:960px; margin:0px;}

#about div.page1st {display:inline; width:480px; margin:5px 0px 0px; background:transparent url('../images/bg_dot_row.png') repeat-y right 5px; float:left; overflow:hidden;}
#about div.page2nd {display:inline; width:480px; margin:5px 0px 0px; overflow:hidden; float:left;}

#about h1 {width:360px; height:105px; margin:15px 60px 0px; background:transparent url('../images/about/ttl_about.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#about p.seal {width:210px; height:20px; margin:5px 0px 0px 270px; background:transparent url('../images/about/sttl_about.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}


/* ---------------------------------------------------------------- */
/* Profile */
/* ---------------------------------------------------------------- */
#about div.profile {width:440px; margin:10px 20px 0px;}
#about div.profile ul.card {position:relative; display:inline; width:240px; height:120px; margin:0px 15px 0px 0px; background:transparent url('../images/about/bg_profile.png') no-repeat 0px 0px; overflow:hidden; float:left;}
#about div.profile ul.card li {position:absolute; font-size:10px; overflow:hidden;}
#about div.profile ul.card li.photo {width:80px; height:98px; top:10px; left:10px;}
#about div.profile ul.card li.ex {top:19px; left:100px;}
#about div.profile ul.card li.name {top:50px; left:100px; background:transparent url('../images/about/icon_hana.png') no-repeat 2px 1px;}
#about div.profile ul.card li.name strong {margin:0px 0px 0px 25px; font-weight:bold; font-size:14px;}
#about div.profile ul.card li.hobby {bottom:19px; left:100px;}
#about div.profile p {display:inline; margin:0px; font-size:15px; line-height:1.5;}


/* ---------------------------------------------------------------- */
/* Position */
/* ---------------------------------------------------------------- */
#about div.position {width:440px; margin:20px 20px 0px;}
#about div.position h2 {width:440px; height:25px; margin:0px; background:transparent url('../images/about/sprit_sttl.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#about div.position ul {margin:10px 0px 0px 5px;}
#about div.position ul li {padding:0px 0px 5px 22px; font-size:13px; background:transparent url('../images/about/icon_hana.png') no-repeat 2px 1px; overflow:hidden;}


/* ---------------------------------------------------------------- */
/* History */
/* ---------------------------------------------------------------- */
#about div.history {width:440px; margin:20px 20px 10px;}
#about div.history h2 {width:440px; height:25px; margin:0px; background:transparent url('../images/about/sprit_sttl.png') no-repeat 0px -25px; overflow:hidden; text-indent:-2000px;}
#about div.history h3 {clear:both; margin:10px 5px 0px; font-weight:bold; font-size:15px; overflow:hidden;}
#about div.history ul {width:440px; margin:0px 0px 10px; padding:0px; font-size:13px; overflow:hidden;}
#about div.history ul li {clear:both; width:420px; margin:0px 10px; padding:5px 0px 5px; background:transparent url('../images/bg_dot.png') repeat-x bottom left; overflow:hidden;}
#about div.history ul li strong {width:60px; margin:0px 5px 0px; overflow:hidden; float:left;}
#about div.history ul li span {width:320px; margin:0px 10px 0px 0px; overflow:hidden; float:left;}


/* ---------------------------------------------------------------- */
/* Company */
/* ---------------------------------------------------------------- */
#about div.company {position:relative; width:440px; margin:105px 20px 0px;}
#about div.company h2 {width:440px; height:25px; margin:0px; background:transparent url('../images/about/sprit_sttl.png') no-repeat 0px -50px; overflow:hidden; text-indent:-2000px;}
#about div.company img {position:absolute; top:35px; right:0px; width:145px; height:85px; margin:0px; padding:0px; overflow:hidden; float:right;}
#about div.company ul {width:440px; margin:10px 0px 10px; padding:0px; font-size:13px; overflow:hidden;}
#about div.company ul li {clear:both; padding:0px 0px 10px; font-size:13px; background:transparent url('../images/about/icon_sq_glay.png') no-repeat 8px 5px; overflow:hidden;}
#about div.company ul li strong {margin:0px 0px 0px 20px; overflow:hidden; float:left;}
#about div.company ul li span.clr {clear:both; display:block; margin:0px 10px 0px 20px; overflow:hidden;}
#about div.company ul li span.flt {margin:0px 10px 0px 0px; overflow:hidden; float:left;}
#about div.company ul li ul.clr {clear:both; margin:0px 10px 0px 20px; padding:0px; overflow:hidden;}
#about div.company ul li ul.clr li {margin:0px 0px 0px 17px; padding:0px; list-style:square; background:transparent; overflow:visible;}


/* ---------------------------------------------------------------- */
/* News */
/* ---------------------------------------------------------------- */
#about div.news {width:440px; margin:20px 20px 0px;}
#about div.news h2 {width:440px; height:25px; margin:0px; background:transparent url('../images/about/sprit_sttl.png') no-repeat 0px -75px; overflow:hidden; text-indent:-2000px;}
#about div.news h3 {width:370px; margin:20px 35px 0px; padding:5px 0px; border-top:solid 1px #3c8c93; text-align:center;}
#about div.news div.box {width:370px; margin:0px 35px; padding:30px 0px 20px; border-top:solid 1px #3c8c93;  border-bottom:solid 1px #3c8c93;  text-align:center;}