@charset "utf-8";

/* BODY */
body {
  background:url(images/np_bodybg.gif);
  color:#283328;
  padding:0px;
  margin:0px;
  font-family:"ＭＳ Ｐゴシック",MS UI Gothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size:13px;
}

/* Margin Clear */
h1,
h2,
h3,
h4,
p {
  margin :0 ;
  padding :0 ;
}

/* link */
a:link {text-decoration:underline;color:#004cff;}
a:visited {text-decoration:underline;color:#004cff;}
a:hover {text-decoration:underline;color:#00aaff;}
#list a {line-height:120%;}

/*header np*/
#header_n {
background:url(images/header_b.gif) no-repeat;
height:80px;
text-indent:-9999px;
}

/*header MDPS*/
#header {
background:url(images/header.gif) no-repeat;
height:80px;
text-indent:-9999px;
}

/* menu */
#menu {
height:24px;
}

#menu ul,#menu li {
margin:0px;
padding:0px;
list-style:none;
}


#menu li {
float:left;
}

#m_boder_t {
border-bottom:#003399 4px solid;
}

#m_boder_p {
border-bottom:#03CAF7 4px solid;
}

#m_boder_f {
border-bottom:#03CA26 4px solid;
}

#m_boder_fa {
border-bottom:#FFC000 4px solid;
}

#m_boder_a {
border-bottom:#F24EAC 4px solid;
}

#m_boder_pr {
border-bottom:#185FDC 4px solid;
}

#top_m a, #top_m a:link, #top_m a:visited {
background:url(images/tab_index.gif) no-repeat;
width:128px;
height:24px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#top_m a:hover {
background:url(images/tab_index_on.gif) no-repeat;
}

#point_m a, #point_m a:link, #point_m a:visited {
background:url(images/tab_point.gif) no-repeat;
width:128px;
height:24px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#point_m a:hover {
background:url(images/tab_point_on.gif) no-repeat;
}

#func_m a, #func_m a:link, #func_m a:visited {
  margin:0px;
  background:url(images/tab_func.gif) no-repeat;
  width:125px;
  height:24px;
  text-align:center;
  text-indent:-9999px;
  display:block;
  /*\*//*/
  display:inline;
  /**/
}

#func_m a:hover {
background:url(images/tab_func_on.gif) no-repeat;
}

#faq_m a, #faq_m a:link, #faq_m a:visited {
  margin:0px;
  background:url(images/tab_faq.gif) no-repeat;
  width:125px;
  height:24px;
  text-align:center;
  text-indent:-9999px;
  display:block;
  /*\*//*/
  display:inline;
  /**/
}

#faq_m a:hover {
background:url(images/tab_faq_on.gif) no-repeat;
}

#appli_m a, #appli_m a:link, #appli_m a:visited {
  margin:0px;
  background:url(images/tab_appli.gif) no-repeat;
  width:125px;
  height:24px;
  text-align:center;
  text-indent:-9999px;
  display:block;
  /*\*//*/
  display:inline;
  /**/
}

#appli_m a:hover {
background:url(images/tab_appli_on.gif) no-repeat;
}

#proposal_m a, #proposal_m a:link, #proposal_m a:visited {
  margin:0px;
  background:url(images/tab_propo.gif) no-repeat;
  width:127px;
  height:24px;
  text-align:center;
  text-indent:-9999px;
  display:block;
  /*\*//*/
  display:inline;
  /**/
}

#proposal_m a:hover {
background:url(images/tab_propo_on.gif) no-repeat;
}

/* Layout */
.m {
color:#282833;
line-height:140%;
font-size:81.25%;
}

.m_red {
color:#FF0000;
font-size:100%;
}

.l {
color:#282833;
line-height:140%;
font-size:95%;
}

.l_green {
color: #007D00;
font-size:100%;
}

#container {
width :100%;
text-align :center;
}

