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

/*---------------------------------------------
 Global reset
---------------------------------------------*/
* { margin: 0; padding: 0; }
li { list-style-type: none; }
.after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
img { margin: 0; border: 0; }

/*---------------------------------------------
 body,#wrap,共通
---------------------------------------------*/
html { overflow-y: scroll; }
body { line-height: 150%; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	background: #DDDDDD; color: #666666; font-size: 83%; }

#wrap { width: 820px; background: #ffffff url(../img/bg_wrap.gif) repeat-y; margin-left: auto; margin-right: auto; }

#pagewrap { width: 800px; margin-left: auto; margin-right: auto;
background: #ffffff url(../img/bg_foot.gif) repeat-x bottom; }

#contentswrap { width: 758px; margin-left: auto; margin-right: auto;  padding-bottom: 45px; padding-top: px;  }

a:link,a:visited { color: #66CC00; text-decoration: none; }	
a:hover,a:active { color: #660000; text-decoration: underline; }

.btn-gototop { text-align: right; }


.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mt30 { margin-top: 30px; }

#pankuzu { width: 720px; margin-left: auto; margin-right: auto; font-size: 75%; margin-bottom: 3px; margin-top: 3px; }

#left { width: 230px; float: left; }
#right { width: 528px; float: right; }
.wrap508 { width: 508px; margin-left: auto; margin-right: auto; }

.txt-bold { font-weight: bold; }

/*---------------------------------------------
 head
---------------------------------------------*/

#head {	width: 800px; background: #ffffff; height: 64px; }

#head h1 a { width: 349px; height: 64px; background: url(../img/logo.gif) no-repeat; text-indent: -9999px;
	display: block; }
	

/*---------------------------------------------
foot
---------------------------------------------*/
#foot { width: 758px; padding-top: 30px; }
#foot table td { text-align: left; vertical-align: top; }
#gotoesukei { width: 140px; height: 40px; background: url(../img/btn_esukei.gif) no-repeat; text-indent: -9999px;
	display: block; }

.foot-left { width: 140px;}
.foot-link { width: 603px; padding-left: 15px; font-size: 80%; }


.foot-copy { width: 603px; padding-left: 15px; font-size: 75%; }


/*---------------------------------------------
home
---------------------------------------------*/
#topimg tr td { vertical-align: top; }
#home_topimg_table1 { vertical-align: top; }
#home_topimg_table2 { width: 521px; height: 230px; background: url(../img/home_top_img_5.jpg) no-repeat; vertical-align: top; }
#home_topimg_table2 p { width: 384px; padding-left: 42px; padding-right: 95px; }

#bar_home { background: url("../img/home_bar.gif") no-repeat; width: 758px; height: 40px; text-indent: -9999px; }

/*---------------------------------------------
pagetitle
---------------------------------------------*/
.h2-flow { width: 800px; height: 71px; background: url(../img/flow_title.jpg) no-repeat; text-indent: -9999px; }
.h2-func { width: 800px; height: 71px; background: url(../img/func_title.jpg) no-repeat; text-indent: -9999px; }
.h2-system { width: 800px; height: 71px; background: url(../img/system_title.jpg) no-repeat; text-indent: -9999px; }

/*---------------------------------------------
kinou shokai
---------------------------------------------*/

.bar-func1 { width: 528px; height: 40px; background: url(../img/func_bar_1.gif) no-repeat; text-indent: -9999px; }
.bar-func2 { width: 528px; height: 40px; background: url(../img/func_bar_2.gif) no-repeat; text-indent: -9999px; }
.bar-func3 { width: 528px; height: 40px; background: url(../img/func_bar_3.gif) no-repeat; text-indent: -9999px; }
.bar-func4 { width: 528px; height: 40px; background: url(../img/func_bar_4.gif) no-repeat; text-indent: -9999px; }
.bar-func5 { width: 528px; height: 40px; background: url(../img/func_bar_5.gif) no-repeat; text-indent: -9999px; }
.bar-func6 { width: 528px; height: 40px; background: url(../img/func_bar_6.gif) no-repeat; text-indent: -9999px; }

.sub-bar-goriyo { width: 508px; height: 22px; background: url(../img/func_sbar_img.gif) no-repeat; text-indent: -9999px; }
.sub-bar-warihuri { width: 508px; height: 22px; background: url(../img/func_sbar_warihuri.gif) no-repeat; text-indent: -9999px; }
.sub-bar-positon { width: 508px; height: 22px; background: url(../img/func_sbar_position.gif) no-repeat; text-indent: -9999px; }
.sub-bar-mokuzi { width: 507px; height: 40px; background: url(../img/func_mokuzi.gif) no-repeat; text-indent: -9999px; }

#table-warifuri { width: 482px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }
#table-warifuri tr td { padding: 2px 10px 2px 10px; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.tw-green { background-color: #F4FCED; }

#func_next { width: 528px; height:38px; background: url(../img/func_btn_bg.gif) no-repeat; }
#func_btn_txt { text-align: right; color: #66CC00; padding-top: 10px; margin-right: 10px; }

#func_links { width: 507px; border: 1px solid #dddddd; font-size: 81%; }
.func-top-1 { width: 148px; padding: 15px 0px 0px 20px; }
.func-top-2 { width: 168px; padding: 15px 0px 0px 0px; }
.func-top-3 { width: 138px; padding: 15px 10px 0px 20px; }
.func-b-1 {  width: 148px; padding: 10px 0px 15px 20px; }
.func-b-2 {  width: 168px; padding: 10px 0px 15px 0px; }
.func-b-3 {  width: 138px; padding: 10px 10px 15px 20px; }
.func-td-center { text-align: center; }


/*---------------------------------------------
flow
---------------------------------------------*/
.bar-flow { width: 528px; height: 40px; background: url(../img/flow_bar.gif) no-repeat; text-indent: -9999px; }

/*---------------------------------------------
system
---------------------------------------------*/
.bar-system-1 { width: 528px; height: 40px; background: url(../img/system_bar_1.gif) no-repeat; text-indent: -9999px; }
.bar-system-2 { width: 528px; height: 40px; background: url(../img/system_bar_2.gif) no-repeat; text-indent: -9999px; }
.system-table { width: 508px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.system-table tr td { padding: 7px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; }
.table-title { background: #999999; color: #FFFFFF; font-weight: bold; }
.table-sub-title { background: #eeeeee; }

/*<div class="after"></div>*/