@charset "utf-8";

/* *******************************************
  サイト名：　 
　制作者: 　　 株式会社マイ.ビジネスサービス.
　URL: 　　　　http://www.kokyaku-bank.com
　作成日:　　　2007年7月
　最新更新日： 2010年4月
  Copyright (c) 2010 MBS All Rights Reserved.
  -------------------------------------------
  Title:      
  Author:     My Business Service
  URL :       http://www.
  Created :   July 2007
  Modified :  April. 2010

*　トップページのスタイル
　 The following styles are styles for homepage.
******************************************* */

/* 目次 contents
１．左サイドコンテンツ leftside(content)
	トピックス
	活用事例
	セキュリティ
２．右サイドコンテンツ rightside(sidebar)
３．clearfix
*/

/* *********************************
コンテンツ 
********************************* */

div#content02{
	width: 803px;
	margin: 15px auto 0px auto;
	padding-bottom: 20px;
	background: #fff url(../images/footer_inq_bg02.gif) bottom left repeat-y;
	}

div#content02 p.table{
	width: 760px;
	margin: 0px auto 0;
	padding: 0px;
	}

div#content02 .sikiri{
	width: 803px;
	height: 7px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	}

div#content02 h2{
	width: 760px;
	height: 31px;
	margin: 5px auto 0;
	padding: 10px 0px 20px 0px ;
	}

div#content02 .title{
	width: 760px;
	margin: 5px auto 0;
	padding: 0px 0px 10px 0px;
	}

div#content02 .koumoku{background:url(../images/icon_jisseki.gif) no-repeat  0 -1px;
                       padding:2px 0px 0px 20px;
                       margin: 20px auto 0;
                       width: 740px;
                       height:18px;
                       list-style:none;
                       font-size:14px;
                       font-weight:bold;
                       }


div#content02 .copy{
	width: 760px;
	margin: 0px auto 0;
	padding: 0px 0px 0px 0px ;
	}

div#content02 .gaiyou{
	width: 760px;
	height:101px;
	background-image:url(../images/gaiyou_bg.gif);
	margin: 0px auto 20px;
	}
div#content02 .gaiyou p{padding: 10px;color:#000000;font-size:100%;}

div#content02 .gaiyou02{
	width: 760px;
	height:130px;
	background-image:url(../images/gaiyou02_bg.gif);
	margin: 0px auto 20px;
	}
div#content02 .gaiyou02 p{padding: 10px;color:#000000;font-size:100%;line-height:1.7;}

div#content02 .post_card{
	width: 760px;
	margin: 0px auto 30px;
	}

div#content02 .service_naiyou{
	width: 760px;
	background: url(../images/case_bg.gif) repeat-y center left;
	margin: 0px auto 20px;
	}

div#content02 .service_naiyou p.left{margin:0px 0px 0px 20px;padding:15px 0px 0px 80px;font-size:15px;font-weight:bold;color:#dc6a6e;background: url(../images/icon_service.gif) no-repeat 0px 15px;}
div#content02 .service_naiyou p.right{margin:-30px 0px 0px 380px;padding:0px 0px 0px 80px;font-size:15px;font-weight:bold;color:#5c8922;background: url(../images/icon_cliant.gif) no-repeat center left;}
div#content02 .service_naiyou p.setumei{padding:5px 0px 20px 0px;border-top:2px dotted #bc9129;margin:5px 20px;font-size:100%;color:#000000;}

div#content02 ul.kajyou{width: 760px;
                        margin: 0px auto 20px;
                        padding: 0;
                        list-style:none;
                        }

div#content02 ul.kajyou li.point{list-style:none;margin: 20px 0px 10px 0px;}

div#content02 ul.kajyou li.naiyou{width:680px;
                                  border-bottom:2px dotted #cccccc;
                                  list-style:none;
                                  padding: 0px 0px 0px 10px;
                                  margin: 10px 0px 0px 70px;
                                  color:#8b5618;
                                  font-weight:bold;
                                  font-size:100%;
                                  background: url(../images/icon_arrow02.gif) no-repeat center left;
                                  }
