@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------------------ 
Common Styles
------------------------------------------------------------------------------------------------------------------ */


/*--------------------------------------------------------- 
Body
--------------------------------------------------------- */
body {
  background: #fff url(../img/body_back.gif) repeat-x;
}

/*--------------------------------------------------------- 
Wrapper
--------------------------------------------------------- */
div#wrapper {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}


/*--------------------------------------------------------- 
Header
--------------------------------------------------------- */
div#header {
  height: 108px;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  vertical-align: middle;
  background-image: url(../img/header_rogo.png);
  background-repeat: no-repeat;
}
div#header_link {
  height: 100px;
  width: 305px;
  margin-right: auto;
  margin-left: 10px;
  float: left;
  margin-top: 5px;
}
div#header_link a{
  height: 100px;
  width: 305px;
  text-indent: -9999px;
  display: block;
}

div#header #header_text {
  height: 60px;
  width: 470px;
  margin-top: 5px;
  margin-right: 20px;
  padding-left: 20px;
  padding-top: 22px;
  float: left;
  line-height: 24px;
  vertical-align: middle;
  color: #43322F;
  font-size: 12px;
  font-weight: bold;
}
div#header #header_text p {
  margin-bottom: 2px;
}
div#header #header_text p.header_txt_left {
  margin-right: 360px;
  text-align: right;
}
div#header #header_text p.header_txt_center {
  margin-left: 45px;
  text-align: left;
}
div#header #header_text p.header_txt_right {
  margin-left: 98px;
  text-align: left;
}

div#header #header_btn {
  height: 44px;
  width: 164px;
  margin-top: 33px;
  text-indent: -9999px;
  float: left;
}
div#header div#header_btn a{
  height: 44px;
  width: 164px;
  background: url(../img/heder_button.gif) no-repeat 0px 0px;
  display: block;
}
div#header div#header_btn a:hover{
  background: url(../img/heder_button.gif) no-repeat 0px -44px;
}

div#main_img {
  background-image: url(../img/main.jpg);
  width: 1000px;
  height: 278px;
  text-indent: -9999px;
  margin-top: 2px;
}


/*--------------------------------------------------------- 
Gloabal Navi
--------------------------------------------------------- */
div#global_navi {
  margin-bottom: 15px;
  height: 72px;
}
div#global_navi ul li {
  float: left;
  text-indent: -9999px;
  height: 72px;
}
div#global_navi ul li a {
  display: block;
  overflow: hidden;
  height: 72px;
}
div#global_navi ul li a#menu1 {
  background: url(../img/menu/menu_01.gif) no-repeat 0px 0px;
  width: 137px;
  margin-right: 5px;
}
div#global_navi ul li a#menu1:hover {
  background: url(../img/menu/menu_01.gif) no-repeat 0px -72px;
}
div#global_navi ul li a#menu1_current {
  background: url(../img/menu/menu_01.gif) no-repeat 0px -72px;
  width: 137px;
  margin-right: 5px;
}

div#global_navi ul li a#menu2 {
  background: url(../img/menu/menu_02.gif) no-repeat 0px 0px;
  width: 137px;
  margin-right: 5px;
}
div#global_navi ul li a#menu2:hover {
  background: url(../img/menu/menu_02.gif) no-repeat 0px -72px;
}
div#global_navi ul li a#menu2_current {
  background: url(../img/menu/menu_02.gif) no-repeat 0px -72px;
  width: 137px;
  margin-right: 5px;
}

div#global_navi ul li a#menu3 {
  background: url(../img/menu/menu_03.gif) no-repeat 0px 0px;
  width: 137px;
  margin-right: 5px;
}
div#global_navi ul li a#menu3:hover {
  background: url(../img/menu/menu_03.gif) no-repeat 0px -72px;
}
div#global_navi ul li a#menu3_current {
  background: url(../img/menu/menu_03.gif) no-repeat 0px -72px;
  width: 137px;
  margin-right: 5px;
}

div#global_navi ul li a#menu4 {
  background: url(../img/menu/menu_04.gif) no-repeat 0px 0px;
  width: 137px;
  margin-right: 5px;
}
div#global_navi ul li a#menu4:hover {
  background: url(../img/menu/menu_04.gif) no-repeat 0px -72px;
}
div#global_navi ul li a#menu4_current {
  background: url(../img/menu/menu_04.gif) no-repeat 0px -72px;
  width: 137px;
  margin-right: 5px;
}

div#global_navi ul li a#menu5 {
  background: url(../img/menu/menu_05.gif) no-repeat 0px 0px;
  width: 137px;
}
div#global_navi ul li a#menu5:hover {
  background: url(../img/menu/menu_05.gif) no-repeat 0px -72px;
}
div#global_navi ul li a#menu5_current {
  background: url(../img/menu/menu_05.gif) no-repeat 0px -72px;
  width: 137px;
}



