@charset "utf-8";

/* ******************************************************************************** */
/*  Ｋビジョン On The Web　webmail.css                                              */
/*                                                                        16.12.26  */
/* ******************************************************************************** */

/* ================================================================================ */
/*      CSS読み込み                                                                 */
/* ================================================================================ */

@import url("../knet.css");



/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */

/* 書式
----------------------------------------------- */
ul{
	list-style-type: none;
}
.nowrap{
	white-space: nowrap;
}
.margin-b30{
	margin-bottom: 30px !important;
}


/* ================================================================================ */
/*      どこでもメールについて                                                      */
/* ================================================================================ */

/* テーブル
----------------------------------------------- */
#dmail_index table{
	border-collapse: collapse;
}
#dmail_index table th{
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	background: #e665a5;
	border-bottom: solid 1px #ffffff;
}
#dmail_index table th.last{
	border-bottom: solid 1px #e665a5;
}
#dmail_index table td{
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
#dmail_index table td.last{
	border-bottom: solid 1px #cccccc;
}

/* --- リスト（中黒点） --- */
#dmail_index table td .disc-dmail{
	margin-left: 20px;
	list-style-type: disc;
}

/* --- リスト（インデント） --- */
#dmail_index table td .indent li span{
	color: #ff0000;
}

/* --- リスト（定義） --- */
#dmail_index table td dl{
	margin: 0;
}
#dmail_index table td dl dd{
	margin-left: 0;
}
#dmail_index table td dl dd ul{
	margin-left: 10px;
	list-style-type: none;
}



/* ================================================================================ */
/*      どこでもメールをパソコンで利用する                                          */
/* ================================================================================ */

/* 書式
----------------------------------------------- */
/* --- アイコン --- */
#dmail_guide_pc img.icon{
	vertical-align: -0.2em;
}

/* --- リスト（定義） --- */
#dmail_guide_pc dl{
	line-height: 1.4;
}
#dmail_guide_pc dl dt{
	font-weight: bold;
	padding: 0.2em 0em 0.2em 1.2em;
	background: url(../../img/common/ico/ico_yellow04.gif) no-repeat 0em 0.5em;
}
#dmail_guide_pc dl dd{
	margin: 0.2em 0em 0.6em 1.2em;
	padding: 0em 0em 0em 1.2em;
	background: url(../../img/common/ico/ico_red01.gif) no-repeat 0em 0.35em;
}
#dmail_guide_pc dl dd.icon_none{
	padding-left: 0em;
	background: none;
}

/* --- リスト（アスタリスク） --- */
#dmail_guide_pc dl dd span.asterisk{
	display: block;
	margin: 0em;
	padding: 0em 0em 0em 1em;
	background: url(../../img/common/ico/ico_asterisk.gif) no-repeat 0em 0.35em;
}


/* ================================================================================ */
/*      どこでもメールをスマートフォンで利用する                                    */
/* ================================================================================ */

/* 書式
----------------------------------------------- */
/* --- タイトル --- */
#dmail_guide_smartphone h2{
	margin: 0 auto;
	width: 530px;
}
#dmail_guide_smartphone h3{
	padding: 8px 10px;
	color: #ffffff;
	font-size: 14px;
	background: #e3017f;
}
#dmail_guide_smartphone h4{
	margin-bottom: 40px;
	padding: 6px 0 6px 8px;
	font-size: 14px;
	border-left: solid 4px #e3017f;
}

/* --- 段落 --- */
#dmail_guide_smartphone .article{
	margin: 40px 15px 0 15px;
}
#dmail_guide_smartphone .articleBody{
	padding: 30px 20px 40px 20px;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}
#dmail_guide_smartphone .section{
	margin: 0 -20px 30px -20px;
	padding: 0 20px;
	padding-bottom: 40px;
	border-bottom: solid 6px #e6e6e6;
}
#dmail_guide_smartphone .sectionBody{
	padding: 0 10px;
}
#dmail_guide_smartphone .sectionLast{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* --- 文章 --- */
#dmail_guide_smartphone p{
	margin: 0;
}

/* --- リスト --- */
#dmail_guide_smartphone ol{
	margin-left: 14px;
	padding-left: 0;
}
#dmail_guide_smartphone ul,
#dmail_guide_smartphone ol{
	margin-top: 0;
	margin-bottom: 0;
}
#dmail_guide_smartphone .indent{
	margin-top: 20px;
}