#page {
	position :relative;
	width:760px;
	margin-left :auto;
	margin-right :auto;
	background:#ffffff;
	border-left:1px #282833 solid;
	border-right:1px #282833 solid;
}

* html #page {
	width:762px;
}

#contents {
  width :720px;
  margin:0px auto;
  }


h1#t1 {
background: url(images/t_index01_01.gif) left no-repeat;
height:60px;
text-indent:-9999px;
margin:17px 0px 5px 0px;
}

h1#t1a {
background: url(images/index02_01.gif) left no-repeat;
height:90px;
text-indent:-9999px;
/*margin-top:15px;*/
}


.title1 {
width:680px;
margin:15px auto 0px;
}

#outline {
width:680px;
}

#comment_b, #cont1, #cont2{
text-align:left;
}

#comment_b{
margin-left:230px;
background:url(images/index01_02a.gif) bottom no-repeat;
}

#outline img {
display:block;
float:left;
}

#comment_b p{
margin-bottom:10px;
}

#comment_b ul {
margin-top:30px;
}

#comment_b li {
margin:0px 61px 0px 130px;
}

#cont1 {
float:left;
width:395px;
margin-top:15px;
}

#cont2 {
float:right;
width:275px;
margin-top:15px;
}


#point a,#point a:link, #point a:visited {
background:url(images/index_cbt01.gif) no-repeat;
width:395px;
height:32px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#point a:hover {
background:url(images/index_cbt01_on.gif) no-repeat;
}

* html #point_a {
height:120px;
}

#point_a {
padding-top:5px;
min-height:103px;
background:url(images/index01_03.gif) no-repeat right #D4FFFF;
border:#2D566D solid 1px;
}

#point_a p{
margin-left:5px;
width:240px;
}

#function a, #function a:link, #function a:visited {
background:url(images/index_cbt03.gif) no-repeat;
width:395px;
height:32px;
margin-top:15px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#function a:hover {
background:url(images/index_cbt03_on.gif) no-repeat;
}

* html #function_a {
height:120px;
}

#function_a {
padding-top:5px;
min-height:103px;
background:url(images/index01_05.gif) no-repeat left #D7FFA9;
border:#2D566D solid 1px;
}

#function_a p{
margin:0px 5px 0px 70px;
}

#faq a, #faq a:link, #faq a:visited {
background:url(images/index_cbt02.gif) no-repeat;
width:275px;
height:32px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#faq a:hover {
background:url(images/index_cbt02_on.gif) no-repeat;
}

* html #faq_a {
height:120px;
}

#faq_a {
padding-top:5px;
min-height:103px;
background:url(images/index01_04.gif) no-repeat right #FFFFB1;
border:#2D566D solid 1px;
}


#faq_a p{
margin:0px 0px 0px 5px;
width:130px;
}

#appli a, #appli a:link, #appli a:visited {
clear:both;
background:url(images/index_cbt04.gif) no-repeat;
width:275px;
height:32px;
margin-top:15px;
text-align:center;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#appli a:hover {
background:url(images/index_cbt04_on.gif) no-repeat;
}

* html #appli_a {
height:120px;
}

#appli_a {
padding-top:5px;
min-height:103px;
background:url(images/index01_06.gif) no-repeat right #FFDEFF;
border:#2D566D solid 1px;
}


#appli_a p {
margin:0px 0px 0px 5px;
width:160px;
}

#proposal {

}

#proposal h2 {
background:url(images/index01_07.gif) no-repeat;
}

#user {
float:right;
}

#np_info ul {
list-style:none;
text-align:center;
margin-bottom:15px;
font-size:11px;
color:#282833;
margin-left:0px;
padding-left:0px;
}

#np_info li {
margin-top:3px;
}

/*footer*/
#footer {
width:720px;
margin:0px auto;
padding-top:10px;
}

#footer img{
margin-top:10px;

/*display:inline;*/
}

