@charset "UTF-8";
/* clearfix（任意で） */


.cf:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */

* {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, verdana, arial, sans-serif;
}

/* はみ出し対策 */
body {
	width:100%;
	/*overflow:hidden;*/
	color: #333;
	/*font-size: rem; /* px */
	/*font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, verdana, arial, sans-serif;*/
	line-height:1;
	-webkit-text-size-adjust : none;
	/* ↑iPhone横にしたときに文字が大きくなるのを防ぐ */
	/*テキストコピー不可（iPhone）*/
	/*-webkit-user-select: none;*/
}

a {
	color: #69C;
}

pre{
     line-height: 150%;
}

/* login_index*/

header#g_header_login hgroup {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}


#login_text {
	font-size: 75%;
	color: #666;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 10px;
}

#login_text2 {
	margin-left: 24px;
	line-height: 1.2;
}

div#login_bg {
	border: 1px solid #DDF098;
	border-radius:7px;
	background-color: #F2FBCF;
	margin-bottom: 25px;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	/*padding-bottom: 20px;*/
}

dl#id_pw {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 15px;
}

dl#id_pw dt {
	margin-top: 10px;
}

dl#id_pw dd {
	margin-top: 3px;
	height: 25px;
}

#login_bg .attention {
	margin: 0px 0px 0px 5px;
    padding: 0;
    text-align: left;
}

#login_bg .attention ul {
    font-size: 80%;
    line-height: 100%;
    /*list-style-type: none;*/
    margin: 20px 5px 0px 5px;
    padding: 0;
}

#login_bg .attention ul li {
    color: #FB8F02;
    line-height: 180%;
    padding-left: 0px;
}

/* ヘッダー index */
header#g_header,header#g_header_login {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #84ba30;
	padding-top: 12px;
	padding-bottom: 12px;
}

.wrap {
	padding-left: 12px;
	padding-right: 12px;
	margin-right: auto;
	margin-left: auto;
}

nav#menu {
	/*float: right;*/
	float: left;
}

/* グローバルナビ */
nav#grobalnav {
	background-color: #c2ea7f;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8CC632;
	padding-top: 7px;
	padding-bottom: 7px;
}

#gl_navi {
	width: 100%;
	height: 35px;
}


ul#gl_navi a {
	color: #6da122;
}

.fl_r {
	float: right;
}

.fl_l {
	float: left;
}

.fl_l2 {
	float: left;
	margin-right: 5px;
}

.fl_r2 {
	float: right;
	margin-right: 5px;
}


.koushin_s {
	margin-left: 100px;
}

/*vertical-align*/
.vertical_middle {
	vertical-align:middle;
}

.vertical_top {
	vertical-align:top;
}

/* フォーム */
#search {
	clear:both;
	padding-top: 8px;
}



/* ヘッダー下グローバルナビのボタン */

.btn_midori {
	display:block;
	border: 1px solid #b9d97f;
	border-radius:5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(225,246,196,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(225,246,196,1)));
	padding-left: 3px;
	font-size: 90%;
	height: 27px;
	padding-top: 10px;
	
}

.btn_midori2 {
	display:block;
	border: 1px solid #b9d97f;
	border-radius:5px;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(225,246,196,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(225,246,196,1)));
	padding-left: 13px;
	font-size: 90%;
	height: 27px;
	padding-top: 10px;
}

.mail {
	display: block;
	background-image: url(../img/header/ic_mail.png);
	-webkit-background-size: 21px 21px;
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 2em;
	height: 20px;
	padding-top: 2px;
}

.kousin {
	display: block;
	background-image: url(../img/header/ic_koushin.png);
	/* ↑実際の画像のサイズは42px*42pxとする */
	 -webkit-background-size: 21px 21px;/* Safari,Chromeなど */
	background-repeat: no-repeat;
	background-position: 2px -1px;
	padding-left: 2em;
	height: 20px;
	padding-top: 2px;
}

.settei {
	display: block;
	background-image: url(../img/header/ic_settei.png);
	 
	-webkit-background-size: 21px 21px;
	background-repeat: no-repeat;
	background-position: 2px -1px;
	padding-left: 2em;
	height: 20px;
	padding-top: 2px;
}

/* メインメニュー */



ul#mainnav li {
	display: block;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(246,246,246,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(246,246,246,1)));
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	font-size: 105%;
	padding-top: 16px;
	padding-bottom: 16px;
	
}


ul#mainnav li#myfold {
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	background: #e9f8d0;
}



.font_bl {
	color: #333;
}

