@charset 'UTF-8';
/* ***************************************************************************************** reset */
html, body, div, span, applet, object, iframe, embed,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/*=========================================================HTML5*/
article, aside, canvas, datalist, details, footer, header, hgroup,
mark, menu, nav, output, section, source, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 100%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

dd.answer {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
color: #505050;
}


html {
overflow-y: scroll;
}

body {
line-height: 1;
}

textarea{

}

ul {
list-style-type: none;
list-style-position: outside;
}

ol {
list-style-type: none;
list-style-position: outside;
}

blockquote, q {
quotes:none;
}

blockquote:before,
blockquote:after,
q:before, q:after{
content:'';
content:none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th,td {
text-align: left;
vertical-align: top;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}

button, label{
cursor: pointer;
}

input,button,select,option,textarea{
outline: 0;
font-size: 100%;
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

textarea{
line-height: 1.1em;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
display:block;
}

.t_border{
border:1px solid gray;
}
/*=========================================================boxclear*/
.clearfix:after{
content:'';
clear:both;
display:block;
height:0;
line-height: 0;
}

/*=========================================================素材ページ分追加 */
.banner-escription{
color: #333;
font-size: 80%;
}
/*=========================================================ディスプレイ */
.inline-block{
display: -moz-inline-box;
display: inline-block;
line-height: 1;
*display: inline;
*zoom: 1;
}

.block{
display: block;
}

/*=========================================================フォーム部品 */
.common-text{
position: relative;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

.common-textarea{
position: relative;
resize: none;
overflow-y:auto;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

.common-button{
position: relative;
overflow: hidden;
text-align: center;
font-weight: bold;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

/*=========================================================改行 */
.br-1em{
line-height: 1.7em;
}
.br-2em{
line-height: 2em;
}
/*=========================================================回りこみ、テキスト位置 太さ*/
.t-right{
display: block;
text-align: right;
}

.t-left{
display: block;
text-align: left;
}
.t-normal{
font-weight: normal;
}

.f-right{
display: block;
float: right;
}

/*=========================================================アンカー design*/
.white{
color: #fff;
text-decoration: none;
}

.blue{
padding: 0 1px 0 1px;
color: #0000FF;
}

.light-blue{
padding: 0 1px 0 1px;
color: #5487BF;
}
.light-blue:hover{
padding: 0 1px 0 1px;
color: #4040FF;
}

.light-gray{
color: #C0C0C0;
}

.click-hear{
font-size: 10px;
margin: 0 0 0 5px;
padding: 0 2px;
line-height: 1.1em;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-color: #C73468;
}
.click-hear:hover{
background-color: #E387A8;
}

.anchor{
margin: 0;
display: -moz-inline-box;
display: inline-block;
line-height: 1em;
text-decoration: none;
vertical-align: bottom;
height: 1em;
overflow: hidden;
*display: inline;
*zoom: 1;
position: relative;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;
}

.a-themes-a{
padding: 0.3em 0.5em 0.3em 1.4em;
color: #FFFFFF;
font-size: 12px;
background-color: #709A45;
background-image: url(/image/common-icon.bg.png);
background-repeat: no-repeat;
background-position: 3px 2px;
}
.a-themes-a:hover{
background-color: #C6DD3A;
}

.a-themes-b{
padding: 0.2em 0.3em 0.2em 1.0em;
color: #FFFFFF;
font-size: 12px;
background-color: #C6DD3A;
background-image: url(/image/common-icon.bg.png);
background-repeat: no-repeat;
background-position: 2px -28px;
}
.a-themes-b:hover{
background-color: #7E9013;
background-position: 2px -27px;
}

/*=========================================================メッセージ系 design*/
/*CSS3で吹き出しを作る*/
.ballon{
position: absolute;
top: 120px;
left: 0;
width: 13em;
height: 2.5em;
text-align: center;
line-height: 2.5em;
background-color: #000;
border: 0.3em #f00 solid;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
-o-border-radius: 0.7em;
-ms-border-radius: 0.7em;
font-size: 70%;
color: #ff0;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 1.0);
}

.ballon:before{
content: ' ';
position: absolute;
width: 0;
left: 0;
top: 2.5em;
left: 2em;
border: 0.6em solid;
border-color: #f00 transparent transparent #f00;
}

.ballon:after{
content: ' ';
position: absolute;
width: 0;
left: 0;
top: 2.5em;
left: 2.2em;
border: 0.3em solid;
border-color: #000 transparent transparent #000;
}

.msg-11px{
font-size: 11px;
font-weight: normal;
}
.c-D8606C{
color: #D8606C;
}

.c-AAC11B{
color: #AAC11B;
}
.c-87AC2D{
color:#87AC2D;
}

.c-E36692{
color: #E36692;
}

.c-jw{
color: #AC090C;
}
.c-md{
color: #2B94D8;
}

.sure{
font-weight: normal;
font-size: 80%;
}

/*=========================================================見出し系 design*/
.h-span{
display: block;
padding: 0.6em 0 0.4em 5px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}

.common-h-span{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}

.common-h-span-b{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #E36692 solid;
}

.common-h-span-c{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C6DD3A solid;
}

.common-h-span-d{
display: block;
padding: 0.5em 0 0.4em 10px;
font-weight: bold;
border-left: 4px #C73468 solid;
}

html, body{
height: 100%;
text-align: center;
}

body{
color: #505050;
/*color: #595d57;*/
}

#container{
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
background-image: url(/image/sprite-decoration.png);
background-repeat: repeat-x;
background-position: 0 -579px;
}

#wrap{
position: relative;
margin: 0 auto;
width: 900px;
text-align: left;
/*padding-bottom: 420px;*/
/*padding-bottom: 450px;*/
background-image: url(/image/sprite-decoration.png);
background-repeat: repeat-x;
background-position: 0 -579px;
}


#wrap2{
position: relative;
margin: 0 auto;
width: 1000px;
text-align: left;
/*padding-bottom: 420px;*/
/*padding-bottom: 450px;*/
background-repeat: repeat-x;
background-position: 0 -579px;
}

#inner{
}

#header{
position: relative;
height: 135px;
overflow: hidden;
}

