@charset "UTF-8";
/* CSS Document */

body {
padding:0;
margin:0;
background: url(/sp/2011/powerspot/images/base_bg.jpg) repeat-x #c4e8fc;
color:#333333;
font-size:13px;
line-height:1.6; }

a {outline : none;text-decoration:  none;color: #009de4;}
a:link {text-decoration: none;color: #009de4;}
a:visited {text-decoration: none;color: #009de4;}
a:hover, a:active {text-decoration: none;color: #eb3310;}

#wrapper{
	padding-bottom:0;
}

#powerspot {
padding:0;
margin:0 auto;
width:988px;
height:auto;
}

#powerspot .bg_orange{
width:988px;
background: url(/sp/2011/powerspot/images/ttl_bg.jpg) no-repeat #fef4d9;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
}

#powerspot .bg_white{
width:988px;
background-color:#FFFFFF;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
}

#powerspot .bg_blue{
width:988px;
background-color:#c4e8fc;
border-left:#c4e8fc solid 1px;
border-right:#c4e8fc solid 1px;
}



/* clearfix ---------------*/
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cleafix {
display:inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/* img下部の隙間対策 */
.no_space {
overflow:hidden;
font-size:0.1em;
line-height:0;
vertical-align: bottom;
}

/* マージン指定 */
h1,
h2,
h3,
h4,
h5,
p,
img,
ul,
li,
dl,
dt,
dd {margin:0; padding:0;border:0;}

/* リスト指定 */
ul {list-style-type:none;}

/* ------------------------*/

.clear{clear: both;}
.f_left {float:left;}
.f_right {float:right;}

.txt_l {line-height: 1.8em;font-size: 15px;}
.txt_s {line-height: 1.5em;font-size: 11px;}
.txt_strong {font-weight:bold;}
.txt_orange {color:#eb3310;}
.txt_brown {color:#563d1f;}
.bd_l10{border-left:#FFFFFF solid 10px;}
.mg_l10 {margin-left:10px;}
.mg_l20 {margin-left:20px;}
.mg_l30 {margin-left:30px;}
.mg_l40 {margin-left:40px;}
.mg_r10 {margin-right:10px;}
.mg_r20 {margin-right:20px;}
.mg_r30 {margin-right:30px;}
.mg_r40 {margin-right:40px;}
.mg_b5 {margin-bottom:5px;}
.mg_b10 {margin-bottom:10px;}
.mg_b20 {margin-bottom:20px;}
.mg_b30 {margin-bottom:30px;}
.mg_b40 {margin-bottom:40px;}
.mg_t10 {margin-top:10px;}
.mg_t20 {margin-top:20px;}
.mg_t30 {margin-top:30px;}
.mg_t32 {margin-top:32px;}

.pd_b40 {padding-bottom:40px;}

#powerspot h1{
width:510px;
height:196px;
background-image:url(/sp/2011/powerspot/images/ttl.gif);
text-indent:-9898px;

}


/* header area */
#powerspot #header {
width:958px;
padding-top:8px;
margin-left:16px;
height:61px;
}

/* UNIT 0 */
#powerspot #unit0 {
width:949px;
margin-left:39px;
margin-bottom:30px;
position:relative;
}

#powerspot #unit0 h2 {
width:510px;
height:67px;
background-image:url(/sp/2011/powerspot/images/ttl_m1.gif);
text-indent:-9898px;
}

#powerspot #unit0 #prof {
border:#907c5e solid 2px;
background-color:#FFFFFF;
width:486px;
padding:10px;
}
#powerspot #unit0 #prof dt {
height:25px;
background:url(/sp/2011/powerspot/images/prof_txt.gif) no-repeat;
text-indent:-9898px;
}
#powerspot #unit0 #prof .name {
background-color:#e0d6c6;
padding:5px;
}
#powerspot #unit0 #twtt {
position:absolute;
top:-32px;
left:510px;
}
#powerspot #unit0 #twtt dl {
margin-left:40px;
}
#powerspot #unit0 #twtt dt {
height:40px;
background:url(/sp/2011/powerspot/images/leia_twt.gif) no-repeat;
text-indent:-9898px;
}

/* UNIT 1 */
#powerspot #unit1 {
width:910px;
margin-left:39px;
margin-bottom:30px;
}

#powerspot #unit1 h2 {
width:910px;
height:93px;
background-image:url(/sp/2011/powerspot/images/unt1_ttl.gif);
text-indent:-9898px;
}

#powerspot #unit1 h3 {
width:290px;
height:35px;
text-indent:-9898px;
}

