@charset "shift_jis";

/*css for MyWeb mail*/

@import url(eml_base.css);

/* イメージボタン */
.ibtn_style{
	width:65px;
	height:17px;
}
.ibtn_style2{
	width:20px;
	height:15px;
}
.ibtn_style3{
	width:85px;
	height:17px;
}
/*****イメージ*****/
img.clear {
	clear:both;
}
img.clearleft {
	clear:left;
}
img.clearright {
	clear:right;
}
/* input */
input.input200 {
	width:200px;
}
input.input250 {
	width:250px;
}
input.input350 {
	width:350px;
}
input.input450 {
	width:450px;
}
/* textarea */
textarea.textarea-adr {
	width:250px;
	height:100px;
}
textarea.textarea450 {
	width:450px;
	height:150px;
}
textarea.textarea525 {
	width:525px;
	height:200px;
}
textarea.textarea90pct {
	width:90%;
	height:235px;
}
/*ドロップダウンリスト幅*/
select.ddlist {
	width: 200px;
}
select.ddlist_adr {
	width: 410px;
}
select.ddlist_adr2 {
	width: 100px;
}
select.ddlist-header {
	width: 150px;
}
/*リストボックス幅*/
select.listbox {
	width: 200px;
}
/*メール添付リストボックス幅*/
select.filelistbox {
	width: 300px;
}
/* タブ */
p.tabs {
	margin:0;
	padding:0;
	font-size:87%;
}
/*float(回り込み)*/
P.eml-fright{
	float: right;
}
P.eml-fleft{
	margin:1px 0;
	float: left;
}
div.eml-fleft{
	margin:-2px 0 0 0 ;
	padding:0;
	float: left;
}
/*****ナビ*****/
div#navigate {
	margin-top:2px;
	padding:0;
	text-align:right;
}
#navigate a.button:link {
	color:#666666;
	text-decoration:none;
}
#navigate a.button:visited {
	color:#666666;
	text-decoration:none;
}
#navigate a.button:hover {
	color:#ff0000;
	text-decoration:none;
}
#navigate a.button:active {
	color:#ff0000;
	text-decoration:none;
}
span.button {
	border:solid 1px #cccccc;
	padding:0 3px;
	font-weight:bold;
}
/* スクロール制御 */
div.overflow-list{
	overflow: auto;
 	height: 188px;
	width: 100%;
}
div.overflow-list2{
	overflow: auto;
	width: 100%;
}
/* DataGrid */
table#dgr_eml_header th{
	text-align:left;
	background-color:#339900;
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	color:#ffffff;
	font-weight:bold;
}
table#dgr_eml_header td.th{
	background-color:#339900;
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	color:#ffffff;
}
table#dgr_eml_header th.header-check {
	background-color:#339900;
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	color:#ffffff;
	text-align:center;
}
table#dgr_eml_header th.header-status {
	background-color:#339900;
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	color:#ffffff;
	text-align:left;
}

table#dgr_infolder td.check {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	text-align:center;
}
table#dgr_infolder td.status  {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
}
table#dgr_infolder td.item {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
}
/* 一覧のメールタイトル(長いタイトルの後ろは表示破棄) */
#mailtitle {
	width:300px;
	overflow:hidden;
}

/* 左右分割画面 */
div.postarea {
	margin:10px 0;
}

fieldset {
	width:100%;
	margin:0;
	padding:0;
	border:solid 1px #cccccc;
}

legend.none {
	font-size:10%;
	visibility: hidden;
	text-decoration:none;
}