#nav-main, .nav-bg{
width: 900px;
height: 31px;
position: absolute;
top: 85px;
left: 0px;
border-top: 1px #3e413c solid;
border-bottom: 3px #C7DD3A solid;
/*
box-shadow: 0 2px 2px 0 #999;
-moz-box-shadow: 0 2px 2px 0 #999;
-webkit-box-shadow: 0 2px 2px 0 #999;
-o-box-shadow: 0 2px 2px 0 #999;
-ms-box-shadow: 0 2px 2px 0 #999;
*/
/*
background-color: #3e413c;
background: linear-gradient(#595d57, #3e413c);
background: -moz-linear-gradient(#595d57, #3e413c);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#595d57), to(#3e413c));
-pie-background: linear-gradient(#595d57, #3e413c);
*/
}

.nav-bg{
z-index: 9999;
}

#footer{
position: absolute;
left: 0;
/*bottom: 0;*/
width: 100%;
/*height: 400px;*/
overflow: hidden;
border-top: 5px #565546 solid;
background-color: #37362a;
padding: 0 0 15px 0;

margin:10px 0px 0px 0px;
}

#browser{
display: block;
position: absolute;
top: 39px;
right: 0;
width: 710px;
height: auto;
overflow: hidden;
text-align: left;
line-height: 1.2em;
color: #FF4400;
font-size: 80%;
font-weight: bold;
background-color: #FEFCC3;
border: 1px #FFAA00 solid;
}

.browser-div{
position: absolute;
top: 39px;
left: 50%;
z-index: 1;
margin-left: -270px;
width: 710px;
height: auto;
overflow: hidden;
text-align: left;
line-height: 1.2em;
color: #FF4400;
font-size: 80%;
font-weight: bold;
background-color: #FEFCC3;
border: 1px #FFAA00 solid;
}