.font_gr {
	color: #6da122;
	font-size: 90%;
}

/* メニュー内の右側のボタンなど */
.unread {
	display: block;
	font-size: 90%;
	color: #333;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-radius:15px;
	float: right;
	margin-right: 15px;
	background:#cfcfcf;
	box-shadow: 1px 1px 1px #aaa9a9  inset;
	margin-top: -2px;
}

.w_ar1 {
	width :85px;
	margin-top: -11px;
}
.w_ar2 {
	width :55px;
	margin-top: -11px;
}

.mar_r_15 {
	margin-right: 15px;
}
.mar_r_7 {
	margin-right: 7px;
}
/* ログインナビ */
#bg_accounts {
	background: #f7f7f8;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cfe69f;
}

#accounts,#disp_mode {
	font-size: 90%;
	color: #666666;
	text-align: center;
}

/* フッター */
#gFooter {
	background-color: #dfe1de;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 65%;
	color: #696767;
	text-shadow: 1px 1px 1px #fcf7f7;
	text-align: center;
}

/* 4つのメールボタン */
#mail_btn {
	background-color: #eef5db;
	color: #6da122;
	border-bottom:2px solid #cfeb9f;
	font-size: 90%;
	height: 55px;
	display: none;
}

#mail_btn li {
	width: 25%;
	display: block;
	text-align: center;
	float: left;
	background-image: url(../img/menu2/line.gif);
	background-repeat: repeat-y;
	height: 48px;
	padding-top: 8px;
}

.movement {background-image: url(../img/menu2/ic_idou.png);
	-webkit-background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 20px;
	margin-bottom: 3px;
}

.un_read {background-image: url(../img/menu2/ic_midoku.png);
	-webkit-background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 20px;
	margin-bottom: 3px;
}

.existing {
	background-image: url(../img/menu2/ic_kidoku.png);
	-webkit-background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 20px;
	margin-bottom: 3px;
}

.deletion {
	background-image: url(../img/menu2/ic_sakujyo.png);
	-webkit-background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 20px;
	margin-bottom: 3px;
}

.line {
	background-image: url(../img/menu2/line.gif);
	background-repeat: repeat-y;
}
/* 3つのメールボタン */

#mail_btn2 {
	background-color: #eef5db;
	color: #6da122;
	border-bottom:2px solid #cfeb9f;
	font-size: 90%;
	height: 55px;
}

#mail_btn2 li {
	width: 33%;
	display: block;
	text-align: center;
	float: left;
	background-image: url(../img/menu2/line.gif);
	background-repeat: repeat-y;
	height: 48px;
	padding-top: 8px;
}

#mail_btn li.bg_n,#mail_btn2 li.bg_n {
	background-image:none;
}
/* メールタイトル */

#mail_title li {
	display: block;
	background:-moz-linear-gradient(rgba(255,255,255,1), rgba(246,246,246,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(246,246,246,1)));
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	padding-top: 16px;
	padding-bottom: 16px;
}

#mail_title li a {
	color: #333;	
}

div.check_box {
	float: left;
	margin-left: 15px;
	margin-right: 10px;
}

div.check_box_all {
	float: left;
	margin-left: 4px;
	margin-right: 5px;
}

.all_s {
	padding-top: 2px;
}


div.name_title {
	margin-right: 15px;
}

.date {
	float: right;
	color: #999;
	font-size: 75%;
}

.subject_name {
	margin-top: 8px;
	margin-left: 44px;
}

/* フッター上部のボタン */

div.footer_btn {
	background-color: #eef5db;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 33px;
}

#number {
	font-size: 90%;
	text-align: center;
	line-height: 1.2;
}

.pre {
	width :55px;
	float: left;
	margin-left: 15px;
	margin-top: -3px;	
}

.next {
	width :55px;
	float: right;
	margin-right: 15px;
	margin-top: -3px;	
}

.next2 {
	width :45px;
	float: right;
	margin-top: -10px;	
	margin-left: 5px;
	color: #6da122;
}

.back {
	width :55px;
	float: left;
	margin-top: -10px;
}

.cancel {
	width :94px;
	float: left;
	margin-left: 15px;
	margin-top: -3px;	
}

.transmission {
	width :55px;
	float: right;
	margin-right: 15px;
	margin-top: -3px;	
}

ul#creation li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	list-style-type: none;
	color: #333;
}

/* lineの装飾 */

.line_s1 {
	border-top:1px solid #a5ca66;
}

.line_s2 {
	border-bottom:2px solid #cfeb9f;
}


