@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:80%;
 color:#0000CC;
 line-height:30px;
 background-image:url(../img/title_bg.gif);
 background-repeat:no-repeat;
 margin-left:10px;
 padding-left:15px;
 }
 
h3 {
 font-size:90%;
 color:#0000CC;
 line-height:30px;
 background-image:url(../img/title_bg.gif);
 background-repeat:no-repeat;
 margin-left:10px;
 padding-left:15px;
 }
 
h4 {
 font-size:85%;
 color:#FFFFFF;
 line-height:20px;
 padding-top:15px;
 padding-left:15px;
 }
 
h5 {
 font-size:85%;
 color:#FFFFFF;
 line-height:20px;
 padding-top:15px;
 padding-left:15px;
 }


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

#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.top a.here {
 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.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.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.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:400px;
 height:510px;
 float:left;
 margin:0px;
 }
 
/*-----右側-----*/

#right_content {
 width:400px;
 height:510px;
 float:right;
 margin:0px;
 }
 
.info {
 width:390px;
 height:170px;
 margin:10px 5px;
 background-image:url(../img/info_bg.gif);
 background-repeat:no-repeat;
 }
 
.info p {
 font-size:82%;
 line-height:20px;
 padding-top:7px;
 padding-left:13px;
 }
 
.banner {
 width:390px;
 margin:10px 10px 20px 5px;
 }
 
.banner ul {
 list-style-type:none;
 }
 
.banner ul li {
 float:left;
 }
 
.banner a span {
 display:none;
 }
 
.banner a {
 display:block;
 width:130px;
 height:141px;
 }
 
.banner li.b_plan a {
 background-image:url(../img/plan_banner.gif);
 background-repeat:no-repeat;
 }

.banner li.b_plan a:hover {
 background-image:url(../img/plan_banner2.gif);
 background-repeat:no-repeat;
 }
 
.banner li.b_flow a {
 background-image:url(../img/flow_banner.gif);
 background-repeat:no-repeat;
 }

.banner li.b_flow a:hover {
 background-image:url(../img/flow_banner2.gif);
 background-repeat:no-repeat;
 }
 
.banner li.b_contact a {
 background-image:url(../img/contact_banner.gif);
 background-repeat:no-repeat;
 }

.banner li.b_contact a:hover {
 background-image:url(../img/contact_banner2.gif);
 background-repeat:no-repeat;
 }
 
.news {
 clear:both;
 width:400px;
 margin-top:20px;
 }
 
.news dl {
 width:390px;
 }
 
.news dt {
 float:left;
 font-size:80%;
 padding:10px 10px 10px 40px;
 font-weight:bold;
 clear:both;
 }
 
.news dd {
 margin-left:80px;
 font-size:80%;
 padding-top:10px;
 padding-left:10px;
 }
 
/*-----フッター-----*/

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