.browser-p{
padding: 5px 10px 5px;
}

.browser-a{
padding-left: 15px;
color: #0000FF;
}
.browser-a:hover{
text-decoration: none;
}

#contents-wrap{
margin: 0;
padding: 0 0 15px 0;
width: auto;
height: auto;
background-color: #FFFFFF;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
}

#contents-wrap2{
margin: 0;
padding: 0 0 15px 0;
width: 1000px;
height: auto;
background-color: #FFFFFF;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
}

#contents{
width: 100%;
height: auto;
text-align: left;
}

#top-left{
float: left;
width: 165px;
}

#top{
float: left;
width: 350px;
}

#top-side{
float: right;
width: 350px;
overflow: hidden;
}

.top-main{
float: right;
padding-bottom: 50px;
width: 720px;
height: auto;
overflow: hidden;
}

.main{
position: relative;
float: left;
overflow: hidden;
margin-left: 10px;
width: 660px;
height: auto;
}

.main-only{
margin: 0 10px 0;
background-color: #FFFFFF;
}

#side{
float: right;
overflow: hidden;
width: 200px;
height: auto;
}



/*=====================================================#header */
.header-h1{
height: 115px;
overflow: hidden;
}

.header-h2{
position: absolute;
top: 10px;
left: 180px;
width: 470px;
font-size: 75%;
}

.h1-img{
}

/*=====================================================#nav--* ナビゲーション */
/* #header-nav ヘッダーメニュー */
.header-nav{
position: absolute;
top: 12px;
right: 0px;
width: 230px;
height: 60px;
}

.header-ul{
position: relative;
width: 230px;
height: 60px;
}

.header-li{
position: absolute;
background-color: #4C8511;
height: 24px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
overflow: hidden;
/*behavior: url(/js/library/PIE.htc);*/
}

.header-li:hover{
background-color: #82CD36;
}

.h-l0{
width:75px;
left: 0;
}
.h-l1{
width:150px;
right:0;
}

.header-a{
display: block;
height: 24px;
text-indent: -9999px;
background-image: url(/image/sprite-main.png);
background-repeat: no-repeat;
}
.h-a0{ background-position: -144px -600px; }
.h-a1{ background-position: -144px -630px; }
.h-a0:hover{ background-position: 6px -600px; }
.h-a1:hover{ background-position: 6px -630px; }

/* #nav-main メインメニュー */
.nav-bg{
width: 100%;
height: 31px;
z-index: -1;
}

.nav-bg-span{
display:block;
height: 20px;
border-top: 1px #999 solid;
}

.nav-main-ul{
position: relative;
width: 100%;
height: 30px;
overflow: hidden;
border-top: 1px #999 solid;
}