/* メール作成*/
.mar_b_txt {
	margin-bottom: 10px;
}

.name {
	color: #333;
}


.title {
	color: #333;
	margin-bottom: 6px;
}


.date2 {
	font-size: 75%;
	color: #999;
}

.name1 {
	color: #999;
}

.name2 {
	color: #999;
	font-size: 85%;
}

.text {
	line-height: 1.2;
}

.detail {
	font-size: 85%;
}

.rename_myfolder_aside {
	position: absolute;
	top: 15%;
	right: 10px;
}

.create_myfolder_aside {
	position: absolute;
	top: 16%;
	right: 70px;
}

.create_mail_homeheader {
	position: absolute;
	right: 8px;
}

.from_table {
	white-space: nowrap;
	table-layout: fixed;
}

/*メール詳細用、５つのボタン*/
#mail_btn5 {
	background-color: #eef5db;
	color: #6da122;
	border-bottom:2px solid #cfeb9f;
	font-size: 90%;
	height: 55px;
}

#mail_btn5 li {
	width: 20%;
	display: block;
	text-align: center;
	float: left;
	background-image: url(../img/menu2/line.gif);
	background-repeat: repeat-y;
	height: 48px;
	padding-top: 8px;
}

#mail_btn li.bg_n,#mail_btn2 li.bg_n {
	background-image:none;
}

/*メール詳細のFrom*/
.mailfrom_font {
	font-size: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fontsize_95per {
	font-size: 95%;
}

/*メール詳細の件名*/
.mailsubject_font {
	font-size: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:normal;
}

/*メール詳細の受信（送信）日付*/
.maildate_font {
	color: #999;
	font-size: 70%;
}

/*メール詳細・作成画面　非表示設定*/
.mail_display_none {
	display: none;
}

/*メール詳細・作成画面　本文改行*/
.mail_body_breakword {
	word-wrap: break-word;
	overflow-x: auto; 
	overflow-y: hidden;
}

/*契約情報参照の各項目TD*/
.accountshow_color {
	color: gray;
}

/*契約情報参照の各項目間*/
.accountshow_space {
	height: 15px;
}

/*個人設定一覧画面：各項目枠組*/
.fieldset_settings {
	width: 100%;
	border: 1px solid green;
}

/*個人設定一覧画面：余白（縦）*/
.height15px {
	height: 15px;
}

/*受信拒否設定画面：余白（縦）*/
.height8px {
	height: 8px;
}

/*タグのWidth:1em*/
.width1em {
	width: 1em;
}

/*タグのWidth:2em*/
.width2em {
	width: 2em;
}

/*タグのWidth:0.2em*/
.width02em {
	width: 0.2em;
}

/*タグのWidth:16px*/
.width16px {
	width: 16px;
}

/*タグのWidth:22px*/
.width22px {
	width: 22px;
}

/*タグのWidth:25px*/
.width25px {
	width: 25px;
}

/*タグのWidth:30px*/
.width30px {
	width: 30px;
}

/*タグのWidth:35px*/
.width35px {
	width: 35px;
}

/*タグのWidth:50px*/
.width50px {
	width: 50px;
}

/*タグのWidth:54px*/
.width54px {
	width: 54px;
}

/*タグのWidth:70px*/
.width70px {
	width: 70px;
}

/*タグのWidth:80px*/
.width80px {
	width: 80px;
}

/*タグのWidth:115px*/
.width115px {
	width: 115px;
}

/*タグのWidth:100%*/
.width100per {
	width: 100%;
}

/*タグのWidth:20%*/
.width20per {
	width: 20%;
}

/*タグのWidth:60%*/
.width60per {
	width: 60%;
}

/*タグのWidth:auto*/
.widthauto {
	width: auto;
}

/*タグのHeight:3px*/
.height3px {
	height: 3px;
}

/*タグのHeight:5px*/
.height5px {
	height: 5px;
}

/*タグのHeight:40px*/
.height40px {
	height: 40px;
}

/*padding*/
.padleft3px {
	padding-left: 3px;
}

/*line-height*/
.lineheight1_2 {
	line-height: 1.2;
}

/*水平方向の中央表示*/
.textalign_center {
	text-align: center;
}

/*水平方向の右寄せ表示*/
.textalign_right {
	text-align: right;
}

/*水平方向の左寄せ表示*/
.textalign_left {
	text-align: left;
}

/*表示文字列改行（全言語で単語の途中でも改行）*/
.wordbreak_breakall {
	word-break:break-all;
}

/*メッセージ出力欄非表示*/
.messagedisplay_none {
	display: none;
}

/*署名編集画面：本文入力欄サイズの設定*/
.textarea_resizenone {
	overflow: hidden;
}

/*フォルダ操作、メール移動・未読・既読・削除のメッセージ表示 */
.flash_message {
	font-size: 75%;
	background-color: #F0E68C;
    border-top: 1px solid #8CC632;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.err_flash_message {
	font-size: 75%;
	font-color: #DC143C;
	background-color: #F0E68C;
    border-top: 1px solid #8CC632;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

/*ホーム画面ヘッダー部のボタン位置*/
.homehedder_btnright {
	position: absolute;
	right: 10px;
}

.homehedder_btnleft {
	position: absolute;
	right: 60px;
}

/*メッセージ出力欄非表示*/
.myfolder_display_none {
	display: none;
}

/*ホーム画面　マイフォルダ作成ダイアログ用*/
.extbluewarning .extblue {
	border:2px #6AA00F solid;
}

.extbluefade {
	position: absolute;
	background-color: #fff;
}

div.extblue {
	border-radius: 5px;  
	border: 2px #6AA00F solid; 
	position: absolute; 
	background-color: #EFF5DB; 
	padding: 0; 
	width: 250px; 
	text-align: left;
}

div.extblue .extblueclose {
	background-color: #EFF5DB; 
	margin: 2px -2px 0 0; 
	cursor: pointer; 
	color: red; 
	text-align: right; 
}

div.extblue .extbluecontainer {
	background-color: #EFF5DB; 
	padding: 0 5px 5px 5px; 
	color: #000000; 
	font: normal 11px Verdana; 
}

div.extblue .extbluemessage {
	background-color: #EFF5DB; 
	padding: 0; 
	margin: 0 15px 15px 15px; 
}

div.extblue .extbluebuttons {
	text-align: center; 
	padding: 0px 0 0 0; 
}

div.extblue button {
	margin: 0 10px; 
	border-radius: 8px;  
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);  
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);  
	background: -moz-linear-gradient(top,#F8F8F8 0%,#DCDCDC);  
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#DCDCDC));  
	width: 85px; 
	height: 25px;
	font-size: 3;
}

div.extblue button:active {
	margin: 0 10px; 
	border-radius: 8px;  
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);  
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);  
	background: -moz-linear-gradient(top,#DCDCDC 0%,#F8F8F8);  
	background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#F8F8F8));  
	width: 85px; 
	height: 25px;
	font-size: 3;
}