/* --- 写真 --- */
#dmail_guide_smartphone .photo{
	margin: 0 auto 30px auto;
	border: solid 6px #e6e6e6;
}
#dmail_guide_smartphone .w200{
	width: 200px;
}
#dmail_guide_smartphone .w200 img{
	width: 200px;
}
#dmail_guide_smartphone .w230{
	width: 230px;
}
#dmail_guide_smartphone .w230 img{
	width: 230px;
}
#dmail_guide_smartphone .w400{
	width: 400px;
}
#dmail_guide_smartphone .w400 img{
	width: 400px;
}

/* --- テーブル --- */
#dmail_guide_smartphone table{
	margin-top: 30px !important;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse: collapse;
}
#dmail_guide_smartphone table th{
	color: #666600;
	font-weight: normal;
	text-align: left;
	background: #ffff99;
	white-space: nowrap;
}
#dmail_guide_smartphone table th,
#dmail_guide_smartphone table td{
	padding: 10px !important;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#dmail_guide_smartphone table th img{
	border: solid 3px #ffffff;
}

/* --- 区切り --- */
#dmail_guide_smartphone .styleNext{
	margin: 30px 0 0 0;
	height: 32px;
	background: url(../../knet/services/webmail/img/smartphone/bcg_hr.gif) no-repeat top center;
	border: 0 none;
}

/* --- 上に戻る --- */
#dmail_guide_smartphone .pageTop{
	margin-top: 2px;
	text-align: right;
}


/* はじめに
----------------------------------------------- */
#dmail_guide_smartphone .intro{
	margin: 20px 20px 0 20px;
}


/* ローカルナビゲーション
----------------------------------------------- */
#dmail_guide_smartphone .local-nav ul{
	margin: 20px auto 0 auto;
	width: 516px;
}
#dmail_guide_smartphone .local-nav ul li{
	margin-left: 20px;
	padding-bottom: 10px;
	float: left;
	background: url(../../knet/services/webmail/img/smartphone/local-nav/bcg.gif) no-repeat bottom center;
}


/* -------------------------------------------------------------------------------- */
/*      ログイン方法                                                                */
/* -------------------------------------------------------------------------------- */

/* 書式
----------------------------------------------- */
/* --- 写真 --- */
#dmail_guide_smartphone #login .photo{
	margin-top: 10px;
}


/* 追加情報
----------------------------------------------- */
#dmail_guide_smartphone .aside{
	margin: 30px auto 0 auto;
	width: 458px;
	background: url(../../knet/services/webmail/img/smartphone/login/aside/bcg.gif) repeat-y 0 0;
}
#dmail_guide_smartphone .aside .header,
#dmail_guide_smartphone .aside .footer{
	font: 0pt/0pt sans-serif;
}
#dmail_guide_smartphone .aside .main{
	margin: 0 10px;
}

/* --- タイトル --- */
#dmail_guide_smartphone .aside h5{
	margin-top: 19px;
	padding-bottom: 6px;
	color: #531538;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	border-bottom: solid 4px #e3017f;
}
#dmail_guide_smartphone .aside h6{
	color: #531538;
	font-size: 14px;
}

/* --- リスト --- */
#dmail_guide_smartphone .aside ul{
	margin: 0 10px;
}
#dmail_guide_smartphone .aside ul li{
	margin-top: 20px;
	padding-left: 20px;
	background: url(../../knet/services/webmail/img/smartphone/login/aside/ico.gif) no-repeat 0px 2px;
}
#dmail_guide_smartphone .aside ul li ol{
	margin-top: 14px;
}
#dmail_guide_smartphone .aside ul li ol li{
	margin-top: auto;
	padding-left: 4px;
	background: none;
}

/* -- 注意書き -- */
#dmail_guide_smartphone .aside .attention{
	margin-top: 20px;
	border-top: solid 1px #e6e6e6;
}
#dmail_guide_smartphone .aside .attention ul li span{
	color: #ff0000;
}


/* -------------------------------------------------------------------------------- */
/*      メールの操作                                                                */
/* -------------------------------------------------------------------------------- */

/* 書式
----------------------------------------------- */
/* -- 写真 -- */
#dmail_guide_smartphone #mail .photo{
	margin-bottom: 0;
}
#dmail_guide_smartphone #mail .sectionBody .photo{
	margin-right: 20px;
	float: left;
}

/* -- リスト -- */
#dmail_guide_smartphone #mail ol{
	margin-top: 13px;
	margin-left: 275px;
}


/* メール操作メニュー
----------------------------------------------- */
/* -- 写真リスト -- */
#dmail_guide_smartphone .photo-list ul{
	margin: 0 auto;
	width: 454px;
}
#dmail_guide_smartphone .photo-list ul li{
	margin-left: 10px;
	float: left;
}
#dmail_guide_smartphone .photo-list ul li div{
	margin-bottom: 10px;
}
#dmail_guide_smartphone .photo-list ul li p{
	text-align: center;
}