div#content02 ul.kajyou li.syousai{width:670px;margin: 0px 0px 10px 80px;font-size:100%;color:#000000;}
div#content02 ul.kajyou li.susume{width:730px;
                                  list-style:none;
                                  padding: 0px 0px 0px 20px;
                                  margin: 0px 0px 5px 10px;
                                  color:#2d5d84;
                                  font-weight:bold;
                                  font-size:16px;
                                  background: url(../images/icon_check.gif) no-repeat 0 4px;}

div#content02 ul.kajyou li.naiyou02{width:320px;
                                  border-bottom:2px dotted #cccccc;
                                  list-style:none;
                                  padding: 0px 0px 0px 10px;
                                  margin: 10px 0px 0px 70px;
                                  color:#8b5618;
                                  font-weight:bold;
                                  font-size:100%;
                                  background: url(../images/icon_arrow02.gif) no-repeat center left;
                                  }

div#content02 ul.kajyou li.naiyou03{width:320px;
                                  border-bottom:2px dotted #cccccc;
                                  list-style:none;
                                  padding: 0px 0px 0px 10px;
                                  margin: -25px 0px 0px 420px;
                                  color:#8b5618;
                                  font-weight:bold;
                                  font-size:100%;
                                  background: url(../images/icon_arrow02.gif) no-repeat center left;
                                  }
div#content02 ul.kajyou li.naiyou04{width:320px;
                                  border-bottom:2px dotted #cccccc;
                                  list-style:none;
                                  padding: 0px 0px 0px 10px;
                                  margin: -75px 0px 50px 420px;
                                  color:#8b5618;
                                  font-weight:bold;
                                  font-size:100%;
                                  background: url(../images/icon_arrow02.gif) no-repeat center left;
                                  }

/* *********************************
コンテンツ case01 縦900px
********************************* */
div#content02 .case01{
	width: 760px;
	height:950px;
	margin: 0px auto 20px;
	padding: 0;
	list-style:none;
                        }
div#content02 .case01 ul.flow{width: 392px;
                            height:850px;
                        margin: 0px 0px 0px 0px;
                        padding: 0;
                        list-style:none;
                        }
div#content02 .case01 ul.flow li.koko{padding: 0px 0px 10px 0px;}
div#content02 .case01 ul.flow li.cate{width:372px;
                              height:25px;
                              list-style:none;
                              padding: 5px 0px 0px 20px;
                              margin: 0px 0px 0px 0px;
                              color:#b54e57;
                              font-weight:bold;
                              background: url(../images/flow_bg.gif) no-repeat center left;
                                  }
div#content02 .case01 ul.flow li.expl{padding: 5px 0px 20px 5px;font-size:100%;color:#000000;}

div#content02 .case01 ul.kekka{width: 343px;
                        margin: -850px 0px 0px 415px;
                        padding: 0;
                        list-style:none;
                        background: url(../images/kekka_bg.gif) repeat-y center left;
                        }
div#content02 .case01 ul.kekka li.cc{padding: 0px 0px 10px 0px;}
div#content02 .case01 ul.kekka li.gazou{padding: 5px 0px 0px 10px;}
div#content02 .case01 ul.kekka li.kaisetsu{padding:10px;font-size:100%;color:#000000;}
div#content02 .case01 ul.kekka li.link{width:310px;
                                       height:26px;
                                       list-style:none;
                                       margin: 0px 0px 0px 18px;}

div#content02 .case01 ul.kekka li.end{padding: 0px 0px 0px 0px;}

/* *********************************
コンテンツ case00 縦750px
********************************* */
div#content02 .case00{width: 760px;
                    height:750px;
                    margin: 0px auto 20px;
                    padding: 0;
                    list-style:none;
                        }
div#content02 .case00 ul.flow{width: 392px;
                            height:850px;
                        margin: 0px 0px 0px 0px;
                        padding: 0;
                        list-style:none;
                        }
div#content02 .case00 ul.flow li.koko{padding: 0px 0px 10px 0px;}
div#content02 .case00 ul.flow li.cate{width:372px;
                              height:25px;
                              list-style:none;
                              padding: 5px 0px 0px 20px;
                              margin: 0px 0px 0px 0px;
                              color:#b54e57;
                              font-weight:bold;
                              background: url(../images/flow_bg.gif) no-repeat center left;
                                  }
div#content02 .case00 ul.flow li.expl{padding: 5px 0px 20px 5px;font-size:100%;color:#000000;}

