@charset "utf-8";
/* CSS Document */

* {
 margin:0;
 padding:0;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:100%;
 }
 
body {
 background-image:url(../img/body_bg.gif);
 background-repeat:repeat-x;
 }
 
#wrapper {
 width:800px;
 height:auto;
 margin:0 auto;
 }
 
h1 {
 font-size:75%;
 color:#FFFFFF;
 line-height:20px;
 font-weight:normal;
 }
 
h2 {
 font-size:95%;
 color:#0000CC;
 line-height:30px;
 background-image:url(../img/title_bg.gif);
 background-repeat:no-repeat;
 margin-left:10px;
 margin-top:10px;
 padding-left:15px;
 }
  
h3 {
 font-size:85%;
 color:#0000CC;
 line-height:25px;
 padding-top:10px;
 padding-left:10px;
 }
 
h4 {
 font-size:85%;
 color:#FFFFFF;
 line-height:20px;
 padding-top:15px;
 padding-left:15px;
 }
 
h5 {
 font-size:85%;
 color:#0000CC;
 line-height:30px;
 background-image:url(../img/mark.gif);
 background-repeat:no-repeat;
 margin-top:20px;
 margin-left:20px;
 padding-left:40px;
 }
 
h5 a {
 color:#0000CC;
 }
 
h5 a:visited {
 color:#0000CC;
 }
 
h5 a:hover {
 color:#00CCCC;
 text-decoration:none;
 }

 
/*-----ヘッダー-----*/

#header {
 width:800px;
 height:20px;
 }
 
/*-----ロゴ部分-----*/

#logo {
 width:290px;
 float:left;
 margin-bottom:7px;
 }
 
/*-----グローバルナビ-----*/

#global_navi {
 width:510px;
 height:60px;
 float:right;
 margin-bottom:7px;
 }
 
#global_navi ul {
 list-style-type:none;
 }
 
#global_navi ul li {
 float:left;
 }
 
#global_navi a span {
 display:none;
 }
 
#global_navi a {
 display:block;
 width:100px;
 height:60px;
 }
 
