@charset "UTF-8";

#frm{
clear:both;
width:950px;
margin:20px auto 30px;
}

#frm2{
clear:both;
width:950px;
margin:20px auto 0px;
}


#frm_l{
width:220px;
float:left;
}

#mainarea{
width:715px;
float:right;
}

#mainarea2{
width:715px;
float:left;
}


#frm_r{
width:220px;
float:right;
}

/*greenarea*/

#loginarea{
height:235px;
background:url('../img/loginarea_bg.gif') no-repeat;
margin-bottom:10px;
}

#logoutarea{
background:url('../img/logoutarea_bg.gif') no-repeat;
margin-bottom:10px;
}

#logoutarea_b{
/*background:url('../img/logoutarea_bg2') no-repeat;*/
}

#navi_login{
width:210px;
margin:0px auto;
padding-top:5px;
}

#loginarea #hello{
width:194px;
margin:auto;
padding-top:12px;
}

#logoutarea #hello{
width:194px;
margin:auto;
padding-top:12px;
}


#hello #name{
background:url('../img/smily.gif');
background-repeat: no-repeat;
padding-left:26px;
font-size:14px;
line-height:1.2;
font-weight:bold;
color:#0f0f83;
}

#logoutarea #greeding{

font-size:12px;
color:#333;
padding-top:9px;
}

#loginarea #greeding{
font-size:12px;
color:#333;
}

#loginarea #btn_login{
width:134px;
margin:11px auto 15px;
}

#logoutarea #btn_logout{
width:140px;
margin:11px auto;
}

#myarea_ttl{
width:209px;
margin:auto;
}

#myarea{
width:194px;
margin:13px auto;
}

#myarea ul{
}

#myarea li{
background:url('../img/int_my.gif') no-repeat;
padding-left:18px;
margin-bottom:5px;
vertical-align:top;
line-height:1.4;
}

#myarea li a{
line-height:1.3;
font-weight:bold;
text-decoration:underline;
}

table.loginform{
clear:both;
width:195px;
margin:10px auto;
padding:0;
border-collapse: collapse;
}

.loginform th{
width:74px;
text-align:left;
vertical-align:top;
}

.loginform td{
vertical-align:top;
padding:0px;
margin:0px;
}


.small{
font-size:11px;
}

/*更新履歴*/

#updatearea{
margin-bottom:10px;
}

#updatearea_ttl{
clear:both;
padding-bottom:10px;
}

#updatearea ul{
width:200px;
margin:10px auto;
}

#updatearea li {
background:url('../img/arrow03.gif') no-repeat;
padding-left:14px;
margin-bottom:5px;
vertical-align:top;
line-height:1.2;
}

#l_shinki{
width:220px;
background:url('../img/l_shinki_bg.gif');
background-repeat:no-repeat;
margin-bottom:10px;
}

#l_shinki .text{
width:197px;
margin:auto;
font-size:11px;
padding-bottom:10px;
}

.btn_shinki{
width:167px;
margin:auto;
padding-top:15px;
}

#l_repeat{
width:220px;
height:119px;
background:url('../img/l_repeat_bg.gif');
background-repeat:no-repeat;
margin-bottom:10px;
}

#l_repeat .text{
width:197px;
margin:auto;
font-size:12px;
}

.btn_repeat{
width:167px;
margin-left:31px;
padding-top:24px;
}

#l_first{
width:220px;
height:119px;
background:url('../img/l_first_bg.gif');
background-repeat:no-repeat;
margin-bottom:20px;
}

#l_first .text{
width:197px;
margin:auto;
line-height:1.2;
font-size:12px;
}

.btn_first{
width:167px;
margin-left:31px;
padding-top:24px;

}

.navi_inner{
width:205px;
margin:0px auto 10px;
}

.navi_ttl{
margin-bottom:10px;
}


.navi_inner li{
display:block;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}

.navi_inner2{
width:190px;
margin:0px auto 10px;
}

.navi_inner2 li{
display:block;
background-image:url(../img/int_o2.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}