@charset "utf-8";
/*
Theme Name:yenbo
Theme URI:http://bizpark.jp
Description:円簿LP
Version:1.0
Author:Futawatari
Author URI:http://bizpark.jp
*/


body {font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size:15px;color:#555; margin: 0px;}

a {text-decoration:none;}

a:visited {}

a:hover {text-decoration:underline;} 

a:active {}
	
#wrapper {margin: 0 auto;width: 100%; }
#contents { width: 960px; padding: 0 20px; margin: 0 auto; }
.center { text-align: center; }
.right { text-align:right; font-size:13px;}

.go_yenbo { position: fixed; bottom: 20px; right: 20px; }

#header .login-area {
    width: 326px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    height: 64px;
}
#header .login-area a { text-decoration: none; }

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc4c4+0,ffffff+100 */
#kaikei-lp .botan {
background: rgb(255,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,196,196) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:  solid 1px #bbb;
height:180px;
border-radius: 6px;} /* グラデボタン */

#kaikei-lp #header { width: 100%; border-bottom: 2px solid #eee; background: #fff; position: fixed; z-index: 9999;height: 63px;top:0px; left:0px; }
#kaikei-lp #header .wrap { width: 960px; margin: 0 auto; position: relative;}
#kaikei-lp #header .logo { margin-top: 7px; }
#kaikei-lp #header .wrap h1.description { font-size: 13px; top: 9px; left: 240px; line-height: 24px;position: absolute;font-weight: normal; }
#kaikei-lp #header .login-area {
    width: 326px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    height: 64px;
}
#kaikei-lp #header .login-area a { text-decoration: none; }

#kaikei-lp .sec1 .top_title { text-align: center; margin: 130px auto 50px; }
#kaikei-lp .f-left { float: left; width: 585px;}
#kaikei-lp .f-right { float: right; width: 350px;}
#kaikei-lp .b-left { float: left; width: 300px; margin: 20px 50px 20px 120px; border-radius: 4px; text-align: center;} /* グラデボタン */
#kaikei-lp .b-right { float: right;  width: 300px; margin: 20px 120px 20px 50px; border-radius: 4px; text-align: center;} /* グラデボタン */
#kaikei-lp .sec1 .login-title { border-radius: 4px; margin: 8px 0 6px;padding: 5px 0px 4px; color: #fff; background: rgb(115,153,217); text-align: center; }
#kaikei-lp .sec1 .login-area { width: 280px; margin: 0 auto; text-align: center; }
#kaikei-lp .sec1 .login-area a { text-decoration: none; }
#kaikei-lp .sec1 .taiken { border-radius: 4px; margin: 8px 0 6px;padding: 5px 20px 4px; color: #000; background: rgb(255,255,115); text-align: center; }
#kaikei-lp .sec1 .taiken-area { width: 380px; margin: 0 auto; text-align: center; }
#kaikei-lp .sec1 .taiken-area a { text-decoration: none; }

#kaikei-lp .sec6 .login-area { width: 326px; margin: 30px auto 80px; text-align: center; }
#kaikei-lp .sec6 .login-area a { text-decoration: none; }

#kaikei-lp .sec2, .sec3, .sec4, .sec5, .sec6 { border-top: 2px solid #eee; padding-top: 50px; margin: 80px 0 0; }

#kaikei-lp h2 { color: rgb(115,153,217); font-size: 34px; margin-bottom: 40px;text-align: center; font-weight: normal; }
#kaikei-lp h3 { font-weight: normal; }

#kaikei-lp #footer { width: 960px; margin: 0 auto; border-top: 2px solid #eee;margin-bottom: 50px; }
#kaikei-lp .footer_area { font-size: 13px; margin: 25px 0; }
#kaikei-lp .footer_area ul { padding-top: 35px; }
#kaikei-lp .footer_area ul li { display: inline; margin: 0 0px; }
#kaikei-lp .footer_area ul li a { color:#555; text-decoration:none; } /* 表示をTOPページと同一に */

#aoiro-lp .botan {
background: rgb(255,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,196,196) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:  solid 1px #bbb;
height:180px;
border-radius: 6px;} /* グラデボタン */

