@charset "Shift-JIS"; /* important */

body {
}
/*---------------------------------------------------------------------
Netアンサー　共通
----------------------------------------------------------------------*/


/*----------------------------------------------------------MainArea*/

div#wrap div#mainarea {
	margin-bottom:15px;
	background:url(/netanswer/images/wrap_bg.gif) repeat-y;
	border-bottom:1px solid #ccc;
}
/*----------------------------------------------------------Topicpath*/

div#wrap div#topic_path {
	margin:15px;
}
/*----------------------------------------------------------SideNavi*/


/*　---- メニューエリア ----　*/


div#wrap div#sidenav div#sidelist ul {
	list-style-type:none;
	background:url(/netanswer/images/sidenav_list_bg.gif) no-repeat bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-top:solid 1px #dddddd; /* add */
}
div#wrap div#sidenav div#sidelist li img {
	vertical-align:top;
}
/*====== 070508 add mdc ======*/

div#wrap div#sidenav div#sidelist ul li { /* IE系でliの上下に隙間が空くのを防ぐ */
*font-size:0; /* IE6 & 7 */
*line-height:0; /* IE6 & 7 */
}
div#wrap div#sidenav div#sidelist ul li a {
	display:block;
	width:199px;
	height:49px;
}
div#wrap div#sidenav div#sidelist ul li div#login_area a {
	/* ログインエリア内のa要素はインラインへ戻す */
display:inline;
	/* IE系はdisplay:inline; を無視するので対処 */
_width:0;
	_height:0;
}
div#wrap div#sidenav div#sidelist ul li a:hover, /* div#sidelistのclassを指定して、閲覧中ページのボタンをロールオーバーする */
div#wrap div#sidenav div#sidelist.sm1 li a.sm1, div#wrap div#sidenav div#sidelist.sm2 li a.sm2, div#wrap div#sidenav div#sidelist.sm3 li a.sm3, div#wrap div#sidenav div#sidelist.sm4 li a.sm4, div#wrap div#sidenav div#sidelist.sm5 li a.sm5, div#wrap div#sidenav div#sidelist.sm6 li a.sm6 {
	background-position:left bottom;
}
div#wrap div#sidenav div#sidelist ul li a span {
	display:none;
}
div#wrap div#sidenav div#sidelist ul li a.sm1 {
	background-image:url(images/sidemenu/sm1.gif);
}
div#wrap div#sidenav div#sidelist ul li a.sm2 {
	background-image:url(images/sidemenu/sm2.gif);
}
div#wrap div#sidenav div#sidelist ul li a.sm3 {
	background-image:url(images/sidemenu/sm3.gif);
}
div#wrap div#sidenav div#sidelist ul li a.sm4 {
	background-image:url(images/sidemenu/sm4.gif);
}
div#wrap div#sidenav div#sidelist ul li a.sm5 {
	background-image:url(images/sidemenu/sm5.gif);
}
div#wrap div#sidenav div#sidelist ul li a.sm6 {
	background-image:url(images/sidemenu/sm6.gif);
}
/*====== 070508 add mdc ======*/



div#wrap div#sidenav {
	background:url(/netanswer/images/sidenav_ttl_bg.gif) no-repeat top #ffffff;
	float:left;
	width:199px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*　---- ログインエリア ----　*/


div#wrap div#sidenav div#sidelist #login_area_mente {
	width:199px;
	height:195px;
	background-image: url(/netanswer/images/sidenav_mente_bg.gif);
	background-repeat: no-repeat;
	font-size: small;
	line-height: 1.4;
}
div#wrap div#sidenav div#sidelist #login_area_mente p {
	padding-top: 40px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}
/*　---- ログインエリア2 080206修正＆追加 ↓ ----　*/

