@charset "utf-8";

/*pc非表示*/
.pc_disp_no {
	display:none;
}

/***********************************

header

************************************/

#header{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	margin-bottom:20px;
	position:relative;
}

#logo{
	float:left;
	display:block;
}

#utility{
	/*width:50%;*/
	margin:0;
	padding:0;
	float:right;	
}

#utility_navi{
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

#utility_navi li{
	margin:0;
	padding:0;
	float:left;
	font-size:70%;
	text-align:center;
}

#utility_navi li a{
	color:#000;
	text-decoration:none;
}

.sitemapArea{
	margin:0 0 0 100px;
	padding:0;
	display:block;
	width:90px;
	height:40px;
	line-height:40px;
}

.messagebox_navi{
	margin:0;
	padding:0 20px 0 0;
	display:block;
	width:90px;
	height:40px;
	line-height:40px;
	position:relative;
}

#mail_count{
	width:20px;
	height:20px;
	line-height:20px;
	background:#DC0000;
	color:#FFF;
	display:block;
	position:absolute;
	top:10px;
	right:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

#utility_accounts{
	float:right;
	position:relative;
}

.loginbase a{
	width:145px;
	height:40px;
	margin:0;
	padding:0 0 0 15px;
	display:block;
	font-size:80%;
	text-decoration:none;
	color:#FFF;
	background:url(../../../../img/applicant/mypage/common/accounts_bg.png) no-repeat left top;
	line-height:40px;
}

.login_hover a{
	width:145px;
	height:40px;
	margin:0;
	padding:0 0 0 15px;
	display:block;
	font-size:80%;
	text-decoration:none;
	color:#FFF;
	background:url(../../../../img/applicant/mypage/common/accounts_bghover.png) no-repeat left top;
	line-height:40px;
}

li#global_wrap{
	display:none;
}

ul#loginbox{
	position: absolute;
	z-index:9999;
	top:60px;
	right:0;
	border:none;
	padding:0px;
	background:#357AC1;
	padding-bottom:1px;
	width:160px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}

ul#loginbox li a{
	width:145px;
	margin:0 0 0 0;
	padding:6px 0 6px 15px;
	text-align:left;
	font-size:80%;
	float:none;
	color:#FFF;
	display:block;
	text-decoration:none;
}

ul#loginbox li a:hover{
	background:#0259B1;
}

.last_access{
	margin:0 0 0 0;
	padding:8px 15px 8px 0;
	font-weight:normal;
	text-align:right;
	font-size:70%;
	color:#CCDEEF;
	line-height:150%;
	border-top:1px solid #689BD1;
}

.access_date{
	display:block;
}

.accountarea{
	padding-top:15px;
	border-top:1px solid #689BD1;
}

.accountarea02{
	padding-bottom:15px;
	border-bottom:1px solid #689BD1;
}

.logoutarea{
	padding-top:12px;
	padding-bottom:10px;
}

/***********************************

global

************************************/
#global{
	width:100%;
	height:50px;
	display:block !important;
}

#global_navi{
	width:960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-color:#9198A0;
}

#global_navi li{
	float:left;
	padding:5px 0 0 0;
}

#global_navi li a{
	width:128px;
	height:38px;
	margin:0 0 0 5px;
	padding:0;
	font-size:80%;
	line-height:40px;
	text-align:center;
	display:block;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}

#global_navi li a:hover{
	background:#30557F;
}

#activety{
	background:#30557F;
}

/***********************************

footer

************************************/

#footer{
	width:100%;
	border-top:none;
	padding-top:0;
	margin-bottom:20px;
}

#footerglobal_wrap{
	display:none;
}

#footer_wrap{
	width:100%;
	border-top:none;
	padding:0;
	margin:0 auto -1px auto;
	background:#F4F5F6;
	border-bottom:1px solid #CCC;
}

#footer_global{
	width:960px;
	background:none;
	margin:0 auto 0 auto;
}

#footer_global li{
	float:left;
	padding:20px 0 20px 0;
}

#footer_global li a{
	width:128px;
	height:38px;
	margin:0 0 0 5px;
	padding:0;
	font-size:80%;
	line-height:40px;
	text-align:center;
	display:block;
	color:#333;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}