#aoiro-lp #header { width: 100%; border-bottom: 2px solid #eee; background: #fff; position: fixed; z-index: 9999;height: 63px;top:0px; left:0px; }
#aoiro-lp #header .wrap { width: 960px; margin: 0 auto; position: relative;}
#aoiro-lp #header .logo { margin-top: 7px; }
#aoiro-lp #header .wrap h1.description { font-size: 13px; top: 10px; left: 320px; line-height: 24px;position: absolute;font-weight: normal; }

#aoiro-lp .sec1 .top_title { text-align: center; margin: 130px auto 0px; }
#aoiro-lp .sec1 .title { text-align: center; margin: 50px auto; } /* 150309追加修正 */
#aoiro-lp .f-left { float: left; width: 530px; }
#aoiro-lp .f-right { float: right; width: 350px;}
#aoiro-lp .b-left { float: left; width: 300px; margin: 20px 50px 20px 120px; border-radius: 4px; text-align: center;} /* グラデボタン */
#aoiro-lp .b-right { float: right;  width: 300px; margin: 20px 120px 20px 50px; border-radius: 4px; text-align: center;} /* グラデボタン */
#aoiro-lp .left { float: left; width: 382px; }
#aoiro-lp .right { float: right; width: 382px;}
#aoiro-lp .sec1 .login-title { border-radius: 4px; margin: 8px 0 6px;padding: 5px 20px 4px; color: #fff; background: rgb(0,81,139); text-align: center; }
#aoiro-lp .sec1 .login-area { width: 280px; margin: 15px auto 0; text-align: center; }
#aoiro-lp .sec1 .login-area a { text-decoration: none; }
#aoiro-lp .sec1 .taiken { border-radius: 4px; margin: 8px 0 6px;padding: 5px 20px 4px; color: #000; background: rgb(255,255,115); text-align: center; }
#aoiro-lp .sec1 .taiken-area { width: 380px; margin: 15px auto 0; text-align: center; }
#aoiro-lp .sec1 .taiken-area a { text-decoration: none; }

#aoiro-lp .sec6 .login-area { width: 326px; margin: 30px auto 80px; text-align: center; }
#aoiro-lp .sec6 .login-area a { text-decoration: none; }

#aoiro-lp .sec2, .sec3, .sec4, .sec5, .sec6 { border-top: 2px solid #eee; padding-top: 50px; margin: 80px 0 0; }

#aoiro-lp h2 { color: rgb(0,81,139); font-size: 34px; margin-bottom: 40px;text-align: center; font-weight: normal; }
#aoiro-lp h3 { font-weight: normal; }

#aoiro-lp #footer { width: 960px; margin: 0 auto; border-top: 2px solid #eee;margin-bottom: 50px; }
#aoiro-lp .footer_area { font-size: 13px; margin: 25px 0; }
#aoiro-lp .footer_area ul { padding-top: 35px; }
#aoiro-lp .footer_area ul li { display: inline; margin: 0 0px; }
#aoiro-lp .footer_area ul li a { color:#555; text-decoration:none; } /* 表示をTOPページと同一に */

#shien-lp .botan {
background: rgb(255,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,196,196) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:  solid 1px #bbb;
height:180px;
border-radius: 6px;} /* グラデボタン */

#shien-lp #header { width: 100%; border-bottom: 2px solid #eee; background: #fff; position: fixed; z-index: 9999;height: 63px;top:0px; left:0px; }
#shien-lp #header .wrap { width: 960px; margin: 0 auto; position: relative;}
#shien-lp #header .logo { margin-top: 7px; }
#shien-lp #header .wrap h1.description { font-size: 13px; top: 10px; left: 320px; line-height: 24px;position: absolute;font-weight: normal; }