div#wrap div#sidenav div#sidelist ul li#login_area {
	background:url(netanswer/images/login_bg.gif) repeat-y;
	padding:0 0 0 19px;
	width:180px;
	height:117px;
}
div#wrap div#sidenav div#sidelist ul li#login_area a {
	/*line-height:1.4em;
font-size:12px;
color:#666666;*/
display:inline;
}
div#wrap div#sidenav div#sidelist ul li#login_area div.login_btn {
	width:170px;
	padding:16px 0 0 0;
}
div#wrap div#sidenav div#sidelist ul li#login_area div.login_btn a {
	background:url(images/sidemenu/login_btn_login.gif) left top no-repeat;
	display:block;
	width:162px;
	height:33px;
	margin:0;
}
div#wrap div#sidenav div#sidelist ul li#login_area div.login_btn a:hover {
	background-position:left bottom;
}
div#wrap div#sidenav div#sidelist ul li#login_area ul {
	list-style-type:none;
	background:none;
	padding:0;
	margin:6px 0 0 0;
	border:none;
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li {
/*padding-left:10px;
background:url(/images/sidemenu/login_link_bg.gif) left center no-repeat;*/
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt01 a, div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt02 a, div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt03 a {
	display:block;
	width:162px;
	height:16px;
	margin:0;
	background-position:left top;
	background-repeat:no-repeat;
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt01 a {
	background-image:url(images/sidemenu/login_link_txt01.gif);
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt02 a {
	background-image:url(images/sidemenu/login_link_txt02.gif);
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt03 a {
	background-image:url(images/sidemenu/login_link_txt03.gif);
}
div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt01 a:hover, div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt02 a:hover, div#wrap div#sidenav div#sidelist ul li#login_area ul li.txt03 a:hover {
	background-position:left bottom;
}
/*　ログインエリア2080206修正＆追加　↑　*/

/*　---- キャンペーンエリア ----　*/


div#wrap div#sidebnr {
	background:url(/netanswer/images/sidebnr_bg.gif) no-repeat top #f7f7f7;
	padding:23px 0 15px 0;
}
div#wrap div#sidebnr div.bnr_box {
	background:url(/netanswer/images/sidebnr_box_btm_bg.gif) no-repeat bottom #ffffff;
	margin:0 15px 0 15px;
	padding:5px 5px 30px;
	text-align:center;
	font-size:85%;
}
div#wrap div#sidebnr div.bnr_box p {
	text-align:left;
	margin:10px 0;
}
div#wrap div#sidebnr div.bnr_box img {
	margin:0 0 5px 0;
}
div#wrap div#sidebnr div.bnr_box a.mark {
	font-weight:bold;
	font-size:120%;
}
div#wrap div#sidebnr div.end {
	background:url(/services/images/sidebnr_box_btm_end_bg.gif) no-repeat bottom #ffffff;
	margin:0 15px 0 15px;
	padding:5px 5px 0;
}
/*----------------------------------------------------------Contents*/

/*   個別のスタイルが必要な場合はIDを振ってpage.cssに記述  */

div#wrap div.contents {
	float:none;
	width:640px;
}
/*　---- H2 ----　*/

div#wrap div.contents h2 {
	clear:both;
	margin:0;
}
/*　---- H2の下にリード文がある場合 ----　*/

p.lead {
	font-size:110%;
	margin:0 0 20px 0;
}
/*　---- H2の横にイメージが配置されるパターン ----　*/

div#wrap div.contents div#title_area {
	margin:0 0 20px 0;
}
div#wrap div.contents div#title_area h2 {
	float:left;
}
div#wrap div.contents div#title_area a, div#wrap div.contents div#title_area img.pct {
	float:right;
}
/*　---- p,ul ----　*/

div#wrap div.contents p, div#wrap div.contents ul, div#wrap div.contents ol, div#wrap div.contents div.txt {
}
/*　---- table ----　*/

table.data_tbl {
	border-collapse:collapse;
	border:1px solid #cccccc;
	border-bottom-style:none;
	margin:0 0 5px 1px;
}
table.data_tbl caption {
	text-align:left;
	font-weight:bold;
	font-size:90%;
}
table.data_tbl th, table.data_tbl td {
	padding:5px;
	line-height:140%;
}
table.data_tbl th {
	background:#D4DBEF;
	color:#333333;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
table.data_tbl td {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
/*　------- 登録無料 div#entry_area -------　*/


div#entry_area {
	clear:both;
	width:243px;
	margin:0 0 30px 150px;
	text-align:center;
}
div#entry_area a.btn {
	margin:0 0 20px 0;
	display:block;
}
/*
フッター上テキストリンク div#foot_localnavi 
li要素間に仕切文字を使用
------------------------------------------------------------- */