#footer ul,#footer li {
  /*margin:0;
/padding:0;*/
list-style-type:none;
display:inline;
}

#footer li {
font-size:11px;
}

li#footer_a, li#footer_b {
margin-right:15px;
}

#footer ul {
margin-left:0px;
padding-left:0px;
}


#top_cp {
background:url(images/index03_01.gif) no-repeat;
height:148px;
margin:15px 0px 15px 5px;
text-indent:-9999px;
}

#md_form a, #md_form a:link, #md_form a:visited {
background:url(images/bt_jukoum1_off.gif) no-repeat;
width:500px;
height:42px;
margin:35px auto 10px;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#md_form a:hover {
background:url(images/bt_jukoum1_on.gif) no-repeat;
}

/*point*/
h1#t2 {
margin:10px 0px 15px 0px;
background:url(images/t_poi01_01.gif) center no-repeat;
height:28px;
text-indent:-9999px;
}

#point1, #point2, #point3, #point4, #point5, #point6 {
margin:0px auto;
width:680px;
height:170px;
text-align:left;
}

#point1 h2, #point2 h2, #point3 h2, #point4 h2, #point5 h2, #point6 h2 {
margin:0px;
padding:0px;
height:21px;
text-indent:-9999px;
vertical-align:bottom;
}

#point1 p, #point2 p, #point2 p, #point3 p, #point4 p, #point5 p, #point6 p{
margin-right:254px;
padding:10px;
}

#point1 {
background:url(images/poi02_01.gif) #D9F5FF right no-repeat;
}

#point1 h2{
background:url(images/t_poi02_01.gif) top no-repeat;
}

#point2 {
background:url(images/poi03_01.gif) #D9F5FF right no-repeat;
}

#point2 h2{
background:url(images/t_poi03_01.gif) top no-repeat;
}

#point3 {
background:url(images/poi04_01.gif) #D9F5FF right no-repeat;
}

#point3 h2{
background:url(images/t_poi04_01.gif) top no-repeat;
}

#point4 {
background:url(images/poi05_01.gif) #D9F5FF right no-repeat;
}

#point4 h2{
background:url(images/t_poi05_01.gif) top no-repeat;
}

#point5 {
background:url(images/poi06_01.gif) #D9F5FF right no-repeat;
}

#point5 h2{
background:url(images/t_poi06_01.gif) top no-repeat;
}


#point6 {
background:url(images/poi07_01.gif) #D9F5FF right no-repeat;
}

#point6 h2{
background:url(images/t_poi07_01.gif) top no-repeat;
}

/*function*/
h1#t3 {
margin:10px 0px 15px 0px;
background:url(images/t_fun01_01.gif) center no-repeat;
text-indent:-9999px;
}

#func1, #func2, #func3, #func4, #func5, #func9 {
margin:0px auto 15px;
width:680px;
text-align:left;
}

#func1 h2 {
background:url(images/t_fun02_01.gif) no-repeat;
width:680px;
height:27px;
text-indent:-9999px;
}

#func1a, #func2a, #func4a, #func5a, #func9a {
float:left;
margin-top:15px;
width:323px;
}

#func1a h3 {
background:url(images/fun01_01.gif) no-repeat;
height:22px;
text-indent:-9999px;
}


#func1a ul, #func2a ul, #func3a ul, #func4a ul, #func5a ul, #func9a ul {
margin:0px;
padding:10px 5px 0px 15px;
list-style-position:outside;
}

#func1b, #func2b, #func4b, #func5b {
float:right;
margin-top:15px;
width:347px;
}

#func1b h4, #func2b h4 {
background:url(images/fun02_01.gif) no-repeat;
margin:0px;
padding:0px;
height:22px;
text-indent:-9999px;
}

#func1ba, #func2ba {
float:left;
}

#func1bb {
float:right;
}

#func1ba, #func1bb, #func2ba, #func4ba, #func4bb, #func5ba, #func5bb {
width:164px;
margin-top:10px;
}