#shien-lp .sec1 .top_title { text-align: center; margin: 130px auto 50px; }
#shien-lp .f-left { float: left; width: 585px; }
#shien-lp .f-right { float: right; width: 330px; padding-top: 20px;}
#shien-lp .b-left { float: left; width: 300px; margin: 20px 50px 20px 120px; border-radius: 4px; text-align: center;} /* グラデボタン */
#shien-lp .b-right { float: right;  width: 300px; margin: 20px 120px 20px 50px; border-radius: 4px; text-align: center;} /* グラデボタン */
#shien-lp .sec1 .login-title { border-radius: 4px; margin: 8px 0 6px;padding: 5px 0px 4px; color: #fff; background: rgb(0,144,67); text-align: center; }
#shien-lp .sec1 .login-area { width: 280px; margin: 30px auto 0; text-align: center; }
#shien-lp .sec1 .login-area a { text-decoration: none; }
#shien-lp .sec1 .taiken { border-radius: 4px; margin: 8px 0 6px;padding: 5px 20px 4px; color: #000; background: rgb(255,255,115); text-align: center; }
#shien-lp .sec1 .taiken-area { width: 380px; margin: 0 auto; text-align: center; }
#shien-lp .sec1 .taiken-area a { text-decoration: none; }

#shien-lp .sec6 .login-area { width: 326px; margin: 30px auto 80px; text-align: center; }
#shien-lp .sec6 .login-area a { text-decoration: none; }

#shien-lp .sec2, .sec3, .sec4, .sec5, .sec6 { border-top: 2px solid #eee; padding-top: 50px; margin: 80px 0 0; }

#shien-lp h2 { color: rgb(0,144,67); font-size: 34px; margin-bottom: 40px;text-align: center; font-weight: normal; }
#shien-lp h3 { font-weight: normal; }

#shien-lp #footer { width: 960px; margin: 0 auto; border-top: 2px solid #eee;margin-bottom: 50px; }
#shien-lp .footer_area { font-size: 13px; margin: 25px 0; }
#shien-lp .footer_area ul { padding-top: 35px; }
#shien-lp .footer_area ul li { display: inline; margin: 0 0px; }
#shien-lp .footer_area ul li a { color:#555; } /* 表示をTOPページと同一に */

#shien-lp .rightbox { margin: 80px 0 100px 550px; }
#shien-lp .rightbox li { list-style: disc; margin-bottom: 10px; }
#shien-lp .leftbox { margin: 100px 550px 0 0px; }
#shien-lp .leftbox li { list-style: disc; margin-bottom: 10px; }

/* 給与追加 */
#kyuyo-lp .botan {
background: rgb(255,196,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,196,196) 0%, rgb(255,255,255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,196,196) 0%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border:  solid 1px #bbb;
height:180px;
border-radius: 6px;} /* グラデボタン */

#kyuyo-lp #header { width: 100%; border-bottom: 2px solid #eee; background: #fff; position: fixed; z-index: 9999;height: 63px;top:0px; left:0px; }
#kyuyo-lp #header .wrap { width: 960px; margin: 0 auto; position: relative;}
#kyuyo-lp #header .logo { margin-top: 7px; }
#kyuyo-lp #header .wrap h1.description { font-size: 13px; top: 9px; left: 240px; line-height: 24px;position: absolute;font-weight: normal; }

#kyuyo-lp .sec1 .top_title { text-align: center; margin: 130px auto 50px; }
#kyuyo-lp .f-left { float: left; width: 585px; }
#kyuyo-lp .f-right { float: right; width: 330px; padding-top: 20px;}
#kyuyo-lp .f-right_top { float: right; width: 250px; padding-top: 5px;}
#kyuyo-lp .b-left { float: left; width: 300px; margin: 20px 50px 20px 120px; border-radius: 4px; text-align: center;}/* グラデボタン */
#kyuyo-lp .b-right { float: right;  width: 300px; margin: 20px 120px 20px 50px; border-radius: 4px; text-align: center;}/* グラデボタン */
#kyuyo-lp .sec1 .login-title { border-radius: 4px; margin: 8px 0 6px;padding: 5px 0px 4px; color: #fff; background: rgb(0,144,67); text-align: center; }
#kyuyo-lp .sec1 .login-area { width: 280px; margin: 30px auto 0; text-align: center; }
#kyuyo-lp .sec1 .login-area a { text-decoration: none; }
#kyuyo-lp .sec1 .taiken { border-radius: 4px; margin: 8px 0 6px;padding: 5px 20px 4px; color: #000; background: rgb(255,255,115); text-align: center; }
#kyuyo-lp .sec1 .taiken-area { width: 380px; margin: 0 auto; text-align: center; }
#kyuyo-lp .sec1 .taiken-area a { text-decoration: none; }