div#foot_localnavi {
	clear:both;
	text-align:center;
	line-height:140%;
	margin:0 0 30px 0;
}
div#foot_localnavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#foot_localnavi ul li {
	display:inline;
}
/*
フッター上テキストリンク div#foot_localnavi_
仕切文字ではなくCSSのborderを使用
------------------------------------------------------------- */

div#foot_localnavi_ {
	clear:both;
	text-align:center;
	line-height:140%;
	margin:0 0 30px 0;
}
div#foot_localnavi_ ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#foot_localnavi_ ul li {
	display:inline;
	border-right:solid 1px #000000;
	padding:0 5px;
}
div#foot_localnavi_ ul li.end {
	border:none;
}
/*　------- 段落 -------　*/

div.section {
	margin:0 0 30px 0;
}
div.section02 {
	margin:0 0 30px 0;
}
/*　------- ボックス -------　*/


/*　------- 角丸あり1カラム div.section_box -------　*/

div.section_box {
	clear:both;
	padding:15px 13px 15px 15px;
	background:url(/netanswer/images/section_box_bg.gif) no-repeat bottom;
	margin:0 0 15px 0;
}
div.section_box_img {
	clear:both;
	padding:15px 13px 15px 15px;
	background:url(/netanswer/images/section_box_bg.gif) no-repeat bottom;
	margin:0 0 30px 0;
	text-align:center;
}
div.section_box h4 {
	clear:both;
	margin:0 auto 10px auto;
	font-size:110%;
}
div.section_box div.inner_box {
	clear:both;
	margin:0 0 5px 0;
	line-height:140%;
}
div.section_box div.btn {
	text-align:center;
	margin:0 0 10px 0;
}
div.section_box div.inner_box div.pct {
	width:100px;
	float:left;
}
div.section_box div.inner_box div.txt {
	width:410px;
	float:left;
	line-height:140%;
}
/*　------- 角丸あり2カラム div.section_box_2col -------　*/


div.section_box_2col strong {
	font-weight:normal;
}
div.section_box_2col {
	clear:both;
	background:url(/netanswer/images/mainmenu_bg.gif) no-repeat bottom;
	margin: 0 0 15px 0;
}
div.section_box_2col div.inner_box {
	width:264px;
	padding:0 0 3px 0;
}
div.section_box_2col div.second {
	margin:0 0 0 15px;
}
div.inner_box div.box_cont {
	margin:15px;
}
div.inner_box div.box_cont div.pct {
	float:left;
	padding:0 0 15px 0;
	width:100px;
}
div.inner_box div.box_cont div.pct p {
	font-size:79%;
	margin:5px 0 0 0;
}
div.inner_box div.box_cont div.txt {
	float:left;
	width:130px;
	padding:0 0 15px 0;
}
div.inner_box div.box_cont p.catch {
	padding:0 0 22px 0;
}
div.inner_box div.box_cont div.btn {
	clear:both;
}
div.inner_box div.box_cont p.notice {
	clear:both;
	margin:0 0 15px 0;
}
div.inner_box div.box_cont a.mark {
	clear:both;
	display:block;
	margin:0 0 3px 0;
}
/*　------- 角丸なし1カラム div.section_box2 -------　*/