#func2a h3 {
background:url(images/fun03_01.gif) no-repeat;
height:46px;
text-indent:-9999px;
}

img#func2bb {
margin:40px 55px;
width:66px;
height:109px;
}

#func3 h2 {
background:url(images/t_fun03_01.gif) no-repeat;
height:27px;
text-indent:-9999px;
}

#func3a {
float:left;
width:470px;
}

#func3b {
float:right;
width:199px;
}

#func3a h3 {
background:url(images/fun04_01.gif) no-repeat;
height:46px;
text-indent:-9999px;
}

#func3aa {
float:left;
width:259px;
}

#func3ab {
float:right;
width:198px;
}

#func3ab h4 {
background:url(images/fun06_03.gif) no-repeat;
margin:0px;
padding:0px;
height:39px;
text-indent:-9999px;
}

#func3aa, #func3ab, #func3a,#func3b {
margin-top:15px;
}

#func3b h4 {
background:url(images/fun05_01.gif) no-repeat;
margin:0px;
padding:0px;
height:39px;
text-indent:-9999px;
}

#func3b p {
margin-left:15px;
width:166px;
}

#func3b img {
margin:10px 0px 0px 15px;
}

#func4 h2 {
background:url(images/t_fun04_01.gif) no-repeat;
height:27px;
text-indent:-9999px;
}

#func4a h3{
background:url(images/fun07_01.gif) no-repeat;
height:22px;
text-indent:-9999px;
}

#func4a img{
display:block;
margin:5px 0px 0px 130px;
}

#func4ba {
float:left;
}

#func4bb {
float:right;
}

#func4b h4 {
margin:0px;
padding:0px;
background:url(images/fun02_01.gif) no-repeat;
height:22px;
text-indent:-9999px;
}

#func5 h2 {
background:url(images/t_fun05_01.gif) no-repeat;
height:27px;
text-indent:-9999px;
}


#func5a h3{
background:url(images/fun08_01.gif) no-repeat;
height:43px;
text-indent:-9999px;
}

#func5ba {
float:left;
}

#func5bb {
float:right;
}

#func5b h4 {
margin:0px;
padding:0px;
background:url(images/fun02_01.gif) no-repeat;
height:22px;
text-indent:-9999px;
}

#func9 h2 {
background:url(images/t_fun09_01.gif) no-repeat;
height:27px;
text-indent:-9999px;
}

#func9a {
float:left;
width:470px;
}

#func9b {
float:right;
width:199px;
}

#func9a h3 {
background:url(images/fun09_01.gif) no-repeat;
height:46px;
text-indent:-9999px;
}

#func9aa {
float:left;
width:259px;
}

#func9ab {
float:right;
width:198px;
}
#func9ab h4 {
background:url(images/fun06_03.gif) no-repeat;
margin:0px;
padding:0px;
height:39px;
text-indent:-9999px;
}

#func9aa, #func9ab, #func9a,#func9b {
margin-top:15px;
}

#func9b h4 {
background:url(images/fun05_01.gif) no-repeat;
margin:0px;
padding:0px;
height:39px;
text-indent:-9999px;
}

#func9b p {
margin-left:15px;
width:166px;
}

#func9b img {
margin:10px 0px 0px 15px;
}


/*faq*/

h1#t4{
background:url(images/t_faq01_01.gif) center no-repeat;
margin-top:10px;
text-indent:-9999px;
}

/*----faq MDPS用------*/  
.faq_aa h4 {
background-color:#E6E6E6;
color: #000033;
padding:3px;
font-size:100%;
margin-bottom:5px;
}
/*-------------------*/  

#faq_list, #faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10 {
margin:15px auto 0px;
text-align:left;
width:680px;
}
#faq_list {
background:url(images/t_faq02_01.gif) right no-repeat;
}
#faq_list ul {
margin:0px;
padding:0px;
list-style:none;
}