#footer_global li a:hover{
	background:#ccc;
}

#footersubmenu{
	color:#344A5E;
	margin-left:0px;
}

#footersubmenu li{
	float:none;
	margin:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;

}

#footersubmenu li a{
	color:#344A5E;
	margin:0px;
	text-align:center;
	font-size:80%;
	padding-top:0px;
	padding-right:0;
	padding-bottom:0px;
	padding-left:0px;
	margin-bottom:5px;
	display:block;

}

#footer_utility{
	width:960px;
	background:none;
	margin:0 auto 20px auto;
	padding:20px 0 0 0;
	border-top:1px solid #CCC;
}

#footer_utility ul{
	float:left;
}


#footer_utility ul li{
	float:left;
	margin-right:30px;
}


#footer_utility ul li a{
	width:auto;
	font-size:70%;
}

#copy_right{
	float:right;
	font-size:70%;
}


#footer_utility ul#device_cng {
	width:160px;
	text-align:center;
	margin:0 auto;
	padding:10px;
	background:#f5f5f5;
	border:1px solid #ededed;
}

#footer_utility ul#device_cng li{
	float:none;
	display:inline-block;
	margin:0;
	padding:0 10px;
}
#footer_utility ul#device_cng li:first-child {
	border-right:1px solid #575757;
}



/* =======================================
	pageTop
======================================= */

.page_top{
	width:960px;
	margin:0 auto 0 auto;
}


.page_top a{
	font-size:80%;
	text-align:center;
	color:#FFF;
	width:160px;
	height:30px;
	background:#9198A0;
	margin:20px 0 0 0;
	padding:0;
	line-height:30px;
	display:block;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	cursor:pointer;
	float:right;
}

.page_top a:hover{
	background:#BFC2C7;	

}


/* =======================================
	clearfix
======================================= */