div#content02 .case00 ul.kekka{width: 343px;
                        margin: -850px 0px 0px 415px;
                        padding: 0;
                        list-style:none;
                        background: url(../images/kekka_bg.gif) repeat-y center left;
                        }
div#content02 .case00 ul.kekka li.cc{padding: 0px 0px 10px 0px;}
div#content02 .case00 ul.kekka li.gazou{padding: 5px 0px 0px 10px;}
div#content02 .case00 ul.kekka li.kaisetsu{padding:10px;font-size:100%;color:#000000;}
div#content02 .case00 ul.kekka li.link{width:310px;
                                       height:26px;
                                       list-style:none;
                                       margin: 0px 0px 0px 18px;}

div#content02 .case00 ul.kekka li.end{padding: 0px 0px 0px 0px;}

/* *********************************
コンテンツ case 縦1000px
********************************* */
div#content02 .case{width: 760px;
                    height:1000px;
                    margin: 0px auto 20px;
                    padding: 0;
                    list-style:none;
                        }
div#content02 .case ul.flow{width: 392px;
                            height:1100px;
                        margin: 0px 0px 0px 0px;
                        padding: 0;
                        list-style:none;
                        }
div#content02 .case ul.flow li.koko{padding: 0px 0px 10px 0px;}
div#content02 .case ul.flow li.cate{width:372px;
                              height:25px;
                              list-style:none;
                              padding: 5px 0px 0px 20px;
                              margin: 0px 0px 0px 0px;
                              color:#b54e57;
                              font-weight:bold;
                              background: url(../images/flow_bg.gif) no-repeat center left;
                                  }
div#content02 .case ul.flow li.expl{padding: 5px 0px 20px 5px;font-size:100%;color:#000000;}

div#content02 .case ul.kekka{width: 343px;
                        margin: -1100px 0px 0px 415px;
                        padding: 0;
                        list-style:none;
                        background: url(../images/kekka_bg.gif) repeat-y center left;
                        }
div#content02 .case ul.kekka li.cc{padding: 0px 0px 10px 0px;}
div#content02 .case ul.kekka li.gazou{padding: 5px 0px 0px 10px;}
div#content02 .case ul.kekka li.kaisetsu{padding:10px;}
div#content02 .case ul.kekka li.link{width:310px;
                                       height:26px;
                                       list-style:none;
                                       margin: 0px 0px 0px 18px;}

div#content02 .case ul.kekka li.end{padding: 0px 0px 0px 0px;}

/* *********************************
コンテンツ お客様の声 縦317px
********************************* */
div#content02 .koe_left{
	width: 362px;
	height:317px;
	background-image:url(../images/koe_bg01.gif);
	margin: 0px 0px 0px 21px;
	}

div#content02 .koe_left p.ques01{padding:20px 0px 0px 55px;font-size:14px;font-weight:bold;color:#57763a;}
div#content02 .koe_left p.ques03{padding:15px 0px 0px 55px;font-size:14px;font-weight:bold;color:#57763a;line-height:1.1;}
div#content02 .koe_left p.ans01{padding:15px 10px 0px 10px;line-height:1.6;}

div#content02 .koe_right{
	width: 362px;
	height:317px;
	background-image:url(../images/koe_bg02.gif);
	margin: -317px 0px 0px 419px;
	}

div#content02 .koe_right img{margin: 10px 0px 0px 20px;}

div#content02 .koe_right p.ques02{padding:20px 0px 0px 55px;font-size:14px;font-weight:bold;color:#6f5784;}
div#content02 .koe_right p.ans02{padding:15px 10px 0px 10px;line-height:1.6;}

/* *********************************
コンテンツ お客様の声 縦200px
********************************* */
div#content02 .koe02_left{
	width: 362px;
	height:200px;
	background-image:url(../images/koe_bg01.gif);
	margin: 0px 0px 0px 21px;
	}

div#content02 .koe02_left p.ques01{padding:20px 0px 0px 55px;font-size:14px;font-weight:bold;color:#57763a;}
div#content02 .koe02_left p.ques03{padding:15px 0px 0px 55px;font-size:14px;font-weight:bold;color:#57763a;line-height:1.1;}
div#content02 .koe02_left p.ans01{padding:15px 10px 0px 10px;line-height:1.6;}