#faq1 h2 img{
margin:0px;
padding:0px;
}

.faq_a  {
float:left;
background:url(images/t_faq_a.gif) no-repeat;
margin-top:5px;
padding:0px;
height:24px;
width:24px;
text-indent:-9999px;
}

.faq_aa {
float:right;
padding:4px 0px 0px 4px;
width:649px;
}

.faq_aa ul, .faq_aa ol {
margin:0px;
padding:0px 0px 0px 20px;
list-style-position:outside;
}

.faq_aa ol ul {
margin:0px;
padding:0px;
list-style-type:disc;
}

.faq_top {
margin:10px auto 0px;
width:706px;
text-align:right;
}

.faq_top_i{
background:url(images/t_faq_hr.gif) center no-repeat;
margin:10px auto 0px;
width:706px;
height:9px;
}

/*appli*/
.appli_i {
background:url(images/t_voi_hr.gif) no-repeat;
margin:15px auto 0px;
height:8px;
width:703px;
}

h1#t5 {
background:url(images/t_appli01_01.gif) center no-repeat;
height:83px;
margin:10px 0px 20px 0px;
text-indent:-9999px;
}


#appli1a h2 {
background:url(images/appli01_01.gif) no-repeat;
}

#appli2a h2 {
background:url(images/appli02_01.gif) no-repeat;
}

#appli3a h2 {
background:url(images/appli03_01.gif) no-repeat;
}

#appli4a h2 {
background:url(images/appli04_01.gif) no-repeat;
}
#appli1a h2, #appli2a h2, #appli3a h2, #appli3a h2, #appli4a h2 {
height:20px;
text-indent:-9999px;
}

#appli1a {
background:url(images/apli01_02.gif) right no-repeat;
min-height:153px;
}

#appli2a1 {
background:url(images/apli02_02.gif) left no-repeat;
min-height:153px;
}

#appli3a {
background:url(images/apli03_02.gif) right no-repeat;
min-height:153px;
}

#appli4a1 {
background:url(images/apli04_02.gif) left no-repeat;
min-height:153px;
}
#appli1a, #appli2a, #appli3a, #appli4a {
margin:0px auto;
padding-top:15px;
width:640px;
text-align:left;
}

#appli1a p, #appli3a p {
margin-top:10px;
width:450px;
}

#appli2a p, #appli4a p {
margin:10px 0 0 188px;
width:450px;
}

.mean {
margin-top:10px;
}

/*proposal*/

h1#t6 {
background:url(images/propotitle_02.gif) center no-repeat;
height:27px;
margin:15px 0px 15px 0px;
text-indent:-9999px;
}

#pro_title_s {
background:url(images/pro_title_s.gif) center no-repeat;
height:42px;
margin:20px 0px 30px 0px;
text-indent:-9999px;
}

p.alert {
text-indent:-1em;
line-height:140%;
color:#FF3333;
font-weight:bold;
text-align:left;
margin:30px 50px 0;
font-size:14px;
}

/*NP*/
#pro_title_n {
background:url(images/pro_step_n.gif) center no-repeat;
height:72px;
margin:20px 0px 30px 0px;
text-indent:-9999px;
}

/*MDPS*/
#pro_title_m {
background:url(images/pro_step.gif) center no-repeat;
height:154px;
margin:20px 0px 30px 0px;
text-indent:-9999px;
}


#pro_step1, #pro_step2, #pro_step3, #pro_step4, #pro_step5, #pro_step5n, #pro_step6, #riyou {
width:680px;
margin:15px auto 0px;
text-align:left;
}

#pro_step1 h3, #pro_step2 h3, #pro_step3 h3, #pro_step4 h3, #pro_step5 h3, #pro_step5n h3, #pro_step6 h3 {
margin-bottom:5px;
height:28px;
text-indent:-9999px;
}