div.section_box2 {
	padding:15px 13px 15px 15px;
	margin:0 0 15px 0;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div.section_box2 p strong {
	display:block;
	margin:0 0 15px 0;
}
/*　------- Netアンサーログインボックス -------　*/

div.na_service_box {
	clear:both;
	border:1px solid #ff0000;
	padding:5px;
	margin:5px 0;
}
div.na_loginbox {
	margin:10px 30px;
	background:#ededed;
	padding:5px 10px;
}
div.na_loginbox p {
	margin:0 0 10px 0;
	font-weight:bold;
}
div.na_service_box p strong {
	font-size:120%;
}
div.na_loginbox div.btnarea {
	clear:both;
}
div.na_loginbox div.na_login, table.pay_tbl div.na_loginbox_s div.na_login {
	margin:0 0 10px 0;
}
div.na_loginbox div.na_entry, table.pay_tbl div.na_loginbox_s div.na_entry {
	margin:0;
}
div.na_loginbox div.btnarea p {
	float:left;
	font-weight:normal;
	font-size:110%;
	width:220px;
	padding:5px 0 0 0;
	display:block;
	text-align:right;
}
div.na_loginbox div.btnarea img {
	float:right;
	width:160px;
	margin:0 30px 0 0;
}
div.na_loginbox_s {
	margin:0 0 5px 0;
	background:#ededed;
	padding:5px 10px;
}
div.na_loginbox_s p {
	float:left;
	display:block;
	padding:5px 0 0 0;
	width:160px;
}
/*　------- 汎用グレー(#ccc)囲みボックス -------　*/


div.infobox {
	clear:both;
	width:608px;
	border:1px solid #cccccc;
	padding:15px;
	margin:0 0 15px 0;
	_background-color:#ffffff; /* IE6 unknown bug */
}
div.infobox img {
	margin:0 10px;
}
div.infobox div.pct {
	width:90px;
	float:left;
	display: inline;
}
div.infobox div.txt {
	margin:0 0 0 100px;
	min-height:60px;
*height:60px;
}
div.infobox div.inner_box {
	margin:0;
}
div.infobox p.caution {
	text-align:center;
}
/*　------- 汎用赤(#f00)囲みボックス -------　*/


div.notesbox {
	clear:both;
	border:#FF0000 2px solid;
	padding:3px;
	margin:0 0 30px 0;
	font-size:110%;
}
/*　------- イメージ囲いボックス -------　*/

div.pctbox {
	clear:both;
	border:#CCCCCC 1px solid;
	padding:3px;
	margin:0 0 15px 0;
	text-align: center;
}
/*　------- STEPフロー図 -------　*/


div.step_flow {
	clear:both;
	padding:0 0 28px 0;
	background-image: url(../services/images/sj039_flow_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div.step_flow_end {
	clear:both;
}
div.step_flow img.step, div.step_flow_end img.step {
	float:left;
}
div.step_flow p, div.step_flow_end p {
	width:510px;
	float:left;
	color:#666666;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	display: inline;
}
div.step_flow p.linkarea {
	padding:0 0 0 5px;
}
/* index_menu
------------------------------------------------------------- */

div#wrap div#mainarea div.contents div.index_menu {
	overflow:auto;
*overflow:hidden;
	_overflow:hidden;
}
div#wrap div#mainarea div.contents div.index_menu div.left {
	float:left;
	_display:inline; /* IE6 */
	width:264px;
	margin:10px 0;
}
div#wrap div#mainarea div.contents div.index_menu div.right {
	float:right;
	_display:inline; /* IE6 */
	width:264px;
	margin:10px 0;
}
div#wrap div#mainarea div.contents div.index_menu h3 {
	width:264px;
	height:33px;
	margin-bottom:0;
}
div#wrap div#mainarea div.contents div.index_menu div.left h3 {
	background:url(netanswer/images/na_index_menu01.gif) no-repeat; /* !! attention : path */
}
div#wrap div#mainarea div.contents div.index_menu div.right h3 {
	background:url(netanswer/images/na_index_menu02.gif) no-repeat; /* !! attention : path */
}
div#wrap div#mainarea div.contents div.index_menu h3 span {
	display:none;
}
div#wrap div#mainarea div.contents div.index_menu div.content {
	border:solid 1px #cccccc;
	border-top:none;
	border-bottom:none;
	height:16em;
	width:236px;
	padding:13px;
	line-height:140%;
}
div#wrap div#mainarea div.contents div.index_menu div.content h4 {
	font-weight:bold;
	font-size:13px;
	margin:0 auto;
}
div#wrap div#mainarea div.contents div.index_menu div.content p {
	padding-left:65px;
	margin:5px auto;
	width:140px;
}
div#wrap div#mainarea div.contents div.index_menu div.content p.id {
	background:url(netanswer/images/login_txt_id.gif) no-repeat; /* !! attention : path */
}
div#wrap div#mainarea div.contents div.index_menu div.content p.pw {
	background:url(netanswer/images/login_txt_password.gif) no-repeat; /* !! attention : path */
}
div#wrap div#mainarea div.contents div.index_menu div.content label {
	display:none;
}
div#wrap div#mainarea div.contents div.index_menu div.content input {
	font-size:12px;
	width:125px;
	padding:2px;
}
div#wrap div#mainarea div.contents div.index_menu div.content a#login {
	background:transparent url(images/sidemenu/login_btn_login.gif) no-repeat left top; /* !! attention : path */
	display:block;
	height:24px;
	width:60px;
	margin-left:73px;
}
div#wrap div#mainarea div.contents div.index_menu div.content a#login:hover {
	background-position:left bottom;
}
div#wrap div#mainarea div.contents div.index_menu div.content a#login span {
	display:none;
}
div#wrap div#mainarea div.contents div.index_menu div.content ul {
	list-style-type:none;
	margin:20px auto 0;
	padding:0;
}
div#wrap div#mainarea div.contents div.index_menu div.content ul li {
	padding-left:12px;
	background:url(netanswer/images/mainmenu_list_mark.gif) no-repeat left center; /* !! attention : path */
}
div#wrap div#mainarea div.contents div.index_menu div.right ul {
	list-style-type:disc;
	margin:20px 0 20px 20px;
}
div#wrap div#mainarea div.contents div.index_menu div.right ul li {
	padding:0;
	background:none;
}
div#wrap div#mainarea div.contents div.index_menu div.right a.btn {
	display:block;
	width:234px;
	height:31px;
	background:url(images/btn_netanswer_confirm_.gif) no-repeat;
}
div#wrap div#mainarea div.contents div.index_menu div.right a.btn:hover {
	background-position:left bottom;
}
div#wrap div#mainarea div.contents div.index_menu div.right a.btn span {
	display:none;
}
div#wrap div#mainarea div.contents div.index_menu div.btm {
	background:url(sumapa/img/bottom264.gif) no-repeat center bottom; /* !! attention : path */
	width:264px;
	height:6px;
	_line-height:0;
	_font-size:0;
}
p.end_margin {
	margin-bottom:30px;
}
/* =====================新レイアウトパーツ */

