@charset "utf-8";
@import url(common_01.css);
@import url(base.css);


li{
	list-style-type: none;
}



.width700{
	width:700px;
	margin:0px auto 0px;
	padding:10px;
}

.dotted_line{
	border:#CC0000 dotted 3px;
	padding:15px 20px 15px;
	width:660px;
}

.dotted_line:after {   
    content: ".";   
    display: block;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

.dotted_line p.img{
	width:60px;
	float:left;
	margin-right:15px;}


.solid_line{
border:1px #CCCCCC solid;
padding:10px;
width:470px;
margin:0px auto 0px;
}


/**/
.entry_img{
	width:700px;
	margin:50px auto 50px;
}
.position{
	position:relative;
}

.btn{
	position:absolute;
	top: 123px;
	height: 0px;
	left: 327px;
	font-size:15px;
	line-height:200%;
}

.about_box{
width:770px;
margin:0px auto 0px;
}

#logout{
width:550px;
margin:0px auto 0px;
}

#logout:after,
#fs01-content:after,
.about_bg_box:after {   
    content: ".";   
    display: block;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

#logout .logout_left{
float:left;
width:246px;
}

#logout .logout_right{
float:right;
width:246px;
}


.flash_box{margin-bottom:30px;
}

.about_bg_box{
padding:0px 0px 20px;
margin-top:30px;
margin-bottom:30px;
background-image:url(../img/about_box_bg.gif);
background-repeat:repeat;
background-position:left bottom;
}

.about_bg_box h3{
margin:0px 0px 10px;
padding:0px;
position:relative;
}
.about_bg_box h3 span{
font-size:90%;
line-height:130%;
position:absolute;
top:15px;
left:20px;
color:#0042BD;
}

.about_bg_box p{
font-size:80%;
line-height:150%;
margin:0px 15px 0px ;

}


.about_bg_box ul{
font-size:80%;
line-height:150%;
margin:5px 30px 0px ;
padding:0px;
}

.about_bg_box table{
	width:100%;
font-size:90%;
line-height:150%;
margin:0px 0px 10px;
padding:0px;
}

.about_bg_box table th,
.about_bg_box table td{
padding:3px ;
}

.about_bg_box table th.w50,
.about_bg_box table td.w50{
	width:50%;
}

.about_txt_box h3{
font-size:100%;
line-height:130%;
color:#0042BD;
margin-bottom:10px;
}

.about_txt_box p{
font-size:80%;
line-height:150%;
	margin-bottom:10px;
}


#mypage_header_area{
	width:967px;
	padding:0px 0px 18px;
	margin: 15px auto 0px ;
}

#fs01-content {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#fs01-content:before,
#fs01-content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#action_layer_base {
position: relative; /* 基準となる位置 */
width:700px; /* 基準の幅 */
height: 201px; /* 基準の高さ */
}

#action_layer_1 {
position: absolute; /* 基準からの相対位置 */
top: 132px; /* 上からの位置 */
right: 180px; /* 右からの位置 */
}

#action_layer_2 {
position: absolute; /* 基準からの相対位置 */
bottom: 20px; /* 下からの位置 */
left: 325px; /*左からの位置 */
}


/* エラー時の入力項目 */ 
.err{ 
 background-color: #FFA500; /* 背景色：orange */ 
  color: #000000; /* 文字の色：black */ 
}





/* 新ログインページ */
.clear{clear:both}

div.login_left{ float: left; width: 179px; font-size: 75%; margin: 15px 0 0 0;}
div.login_right{ float: right; width: 770px; font-size: 75%; margin: 15px 0 0 0;}

div.login_frame001{ border: 2px solid #2F85EC; width: 175px;}
div.login_framein001{ padding: 10px 2px; }

div.login_frame002{ margin: 15px 0 0 0; width: 179px;}
div.login_framein002{ padding: 10px 5px 0 5px; }

div.id_name{ padding: 0 0 8px 0; margin: 0;}
div.m_get{ padding: 0 0 0 16px; margin: 10px 0 0 0; background:url(../img/id_acc.gif) no-repeat;}
div.sa_get{ padding: 0; margin: 0 0 10px 0;}

div.layout_frame_login{ width: 770px; clear: both; margin: 15px 0 0 0;}

div.login_info{ padding: 15px 15px 0 15px; margin: 0; line-height: 150%;}

div.login_news{ border: 2px solid #E0E8FF; width: 766px;}
div.login_news ul{ padding: 15px 0 15px 18px; margin: 0; list-style-type: none; width: 738px;}
div.login_news ul li{ padding: 0 0 0 10px; margin: 0 0 8px 0; background:url(../img/login_newsacc.gif) no-repeat; background-position: 0 4px; line-height:1.3;}
.txt-red{ color:#F00;}

div.mainte{border:2px solid #F00; padding:10px; font-size:102%; line-height:1.4; margin-top:10px;}

div.not_login { width: 766px; margin: 15px 0 0 0; padding: 0 0 12px 0; background:url(../img/not_loginbg.gif) no-repeat; border: 2px solid #E0E8FF;}
div.box_l { float: left; width: 353px; margin: 16px 0 0 8px;}
div.box_r { float: right; width: 366px;  margin: 16px 0 0 0;}

div.box_in { margin: 0; padding: 12px 0 0 15px;}



.setumei {
	width:770px;
	margin: 10px 0px 10px 0px;
	padding: 0;
	line-height:120%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	}
.setumei td {	
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}
	
.setumei th.bg_skyblue {	
	background-color:#EFF4F8;
	text-align:center;
	color:#003;
	}
.setumei td.color {	
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#EFF4F8;
	}
	
.setumei th {	
	padding: 8px 5px 8px;
	text-align:center;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#ffffdf;
	color:#003;
	}

.setumei th .font_s{	
	font-size: 85%;
	line-height:120%;
	}
	
.banner{
	margin-bottom:5px;
}