@charset "utf-8";
/* CSS Document */
/* Common ******************/
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body{
	margin:0;
	padding:0;
	color:#707070;
	font-size  : 13px;
	font-family : "Verdana",MS UI Gothic, sans-serif;
	line-height: 150%;
	background-color :#EBE2D3;
}
form{
	text-align:left;
	margin:0;
	padding:0;
}
img{
	border:0px;
}
strong{
color:#104A8D;
}

hr{
    border: 1px #7D7D7D dotted; 
    height: 1px;
    clear :both ;
    margin-top :3px;
    margin-bottom :0;
}
h3{
    margin-bottom :10px;
}

#wrapper{
width:800px;
background-color:#FFFFFF;
background-image:url(img/bg_premium.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#wrapper #logo{
	display:block;
	float:left;
	width:115px;
	height:40px;
	margin:0;
	padding:0;
	background:url(img/p_logo.gif) no-repeat left top;
    margin:15px 0 0 15px;
}
#wrapper #logo a
{
	display:block;
	width:115px;
	height:40px;
}
#wrapper #logo h1
{
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
#wrapper #logo h2
{
	display:none;
}
#wrapper #content_innner{
width:600px;
padding:215px 0 0 0;
text-align:center;
margin:0 auto;
}

#login_box{
background-image:url(img/bg_loginmiddle.gif);
background-repeat:repeat-y;
padding:15px 70px 15px 70px;
text-align:center;
width:310px;
margin:0 auto;
}
#login_box img{
vertical-align:middle;
margin-bottom:5px;
}
#login_box input{
margin-bottom:5px;
}
#login_box hr{
border:1px solid #A17A29;
margin-bottom:5px;
}
#login_boxbottom{
background-image:url(img/ti_loginbottom.gif);
background-repeat:no-repeat;
height:10px;
width:450px;
margin:0 auto;
}
.clear{
clear : both ;
}
.red{
color : #FF0000;
}
.smallred{
color : #FF0000;
font-size :11px;
}
.darkred{
color : #CC0000;
}

/* Link *****************/

a:link,a:visited{
	color:#CC0000;
	text-decoration:underline;
}
a:hover,a:active{
	color:#CC0000;
	text-decoration:none;
}
/*approach************************************************/
.center{
    text-align: center ;
}
.right{
    text-align: right ;
}
.left{
    text-align: left ;
}
.space{
    margin-top: 10px ;
    margin-bottom: 10px ;
}
.space2{
    margin-top: 10px ;
}
.space3{
    margin-bottom: 10px ;
}
.bnicon{
    margin-bottom: 3px ;
    margin-top: 3px ;
}
.icon{
    vertical-align:middle;
}


/*panlink************************************************/
#panlink{
    margin-left :15px;
    margin-top :10px;
    font-size :11px;
    text-align :left ;
}
/*top_button************************************************/
#topreturn{
    font-size :11px;
    text-align :right ;
    margin-top :8px;
}
#topreturn img{
    margin-right :8px;
    vertical-align:middle;
}

/* font ************************************************/
.m{
	font-size:80%;
	line-height:140%;
}
.s{
	font-size:xx-small;
	line-height:140%;
}


#pagelink{
background-image:url(../../img/learning/common/bg_pagelink.gif);
background-repeat:no-repeat;
float:left;
width :285px;
height :28px;
text-align :center;
padding-top:3px;
}

#pagelink a:link{
	color:#897E43;
	background:transparent;
	text-decoration:none;
}
#pagelink a:visited{
	color:#897E43;
	background:transparent;
	text-decoration:none;
}
#pagelink a:hover{
	color:#897E43;
	background:transparent;
	text-decoration:underline;
}
#pagelink a:active{
	color:#897E43;
	background:transparent;
	text-decoration:underline;
}
.indent {
  width: 550px;      /* 幅200px */
  text-indent: -1em; /* 文字1文字分上げる */
  padding-left: 1em  /* 2文字分右に下げる */
}
/* -------- section */
.section1
{
	clear:both;
	display:block;
	margin-bottom:10px;
}

.section2
{
	clear:both;
	display:block;
	margin-bottom:20px;
}

.section3
{
	clear:both;
	display:block;
	margin-bottom:30px;
}

.section4
{
	clear:both;
	display:block;
	margin-bottom:40px;
}

.section5
{
	clear:both;
	display:block;
	margin-bottom:50px;
}

/*top news************************************************/
#newsbox{
	margin:20px 0 0 0;
}
#news{
	padding:0;
	margin-bottom :15px;
	line-height: 1.7em;
	margin-right:0;
	margin-left:0;
	margin-top:0;
}
#news img{
	vertical-align:middle;
    margin-right :5px;

}
#news li{
	list-style-type :none;
	padding-top :2px;
	padding-bottom :2px;
	padding-left:0;
    clear:both;
}

#news .daytext{
    margin-right :15px;  
    font-size :11px;
    background-image:url(img/bg_day.gif);
    background-repeat:no-repeat;
    width:92px;
    height:25px;
    float:left;
    text-align:center;
    color:#FFFFFF;
}
#news .sentence{
   float:left;
}

.dotline
{
	clear:both;
	line-height:1.0;
	padding:0;
	margin:5px 0 5px;
	height:1px;
	background-image:url(img/dot01.gif);
	background-repeat:repeat-x;
}

/*footer************************************************/
#footer{
	background-image:url(img/bg_p_footer.gif);
	background-repeat:no-repeat;
        color:#FFFFFF;
        height:30px;
       text-align:center;
      padding:10px 10px 0 10px;
      margin-top:10px;
}

/*commontitle************************************************/
.detailbox{
text-align:left;
}
.detailtitle{
background-image:url(img/bg_commontitle.gif);
background-repeat:no-repeat;
margin-bottom:10px;
text-align:left;
height:30px;
}
.detailtitle h3{
font-weight:bold;
color:#1F2435;
font-size:14px;
padding-bottom:10px;
}
.detailtitletext{
font-weight:bold;
color:#A17A29;
font-size:14px;
padding-bottom:10px;
text-align:left;
}

.smalltitle_l{
background-image:url(img/bg_smalltitle.gif);
background-repeat:no-repeat;
height:25px;
margin:15px 0 10px 0;
}

.smalltitle_l h4{
font-weight:bold;
color:#FFFFFF;
font-size:14px;
text-align:left;
margin:3px 0 0 35px;
}

.smalltitle_s{
background-image:url(img/bg_smalltitle_s.gif);
background-repeat:no-repeat;
height:25px;
margin:15px 0 10px 0;
width:390px;
text-align:left;
float:left;
padding-bottom:10px;
}

.smalltitle_s h4{
font-weight:bold;
color:#FFFFFF;
font-size:14px;
text-align:left;
margin:3px 0 0 35px;
}

.voiceback{
background-color:#F4F0E8;
padding:10px;
margin:0 0 10px 0;
}

/*float_img************************************************/

.photoleft
{
	float:left;
	clear:left;
	margin:0 10px 0.8em 0;
	padding:0;
}

.photoright
{
	float:right;
	clear:right;
	margin:15px 0 0.8em 10px;
	padding:0;
}

dl.toplist dt 
{
padding:5px 0 2px 10px;
margin:0 0 5px 2px;
line-height:150%;
border-left: solid 5px #62305D;
background-color:#F2F2F2;
height:20px;
}
dl.toplist dd 
{
	display:block;
	padding:0;
	list-style:none;
	line-height:150%;
    padding-left:15px;
	background:url(img/icon_list.gif) no-repeat 0 7px; 
}