#pro_step1 p, #pro_step2 p, #pro_step3 p, #pro_step4 p, #pro_step5 p, #pro_step5n p , #pro_step6 p {
margin:0px 5px;
}

#pro_step1 h4, #pro_step2 h4, #pro_step3 h4, #pro_step4 h4, #pro_step5 h4 , #pro_step5n h4, #pro_step6 h4 {
margin:0px 5px;
}


#pro_step1 h3 {
background:url(images/pro_step1.gif) no-repeat;
}


#pro_step2 h3 {
background:url(images/pro_step2.gif) no-repeat;
}


#pro_step3 h3 {
background:url(images/pro_step3.gif) no-repeat;
}


#pro_step4 h3 {
background:url(images/pro_step4.gif) no-repeat;
}


#pro_step5 h3 {
background:url(images/pro_step5.gif) no-repeat;
}

#pro_step5n h3 {
background:url(images/pro_step5n.gif) no-repeat;
}


#pro_step6 h3 {
background:url(images/pro_step6.gif) no-repeat;
}

#riyou {
text-align:center;
}

.box {
border:#666666 1px solid;
margin:15px 0px 15px 190px;
padding:25px;
width:260px;
/*height: 150px;*/
}
*html .box {
margin:15px 0px 15px 215px;
}

#pro_step7 a, #pro_step7 a:link, #pro_step7 a:visited {
background:url(images/bt_riyou.gif) no-repeat;
height:28px;
width:300px;
margin:35px auto 10px;
text-indent:-9999px;
display:block;
/*\*//*/
display:inline;
/**/
}

#pro_step7 a:hover {
background:url(images/bt_riyou_on.gif) no-repeat;
}

/*MDPS*/
#top_mdcp {
background:url(images/index04_01.gif) no-repeat;
height:148px;
margin:15px 0px 15px 5px;
text-indent:-9999px;
}

/******バナー******/
a.mail  {
	width:337px;
	height:51px;
    background:url(images/bnr_mail.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left: 303px;
	top: 11px;
}
#measure a {
	display:block;
    background:url(images/bnr_measure.gif) no-repeat;
    height:121px;
	text-indent:-9999px;
    margin:10px 0;
}

/*paywab*/
#payweb {
background:#FFFFFF;
text-align:center;
width:650px;
margin-left:15px;
}

#pw1 {
width:615px;
margin:0 auto 10px;
padding-top:10px;
}

#pw1 p {
text-align:left;
margin-top:10px;
}

#payweb h1 {
background:url(images/pw_top.gif) no-repeat;
height:42px;
text-indent:-9999px;
}

#pw2 {
width:502px;
margin:20px auto 10px;
}

#pw2 h2 {
background:url(images/pw_01.gif) no-repeat;
height:34px;
margin:0 auto 5px;
text-indent:-9999px;
}

#pw2 table {
font-family:"ＭＳ Ｐゴシック",MS UI Gothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;
width:502px;
font-size:13px;
border-top: solid #005e99 1px;
border-left: solid #005e99 1px;
}

th, td {
padding:4px;
}

.pw2_th1, .pw2_td1 {
width:80px;
}

.pw2_th1, .pw2_th2 {
background-color:#038eff;
color:#FFFFFF;
}

.pw2_td1{
text-align:center;
}

.pw2_th1, .pw2_th2, .pw2_td1, .pw2_td2 {
border-bottom:solid #005e99 1px;
border-right:solid #005e99 1px;
}

#pw2 p {
text-align:left;
margin-top:10px;
}

#pw_info {
text-align:left;
width:502px;
margin:0 auto 20px;
}

#pw_info p {
background:url(images/pw_02.gif) no-repeat left;
padding-left:13px;
}

#pw_info ul, #pw_info li{
list-style:none;
margin:0px;
}

#pw_info ul {
padding-left:13px;
}

#pw_info li {
margin:3px 0 0 0;
}

#pw_close {
padding-bottom:10px;
}