div.itembind {
	background-color:transparent;
	background-image:url(../imgs/eml_disp_area.gif);
	background-repeat:repeat-y;
	position:relative;
}
div.postitemtop {
	margin:0;
	padding:0;
	width:100%;
	border:solid 1px #cccccc;
    box-sizing:border-box;
}
div.postitem {
	margin:0;
	padding:0;
	width:100%;
	border:solid 1px #cccccc;
	border-top:none;
    box-sizing:border-box;
}
/* IE */
div.postitem-ie {
	margin:0;
	padding:0;
	width:100%;
	/* height:190px; */
	background-color:#ffffff;
	border:solid 1px #cccccc;
	border-top:none;
	overflow: auto;
    box-sizing:border-box;
}
/* NetScape */
div.postitem-nn {
	margin:0;
	padding:0;
	width:100%;
	/* height:155px; */
	background-color:#ffffff;
	border:solid 1px #cccccc;
	border-top:none;
	overflow: auto;
    box-sizing:border-box;
}
div.head {
	margin-left:3px;
	padding:1px;
	width:140px;
	float:left;
	color:#000000;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
}
div.head2 {
	margin-left:3px;
	padding:1px;
	width:174px;
	float:left;
	color:#000000;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
}
div.inputarea {
	margin:0;
	padding:1px 10px 1px 150px;
}
/* 長い半角文字列の強制折り返し対応 */
div.inputarea2 {
	margin:0;
	padding:1px 10px 1px 150px;
	word-break:break-all;
}
div.inputarea-sc {
	overflow: auto;
	height:46px;
	width:80%;
	text-align:left;
	margin:0;
	padding:0;
}
div.messagearea {
	margin:10px;
        word-wrap: break-word;      /* IE 5.5+ */
        word-break: break-all;      /* IE 5.5+ */ 
}
p.buttons {
	padding:2px 0;
	text-align:center;
}
/* 新規・返信・転送登録画面 */
div.send-to-list {
	margin:0;
	overflow:auto;
	width:340px;
	height:110px;
	border:solid 1px #cccccc;
}
/* 印刷画面 */
div.print-itembind {
	margin:20px;
	width:600px;
	background-color:transparent;
	background-image:url(../imgs/eml_disp_area.gif);
	background-repeat:repeat-y;
	border:solid 2px #000000;
	position:relative;
}
/* 長い半角文字列の強制折り返し対応 ↓ */
div.print-area-top {
	margin:0;
	padding:0;
	width:598px;
	border:solid 1px #cccccc;
	overflow:hidden;
}
div.print-area {
	margin:0;
	padding:0;
	width:598px;
	border:solid 1px #cccccc;
	border-top:none;
	overflow:hidden;
}
div.print-area2 {
	margin:0;
	padding:0;
	width:598px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	border-top:none;
	overflow:hidden;
}
div.print-head {
	float:left;
	padding:1px;
	width:140px;
	height:100%;
	color:#000000;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
}
div.print-item {
	float:left;
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
	width:455px;
	word-break:break-all;
}
div.print-msg {
	margin-bottom:1px;
	padding:2px;
	text-align:left;
	word-break:break-all;
}
/* 長い半角文字列の強制折り返し対応 ↑ */

/*****掲示板投稿画面*****/
div.ctg-frm-entry {
	margin:0;
	padding:3px 8px;

	width:100%;
	text-align:center;
}
#category-forum {
	width:100%;
}
#category-forum .list-state {
	width:20%;
	text-align:right;
}
#category-forum .list-state2 {
	width:80%;
	text-align:left;
}
#category-forum .list-state3 {
	width:100%;
	text-align:left;
}

div.bbs-itembind {
	background-color:transparent;
	background-image:url(../imgs/eml_disp_area2.gif);
	background-repeat:repeat-y;
}
div.bbs-itemtop {
	margin:0;
	padding:0;
	width:80%;
	border:solid 1px #999999;
}
div.bbs-item {
	margin:0;
	padding:0;
	width:80%;
	border:solid 1px #999999;
	border-top:none;
}
div.bbs-head {
	margin:0;
	padding:3px;
	width:160px;
	float:left;
	color:#000000;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
}
div.bbs-inputarea {
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
}
div.bbs-btn {
	margin:0;
	padding-top:5px;
	padding-bottom:3px;
	text-align:center;
}