/*チェックボックス*/
input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    right: 4px;
    top:-2px;
    border-radius: 5px;
    border: 1px solid #AAAAAA;
    -webkit-box-sizing: border-box;
    width: 22px;
    height: 22px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

input[type="checkbox"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );	
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: 2px;
    top: 15px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 7px;
    height: 3px;
    background: #FFFFFF;
    -webkit-transform: rotate(40deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 7px;
    top: 15px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    -webkit-transform: rotate(-50deg);
    -webkit-transform-origin: left center;
}

input[type="checkbox"]:disabled {
    -webkit-appearance: none;
    position: relative;
    right: 4px;
    top:-2px;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
    -webkit-box-sizing: border-box;
    width: 22px;
    height: 22px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

/*メール送信確認*/
table.send_confirm {
	width: 100%;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-spacing: 0px;
}
table.send_confirm tr th, table.send_confirm tr td {
	font-size: 80%;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 4px;
}
table.send_confirm tr th {
	width: 21%;
	background: #C2EA7F;
}
table.send_confirm tr td {
	width: 79%;
	word-break:break-all;
	background: #FFFFF0;
}

/*メール送信完了*/
div.send_success {
	text-align: center;
}

/*受信箱（メール一覧画面）　全選択全解除チェックボックス*/
.chkbox_allselect {
	position: absolute;
	padding-left: 3px;
	padding-top: 5px;
}

/*受信箱（メール一覧画面）　未読メール画像*/
.midokumail_icon {
	vertical-align: middle;
	position: relative;
	top: -2px;
}

/*受信箱（メール一覧）画面　差出人・件名の「…」*/
.maillist_dispover {
	table-layout:fixed;
}

/*受信箱（メール一覧）画面　表示件数表示部*/
.mail_show_num {
	height: 40px;
	vertical-align: middle;
	text-align: center;
}

.mail_nothing {
	text-align: center;
	margin: 50px 0px 50px;
}

#lbl_disp_cnt {
	font-size: 80%;
}

