@charset "utf-8";
/**************************************************
対象：全ページ共通
作成者名：Team-lab
最終更新日：2009/03/17
更新者名：Team-lab
**************************************************/

body{
text-align:center;
padding:0px;
margin:0px;
color:#333333;
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
table{
font-size:inherit;
font:100%;
}
input,
textarea{
font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

img{
	border:0;
	margin-bottom:1px;
	vertical-align: middle;	
}

ul,dl,ol,li,dt,dd{
list-style-type:none;
list-style-position:outside;
padding:0px;
margin:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
padding:0px;
margin:0px;
font-weight:normal;
}

em{
font-style:normal;
}

p{
padding:0px;
margin:0px;
}

hr{
border:#ffffff solid 1px;
}

form{
margin:0;
padding:0;
}

.textbold{
font-weight:bold;
}
.textunderline{
text-decoration:underline;
}

/*回り込み*/
.floatright{
display:block;
float:right;
}

.floatleft{
display:block;
float:left;
}

/* フロート解除 */
.clearfix:after{
content: ".";
display: block;
height: 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 */

.clear{
clear:both;
display: block;
}
/* テキスト揃え */
.alignleft{
text-align:left;
}

.alignright{
text-align:right;
}

.aligncenter{
text-align:center;
}

.otherwin{
width:780px;
}

.nowrap{
white-space: nowrap;
}

/* ===========リンク色============ */
a:link { text-decoration:none; color:#2b59c0; }
a:visited { text-decoration:none; color:#2b59c0; }
a:active { text-decoration:none; color:#2b59c0; }
a:hover { text-decoration:underline; color:#2b59c0; }

/*リンク色02*/
a.external:link { text-decoration:underline; color:#fff; }
a.external:visited { text-decoration:underline; color:#fff; }
a.external:hover { text-decoration:underline; color:#fff; }
a.external:active { text-decoration:underline; color:#fff; }

/* ===========スペース============ */
.sp05{margin-bottom:5px;}
.sp10{margin-bottom:10px;}
.sp15{margin-bottom:15px;}
.sp20{margin-bottom:20px;}
.sp30{margin-bottom:30px;}
.sp40{margin-bottom:40px;}

.sptop05{margin-top:5px;}
.sptop10{margin-top:10px;}
.sptop15{margin-top:15px;}
.sptop20{margin-top:20px;}
.sptop30{margin-top:30px;}
.sptop40{margin-top:40px;}

.spleft05{margin-left:5px;}
.spleft10{margin-left:10px;}
.spleft15{margin-left:15px;}
.spleft20{margin-left:20px;}
.spleft30{margin-left:30px;}

.spright05{margin-right:5px;}
.spright10{margin-right:10px;}
.spright15{margin-right:15px;}
.spright20{margin-right:20px;}
.spright30{margin-right:20px;}

/* ===========フォントサイズ============ */
.fontsize01{
font-size: 110%;
}

/* ===========フォームサイズ============ */
.formsize01{
width:400px;
}
.formsize02{
width:400px;
height:100px;
font-size:108%;
}
.formsize03{
width:400px;
height:50px;
font-size:108%;
}
.formsize04{
width:60px;
}
.formsize05{
width:230px;
height:60px;
font-size:108%;
}
.formsize06{
width:35px;
}
.formsize07{
width:350px;
}
.formsize08{
width:300px;
}

.formsize09{
width:500px;
height:110px;
font-size:108%;
}

.formsize10{
width:180px;
}

.formsize11{
width:400px;
height: 550px;
}

.formsize12{
width: 100%;
height: 300px;
}

.formsize13{
width: 240px;
}

.formsize14{
width: 100px;
}

.formsize15{
width: 75px;
}

.formsize16{
width:500px;
font-size:108%;
}

/***************** ログイン *****************/
.loginbox{
margin:40px auto 100px auto;
padding:10px 10px 30px 10px;
border: 1px solid #cccccc;
width:500px;
}
.loginformsize{
width:300px;
height:23px;
font-size:150%;
}

/***************** テキスト装飾 *****************/
.normalcolor{
color:#333333;
}

.atention{
line-height:140%;
color:#ff3333;
}

.about{
line-height:140%;
color:#888888;
}
.important{
line-height:140%;
font-size:170%;
}
.normaltext{
line-height:140%;
font-size:93%;
}

.normaltext img{
vertical-align: -35%;
margin-right: 5px;
}

ul.normaltext li{
margin-right:10px;
display:inline;
}

/***************** 完了メッセージ *****************/
.compbox{
margin-top:50px;
margin-bottom:80px;
}

.compbox .txt01{
font-weight: normal;
color: #333333;
display: block;
margin-top: 5px;
width: 400px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.compbox .txt02{
font-weight: normal;
color: #333333;
display: block;
margin-top: 5px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.compbox .txt03{
font-weight: normal;
color: #ff3333;
display: block;
margin-top: 5px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
/***************** エラーメッセージ *****************/
.errorbox{
margin:0 0 20px;
padding:15px 10px 10px 55px;
background:#ffecec url(../img/common/error_icon.gif?t=1581030031313) no-repeat 15px 50%;
border:#ffc9c9 solid 1px;
color:#ff3333;
font-size:93%;
line-height:140%;
}

.errorbox li{
margin-bottom: 5px;
background: url(../img/common/img_error_dot.gif?t=1581030031313) no-repeat left 5px;
padding-left: 14px;
}

.errorboxsimple{
padding:15px 10px;
background:#ffecec;
border:#ffc9c9 solid 1px;
color:#ff3333;
font-size:93%;
line-height:140%;
}

/***************** ボタンエリア *****************/
.btnarea{
text-align:center;
margin-top:20px;
}

.btnarea form{
display: inline;
display: inline-block;
}

.formbtnarea{
width: 770px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}

.formbtnarea li{
float: left;
width: 182px;
margin-right: 10px;
}

.btnarea02{
text-align:center;
margin-top:10px;
}

.btnarea label{
margin-right: 10px;
}
.btnarea label img{
margin-right: 8px;
}
.btnarea label input{
/*vertical-align: text-top;
*/}
.btnarealogin{
text-align:center;
margin-top:30px;
}
.btnarea p{
display:inline;
}
.btnarea p.block{
display:block;
}
.btnarea img{
margin-bottom:5px;
margin-left:7px;
}
.otherwinbtnarea{
text-align:center;
margin-top:30px;
}




/***************** セージエリア *****************/
.inputareaglay{
background:#f3f3f3;
border:#cccccc solid 1px;
padding:10px;
font-size:93%;
line-height:140%;
}

.inputareaglay ul li{
display:inline;
margin-right:20px;
}

/***************** ページング *****************/
.paging p{
font-size:93%;
margin-top:3px;
}
.paging p em{
font-weight:bold;
}
.paging ul{
float:left;
margin-left:20px;
}
.paging ul li{
display:inline;
padding:0 3px;
}
.paging ul li img{
vertical-align:middle;
}
.pagingbtnareastripe{
background:url(../img/clientpc/form_bg_stripe.gif?t=1581030031313) right top;
height:32px;
padding-left:3px
}

.pagingbtnareastripe select, .pagingbtnareastripe input{
vertical-align: middle;
}

.pagingbtnareastripe p{
float:left;
font-size:93%;
margin-top:5px;
margin-left:5px;
height:22px;
}

.pagingbtnareastripe p.alldone{
background:transparent url(../img/common/li_btnareastripe.gif?t=1581030031313) left top repeat-y;
margin-left:12px;
padding-left:12px;
}

.pagingbtnareastripe p.alldone span{
vertical-align: middle;
}

.pagingbtnareastripe p.right01{
float: right;
margin-right: 10px;
}

.pagingbtnareastripe p.right02{
float: right;
}

.pagingbtnareastripe p.right02 span{
vertical-align: middle;
}

/* 二列になる場合 doubleを付与　*/
.pagingbtnareastripe.double{
background:url(../img/clientpc/form_bg_stripe.gif?t=1581030031313) right top;
height: auto;
padding-left:3px;
padding-bottom: 5px;
}

.pagingbtnareastripe.double p.double_mg {
width: 325px;
display: inline-block;
padding: 2px 0 0 3px;
vertical-align: middle;
}

.pagingbtnareastripe.double p .typeTitle {
display: inline-block;
padding-right:5px;
font-weight:bold;
}

.pagingbtnareastripe.double select, .pagingbtnareastripe.double input{
vertical-align: baseline;
margin-top: 2px;
}
.pagingbtnareastripe.double .mailStatusChangeBtn{
vertical-align: top;
}

.pagingbtnareastripe__centerWrap{
display: table;
margin: 0 auto;
}

/* 二列になる場合 doubleを付与　end */

/* 管理者用フォーカス */
#mainadmin .paging ul li em{
color:#ef7701;
font-weight:bold;
}
/* クライアント用フォーカス */
#mainclient .paging ul li em{
color:#669900;
font-weight:bold;
}

/***************** 検索ボックス *****************/
.searchbox{
background:#a4a4a4;
margin-bottom:40px;
padding:10px 9px 1px 10px;
line-height:120%;
}

.searchbox .searcharea{
background:#FFFFFF;
padding:3px 10px 3px 10px;
margin-bottom:10px;
}
.searchbox .searcharea .searchlist{
width:100%;
}

.searchbox .searcharea .searchlist td{
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
padding-bottom:6px;
padding-top:5px;
padding-right:7px;
font-size:93%;
vertical-align: top;
}

.searchbox .searcharea .searchlist td.none, .searchbox .searcharea .searchlist th.none{
background:none;
}

.searchbox .searcharea .searchlist th{
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
vertical-align:top;
text-align:left;
font-weight:normal;
width:115px;
padding-bottom:6px;
padding-top:8px;
font-size:93%;
}

.searchbox .searcharea .searchlist th.long{
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
vertical-align:top;
text-align:left;
font-weight:normal;
width:150px;
padding-bottom:6px;
padding-top:8px;
font-size:93%;
}

.searchbox .searcharea .searchlist th.width01{
width:130px;
}

.searchbox .searcharea .searchlist th.long{
width:200px;
}
.searchbox .searcharea .searchlist th.smslong{
width:145px;
}

.searchbox .searcharea .searchlist td table td{
background:none;
font-size:100%;
width:50%;
}

.searchbox .searcharea .searchlist td.cell01{
width:25%;
}

/* 管理者用タイトル */
#mainadmin .searchbox .searcharea .searchlist th p{
border-left:#ffab36 solid 4px;
padding-left:10px;
}
/* クライアント用タイトル */
#mainclient .searchbox .searcharea .searchlist th p{
border-left:#8bba17 solid 4px;
padding-left:10px;
}

/* フロントサイト */
.flontbox{
border:#eaeaea solid 1px;
padding:15px;
font-size:115%;
margin-bottom:40px;
}
.flontbox .flontarea{
width: 800px;
margin: 0px auto;
text-align: left;
}


/* 全角IME */
.zenkaku {
ime-mode: active;
}

/* 半角IME */
.hankaku {
ime-mode: inactive;
}

/* display */
.hide {
	display: none;
}

.showinline {
	display: inline;
}

.showblock {
	display: block;
}

.showttablerow {
	display: table-row;
}

/* pointer */
.cursorpointer {
	cursor: pointer;
}

.cursordefault {
	cursor: default;
}

/* 日付共通 */
.dateyear {
width: 60px;
}

.datemonth {
width: 45px;
}

.dateday {
width: 45px;
}

/* テキストボックス偽装用 */
.textnotborder {
background-color: #ffffff;
border: 1px solid #ffffff;
}

/* jAltTip用*/
.alttip_body {
background-color: #D7F5FF;
border: 1px solid #00ABFD;
color: #000000;
text-shadow: 1px 1px 0 #888;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}