@charset "shift_jis";
/*-----------------------------
会社名：
---------------------------- */
/*　
==========　目次　==========
  ・TOPページ設定
  ・SUBページ設定
  ・罫線の設定
  ・余白の設定
  ・メールフォームの各種設定
==============================*/

/*--------------------------------------------------
　TOPページ設定
-------------------------------------------------- */
/*　center  */
#select {
	padding: 10px 0px;
}
#select th {
	padding: 5px;
	width: 33%;
	border: 1px solid #CCCCCC;
}
#select th p {
	padding: 3px 3px 3px 25px;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../top_img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color:#FF9900;
}

#select td {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#select td p {
	padding: 3px 3px 3px 25px;
	text-align:left;
	font-size: 13px;
	color: #555;
	background-image: url(../top_img/icon02.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	text-decoration: underline;
}
#select td p a {
	color: #555;
	text-decoration: underline;
}

#color_table {
	margin: 10px 0px;
}

#color_table td {
	width: 16%;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

#color_table td p {
	padding: 3px;
	text-align: center;
	font-size: 12px;
}
.recomend_table {
	margin: 20px 0px 0px 0px;
}
.recomend_table td {
	border: 1px solid #ddd;
}

/*　left_area  */
#guide_area {
	padding: 10px;
	background-color:#eee;
}
#guide_area th {
	padding: 0px;
	background-color:#fff;
}
#guide_area td {
	padding: 5px;
	background-color:#fff;
}



/*　新着情報  */
#news_area {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color:#eee;
}
#news_area td {
	padding: 5px;
	background-color:#fff;
}
.news_txt {
	text-align: left;
	padding: 3px;
	line-height: 1.4;
}
.news_txt em {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 2px 3px;
}
/*　3g_area  */
#3g_table {
	border: 1px solid #eee;
}



/*--------------------------------------------------
　SUBページ設定
-------------------------------------------------- */
.txt1 {
	font-size:13px;
	line-height:1.4;
	letter-spacing: 0.1em;
	color: #555;
	text-align:left;
	padding: 5px;
}

/*　パンくずリスト  */
#pnkz {
	padding: 0px 10px 0px 10px;
	text-align: right;
	font-size: 11px;
}

#pnkz a {
	color: #333333;
}

/*　タイトル  */
h2 {
	padding: 3px 3px 3px 25px;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../top_img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color:#FF9900;
	width: 572px;
}
h3 {
	padding: 3px 3px 3px 25px;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../top_img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color:#4cbccf;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #aaa;
	text-align: left;
	padding: 3px;
}

/* FAQ */
.pd1 .q {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: #0099FF;
	background-image: url(../faq_img/help_blue.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-align: left;
	padding: 20px 20px 15px 50px;
}

.pd1 .a {
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	text-align: left;
	padding: 0px 20px 20px 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* アプリ */
.pd1 .apri_txt1 {
	font-size: 18px;
	line-height: 1.2;
	color: #444444;
	background-image: url(../apri_img/mobile.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-align: left;
	padding: 17px 20px 15px 50px;
	font-style: normal;
	font-weight: bold;
}
.pd1 .apri_txt1 em {
	font-style: normal;
	font-weight: bold;
	font-size: 23px;
	color: #0099FF;
}


.pd1 .apri_txt2 {
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	text-align: left;
	padding: 0px 20px 20px 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.pd1 .apri_link1 {
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	color: #0099FF;
	background-image: url(../apri_img/link.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-align: left;
	padding: 17px 20px 15px 50px;
}

.pd1 .apri_link2 {
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	text-align: left;
	padding: 0px 20px 20px 70px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.bord11 {border: solid 1px #9A9A9A; 
		border-collapse: collapse; 
		font-size:11px;
		color: #555555;
		padding: 6px;
		line-height:130%;
}
	

/* iPhoneの使い方 */
#use_table {
	border-collapse: collapse;
	margin: 20px 0px;
}

#use_table th {
	background-color: #efefef;
	text-align: left;
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: normal;
	color: #666666;
}
#use_table td {
	background-color: #fff;
	text-align: left;
	padding: 10px;
	border: 1px solid #ddd;
	color: #666666;
}
.dot_table{
	border-collapse:collapse;
}
.dot_table2{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
text-align: left;
}
.dot_table td{
	border:dotted #CCCCCC 1px;
	font-size:12px;
		line-height:140%;
	}

/*--------------------------------------------------
　罫線の設定
-------------------------------------------------- */
.bord1 {
	border: 1px solid #cccccc;
	padding: 2px;
	background-color: #efefef;
}
.bord2 {
	padding: 6px;
	width: 20%;
	border: 1px solid #cccccc;
	text-align: left;
	background-color: #efefef;
}
.bord3 {
	padding: 6px;
	width: 80%;
	border: 1px solid #cccccc;
	text-align: left;
	background-color: #ffffff;
}


/*--------------------------------------------------
　余白の設定
-------------------------------------------------- */
.pd1 {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 600px;
}
.pd2 {
	padding-bottom: 10px;
}

/*--------------------------------------------------
　メールフォームの各種設定
-------------------------------------------------- */

/* センター寄り */	
.mf1 {font-size:12px;
	padding:0.5em;
	text-align:center;
	line-height:1.3;
	letter-spacing: 0.1em;
	}