.clearfix:after {
    content: "."; 
    display: block; 
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/***********************************

layout

************************************/
/*　ranking ricomend */
.contents_wrapperArea{
	line-height:150%;
}

/*　ranking ricomend end */

.article{
	margin:0 0 20px 0;
}

/*   ここまで　　　*/

/***********************************

common_style

************************************/

.wrap{
	width:100%;
}

.container{
	width:960px;
	margin:0 auto 25px auto;
	height:100%;
	display:block;
	zoom:1;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}




/***********************************

module

************************************/

.link_mark{
	background:url(../../../../img/applicant/mypage/common/link_mark01.png) no-repeat left center;
	padding-left:17px;
}

.font_bold{
	font-weight:bold;
}

.newicon{
	background:url(../../../../img/applicant/mypage/common/new_icon.png) no-repeat 10px 15px;
}

.new_icon{
	background:url(../../../../img/applicant/mypage/common/new_icon.png) no-repeat 0px 0px;
}



/***********************

heading_level

************************/

.heading_lv2bg{
	margin:0;
	padding:0 0 0 20px;
	color:#0259B1;
	background:#DDD;
	line-height:42px;
	border:1px solid #DDD;
	border-bottom:none;
	border-radius:4px 4px 0px 0;
	position:relative;
}

.heading_level3{
	margin:0 0 6px 0;
	padding:0;
	color:#333;
}

.heading_level3bg{
	margin:0;
	padding:0 0 0 20px;
	color:#0259B1;
	height:42px;
	background:url(../../../../img/applicant/mypage/common/heading_level3.png) no-repeat left top;
	line-height:42px;
}

.heading_line2{
	width:99.5%;
	background:#F1F2F3;
	border:2px solid #E4E6E8;
	border-top:2px solid #E4E6E8;
	margin:0;
	padding:15px 0 0 0;
	border-top:2px solid #0056B4;
}

.heading_line2 h3{
	margin:0;
	padding:0 0 15px 15px;
	color:#0056B4;
	line-height:100%;
	width:90%;
	font-size:120%;
}

.heading_line2 .h3{
	margin:0;
	padding:0 0 15px 15px;
	color:#0056B4;
	font-weight:bold;
	line-height:100%;
	width:90%;
	font-size:120%;
	display:block;
}

/**********************************

stateitem

***********************************/

.cation_text{
	color:#787979;
	padding:20px 0 0 20px;
	font-size:80%;
}

.link_txt{
	width:150px;
	padding:6px 10px 8px 10px;
	line-height:150%;
	display:block;
	float:left;
}

.link_text{
	width:150px;
	padding:0px 10px 0px 10px;
	line-height:50px;
	display:block;
	float:left;
}

.state{
	width:35px;
	height:20px;
	margin-top:14px;
	line-height:20px;
	font-size:80%;
	text-align:center;
	display:block;
	font-weight:bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	float:right;
}

.ic_unread{
	background:#DC0000;
	color:#FFF;
}

.ic_readed{
	background:#F1F1F1;
	color:#999;
}

.entrybtn{
	display:none;
}

/******************************************************

button

*********************************************************/
a.btn {
	width:130px;
	height:42px;
	margin-right:auto;
	margin-left:auto;
	color:#FFF;
	line-height:42px;
	text-align:center;
	text-decoration:none;
	display:block;
	background:url(../../../../img/applicant/mypage/common/btn.png) no-repeat left top;
	cursor:pointer;
}

a:hover.btn {
	background:url(../../../../img/applicant/mypage/common/btn_hover.png) no-repeat left top;
}

a.btn_w240bs{
	background:url(../../../../img/applicant/mypage/staff/btn240s.png) no-repeat left top;
	width:240px;
	height:27px;
	color:#FFF;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-weight:bold;
}

a:hover.btn_w240bs{
	background:url(../../../../img/applicant/mypage/staff/btn240shover.png) no-repeat left top;
}

a.all_viewinde{
	width:80px;
	height:27px;
	margin-top:14px;
	color:#FFF;
	font-size:80%;
	text-align:center;
	line-height:27px;
	display:block;
	background:url(../../../../img/applicant/mypage/common/all_view.png) no-repeat left top;
	text-decoration:none;
	float:right;
}

a:hover.all_viewinde{
	color:#FFF;
	background:url(../../../../img/applicant/mypage/common/all_viewhover.png) no-repeat left top;	
}

a.allview{
	width:80px;
	height:27px;
	margin-top:-5px;
	color:#FFF;
	font-size:80%;
	text-align:center;
	line-height:27px;
	display:block;
	text-decoration:none;
	background:#3379C9;
	border-radius:5px;
	border-bottom:2px solid #001A7D;
}

a:hover.allview{
		font-weight:bold;
	cursor:pointer;
	background:#3379C9;
	border-radius:5px;
	opacity:.8;
}


/*______ALBUM__________*/

.btn {
	cursor:pointer;
	font-size:100%;
	font-weight:bold;
	background:#3379C9;
	border-radius:5px;
}

.btn_submit {
	width:130px;
	height:42px;
	margin:0;
	padding:0;
	border:none;
	color:#FFF;
	background:#3379C9;
	border-radius:5px;
	border-bottom:2px solid #001A7D;
}

.btn_submit2 {
	width:200px;
	height:42px;
	margin:0;
	padding:0;
	border:none;
	color:#FFF;
	background:#3379C9;
	border-radius:5px;
	border-bottom:2px solid #001A7D;
}

.submit {
	background:url(../../../../img/applicant/mypage/common/btn_w160b.png) no-repeat left top;
	font-weight:bold;
	cursor:pointer;
}

.submithover {
	font-weight:bold;
	cursor:pointer;
	background:#3379C9;
	border-radius:5px;
	opacity:.8;
}

#js_readmore a{
	width:100%;
	margin:0;
	padding:0;
	background:url(../../../../img/applicant/mypage/common/read_more.png) no-repeat left top;
	height: 32px;
	line-height:33px;
	text-align:center;
	font-size:80%;
	display:block;
	color:#666;
	text-decoration:none;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-ms-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}

#js_readmore a:hover{
	color:#FFF;
	text-decoration:none;
	background:url(../../../../img/applicant/mypage/common/read_more.png) no-repeat left bottom;
}


/*________pagenation__________*/

#navi {
	margin:0;
	padding:0;
	float: left;
	color: #fff;
}

#navi ul a {
        text-decoration: none;
}

