/* CSS Document */

/* 基本 */
body {
	background-image: url(../../images/top_back1.jpg);
	background-repeat: repeat-x;
	margin-top: 15px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 100%;
}
img{
border:0
}
.linkimg a{
	border: none!important;
	border: 1px solid #CCCCCC;
	position: relative;
}
.linkimg a:hover{
	border: none!important;
	border: 1px solid #3BB1D6;
	position: relative;
}

.linkimg a img {
	padding: 1px;
	border: 1px solid #CCCCCC!important; 
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	position: relative;
}

 .linkimg a:hover img {
 	padding: 0px;
	border: 2px solid #3BB1D6!important; 
	border: 1px solid #3BB1D6;
	position: relative;
}



#contents {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 740px;
}
#popcontents {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 650px;
}
#winclose {
	text-align: center;
	padding: 15px;
}

h1 {
margin: 0px;
padding: 0px;

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

}

/*デフォルトテキストリンク青文字*/
a {
	color:#009ED6;
	text-decoration: underline;
}
a:hover {
	color:#0078A3;
	text-decoration: underline;
}



/*テキストスタイル*/
.title{
	font-size:110%;
	line-height:150%;
	color: #009ED6;
}
.title2{
	color: #000000;
}

.honbun{
	font-size:74%;
	line-height:170%;
	color: #333333;
	overflow-wrap:anywhere;
}

.chushaku{
	font-size:70%;
	line-height:160%;
	color: #666666;
}

.pankuzu{
	font-size:80%;
	color: #999999;
}

.pankuzu a {
	color:#999999;
	text-decoration: underline;
}

.siromoji {
	font-size:80%;
	line-height:170%;
	color:#FFFFFF;
}

/*ヘッダー*/
#commonheader {
}
#commonhead1 {
	float: left;
}
#commonhead2 {
	padding-top: 3px;
	clear: both;
	width: 740px;
}
#commonhead3 {
	float: right;
	width: 517px;
}

#headtit1 {
	float: left;
}
#headtit2 {
	padding-top: 5px;
	float: left;
	padding-left: 15px;
}
#headbtunder {
	clear: both;
}
#headsub {
	float: right;
	width: 93px;
	padding-left: 8px;
}
#headbt1 {
	width: 93px;
	clear: both;
	padding-top: 5px;
}
#headbt2 {
	width: 88px;
}
#headbt3 {
	float: right;
}
#headbt4 {
	float: right;
	margin-left: 5px;
}
#headbt5 {
	padding-left: 5px;
	float: right;
}
#panwaku {
	width: 628px;
	float: left;
}


/*フッター*/
#footer {
	background-color: #F6F6F6;
	text-align: center;
	padding: 10px;
	clear: both;
}

/* 共通序文 */
#jobun {
	clear: both;
	padding-top: 5px;
}
#johonbun {
	padding-top: 3px;
	padding-bottom: 10px;
}
.kugiri {
	float: left;
}
/* クリア */
.clear {
	clear: both;
}

/* --- Inline styles extracted from index.html --- */
#ssl-notice { margin: 20px 0 -18px; font-size: 11px; color: #f00; font-weight: bold; }
#taisaku-link { display: block; clear: both; margin-top: 20px; }

/* --- Contents of top.css_20260624 --- *//* CSS Document */

#top_cont {
	background-image: url(../../images/top_back2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 35px;
	height: 300px;
}
#header {
	list-style-type: none;
	height: 35px;
}
/* フィールド */
#mainfield1 {
	height: 180px;
}

#mainfield2 {
	float: left;
	width: 425px;
}

#mainfield3 {
	border: 1px solid #D0EDF2;
	float: right;
	width: 304px;
	background-color: #FFFFFF;
}
#mainfield4 {
	border: 1px solid #D0EDF2;
	background-color: #FFFFFF;
}
#mainfield5,
#how_to_zip_extract {
	border: 1px solid #67C2DF;
	background-color: #FFFFFF;
}
/* タイトルレイアウト */
#logo {
	/*float: left;*/
	height: 35px;
	width: 117px;
}

#attention {
	float: right;
	width: 98px;
}

#catch {
	padding-left: 10px;
	width: 400px;
	padding-top: 20px;
}
#maintitle {
	width: 400px;
	padding-top: 40px;
	padding-bottom: 50px;
}
#howto1 {
	float: right;
	padding-right: 20px;
}
	
#bt1 {
	float: left;
	width: 140px;
}
#gsize {
	clear: both;
	padding-top: 5px;
	text-align: right;
}
#bt2 {
	float: left;
	width: 139px;
}
#bt3 {
	float: left;
	width: 140px;
}
#chubun {
	clear: both;
	width: 419px;
}

dl.list02 dt {
	clear: left;
	float: left;
	width: 1em;
	margin-bottom: 0px;
	padding-top: 4px;
}

dl.list02 dd {
	margin-left: 1em;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
}

/* 3つのステップ */
#step3waku {
	width: 419px;
	clear: both;
}
#step3tit {
	width: 303px;
}
#step3bun {
}
#icon1 {
	float: right;
}
ol#bgnum {
	margin-left: 0px;
	padding-left: 0px;
}
ol#bgnum li {
	list-style-type: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 20px;
  }
ol#bgnum li#items1 {
	background-image: url(../../images/top_num1.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}
ol#bgnum li#items2 {
	background-image: url(../../images/top_num2.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

ol#bgnum li#items3 {
	background-image: url(../../images/top_num3.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

/* 更新関係 */
#koshinwaku {
	padding: 15px;
}
#koshintit {
	float: left;
	width: 64px;
	padding-bottom: 10px;
}
#koshinrireki {
	float: right;
	width: 62px;
}
#koshinbun {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3BB1D6;
	clear: both;
	padding-top: 0px;
}
dl.list01 dt {
  clear: left;
  float: left;
  width: 5em;
}

dl.list01 dd {
  margin-bottom: 0.8em;
  margin-left: 5em;
}

/* メール */
#mailto {
	clear: both;
	padding-top: 20px;
	text-align: center;
	padding-bottom: 5px;
}

#mailto ul {
	list-style-image: url(../../images/top_mail.gif);
	text-align: center;
}

/* ご利用上の注意 */
#atebun ul {
	padding-left: 0px;
	margin-left: 17px;
}
#atebun ul li{
	margin-bottom: 15px;
}
#torokuwin {
	padding-top: 10px;
}


/* 画像サイズについて */
.mark{
	font-size:80%;
	color: #009ED6;
}

/* すぐネットの使い方 */
.displaytype{
	display: flex;
}

.titlecenter{
	padding-top:8px;
}

.yousocenter{
	margin-top:auto;
	margin-bottom:auto;
}

.grayrow{
	background-color:#EBEBEB;
	padding:10px;
}

/* メールコピーアイコン */
.mailcopyicon{
	text-decoration:none;
	cursor: pointer;
}

.mailcopyicon:hover{
	text-decoration:none;
}

.mailcopymessage{
	display: none;
	position: absolute;
	width: 300px;
	height: 40px;
	line-height: 40px;
	background-color: #FCE0EC;
	color: 	#EA6197;
	top: 707PX;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	border: 0.5px solid #EA6197;
	border-radius: 5px;
}