#powerspot #unit1 #sahou1 h3 {
background-image:url(/sp/2011/powerspot/images/unt1_m1.gif);
}
#powerspot #unit1 #sahou2 h3 {
background-image:url(/sp/2011/powerspot/images/unt1_m2.gif);
}
#powerspot #unit1 #sahou3 h3 {
background-image:url(/sp/2011/powerspot/images/unt1_m3.gif);
}

#powerspot #unit1 #sahou1 dt,
#powerspot #unit1 #sahou2 dt,
#powerspot #unit1 #sahou3 dt {
width:290px;
}

#powerspot #unit1 #sahou1 dd,
#powerspot #unit1 #sahou2 dd,
#powerspot #unit1 #sahou3 dd {
padding:10px;
border-bottom:#eb3310 solid 2px;
width:270px;
height:150px;
background-color:#FFFFFF;
}

#powerspot #unit1 #chant {
clear:both;
width:910px;
background:url(/sp/2011/powerspot/images/book_bg1.jpg) no-repeat;
}

#powerspot #unit1 #chant #left_clm,
#powerspot #unit1 #chant #right_clm {
width:400px;
display:inline;
}

#powerspot #unit1 #chant h3 {
width:400px;
height:63px;
background:url(/sp/2011/powerspot/images/unt1_cnt_ttl.gif) no-repeat;
}

#powerspot #unit1 #chant dl {
width:380px;
padding:10px;
}
#powerspot #unit1 #chant dd {}

#powerspot #unit1 #chant #left_clm h4,
#powerspot #unit1 #chant #right_clm h4 {
width:400px;
height:77px;
text-indent:-9898px;
}
#powerspot #unit1 #chant #left_clm h4 {
background:url(/sp/2011/powerspot/images/unt1_cnt_1ttl.gif) no-repeat;
}
#powerspot #unit1 #chant #right_clm h4 {
background:url(/sp/2011/powerspot/images/unt1_cnt_2ttl.gif) no-repeat;
}

#powerspot #unit1 #chant .voicearea {
width:300px;
padding:10px 30px 10px 30px;
background-color:#fde9b7;
margin-left:20px;
}

#powerspot #unit1 #chant .voice {
width:242px;
height:32px;
background:url(/sp/2011/powerspot/images/unt1_cnt_voice.gif) no-repeat;
text-indent:-9898px;
}

/* UNIT 2 */
#powerspot #unit2 {
width:910px;
margin-left:39px;
margin-top:20px;
margin-bottom:30px;
}

#powerspot #unit2 h2 {
width:470px;
height:97px;
background:url(/sp/2011/powerspot/images/unt2_ttl.gif) no-repeat;
text-indent:-9898px;
}

#powerspot #unit2 p {
width:398px;
padding:10px;
margin-left:20px;
border-left:#9a8769 solid 1px;
border-right:#9a8769 solid 1px;
background-color:#fde9b7;
}

#powerspot #unit2 img,
#powerspot #unit2 img {
vertical-align:bottom
}

/* UNIT 3 */
#powerspot #unit3 {
width:910px;
margin-left:39px;
margin-bottom:30px;
}

#powerspot #unit3 h2 {
width:860px;
height:30px;
margin-top:30px;
margin-bottom:20px;
background:url(/sp/2011/powerspot/images/unt3_ttl_bg.gif) no-repeat;
color:#FFFFFF;
font-size:16px;
line-height: 1.7em;
font-weight:bold;
padding-left:50px;
}

#powerspot #unit3 h3 {
font-size:18px;
line-height: 1.2em;
font-weight:bold;
color:#eb3310;
margin-bottom:10px;
}

#powerspot #unit3 .cap {
text-align:center;
line-height: 1.5em;font-size: 11px;
}

#powerspot #unit3 #book1{
width:455px;
}
#powerspot #unit3 #book1 p {
width:260px;
}

#powerspot #unit3 #ytb {
width:425px;
}

#powerspot #unit3 #ytb p {
width:425px;
margin-top:10px;
}


#powerspot #unit3 #book2,
#powerspot #unit3 #book3{
width:440px;
}

#powerspot #unit3 #book2 dl,
#powerspot #unit3 #book3 dl {
width:280px;
margin-bottom:30px;
float:right;
display:inline;
}
#powerspot #unit3 #book1 p,
#powerspot #unit3 #book2 p,
#powerspot #unit3 #book3 p {
margin-bottom:10px;
}
#powerspot #unit3 #ps_review {
width:678px;
margin:0 auto;
padding:10px 116px;
background-color:#fef4d9;
}

html>/**/body #powerspot #unit3 #ps_review {
width:678px;
margin:0 auto;
padding:10px 116px;
background-color:#fef4d9;
height:600px\9;
overflow :scroll\9;
}

/* foot */
#powerspot #foot p {
margin:10px;}

table.unit{
width:990px;
    border:none;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
	
.unit td{
    padding:0;
}