.centering {
	width:543px;
	margin: 0 auto;
	text-align: center;
}

.html_bookend{
	margin-bottom:30px;
}

.paragraph_01{
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
  margin: 20px 0;
}
span.txt_color_r{
color:#ff0000;
}



/* 2カラムパーツ===================== */
.html_float_left {
	float: left;
	width:310px;
	display:inline;
}
.html_float_right {
	float: right;
	width:310px;
	display:inline;
}

div.guide_contents_inner {
	font-size:75%;
	padding:10px 5px;
}
/* ================================== */


h2.info_box1_01 {
	clear:both;
	background: url(/qa/img/qa003_info_01_top.gif) no-repeat left top;
	margin:0;
	padding:7px 10px;
	border-bottom: 1px #dfdfdf solid;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.4em;
	color: #3c3c3c;
}
.info_box1_01_bottom {
	background: url(/common_new/img/info_01_bottom.gif) no-repeat left bottom;
	padding:10px;
	font-size: 75%;
	line-height: 1.4em;
	color: #3c3c3c;
	margin-bottom: 20px;
}
.point_icon_01 li {
	width:365px;
	line-height: 2em;
	font-size: 85%;
	background: url(/common_new/img/left_navi_menu_mkr1_01.gif) no-repeat 0 9px;
	margin: 0;
	padding-left: 12px;
}
.point_float_left {
	float: left;
	width:100px
}
.point_float_right {
	float: right;
}
.icon_02 li em {
	font-style:normal;
	color:#f00;
}
.notice {
	font-size: 80%;
}
div#h3_contents .txt {
	font-size: 100%;
}
h2.info_box1_01 span {
	font-size:125%;
	line-height:150%;
}
div.list_box_02 ul.icon_03, info_box1_01_bottom ul.icon_02 li, #wrap ul.icon_02 li {
	font-size: 120%;
}
.txt {
	font-size: 120%;
}
#wrap h2.title1_01 {
	font-size: 120%;
}
.info_box1_01_bottom div, .info_box3_01_bottom div {
	font-size: 12px;
	line-height:1.4em;
}
div.infobox p.linkarea {
	font-size:80%;
}
.linkarea02 {
	font-size:120%;
}
.inner_box_s .txt ul {
	font-size: 80%;
	margin-right: 10px;
}
.info_box1_01_bottom h3 {
	font-size: 130%;
}
div.info_box3_01 h2 {
	font-size:110%;
	line-height:150%;
}
p.notice_h2 {
	font-size:75%;
	text-align:right;
	margin-top: -20px;
	margin-bottom:20px;
}
.cautionmark {
	font-size:12px;
}
div.contents_detail p.txt_area {
	font-size:90%;
	line-height: 1.4em;
}