.nav-main-li{
float: left;
margin: 1px 0px 0 0;
width: 128px;
height: 30px;
overflow: hidden;
}
.nav-main-li:first-child{ width: 129px;border-left: 1px #666 solid; }
.nav-main-li:last-child{ width: 129px; border-right: 1px #383a36 solid; }

.nav-main-a{
display: block;
padding-top: 5px;
height: 30px;
overflow: hidden;
color: #fff;
text-decoration: none;
text-indent: -9999px;
background-image: url(/image/sprite-main.png);
border-left: 1px #383a36 solid;
border-right: 1px #666 solid;
}

.nav-main-a-parent{
cursor: default;
background-color: #c7dd3a;
border-bottom: 1px #3e413c solid;
border-left: 1px #DCEE6A solid;/*#C7DD3A*/
border-right: 1px #E1EE8E solid;/*#E1EE8E*/
}

.nav-main-a:hover{
background-color: #c7dd3a;
border-bottom: 1px #3e413c solid;
border-left: 1px #DCEE6A solid;/*#C7DD3A*/
border-right: 1px #E1EE8E solid;/*#E1EE8E*/
}

.n-m-a0{ background-position: 0 -730px;  }
.n-m-a1{ background-position: 0 -760px; }
.n-m-a2{ background-position: 0 -790px; }
.n-m-a3{ background-position: 0 -820px; }
.n-m-a4{ background-position: 0 -850px; }
.n-m-a5{ background-position: 0 -880px; }
.n-m-a6{ background-position: 0 -910px;  }
.n-m-a7{ background-position: 0 -940px;  }

.n-m-a0:hover{ background-position: -150px -730px; }
.n-m-a1:hover{ background-position: -150px -760px; }
.n-m-a2:hover{ background-position: -150px -790px; }
.n-m-a3:hover{ background-position: -150px -820px; }
.n-m-a4:hover{ background-position: -150px -850px; }
.n-m-a5:hover{ background-position: -150px -880px; }
.n-m-a6:hover{ background-position: -150px -910px; }
.n-m-a7:hover{ background-position: -150px -940px; }

.n-m-a-on0{ background-position: -150px -730px; }
.n-m-a-on1{ background-position: -150px -760px; }
.n-m-a-on2{ background-position: -150px -790px; }
.n-m-a-on3{ background-position: -150px -820px; }
.n-m-a-on4{ background-position: -150px -850px; }
.n-m-a-on5{ background-position: -150px -880px; }
.n-m-a-on6{ background-position: -150px -910px; }
.n-m-a-on7{ background-position: -150px -940px; }

/*itsherpa*/
.n-m-a-on-regist{ background-position: -150px -730px; }
.n-m-a-on-system{ background-position: -150px -760px; }
.n-m-a-on-advertise{ background-position: -150px -790px; }
.n-m-a-on-material{ background-position: -150px -820px; }
.n-m-a-on-howto{ background-position: -150px -850px; }
.n-m-a-on-faq{ background-position: -150px -880px; }
.n-m-a-on-member{ background-position: -150px -940px; }

/*=====================================================#side 右カラム*/
.back-div{
position: absolute;
right: -100px;
bottom: 0;
width: 90px;
height: 40px;
overflow: hidden;
z-index: 9999;
}

.back-anchor{
display: block;
position: relative;
width: 90px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
background-color: #000000;
background-image: url(/image/sprite-button.png);
background-repeat: no-repeat;
background-position: 0px 2px;
border: 3px #565447 solid;
border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-o-border-radius: 10px 0px 0px 10px;
-ms-border-radius: 10px 0px 0px 10px;
}

.back-anchor:hover{
background-position: 0px -48px;
}

/*=====================================================#footer フッター*/
.footer-div{
margin: 0 auto;
width: 900px;
/*height: 350px;*/
overflow: hidden;
text-align: left;
position: relative;
background-color: #37362a;
}

.footer-h3{
height: 35px;
text-indent: -9999px;
overflow: hidden;
background-image: url(/image/sprite-main.png);
background-repeat: no-repeat;
}

.footer-site{ background-position: 0px 0px; }
.footer-link{ background-position: 0px -50px; }
.footer-partner{ background-position: 0px -100px; }
.footer-about{ background-position: 0px -150px; }
.footer-contact{ background-position: 0px -200px; }

.footer-div-left{
float: left;
width: 470px;
padding-top: 20px;
}

.footer-nav{
float: left;
width: 220px;
}

.footer-section{
float: right;
width: 240px;
padding-bottom: 20px;
}

.footer-p{
margin-bottom: 10px;
padding: 0 5px 0 10px;
color: #e4e2d0;
font-size: 75%;
line-height: 1.4em;
}

.footer-ul{
margin-bottom: 10px;
padding-left: 5px;
font-size: 75%;
line-height: 1.1em;
}
.footer-li{
padding: 0px 0 5px 1em;
position: relative;
}

.footer-li:before{
content: ' ';
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
top: 0.4em;
left: 0.3em;
border: 3px solid;
border-color: #82CD36 #4C8511 #4C8511 #82CD36;
}

.footer-a{
color: #e4e2d0;
text-decoration: none;
}
.footer-a:hover{
color: #DCEE6A;
font-weight: bold;
text-decoration: underline;
}

.footer-address{
display: block;
float: right;
margin-top: 20px;
width: 400px;
height: 360px;
}

.footer-table{
margin: 0 auto;
width: 390px;
}

.footer-thead-th{
padding: 1px 10px 10px 0;
color: #e4e2d0;
line-height: 1.1em;
font-size: 70%;
font-weight: normal;
}

.footer-tbody-th{
padding: 0 5px;
color: #DCEE6A;
font-size: 80%;
line-height: 1.1em;
}

.footer-th-span{
display: block;
width: 100px;
}

.footer-tbody-td{
padding-right: 20px;
padding-bottom: 7px;
width: 280px;
text-align: left;
}

.footer-tfoot-td{
padding-top: 3px;
padding-right: 20px;
text-align: right;
}

.footer-alert{
text-align: right;
padding-left: 5px;
color: #E36692;
font-size: 70%;
font-weight: normal;
}

.footer-copyright{
position: absolute;
/*position: relative;*/
width: 100%;
padding: 2px 0;
left: 0;
bottom: 10px;
font-size: 70%;
background-color: #151611;
}

.footer-text{
padding: 0 0 0 3px;
width: 240px;
font-size: 14px;
}

.footer-textarea{
padding: 2px 0 2px 3px;
width: 240px;
height: 120px;
font-size: 14px;
}
.footer-text-hover{
border: 3px #82CD36 solid;
}
.footer-text-blur{
border: 3px #709A45 solid;
}
.footer-text-focus{
border: 3px #FFAA33 solid;
}

.footer-button{
overflow: hidden;
width: 6em;
height: 1.8em;
line-height: 1.5em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
color: #FFFFFF;
font-size: 90%;
background-color: #4C8511;
border: none;
}

.footer-button:hover{
color: #4C8511;
text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
background-color: #82CD36;
}

.footer-button-blur{
border: none;
}
.footer-button-focus{
border: 2px #82CD36 solid;
}

/*=====================================================#.login-div ヘッダーログイン*/
.login-div{
position: absolute;
top: -200px;
right: 0;
z-index: 9999;
width: 260px;
height: 180px;
background-color: #82CD36;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow:  1px 1px 2px 1px rgba(0,0,0,0.7);
}

* html .login-div{
box-shadow: 1px 1px 2px 0px #000000;
}
.login-div { box-shadow/*\**/: 1px 1px 2px 0px #000000\9; }

.login-close{
display: block;
position: absolute;
top: 2px;
left: 0px;
width: 150px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
background-color: #82CD36;
background-image: url(/image/sprite-main.png);
background-repeat: no-repeat;
background-position: 6px -659px;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

.login-close:hover{
background-position: -144px -659px;
}

.login-div-inner{
position: absolute;
top: 29px;
left: 5px;
width: 250px;
height: 145px;
background-color: #FFFFFF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}

.login-form{
margin: 0 5px;
padding-top: 5px;
}

.login-table{
width: 240px;
}

.login-reminder{
margin: 5px 0 0 5px;
padding-bottom: 0.2em;
width: 220px;
font-size: 80%;
line-height: 1.3em;
}

.login-th{
width: 80px;
font-size: 80%;
color: #333;
padding-top: 5px;
}
.login-td{
padding-bottom: 3px;
font-size: 80%;
line-height: 1.1em;
}
.login-td-r{
height: 2.3em;
padding-right: 13px;
text-align: right;
}

.login-a{
color: #0000FF;
vertical-align: top;
padding-left: 2px;
}

.login-a:hover{
font-weight: bold;
}

.login-text{
margin: 0 0 0 0;
padding: 0 0 0 3px;
width: 140px;
background-color: #FFFFFF;
font-size: 14px;
}
.login-text-hover{
border: 3px #82CD36 solid;
}
.login-text-blur{
border: 3px #CCCBC9 solid;
}
.login-text-focus{
border: 3px #4C8511 solid;
}
.login-button{
margin: 3px 2px 0;
width: 6em;
height: 2em;
line-height: 2em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
vertical-align: top;
color: #FFFFFF;
font-size: 90%;
font-weight: bold;
background-color: #4C8511;
border: none;
}

.login-button:hover{
color: #4C8511;
text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
background-color: #82CD36;
}

.login-button-blur{
border: none;
}
.login-button-focus{
border: 2px #82CD36 solid;
}


/*itsherpa*/
/*=====================================================#.login-div ヘッダーログイン*/
.reminder-div{
position: absolute;
top: -200px;
right: 0;
z-index: 9999;
width: 260px;
height: 180px;
background-color: #82CD36;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow:  1px 1px 2px 1px rgba(0,0,0,0.7);
}

* html .reminder-div{
box-shadow: 1px 1px 2px 0px #000000;
}
.reminder-div { box-shadow/*\**/: 1px 1px 2px 0px #000000\9; }

.reminder-close{
display: block;
position: absolute;
top: 2px;
left: 0px;
width: 150px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
background-color: #82CD36;
background-image: url(/image/sprite-main.png);
background-repeat: no-repeat;
background-position: 6px -659px;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

.reminder-close:hover{
background-position: -144px -659px;
}

.reminder-div-inner{
position: absolute;
top: 29px;
left: 5px;
width: 250px;
height: 145px;
background-color: #FFFFFF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}

.reminder-form{
margin: 0 5px;
padding-top: 5px;
}

.reminder-table{
width: 240px;
}

.login-reminder{
margin: 5px 0 0 5px;
padding-bottom: 0.2em;
width: 220px;
font-size: 80%;
line-height: 1.3em;
}

.reminder-th{
width: 80px;
font-size: 80%;
color: #333;
padding-top: 5px;
}
.reminder-td{
padding-bottom: 3px;
font-size: 80%;
line-height: 1.1em;
}
.reminder-td-r{
height: 2.3em;
padding-right: 13px;
text-align: right;
}

.reminder-a{
color: #0000FF;
vertical-align: top;
padding-left: 2px;
}

.reminder-a:hover{
font-weight: bold;
}

.reminder-text{
margin: 0 0 0 0;
padding: 0 0 0 3px;
width: 230px;
background-color: #FFFFFF;
font-size: 14px;
}
.reminder-text-hover{
border: 3px #82CD36 solid;
}
.reminder-text-blur{
border: 3px #CCCBC9 solid;
}
.reminder-text-focus{
border: 3px #4C8511 solid;
}
.reminder-button{
margin: 3px 2px 0;
width: 6em;
height: 2em;
line-height: 2em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
vertical-align: top;
color: #FFFFFF;
font-size: 90%;
font-weight: bold;
background-color: #4C8511;
border: none;
}

.reminder-button:hover{
color: #4C8511;
text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
background-color: #82CD36;
}

.reminder-button-blur{
border: none;
}
.reminder-button-focus{
border: 2px #82CD36 solid;
}
/* jScrollPane */
.jspContainer{
overflow: hidden;
position: relative;
}
.jspPane{
position: absolute;
}
.jspVerticalBar{
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background: red;
}
.jspHorizontalBar{ /*太さ*/
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap{
display: none;
}
.jspHorizontalBar .jspCap{
float: left;
}
.jspTrack{ /*ドラッグ背景*/
background: #E1EE8E;
position: relative;
}
.jspDrag{ /*ドラッグ背景*/
background: #709A45;
position: relative;
top: 0;
left: 0;
width:10px;
cursor: pointer;
}
.jspDrag:hover{
background: #4C8511;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
float: left;
height: 100%;
}
.jspArrow{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow{
height: 16px;
}
.jspHorizontalBar .jspArrow{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus{
outline: none;
}
.jspCorner{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
margin: 0 -3px 0 0;
}
/* ========================================================================= fotmDesign フォームデザインスタイル */