div#content02 .koe02_right{
	width: 362px;
	height:200px;
	background-image:url(../images/koe_bg02.gif);
	margin: -200px 0px 0px 419px;
	}

div#content02 .koe02_right img{margin: 10px 0px 0px 20px;}

div#content02 .koe02_right p.ques02{padding:20px 0px 0px 55px;font-size:14px;font-weight:bold;color:#6f5784;}
div#content02 .koe02_right p.ans02{padding:15px 10px 0px 10px;line-height:1.6;}

div#content02 ul.service{width: 760px;height:auto;
                        margin: 0px auto 20px;
                        padding: 0;
                        list-style:none;
                        }
div#content02 ul.service li.exp{width:450px;height:80px;list-style:none;margin: 0px 0px 0px 0px;}
div#content02 ul.service li.bot{width:202px;list-style:none;margin: -80px 0px 10px 0px;float:right;}

/********* topのボタン*/

div#content02 .topics{
	width: 760px;
	margin: 20px auto 20px;
	padding: 0;
	}

div#content02 .topics ul.upper{
	width: 760px;
	height:134px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	}
div#content02 .topics ul.upper li{list-style:none;height:134px;}
div#content02 .topics ul.upper li p{padding:70px 0px 0px 0px;line-height:1.5;}
div#content02 .topics ul.upper li a{
	display:block;
	background-image:url(../images/top_banner_upper.jpg);
	margin: 0px;
	padding: 0;
	font-size:13px;
        color:#333333;
	}

div#content02 .topics ul.upper li.left{float:left;width:244px;height:132px;border-right:2px dotted #ababab;border-bottom:2px dotted #ababab;}
div#content02 .topics ul.upper li.center{float:left;width:270px;height:132px;border-right:2px dotted #ababab;border-bottom:2px dotted #ababab;}
div#content02 .topics ul.upper li.right{float:right;width:242px;height:132px;border-bottom:2px dotted #ababab;}

div#content02 .topics ul.upper li.left a{background-position:0px 0px;padding:0px 18px 0px 0px;}
div#content02 .topics ul.upper li.left a:hover{background-position:0px -134px;}

div#content02 .topics ul.upper li.center a{background-position:-246px 0px;padding:0px 21px 0px 21px;}
div#content02 .topics ul.upper li.center a:hover{background-position:-246px -134px;}

div#content02 .topics ul.upper li.right a{background-position:-519px 0px;padding:0px 0px 0px 21px;}
div#content02 .topics ul.upper li.right a:hover{background-position:-519px -134px;}


div#content02 .topics ul.lower{
	width: 760px;
	height:145px;
	margin: 0px;
	padding: 0;
	}
div#content02 .topics ul.lower li{list-style:none;height:145px;}
div#content02 .topics ul.lower li p{padding:80px 0px 0px 0px;line-height:1.5;}
div#content02 .topics ul.lower li a{
	height:145px;
	display:block;
	background-image:url(../images/top_banner_lower.jpg);
	margin: 0px;
	padding: 0;
	font-size:13px;
        color:#333333;
	}

div#content02 .topics ul.lower li.left{float:left;width:244px;border-right:2px dotted #ababab;}
div#content02 .topics ul.lower li.center{float:left;width:270px;border-right:2px dotted #ababab;}
div#content02 .topics ul.lower li.right{float:right;width:242px;}

div#content02 .topics ul.lower li.left a{background-position:0px 0px;padding:0px 18px 0px 0px;}
div#content02 .topics ul.lower li.left a:hover{background-position:0px -137px;}

div#content02 .topics ul.lower li.center a{background-position:-246px 0px;padding:0px 21px 0px 21px;}
div#content02 .topics ul.lower li.center a:hover{background-position:-246px -137px;}

div#content02 .topics ul.lower li.right a{background-position:-519px 0px;padding:0px 0px 0px 21px;}
div#content02 .topics ul.lower li.right a:hover{background-position:-519px -137px;}


div#content02 .news{
	width: 439px;
	height: 200px;
	overflow-y: scroll;
	margin:0px 0px 0px 21px;
	}
div#content02 .news p.date{background:url(../images/icon_new.gif) no-repeat left center;padding:0px 0px 0px 40px;color:#3c81ff;}
div#content02 .news p.naiyou{background:url(../images/icon_arrow.gif) no-repeat left center;padding:0px 0px 0px 20px;margin:10px;border-bottom:1px dotted #ababab;}