/*--------------------------------------------------------- 
main
--------------------------------------------------------- */
div#main {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  *zoom: 1;
}
.main:after {
    display: block;
    clear: both;
    height: 0.01px;
    content: "";
}

div#main div#main_left {
  float: left;
  width: 705px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}

div#main div#main_left #sub_title {
  width: 690px;
  height: 40px;
  margin-bottom: 20px;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  border-left: 15px solid #438ACA;
  line-height: 40px;
  vertical-align: middle;
  text-indent: 10px;
  color: #282C81;
  font-size: 14px;
  font-weight: bold;
}
div#main div#main_left #explanation {
  width: 675px;
  padding: 0px 15px 20px;
  border-bottom: 1px solid #A0A0A0;
  margin-bottom: 10px;
}
div#main div#main_left #explanation_no_border {
  width: 675px;
  margin-bottom: 10px;
  padding: 0px 15px 20px;
}


div#main div#main_left #topics_title {
  width: 705px;
  border-bottom-color: #88ABDA;
  border-bottom-style: solid;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-image: url(../img/topics.png);
  height: 40px;
  background-repeat: no-repeat;
  background-position: 10px 8px;
  text-indent: -9999px;
  margin-bottom: 20px;
}
div#main div#main_left #topics {
  width: 675px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #A0A0A0;
}
div#main div#main_left #business_title {
  width: 705px;
  border-bottom-color: #88ABDA;
  border-bottom-style: solid;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-image: url(../img/service_title.png);
  height: 40px;
  background-repeat: no-repeat;
  background-position: 10px 8px;
  text-indent: -9999px;
}
div#main div#main_left #business {
  width: 675px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #A0A0A0;
}
div#main div#main_left #business ul {
  margin-top: 15px;
}
div#main div#main_left #business li {
  background-image: url(../img/icon.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
  margin-bottom: 10px;
  color: #261200;
  font-size: 14px;
  background-position: 0% 2px;
}


div#main div#main_left #privacy_title {
  width: 705px;
  border-bottom-color: #88ABDA;
  border-bottom-style: solid;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-image: url(../img/privacy_title.gif);
  height: 40px;
  background-repeat: no-repeat;
  background-position: 10px 8px;
  text-indent: -9999px;
  margin-bottom: 20px;
}
div#main div#main_left #privacy {
  width: 675px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #A0A0A0;
}
div#main div#main_left #privacy p {
  margin-bottom: 10px;
}



div#main div#main_right {
  float: left;
  width: 255px;
  padding-right: 10px;
  padding-left: 10px;
}
.floating-widget {
  padding-top: 10px;  
}
.floating-widget.floating {
    position: fixed;
    top: 0;
}
.floating-widget.pinned-bottom {
    position: absolute;
    bottom: 0;
    _position: static;
}

div#main div#main_right #contact {
  width: 253px;
  border: 1px solid #FACD89;
  height: 240px;
  margin-bottom: 20px;
}
div#main div#main_right #contact #contact_title {
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  width: 220px;
  line-height: 40px;
  border-bottom: 1px dotted #FFCC99;
  text-align: center;
  font-size: 18px;
  color: #39302D;
}

div#main div#main_right #contact #contact_body {
  height: 60px;
  width: 220px;
  line-height: 18px;
  text-align: left;
  color: #52004A;
  margin: 40px auto 10px;
}
div#main div#main_right #contact #contact_button {
  width: 236px;
  height: 72px;
  background-image: url(../img/left_contact_icon.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
}
div#main div#main_right #contact #contact_button a{
  width: 236px;
  height: 72px;
  display: block;
}

div#main div#main_right #company_logo {
  width: 253px;
  height: 50px;
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  background-image: url(../img/left_logo.png);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  text-indent: -9999px;
}
div#main div#main_right #company {
  width: 223px;
  margin-bottom: 20px;
  border-bottom: 1px solid #A0A0A0;
  padding: 20px 15px;
}


/*--------------------------------------------------------- 
Login Part
--------------------------------------------------------- */

/*--------------------------------------------------------- 
Pankuzu style
--------------------------------------------------------- */
div#pankuzu {
  line-height: 20px;
  height: 20px;
  width: 860px;
  margin-right: auto;
  margin-left: auto;
}
div#pankuzu a {
  color: #00A4C4;
}
div#pankuzu a:hover {
  color: #F60;
}


/*--------------------------------------------------------- 
Footer style
--------------------------------------------------------- */

div#footer {
  height: 80px;
  width: 100%;
  color: #FFF;
  background-color: #88ABDA;
  margin-bottom: 1px;
}
div#footer_contents {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
}
div#footer #footer_contents a {
  color: #FFFFFF;
}
div#footer #footer_contents #footer_link {
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  float: left;
  line-height: 2em;
}
div#footer #footer_contents #footer_gototop {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
  float: left;
}

div#footer_copyright {
  height: 24px;
  width: 100%;
  color: #FFF;
  background-color: #88ABDA;
}
div#footer_copyright #copyright_text {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  text-align: right;
}