#global_navi li.top a {
 background-image:url(../img/navi_home.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
 
#global_navi li.top a:hover {
 background-image:url(../img/navi_home2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
  
#global_navi li.profile a {
 background-image:url(../img/navi_profile.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.profile a:hover {
 background-image:url(../img/navi_profile2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.profile a.here {
 background-image:url(../img/navi_profile2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.plan a {
 background-image:url(../img/navi_plan.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.plan a:hover {
 background-image:url(../img/navi_plan2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
 
#global_navi li.plan a.here {
 background-image:url(../img/navi_plan2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.flow a {
 background-image:url(../img/navi_flow.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.flow a:hover {
 background-image:url(../img/navi_flow2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
 
#global_navi li.flow a.here {
 background-image:url(../img/navi_flow2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }


#global_navi li.contact a {
 background-image:url(../img/navi_contact.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }

#global_navi li.contact a:hover {
 background-image:url(../img/navi_contact2.jpg);
 background-repeat:no-repeat;
 background-position:100% 100%;
 }
 
 
/*-----左側-----*/

#left_content {
 clear:left;
 width:200px;
 height:600px;
 float:left;
 background-image:url(../img/left_bg.gif);
 background-repeat:no-repeat;
 margin-top:3px;
 }

/*-----右側-----*/
 
#right_content {
 width:600px;
 float:right;
 background-image:url(../img/right_bg.gif);
 background-repeat:repeat-y;
 margin-top:3px;
 }
 
#right_content p {
 font-size:80%;
 line-height:20px;
 padding-left:20px;
 padding-right:20px;
 margin-top:10px;
 }
 
#right_content ul {
 list-style-type:none;
 width:450px;
 margin-bottom:20px;
 }
 
#right_content ul li {
 font-size:80%;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:20px;
 border-bottom:1px dotted #CCCCCC;
 }
 
#right_content ul li a {
 color:#0000CC;
 }
 
#right_content ul li a:visited {
 color:#0000CC;
 }
 
#right_content ul li a:hover {
 color:#00CCCC;
 text-decoration:none;
 }

 
#right_content dl {
 margin-top:20px;
 margin-left:20px;
 }
 
#right_content dt.first {
 font-size:85%;
 color:#0000CC;
 font-weight:bold;
 background-image:url(../img/1.gif);
 background-repeat:no-repeat;
 line-height:25px;
 padding-left:30px;
 padding-bottom:10px;
 }
 
#right_content dt.second {
 font-size:85%;
 color:#0000CC;
 font-weight:bold;
 background-image:url(../img/2.gif);
 background-repeat:no-repeat;
 line-height:25px;
 padding-left:30px;
 padding-bottom:10px;
 }
 
#right_content dt.third {
 font-size:85%;
 color:#0000CC;
 font-weight:bold;
 background-image:url(../img/3.gif);
 background-repeat:no-repeat;
 line-height:25px;
 padding-left:30px;
 padding-bottom:10px;
 }
 
#right_content dd {
 font-size:80%;
 line-height:20px;
 padding-left:30px;
 padding-bottom:10px;
 }

.s1 {
 width:580px;
 height:195px;
 margin-left:10px;
 margin-top:20px;
 background-image:url(../img/step1.jpg);
 background-repeat:no-repeat;
 }
 
.s1 p {
 padding-top:50px;
 margin-left:250px;
 }
 
.s2 {
 width:580px;
 height:195px;
 margin-left:10px;
 background-image:url(../img/step2.jpg);
 background-repeat:no-repeat;
 }

.s2 p {
 padding-top:50px;
 margin-left:250px;
 }


.s3 {
 width:580px;
 height:195px;
 margin-left:10px;
 background-image:url(../img/step3.jpg);
 background-repeat:no-repeat;
 }

.s3 p {
 padding-top:50px;
 margin-left:250px;
 }


.s4 {
 width:580px;
 height:195px;
 margin-left:10px;
 background-image:url(../img/step4.jpg);
 background-repeat:no-repeat;
 }
 
.s4 p {
 padding-top:50px;
 margin-left:250px;
 }


.s5 {
 width:580px;
 height:195px;
 margin-left:10px;
 margin-bottom:10px;
 background-image:url(../img/step5.jpg);
 background-repeat:no-repeat;
 }
 
.s5 p {
 padding-top:30px;
 margin-left:250px;
 }
 
#right_content p img {
 margin-left:20px;
 }




/*-----フッター-----*/

#footer {
 clear:both; 
 width:800px;
 height:200px;
 background-image:url(../img/footer_bg.gif);
 background-repeat:no-repeat;
 }

.cominfo {
 width:400px;
 height:100px;
 float:left;
 }
 
#footer p {
 font-size:80%;
 color:#FFFFFF;
 line-height:20px;
 padding-left:15px;
 }
 
.f_list {
 width:400px;
 float:right;
 margin-top:15px;
 }
 
.f_list ul {
 list-style-type:none;
 }
 
.f_list ul li {
 float:left;
 font-size:80%;
 margin-left:5px;
 margin-right:5px;
 }
 
.f_list ul li a {
 color:#FFFFFF;
 }
 
.f_list ul li a:visited {
 color:#CCCCCC;
 }
 
.f_list ul li a:hover {
 color:#00FFCC;
 text-decoration:none;
 }
 
#footer address {
 clear:left;
 color:#FFFFFF;
 font-size:80%;
 font-style:normal;
 text-align:right;
 margin-right:10px;
 padding-top:10px;
 }
 
#footer address a {
 color:#FFFFFF;
 }
 
#footer address a:visited {
 color:#CCCCCC;
 }
 
#footer address a:hover {
 color:#FFFFFF;
 text-decoration:none;
 }