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

body{
line-height:1em;
}

/*---------------------------------------------------------------------
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:left;
width:543px;
text-align:left;
}


/*　---- H2 ----　*/

div#wrap div.contents h2{
	clear:both;
	margin:0 0 20px 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{
line-height:140%;
}


/*　---- 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 20px 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;
width:515px;
margin:0 0 15px 0;
}


div.section_box h4{
clear:both;
margin:0 0 10px 0;
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;
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;
}

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 15px 0;font-size:110%;
}


/*　------- イメージ囲いボックス -------　*/

div.pctbox{
clear:both;
border:#CCCCCC 1px solid;
padding:3px;
margin:0 0 15px 0;
}

/*　------- STEPフロー図 -------　*/


div.step_flow{
clear:both;
background:url(../services/images/sj039_flow_bg.gif) no-repeat bottom;
padding:0 0 28px 0;
}


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:410px;
float:left;
padding:3px 0 0 5px;
color:#666666;
}


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;
}