#kyuyo-lp .sec6 .login-area { width: 326px; margin: 30px auto 80px; text-align: center; }
#kyuyo-lp .sec6 .login-area a { text-decoration: none; }

#kyuyo-lp .sec2, .sec3, .sec4, .sec5, .sec6 { border-top: 2px solid #eee; padding-top: 50px; margin: 80px 0 0; }

.under { border-bottom: double 6px rgb(242,89,55);}
#kyuyo-lp h2 { color: rgb(242,89,55); font-size: 34px; margin-bottom: 40px;text-align: center; font-weight: normal; }
#kyuyo-lp h3 { font-weight: normal; }
#kyuyo-lp h4 { color: #0000ff; font-size: 30px; margin-bottom: 40px;text-align: center; font-weight: normal; }
#kyuyo-lp h4 a {text-decoration: none; padding-top:100px; }

#kyuyo-lp #footer { width: 960px; margin: 0 auto; border-top: 2px solid #eee;margin-bottom: 50px; }
#kyuyo-lp .footer_area { font-size: 13px; margin: 25px 0; }
#kyuyo-lp .footer_area ul { padding-top: 35px; }
#kyuyo-lp .footer_area ul li { display: inline; margin: 0 0px; }
#kyuyo-lp .footer_area ul li a { color:#555; } /* 表示をTOPページと同一に */

#kyuyo-lp .rightbox { margin: 80px 0 100px 550px; }
#kyuyo-lp .rightbox li { list-style: disc; margin-bottom: 10px; }
#kyuyo-lp .leftbox { margin: 100px 550px 0 0px; }
#kyuyo-lp .leftbox li { list-style: disc; margin-bottom: 10px; }

.arrow{
  width: 0px;
  border-color: #4D9ED7;
  border-style: solid;
  border-width: 30px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
} /* ▼ボタン */

#kyuyo-lp .box1 { max-width: 70%;margin: 0 auto;text-align: center; border:solid 1px #bbb; padding:10px; } /* 年末調整　白 */
#kyuyo-lp .box2 { max-width: 70%;margin: 0 auto;text-align: center; border:solid 1px #bbb; padding:10px; background-color:#E0F2FF; } /* 年末調整　水色 */

th {
   background-image: linear-gradient(to top right,
                        transparent, transparent 49.7%,
                        #555 49.7%, #555 50%,
                        transparent 50%, transparent);
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h2.faq li { font-size: 15px; margin-bottom: 15px; background: url(./img/hatena.gif) no-repeat 0px 3px; padding-left: 22px; }

/* yahooログインボタン */
.login-yahoo_id {
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
font-size: 14px;
width:262px;
height:28px;
line-height:28px;
background-color: #fff;
padding: 0;
margin: 10px auto;
text-align: center;
cursor: pointer;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
display: inline-block;
color: #fff;
font-weight:bold;
border: 1px solid #aaa;
}
.login-yahoo_id .yahoo-logo {
-moz-border-radius-topleft: .2em;
-webkit-border-top-left-radius: .2em;
border-top-left-radius: .2em;
-moz-border-radius-bottomleft: .2em;
-webkit-border-bottom-left-radius: .2em;
border-bottom-left-radius: .2em;
background: url(img/ybtn.png) center no-repeat;
background-size:24px 13px;
float: left;
height: 28px;
text-indent: -9999px;
width: 50px;
border-right: 1px solid #aaa;
}
.login-yahoo_id .yahoo-txt {
display: block;
line-height: 28px;
text-align: center;
width: 100%;
}
.login-yahoo_id a{
	color:#444; text-decoration:none;
}
.login_email {
    flex-basis: 100%;
    margin: auto;
	width: 265px;
}

.login_email a {
    border: 2px solid #3371B8;
    color: #3371B8;
    text-align: center;
	background-color: #fff;
    display: block;
    line-height: 30px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
	text-decoration: none;
}
.cloud {
    flex-basis: 100%;
    margin: 17px auto 3px;
	width: 265px;
}

.cloud a {
    border: 2px solid #94bcff;
    color: #fff;
    text-align: center;
	background-color: #94bcff;
    display: block;
    line-height: 35px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
	text-decoration: none;
}