div#footer #inline {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}
div#footer #inline #copyright {
  float: left;
  height: 20px;
  width: 404px;
  margin-top: 10px;
  margin-left: 20px;
  text-align: left;
}
div#footer #inline #poweredby {
  float: left;
  height: 20px;
  width: 404px;
  margin-top: 10px;
  text-align: right;
  margin-right: 20px;
}
div#footer #inline p {
	line-height: 18px;
	color: #333;
	text-align: center;
	padding: 4px;
}

div#footer_menu {
  background: url(../img/footermenu.png) no-repeat;
  height: 40px;
  width: 900px;
}
div#footer_menu #pagetop a {
  width: 118px;
  float: left;
  height: 22px;
  text-indent: -9999px;
  margin-top: 8px;
  margin-left: 25px;
}
div#footer_menu #menu_wrap {
  height: 20px;
  width: 320px;
  margin-left: 420px;
  line-height: 20px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  float: left;
  margin-top: 20px;
}
div#footer_menu #menu_wrap a {
  color: #FFF;
  text-decoration: none;
}
div#footer_menu #menu_wrap a:hover {
  color: #FF0;
  text-decoration: none;
}


/*--------------------------------------------------------- 
Content title style
--------------------------------------------------------- */
div#contents_tit {
  height: 60px;
  margin-bottom: 10px;
}
div#contents_tit h2,
div#contents_tit h3 {
  height: 60px;
  text-indent:-9999px;
}

/*--------------------------------------------------------- 
Parts style
--------------------------------------------------------- */

div.toiawase_button a {
  background: url(../img/toiawase_button_s1.gif);
  display: block;
  height: 60px;
  width: 400px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-indent: -9999px;
}
div.toiawase_button a:hover {
  background: url(../img/toiawase_button_s2.gif);
}


div.goto_top {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  vertical-align: middle;
  height: 20px;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  color: #99CF16;
}
div.goto_top a {
  color: #99CF16;
  text-decoration: none;
}
div.goto_top a:hover {
  color: #FF9900;
  text-decoration: underline;
}
div.goto_top_min {
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  vertical-align: middle;
  height: 20px;
  width: 610px;
  margin-right: auto;
  margin-left: auto;
  color: #99CF16;
}
div.goto_top_min a {
  color: #99CF16;
  text-decoration: none;
}
div.goto_top_min a:hover {
  color: #FF9900;
  text-decoration: underline;
}


/*---------- Float Left ----------*/
.floatLeft {
	float: left !important;
}
/*---------- Float Right ----------*/
div.mainMenu table{
	float: right !important;
}


/*---------- Margin Top 0px ----------*/
.marginTop_0 {
	margin-top: 0 !important;
}
/*---------- Margin Top 10px ----------*/
.marginTop_10 {
	margin-top: 10px !important;
}
/*---------- Margin Top 20px ----------*/
.marginTop_20 {
	margin-top: 20px !important;
}
/*---------- Margin Top 40px ----------*/
.marginTop_40 {
	margin-top: 40px !important;
}


/*---------- Margin Bottom 10px ----------*/
.marginBottom_10 {
	margin-bottom: 10px !important;
}
/*---------- Margin Bottom 20px ----------*/
.marginBottom_20 {
	margin-bottom: 20px !important;
}

/*------------------------------------------------------------------------------------------------------------------ 
Common Styles End
------------------------------------------------------------------------------------------------------------------ */


/*--------------------------------------------------------- 
Top page style
--------------------------------------------------------- */
div#navi_info1 {
  background: #FFF url(../img/header_img_contents.jpg);
  height: 244px;
  width: 848px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_info1111 {
  background: url(../img/navi_info_r1_c1.jpg);
}
div #navi_info2 {
  background: url(../img/navi_info_r2_c1.jpg);
  height: 265px;
  width: 848px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_info3 {
  background: url(../img/navi_info_r3_c1.jpg);
  height: 216px;
  width: 848px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-indent: -9999px;
}

div #navi_compare1 {
  background: url(../img/navi_compare_r1_c1.gif);
  height: 333px;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_compare2 {
  background: url(../img/navi_compare_r2_c1.gif);
  height: 332px;
  width: 780px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-indent: -9999px;
}

div #navi_point1 {
  background: url(../img/navi_point_r1_c1.gif);
  height: 178px;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_point2 {
  background: url(../img/navi_point_r2_c1.gif);
  height: 456px;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_point3 {
  background: url(../img/navi_point_r3_c1.gif);
  height: 403px;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  text-indent: -9999px;
}
div #navi_point4 {
  background: url(../img/navi_point_r4_c1.gif);
  height: 184px;
  width: 780px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-indent: -9999px;
}

div#toppage_left {
  width: 530px;
  float: left;
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 10px;
  padding-top: 10px;
}
div#toppage_right {
  width: 220px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 5px;
  padding-top: 10px;
  float: left;
}

/*--------------------------------------------------------- 
Privacy policy style
--------------------------------------------------------- */
explanation