a.next{
	width: 71px;
	height:35px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	line-height:35px;
	float: left;
	background:url(../../../../img/applicant/mypage/common/next.png) no-repeat left top;
}


a:hover.next{
	background:url(../../../../img/applicant/mypage/common/next.png) no-repeat left bottom;
}

a.prev_back{
	width: 71px;
	height:35px;
	color:#FFF;
	margin-right:57px;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	line-height:35px;
	float: left;
	background:url(../../../../img/applicant/mypage/common/prev_back.png) no-repeat left top;
}

a:hover.prev_back{
	background:url(../../../../img/applicant/mypage/common/prev_back.png) no-repeat left bottom;
}

a.prev{
	width: 71px;
	height:35px;
	color:#FFF;
	margin-right:9px;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	line-height:35px;
	float: left;
	background:url(../../../../img/applicant/mypage/common/prev.png) no-repeat left top;
}

a:hover.prev{
	background:url(../../../../img/applicant/mypage/common/prev.png) no-repeat left bottom;
}


/*_____style________*/

.btnfloat_left{
	float:left;
}

.btnfloat_right{
	float:right;
}

.mar20{
	margin-right:20px;
}

button span span{
	height:35px;
	min-width:80px;
}

textarea{
	vertical-align :middle;
	line-height: 100%;
}

.hidden{
	display:none;
}

/*_____________ IE7___________________*/


*+html button span span{
	display:block;
	width:100px;
}

*+html .heading_line2 h3{
	margin:0;
	padding:0 0 0px 15px;
	color:#0056B4;
	line-height:120%;
	width:100%;
	font-size:120%;
}

.jqsubmitwrap{
	background: transparent url(../../../../js/applicant/mypage/jqtransformplugin/img/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 2px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
	cursor:pointer;
}

.jqsubmitwraphover{
	background: transparent url(../../../../js/applicant/mypage/jqtransformplugin/img/btn_right.gif) no-repeat right -33px;
	display: block;
	float: left;
	padding: 0px 2px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}
.jqsubmit{
	background:url(../../../../js/applicant/mypage/jqtransformplugin/img/btn_left.gif) no-repeat left top;
	color: #333;
	padding: 0px 12px 0px 12px;
	font-weight: normal;
	font-size: 12px;
	line-height: 33px;
	display: block;
	text-decoration: none;
	height: 33px;
	border:none;
	float:right;
	cursor:pointer;
}

.jqsubmithover{
	background:url(../../../../js/applicant/mypage/jqtransformplugin/img/btn_left.gif) no-repeat left -33px;
	color: #333;
	padding: 0px 12px 0px 12px;
	font-weight: normal;
	font-size: 12px;
	line-height: 33px;
	display: block;
	text-decoration: none;
	height: 33px;
	border:none;
	float:right;
	cursor:pointer;
}

/* =======================================
	編集可能エリア cssリセット
======================================= */
.editArea {
	line-height:1.5;
}
.editArea sub {
	vertical-align: sub;
	font-size: smaller;
}
.editArea sup {
	vertical-align: super;
	font-size: smaller;
}
.editArea ul{
	list-style:inherit;
	padding-left:40px;
}
.editArea ol {
	list-style-type: decimal;
	padding-left:40px;
}
.editArea table {
	display: table;
	border-collapse: separate;
	-webkit-border-horizontal-spacing: 2px;
	-webkit-border-vertical-spacing: 2px;
	border:1px solid gray;
	width:100%;
}
.editArea tbody{
	display: table-row-group;
	vertical-align: middle;
	border-top-color: inherit;
	border-right-color: inherit;
	border-bottom-color: inherit;
	border-left-color: inherit;
}
.editArea tr {
	display: table-row;
	vertical-align: inherit;
	border-top-color: inherit;
	border-right-color: inherit;
	border-bottom-color: inherit;
	border-left-color: inherit;
}
.editArea td, .editArea th {
	display: table-cell;
	vertical-align: inherit;
	border:1px solid gray;
}

#newsarea .editArea {
	padding:0 22px;
}
.box_oneArea .border_wrapArea .editArea {
	padding:10px 20px 10px 65px;
	font-size:80%;
}