/*受信箱（メール一覧）画面　次・前ボタン*/
.mail_next_back {
	width: 30px;
	height:30px;
}

/*ログイン画面　アカウント・パスワードの間*/
.login_space {
	height: 8px;
}

/*ホーム画面　空行*/
.myfolder_underheight {
	height:1px;
}

/*ホーム画面　空行*/
.folder_make_rename_height {
	height:1px;
}

/*全画面　フッタ部の文字サイズ*/
.page_footer_size {
	font-size: 7.5pt;
}

/*全画面　フッタ部の背景色*/
.error_noscript {
	line-height: 70%;
	border: 1px solid #bbbbbb;
	font-weight: bold;
	text-shadow: 0 1px 0 #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
	background-image: -webkit-linear-gradient(#dddddd, #bbbbbb);
	background-image:    -moz-linear-gradient(#dddddd, #bbbbbb);
	background-image:     -ms-linear-gradient(#dddddd, #bbbbbb);
	background-image:      -o-linear-gradient(#dddddd, #bbbbbb);
	background-image:         linear-gradient(#dddddd, #bbbbbb);
}

/*文字サイズ*/
.font_size_9_5pt {
	font-size: 9.5pt;
}

/*全画面　文字色設定（赤）*/
.font_color_red {
	color: Red;
}

/*全画面　文字色設定（赤）*/
.font_color_blue {
	color: Blue;
}

/*全画面　文字色設定（グレー）*/
.font_color_gray {
	color: Gray;
}

/*全画面　文字色（赤）＋サイズ（２）　設定*/
.font_color_red_mini {
	color: Red;
	font-size:9pt;
}

/*全画面　文字色設定（緑）*/
.font_color_green {
	color: #5C9E25;
}

.font_color_green2 {
	color: #008000;
}

/*全画面　フッタ部アカウント文字色設定（オレンジ）*/
.font_color_orange {
	color: #fe6600;
}

.font_color_orange2 {
	color: #ffaa00;
}

/*メール作成画面　To、Cc、Bccの入力補完*/
#suggest_to,#suggest_cc,#suggest_bcc {
	position: absolute;
	background-color: #EEF5DB;
	border-top: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	width: 90%;
}
#suggest_to div,#suggest_cc div,#suggest_bcc div {
	padding: 6px 0;
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid Gray;
	text-overflow: ellipsis;
}
#suggest_to div.select,#suggest_cc div.select,#suggest_bcc div.select {
	background-color: #3366FF;
}
#suggest_to div.over,#suggest_cc div.over,#suggest_bcc div.over {
	background-color: #99CCFF;
}	

/*メール作成画面　入力補完レイアウト*/
.custom-delete-token-facebook {
	COLOR: #a6b3cf; MARGIN-LEFT: 5px; FONT-WEIGHT: bold; width: 15px; 
}

.custom-addr-token-facebook {
	TEXT-OVERFLOW: ellipsis; OVERFLOW: hidden; line-height:initial;
}

/*メール詳細画面*/
.attachment .caution {
	color: green; 
	font-size: 60%;
}

.attachment .size {
	color: gray;
	font-size: 80%;
}

/*エラー画面*/
.error {
	color: GRAY;
	font-size: 80%;
	padding-top: 10px;
}

/*OLDパスワード入力画面*/
.main_font {
	font-weight: 600;
	font-size: 90%;
}

.sub_font {
	font-size: 90%;
}

#floatMenu {
	background-color: rgba(207,235,159,0.8);
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99999999;
    border-radius: 20px;
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
	padding: 5px 8px 8px 8px;
}
	
#floatMenu a {
	text-decoration: none;
	color: #72A624;
	text-align: center;
	display: block;
}
	
#floatMenu a:hover {
	text-decoration: none;
	background-color: rgba(207,235,159,0.9);
}

.top_font {
	color: #72A624;
    text-decoration: underline;
    font-size:150%;
}

/*推奨環境・ヘルプ*/
.env_help_detail_item {
	background-color: #8ed72e;
}

.help_detail_item {
	background-color: #c2ea7f;
}

.env_help_boirder {
	border: 2px solid #666666;
	line-height: 1.4;
	width: 100%;
}

.env_boirdertop {
	border-top: 1px solid #888888;
}

.env_boirderleft {
	border-left: 1px solid #888888;
}

.env_help_mainstr {
	font-size: 95%;
}

.env_help_str {
	font-size: 90%;
}

.env_help_head {
	white-space: normal;
}