/* アドレス帳 */
div#buttonline2 {
	margin:0;
	padding:3px 0;
	text-align:left;
}
div.adr-head {
	margin-left:3px;
	padding:10px 0px 1px 0px;
	width:120px;
	float:left;
	text-align:left;

	margin:0;
	padding:0;
}
div.adr-ddlarea {
	margin:0;
	padding:1px 10px 1px 0;

	margin:0;
	padding:0;
}
div.adr-search {
	max-height:98px;
}
div.buttonline2 {
	height:22px;
}
div.adr-dgr {
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	height:200px;
}
.formitem {
	margin:6px 0 8px 0px;
	padding:0;
}
.formitem2 {
    display:inline-block;
	margin:0px 0 5px;
	padding:0;
    vertical-align:top;
}
.formitem2_width {
	width:300px;
}
.formitem2 label {
	margin:0px 0;
	
	font-weight:bold;
}
.formitem2 label span {
	font-size:87%;
	font-weight:normal;
}
span.ddl-left {
	width:120px;
	margin:0px 0px 0px 3px;
	padding:0;
	float:left;
}
span.ddl-left2 {
	width:98px;
	margin:0px 2px 1px 0px;
	padding:0;
    text-align:right;
	float:left;
}
span.ddl-right{
	margin:0px 0;
	padding:0;
}

div.eml-list-area{
	margin:15px 0;
	padding-left:20px;
}
div.disp-area {
	margin:0;
	padding:0;
	width:90%;
	background-color:#eeeebb;
	border:solid 2px #999999;
}
table#dgr_disp_address td.check {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	text-align:center;
}
table#dgr_disp_address td.item {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
}
/*****カテゴリリストボックス*****/
.com-listbox-back {
	background-color:#f0f0f0;
	border:solid 1px #cccccc;
	width:200px;
}
.com-listbox-back h3 {
	font-size:1em;
	margin:0 auto;
	padding:2px;
	background-color:#339900;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}
/*中央寄せ（インライン要素のみ）*/
.com-aligncenter {
	text-align:center;
}

/*****検索*****/
div#search {
	margin:0;
	text-align:left;
}
div#search h1 {
	margin:0;
	padding:2px 5px;
	font-size:1em;
	background-color:#33cc00;
	color:#ffffff;
	width:447px;
}
div.serch-head {
	margin-left:3px;
	padding:1px;
	padding-top:5px;
	width:100px;
	height:19px;
	float:left;
	color:#000000;
	text-align:left;
	letter-spacing:1px;
}
div.serch-inputarea {
	margin:0;
	height:23px;
	padding:1px 10px 1px 5px;
	border-left:solid 1px #cccccc;
}
div.serch-postitemtop {
	margin:0;
	padding:0;
	width:455px;
	border:solid 1px #cccccc;
}
div.serch-postitem {
	margin:0;
	padding:0;
	width:455px;
	border:solid 1px #cccccc;
	border-top:none;
}
div.search-btn {
	margin:5px;
	padding:0;
	width:447px;
	text-align:center;
}
div#searchresult {
	overflow: auto;
	height: 400px;
	width: 100%;
	margin:0;
	text-align:left;
}
div#searchresult h1 {
	margin:0;
	padding:2px 5px;
	font-size:1em;
	background-color:#33cc00;
	color:#ffffff;
}
.searchresult-header {
	text-align:center;
	background-color:#339900;
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	color:#ffffff;
	font-weight:bold;
}
.item-center {
	margin:0;
	padding:2px 5px;
	text-align:center;
}
.item-left {
	text-align:left;
}

a.ate-linkbtn {
	border:none;
	text-decoration:none;
}

div.adr-postitemtop {
	margin:0;
	padding:0;
	width:100%;
	border:solid 1px #cccccc;
	border-right:none;
	border-left:none;
}

div.adr-postitem {
	margin:0;
	padding:0;
	width:100%;
	border:solid 1px #cccccc;
	border-top:none;
	border-right:none;
	border-left:none;
}
.check-email {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	text-align:center;
	background-color:#cccccc;
}
.check-intra {
	border-left:hidden;
	border-bottom:solid 1px #cccccc;
	text-align:center;
	background-color:#ffcccc;
}
h2.nothing-message {
	margin:0;
	margin-top:5px;
	padding:30px 1px;
	font-size:1em;
	letter-spacing:2px;
	border:dashed 2px #666666;
	background-color:#ccff99;
	text-align:center;
}
.required {
	font-size:87%;
	font-weight:normal;
	color:#ff0000;
	margin-left:1em;
}

/* トップページへボタン */
#topborder input#ibtn_toppage {
    position:absolute;
    top:8px;
    left:180px;
}