div#content02 .right310{
	width: 310px;
	height: 130px;
	margin:-120px 0px 0px 472px;
	}

div#content02 .banner_long{
	width: 760px;
	height: 66px;
	margin: 0px auto 0;
	padding: 10px 0px 10px 0px;
	}

div#content02 .jisseki{
	width: 690px;
	margin: 0px 0px 0px 91px ;
	padding: 0;
	}

div#content02 .jisseki ul{
	width: 690px;
	margin-bottom: 20px;
	padding: 0;
	}

div#content02 .jisseki ul li{background:url(../images/icon_jisseki.gif) no-repeat  0 2px;padding:0px 0px 5px 20px;list-style:none;font-size:14px;}




/********* 料金表のテーブル*/


div#content02 .a_table{width:650px;
                       margin: 0px 0px 0px 21px;
                       border-left:1px solid #e7dbc0;
                       border-bottom:1px solid #e7dbc0;
                       font-size:100%;
                       color:#000000;
                       overflow: hidden;}

div#content02 .a_table th{
                          border-right:1px solid #e7dbc0;
                          border-top:1px solid #e7dbc0;
                          padding:5px 0px 5px 20px;
                          color:#ce4a4e;
                          font-weight:bold;
                          text-align:center;}
div#content02 .a_table th.aa{background:#faeeff;}
div#content02 .a_table th.bb{background:#ffffff;}

div#content02 .a_table td{
                          border-right:1px solid #e7dbc0;
                          border-top:1px solid #e7dbc0;
                          padding:5px 0px 5px 20px;
                          text-align:center;
                          }
div#content02 .a_table td.aa{background:#faeeff;}
div#content02 .a_table td.bb{text-align:center;}

/********* 流れ*/

div#content02 .nagare{
	width: 760px;
	margin: 0px auto 0px;
	color:#000000;
	font-size:100%;
	}

div#content02 .nagare ul.aa{width: 760px;height:120px;margin: 0px auto 20px;background:url(../images/nagare_bg.gif) no-repeat 0 0;margin: 0px auto 0px;display:block;}
div#content02 .nagare ul.aa li.step{list-style:none;height:17px;padding:4px 0px 0px 5px;font-weight:bold;color:#c92f35;}
div#content02 .nagare ul.aa li.step img{margin: 0px 10px 0px 0px;}
div#content02 .nagare ul.aa li.naiyou{list-style:none;padding: 10px 10px 10px 10px;}
div#content02 .nagare ul.aa li.naiyou img.botton{margin: 0px 0px 0px 150px;}
div#content02 .nagare ul.aa li.naiyou img.fax{margin: 0px 0px 0px 10px;}
div#content02 .nagare ul.aa li.naiyou img.excel{margin: 0px 0px 0px 10px;}

div#content02 .nagare ul.bb{width: 760px;height:89px;margin: 0px auto 20px;background:url(../images/nagare_bg_end.gif) no-repeat 0 0;margin: 0px auto 0px;display:block;}
div#content02 .nagare ul.bb li.step{list-style:none;height:17px;padding:4px 0px 0px 5px;font-weight:bold;color:#c92f35;}
div#content02 .nagare ul.bb li.step img{margin: 0px 10px 0px 0px;}
div#content02 .nagare ul.bb li.naiyou{list-style:none;padding: 15px 10px 10px 10px;}








div#content03{
	width: 803px;
	margin: 15px auto 0px auto;
	padding-bottom: 20px;
	}

div#content03 .left{
	width: 309px;
	height: 256px;
	margin: 0px 0px 0px 0px;
	}

div#content03 .right{
	width: 475px;
	height: 256px;
	margin: -256px 0px 0px 327px;
	}
div#content03 .right img{margin: 0px 0px 10px 0px;}


div#content03 .left310{
	width: 310px;
	margin: 0px 0px 0px 0px;
	}

div#content03 .right_kasou{
	width: 475px;
	margin: -67px 0px 0px 327px;
	}
div#content03 .right_kasou img{margin: 0px 0px 10px 0px;}

.style1 {color: #FF0000}

.style2 {
	color: #993300;
	font-weight: bold;
}