@charset "utf-8";

*{margin:0;padding:0;}

html {
    margin: 0 auto;
    padding: 0;
}

body {
    background-color: #fff;
    font-size: 16px;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #252525;
    margin: 0 auto;
    padding: 0;
}

.customize-support {
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background:#298fb5;
}


a{color:#06c;text-decoration:none;}
a:hover{color:#903; text-decoration: underline}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}


a:hover img.alpha {
  opacity:0.7;
  filter:alpha( opacity=70 );
}


/*************
テキスト・インデント
*************/
.txt-indent {
  text-indent: -3em;
  padding-left: 3em;
}


/*************
/* プログラムタイトル
*************/
.program_title{
background:#d0e7ff;
font-weight:bold;
padding:2px;
}

.program_date
{
margin: 0 auto;
font-size:20px;
font-weight:bold;
padding:10px;
border:2px solid #000000;
margin-top:10px;
margin-bottom:10px;
}

/*************
/* 段落調整
*************/
.p1em{
text-indent: 1em;
line-height: 0.5em;
}

.p2em{
text-indent: 2em;
line-height: 0.5em;
}

.p3em{
text-indent: 3em;
line-height: 0.5em;
}

.p4em{
text-indent: 4em;
line-height: 0.5em;
}

.p5em{
text-indent: 5em;
line-height: 0.5em;
}

.p6em{
text-indent: 6em;
line-height: 0.5em;
}


/*ヘッダー関連　style2とすり合わせ前*/
header, footer, hgroup,
nav, section {
    display: block;
}


mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/*endヘッダー関連　style2とすり合わせ前*/

/*************
コンテンツ全体
*************/
#container{padding: 15px 0;}
/* containerのリスト装飾が不要なページで使用 */
#container2{padding: 15px 0;}

/* containerのリスト装飾や見出し装飾が不要になったページで使用 */
#container-pass{padding: 15px 0;}


.box{
width: 936px;
padding: 10px;
line-height: 1.5;
border:1px solid #dadada;
}

/* article、article-listで使用 */
.box-noborder {
width: 936px;
padding: 10px;
line-height: 1.5;
}


/* article、article-listで使用 */
.posts-box {
width: 720px;
padding: 10px;
line-height: 1.5;
margin: 0 auto;
padding-bottom: 5px;
margin-bottom: 20px;
}

/* 未使用 */
.frame-width {
    width: 160px;
}

.frame {
    display: inline-block;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
    /* width: 160px; 指定すると縁有に見えるので、frame-widthで指定すること*/
    height: 180px;
}

/* 最後のbox */
.last{margin-right:0;}


#date {
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #858585;
}


/* H1 見出し */
#container h1{
    /*
        margin-bottom:10px;
    */
margin-bottom:20px;
color: #252525;
font-size:24px;
font-weight:bold;
/*
background:url(../Images/images/midashi.png) repeat-x 0 100%;
    */
border-bottom: solid 3px #006aa7;
position: relative;

height:35px;
/*
text-indent:30px;
    */
line-height:35px;
width:100%;
}
/*線の装飾で使用*/
#container h1:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f6c700;
  bottom: -5px;
  width: 40px;
}


#container2 h1{
margin-bottom:20px;
color: #252525;
font-size:24px;
font-weight:bold;
/*
background:url(../Images/images/midashi.png) repeat-x 0 100%;
    */
border-bottom: solid 3px #006aa7;
position: relative;

height:35px;
line-height:35px;
width:100%;
}

#container2 h1:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f6c700;
  bottom: -5px;
  width: 40px;
}

/* H2 見出し */
#container h2{
margin-bottom:20px;
color: #252525;
font-size:24px;
font-weight:bold;
border-bottom: solid 5px #006aa7;
position: relative;

height:35px;
line-height:35px;
width:100%;
}

#container h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #f6c700;
  bottom: -5px;
  width: 40px;
}


#container2 h2{
margin-bottom:20px;
color: #252525;
font-size:24px;
font-weight:bold;
border-bottom: solid 5px #006aa7;
position: relative;
height:35px;
line-height:35px;
width:100%;
}

#container2 h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #f6c700;
  bottom: -5px;
  width: 40px;
}

/* お知らせで使用。h2では一行にしか対応しない為、次のdivかpに挿入する。 */
.posts_h2{
margin-bottom:20px;
color: #252525;
font-size:24px;
font-weight:bold;
border-top: solid 5px #006aa7;
position: relative;

height:35px;
line-height:35px;
width:100%;
}

.posts_h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-top: solid 5px #f6c700;
  top: -5px;
  width: 40px;
}

/* H3 見出し */
#container h3{
margin-bottom:10px;
padding-bottom:5px;
font-size: 20px;
color: #298fb5;
border-bottom: 2px solid #006aa7;
/*
background:url(../Images/images/h3.png) repeat-x 0 100%;
    */
}

#container2 h3{
margin-bottom:10px;
padding-bottom:5px;
font-size: 20px;
color: #298fb5;
border-bottom: 2px solid #006aa7;
/*
background:url(../Images/images/h3.png) repeat-x 0 100%;
    */
}

/* H4 見出し */
#container h4{
font-size: 18px;
margin-top:20px;
margin-bottom:10px;
padding-left:15px;
/* padding-bottom:5px;*/
color: #298fb5;
border-left:5px solid #f6c700;
/*
background:url(../Images/images/title_back.png) no-repeat 0 100%;
    */
}

#container2 h4{
font-size: 18px;
margin-top:20px;
margin-bottom:10px;
padding-left:15px;
color: #298fb5;
border-left:5px solid #f6c700;
}

/* H5 見出し */
#container h5{
margin-top:10px;
font-size:14px;
color: #298fb5;
}

#container2 h5{
margin-top:10px;
font-size:14px;
color: #298fb5;
}

/* 図の見出し */
.image_h {
    margin-top:20px;
    font-weight:bold;
    margin-bottom:5px;
}


#container ul, .inner ul{margin-left: 5px;}

#container ul li, .inner ul li{
list-style: none;
margin-bottom: 7px;
padding-left: 17px;
background:url(../Images/images/bullet2.png) no-repeat 0 3px;
}

.inner ul li{background-image:url(images/bullet2.gif);}



#container ol, .inner ol{margin-left: 30px;}

#container ol li, .inner ol li{
list-style: decimal;
margin-bottom: 7px;
padding-left: 5px;
}




#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}



/*************
/* 行間調整
*************/
.spacer10 {
    clear: both;
    width: auto;
    height: 10px;
    }

.spacer20 {
    clear: both;
    width: auto;
    height: 20px;
    }


.co-medical_wrapper {
    padding-top: 15px;
    margin: 0 auto;
    max-width: 960px;
}

/*style2とすり合わせ前*/
/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    clear: both;
    padding-bottom: 35px;
    padding-top: 230px;
}


header .wrapper {
    margin: 30px auto; 
    width: 1150px;
}

header .logo {
/*    margin-right: 10px;*/
    font-size: 80%;
    color: #666;
}

header .navi-upper {
    margin-top: 52px;
}


footer {
    clear: both;
    background-color: #006aa7;
    margin-top: 20px;
}

.footer-content {
    width: 1150px;
    margin: 0 auto;
    color: #fff;
}

.footer-content a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.footer-content h1 {
    font-size:200%;
    line-height: 1.3;
    text-align: center;
    color: #fff;
}

#footer-logo {
display: inline-block;
padding-top: 40px;
padding-bottom: 40px;
}

#footer-navi {
    display: inline-block;
    text-align: left;
    margin-top: 40px;
    /*
        margin-left: 20px;
    */
    margin-left: 104px;
    font-weight: bold;
}

#footer-navi ul {
    list-style:none;
    margin-left: 0px;
}

.footer-navi-yokonarabi {
    display: inline-block;
}

.footer-navi-padding-right {
    padding-right: 10px;
}

.list-mark{
    color: #fecc00;
    font-weight: bold; 
}
footer .wrapper{
    clear: both;
    background-color: #f6c700;
    font-size: .8em;
    padding: 20px 0;
    text-align: center;
}



/* site title
----------------------------------------------------------*/
.site-title {
    color: #252525;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 100%;
    margin: 0;
    text-align:right;
    width: 343px;
    font-weight: bold;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #252525;
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.email {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            font-size: 60%;
            text-decoration: none;
        }

        ul#menu li a:hover {
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #fff;
        background-image: -ms-linear-gradient(left, #fff 0%, #fff 100%);
        background-image: -o-linear-gradient(left, #fff 0%, #fff 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(1, #fff));
        background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%);
        background-image: linear-gradient(left, #fff 0%, #fff 100%);
        color: #252525;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }


/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #252525;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }



/*
input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #252525;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

*/

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #252525;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }



/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 1300px) {

    html{
        width:1300px;
    }

    /* header
    ----------------------------------------------------------*/
    /*header .float-left,
    header .float-right {
        float: none;
    }*/

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #252525;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: right;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/

    /*ヘッダーに段差をつけたとき遷移先上部のつぶれ対応*/
    /*.box{
        margin-top:100px;
    }*/

    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
        position: absolute;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }

    #container2{
        padding:0px;
    }

    /*お問い合わせ*/
    input, textarea, select, button {
        border-width: 0.3px;        
        line-height: normal;      
        display: block;                     
    }

    .wpcf7-form-control-wrap input {
        width: 30%;
    }

    .wpcf7-form-control-wrap your-message input{
        width: 15%;
        resize:both !important;
    }

    .wpcf7-submit {
         width: 4%;
         margin: 0 0 0 4px;
         padding-left: 5px;
    }

}
/*end　スマホサイズ*/

/* style2 table.price
******************************************************************************************** */
table.price {
	border-collapse:collapse;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
.price th,.price td {
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	padding:6px 8px 3px;
	vertical-align: middle;
	font-size: 13px;
}
.price th {
	background-color:#eeeeee;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-weight: normal;
	letter-spacing: 0.5em;
}
.price td {
	text-align: left;
	color: #000000;
}
/* end-style2 table.price
 ----------------------------------------------------------*/

/* button [non pie.htc version]-style
.white .yellow .orange .red .return .blue .aqua .aqua2 .mblue .rblue .rosy .green .fgreen .pink .purple
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px !important; font-size: 1.3rem !important;
    font-weight: bold;
    font-family: 'MS Gothic';
    _padding: 5px 0 2px; /* ie6 hack */
    position: relative;
    white-space: nowrap;
    margin:5px;
    padding:5px;
}

.button:link {
    text-decoration: none;
}
.button:visited {
    text-decoration: none;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    text-decoration: none;
    top: 1px;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active, .button.disabled {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #EAEAEA;
    box-shadow: none !important;
    color: #999999;
    cursor: default;
    position: static;
    text-shadow: none !important;
}

/* white */
.white {
    color: #606060 !important;
    border: solid 1px #b7b7b7;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.white:hover {
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.white:active {
    color: #999 !important;
    background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.white[disabled], 
.white[disabled]:hover, 
.white[disabled]:active,
.white.disabled,
.white.disabled:hover,
.white.disabled:active {
    background: none repeat scroll 0 0 #fafafa ;
    border-color: #eaeaea;
    color: #999999 !important;

}

/* yellow */
.yellow {
    color: #5d5b57 !important;
    border: solid 1px #ebeb00;
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffff28 0%, #f5f500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff28), color-stop(100%,#f5f500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffff28 0%,#f5f500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff28', endColorstr='#f5f500',GradientType=0 ); /* IE6-9 */
}
.yellow:hover {
    background: #f0f00a; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffff1e 0%, #ebeb00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff1e), color-stop(100%,#ebeb00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffff1e 0%,#ebeb00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff1e', endColorstr='#ebeb00',GradientType=0 ); /* IE6-9 */
}
.yellow:active {
    color: #969696 !important;
    background: -moz-linear-gradient(top,  #f5f500 0%, #ffff28 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f500), color-stop(100%,#ffff28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f500 0%,#ffff28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f500', endColorstr='#ffff28',GradientType=0 ); /* IE6-9 */
}

.yellow[disabled], 
.yellow[disabled]:hover, 
.yellow[disabled]:active,
.yellow.disabled,
.yellow.disabled:hover,
.yellow.disabled:active {
    background: none repeat scroll 0 0 #ebeb00 ;
    border-color: #eaeaea;
    color: #999999 !important;

}


/* orange */
.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    font-weight: bold;
    margin:10px;
    padding:10px;
    background: #f78d1d; /* Old browsers */
    background: -moz-linear-gradient(top,  #faa51a 0%, #f47a20 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #faa51a 0%,#f47a20 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */
}
.orange:hover {
    background: #f47c20; /* Old browsers */
    background: -moz-linear-gradient(top,  #f88e11 0%, #f06015 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#f06015)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f88e11 0%,#f06015 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 ); /* IE6-9 */
}
.orange:active {
    color: #fcd3a5 !important;
    background: #f47a20; /* Old browsers */
    background: -moz-linear-gradient(top,  #f47a20 0%, #faa51a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f47a20 0%,#faa51a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 ); /* IE6-9 */
}

.orange[disabled], 
.orange[disabled]:hover, 
.orange[disabled]:active,
.orange.disabled,
.orange.disabled:hover,
.orange.disabled:active {
    background: none repeat scroll 0 0 #DA7C0C ;
    border-color: #eaeaea;
    color: #999999 !important;
}


/* red */
.red {
    color: #faddde !important;
    width:100px;
    margin:10px;
    padding:5px;
    border: solid 1px #980c10;
    background: #d81b21; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed1c24 0%, #aa1317 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#aa1317)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ed1c24 0%,#aa1317 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ed1c24 0%,#aa1317 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ed1c24 0%,#aa1317 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ed1c24 0%,#aa1317 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#aa1317',GradientType=0 ); /* IE6-9 */
}
.red:hover {
    background: #b61318; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9151b 0%, #a11115 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9151b), color-stop(100%,#a11115)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c9151b 0%,#a11115 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9151b 0%,#a11115 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9151b 0%,#a11115 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9151b 0%,#a11115 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9151b', endColorstr='#a11115',GradientType=0 ); /* IE6-9 */
}
.red:active {
    color: #de898c !important;
    background: -moz-linear-gradient(top,  #aa1317 0%, #ed1c24 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1317), color-stop(100%,#ed1c24)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #aa1317 0%,#ed1c24 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #aa1317 0%,#ed1c24 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #aa1317 0%,#ed1c24 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #aa1317 0%,#ed1c24 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1317', endColorstr='#ed1c24',GradientType=0 ); /* IE6-9 */
}

.red[disabled], 
.red[disabled]:hover, 
.red[disabled]:active,
.red.disabled,
.red.disabled:hover,
.red.disabled:active {
    background: none repeat scroll 0 0 #AE3C3C ;
    border-color: #eaeaea;
    color: #999999 !important;
}




/* return */
.return {
    color: #e9e9e9 !important;
    border: solid 1px #555;
    width:100px;
    margin-bottom:5px;
    background: #6e6e6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #888888 0%, #575757 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#575757)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #888888 0%,#575757 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #888888 0%,#575757 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #888888 0%,#575757 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #888888 0%,#575757 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
}
.return:hover {
    background: #616161; /* Old browsers */
    background: -moz-linear-gradient(top,  #757575 0%, #4b4b4b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #757575 0%,#4b4b4b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */
}
.return:active {
    color: #afafaf !important;
    background: -moz-linear-gradient(top,  #575757 0%, #888888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#888888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #575757 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #575757 0%,#888888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #575757 0%,#888888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #575757 0%,#888888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

.return[disabled], 
.return[disabled]:hover, 
.return[disabled]:active,
.return.disabled,
.return.disabled:hover,
.return.disabled:active {
    background: none repeat scroll 0 0 #666666 ;
    border-color: #000000;
    color: #eeeeee !important;
}


/* blue */
.blue {
    color: #d9eef7 !important;
    border: solid 1px #0076a3;
    width:100px;
    margin:10px;
    padding:5px;
    background: #0095cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #00adee 0%, #0078a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00adee 0%,#0078a5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
}
.blue:hover {
    background: #007ead; /* Old browsers */
    background: -moz-linear-gradient(top,  #0095cc 0%, #00678e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0095cc 0%,#00678e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 ); /* IE6-9 */
}
.blue:active {
    color: #80bed6 !important;
    background: -moz-linear-gradient(top,  #0078a5 0%, #00adee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0078a5 0%,#00adee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 ); /* IE6-9 */
}

.blue[disabled], 
.blue[disabled]:hover, 
.blue[disabled]:active,
.blue.disabled,
.blue.disabled:hover,
.blue.disabled:active {
    background: none repeat scroll 0 0 #0076C0 ;
    border-color: #005395;
    color: #999999 !important;
}

/* pt_color */
.pt_color {
    color: #eaf6fd !important;
    border: solid 1px #00a0e9;
    background: #76c1e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #9fd9f6 0%, #49aad2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd9f6), color-stop(100%,#49aad2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9fd9f6 0%,#49aad2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd9f6', endColorstr='#49aad2',GradientType=0 ); /* IE6-9 */
}
.pt_color:hover {
    background: #00a5de; /* Old browsers */
    background: -moz-linear-gradient(top,  #49aad2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aad2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49aad2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aad2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}
.pt_color:active {
    color: #efefef !important;
    background: -moz-linear-gradient(top,  #49aad2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aad2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49aad2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aad2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}

.pt_color[disabled], 
.pt_color[disabled]:hover, 
.pt_color[disabled]:active,
.pt_color.disabled,
.pt_color.disabled:hover,
.pt_color.disabled:active {
    background: none repeat scroll 0 0 #00A0E9 ;
    border-color: #0076C0;
    color: #666666 !important;
}



/* aqua */
.aqua {
    color: #eaf6fd !important;
    border: solid 1px #00a0e9;
    background: #76c1e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #9fd9f6 0%, #49aad2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd9f6), color-stop(100%,#49aad2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9fd9f6 0%,#49aad2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd9f6', endColorstr='#49aad2',GradientType=0 ); /* IE6-9 */
}
.aqua:hover {
    background: #00a5de; /* Old browsers */
    background: -moz-linear-gradient(top,  #4fb7e2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb7e2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4fb7e2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb7e2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}
.aqua:active {
    color: #bae3f9 !important;
    background: -moz-linear-gradient(top,  #49aad2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aad2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49aad2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aad2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}

.aqua[disabled], 
.aqua[disabled]:hover, 
.aqua[disabled]:active,
.aqua.disabled,
.aqua.disabled:hover,
.aqua.disabled:active {
    background: none repeat scroll 0 0 #00A0E9 ;
    border-color: #0076C0;
    color: #666666 !important;
}


/* aqua2 */
.aqua2 {
    color: #eaf6fd !important;
    border: solid 1px #00a0e9;
    background: #76c1e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #9fd9f6 0%, #49aad2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd9f6), color-stop(100%,#49aad2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9fd9f6 0%,#49aad2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9fd9f6 0%,#49aad2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd9f6', endColorstr='#49aad2',GradientType=0 ); /* IE6-9 */
}
.aqua2:hover {
	color:#903;
    background: #00a5de; /* Old browsers */
    background: -moz-linear-gradient(top,  #4fb7e2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb7e2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4fb7e2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4fb7e2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb7e2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}
.aqua2:active {
    color: #bae3f9 !important;
    background: -moz-linear-gradient(top,  #49aad2 0%, #9fd9f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aad2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49aad2 0%,#9fd9f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49aad2 0%,#9fd9f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aad2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
}

.aqua2[disabled], 
.aqua2[disabled]:hover, 
.aqua2[disabled]:active,
.aqua2.disabled,
.aqua2.disabled:hover,
.aqua2.disabled:active {
    background: none repeat scroll 0 0 #00A0E9 ;
    border-color: #0076C0;
    color: #666666 !important;
}


/* mediumblue */
.mblue {
    color: #c8c8fa !important;
    border: solid 1px #1e1e82;
    background: #0000cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #3c3ce6 0%, #0000a4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3ce6), color-stop(100%,#0000a4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3c3ce6 0%,#0000a4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3c3ce6 0%,#0000a4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3c3ce6 0%,#0000a4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3c3ce6 0%,#0000a4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3ce6', endColorstr='#0000a4',GradientType=0 ); /* IE6-9 */
}
.mblue:hover {
    background: #0000be; /* Old browsers */
    background: -moz-linear-gradient(top,  #2828cd 0%, #000096 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2828cd), color-stop(100%,#000096)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2828cd 0%,#000096 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2828cd 0%,#000096 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2828cd 0%,#000096 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2828cd 0%,#000096 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2828cd', endColorstr='#000096',GradientType=0 ); /* IE6-9 */
}
.mblue:active {
    color: #9191b4 !important;
    background: -moz-linear-gradient(top,  #0000a4 0%, #3c3ce6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000a4), color-stop(100%,#3c3ce6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0000a4 0%,#3c3ce6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0000a4 0%,#3c3ce6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0000a4 0%,#3c3ce6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0000a4 0%,#3c3ce6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a4', endColorstr='#3c3ce6',GradientType=0 ); /* IE6-9 */
}

.mblue[disabled], 
.mblue[disabled]:hover, 
.mblue[disabled]:active,
.mblue.disabled,
.mblue.disabled:hover,
.mblue.disabled:active {
    background: none repeat scroll 0 0 #0000A4 ;
    border-color: #1E1E82;
    color: #666666 !important;
}


/* royalblue */
.rblue {
    color: #e6fafa !important;
    border: solid 1px #0f5acd;
    margin:10px;
    padding:20px;
    background: #57a5ee; /* Old browsers */
    background: -moz-linear-gradient(top,  #6fb5f2 0%, #1b64dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb5f2), color-stop(100%,#1b64dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6fb5f2 0%,#1b64dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6fb5f2 0%,#1b64dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6fb5f2 0%,#1b64dc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6fb5f2 0%,#1b64dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb5f2', endColorstr='#1b64dc',GradientType=0 ); /* IE6-9 */
}
.rblue:hover {
    background: #509be1; /* Old browsers */
    background: -moz-linear-gradient(top,  #559bd7 0%, #195ac3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#559bd7), color-stop(100%,#195ac3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #559bd7 0%,#195ac3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #559bd7 0%,#195ac3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #559bd7 0%,#195ac3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #559bd7 0%,#195ac3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#559bd7', endColorstr='#195ac3',GradientType=0 ); /* IE6-9 */
}
.rblue:active {
    color: #aab4b4 !important;
    background: -moz-linear-gradient(top,  #1b64dc 0%, #6fb5f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b64dc), color-stop(100%,#6fb5f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1b64dc 0%,#6fb5f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1b64dc 0%,#6fb5f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1b64dc 0%,#6fb5f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1b64dc 0%,#6fb5f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b64dc', endColorstr='#6fb5f2',GradientType=0 ); /* IE6-9 */
}

.rblue[disabled], 
.rblue[disabled]:hover, 
.rblue[disabled]:active,
.rblue.disabled,
.rblue.disabled:hover,
.rblue.disabled:active {
    background: none repeat scroll 0 0 #1B64DC ;
    border-color: #1E1E82;
    color: #666666 !important;
}


/* rosy */
.rosy {
    color: #fae7e9 !important;
    border: solid 1px #b73948;
    margin:10px;
    padding:20px;
    background: #da5867; /* Old browsers */
    background: -moz-linear-gradient(top,  #f16c7c 0%, #bf404f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f16c7c), color-stop(100%,#bf404f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f16c7c 0%,#bf404f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f16c7c 0%,#bf404f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f16c7c 0%,#bf404f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f16c7c 0%,#bf404f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16c7c', endColorstr='#bf404f',GradientType=0 ); /* IE6-9 */
}
.rosy:hover {
    background: #ba4b58; /* Old browsers */
    background: -moz-linear-gradient(top,  #cf5d6a 0%, #a53845 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf5d6a), color-stop(100%,#a53845)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cf5d6a 0%,#a53845 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cf5d6a 0%,#a53845 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cf5d6a 0%,#a53845 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cf5d6a 0%,#a53845 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5d6a', endColorstr='#a53845',GradientType=0 ); /* IE6-9 */
}
.rosy:active {
    color: #dca4ab !important;
    background: -moz-linear-gradient(top,  #bf404f 0%, #f16c7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf404f), color-stop(100%,#f16c7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bf404f 0%,#f16c7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bf404f 0%,#f16c7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bf404f 0%,#f16c7c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bf404f 0%,#f16c7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf404f', endColorstr='#f16c7c',GradientType=0 ); /* IE6-9 */
}

.rosy[disabled], 
.rosy[disabled]:hover, 
.rosy[disabled]:active,
.rosy.disabled,
.rosy.disabled:hover,
.rosy.disabled:active {
    background: none repeat scroll 0 0 #BF404F ;
    border-color: #1E1E82;
    color: #cccccc !important;
}

/* ot_color */
.ot_color {
    color: #e8f0de !important;
    width:100px;
    border: solid 1px #538312;
    background: #7db72f; /* Old browsers */
    background: -moz-linear-gradient(top,  #c3d69b 0%, #7db72f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d69b), color-stop(100%,#7db72f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c3d69b 0%,#7db72f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c3d69b 0%,#7db72f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c3d69b 0%,#7db72f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c3d69b 0%,#7db72f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d69b', endColorstr='#7db72f',GradientType=0 ); /* IE6-9 */
}
.ot_color:hover {
    background: #538018; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db72f 0%, #c3d69b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db72f), color-stop(100%,#c3d69b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db72f 0%,#c3d69b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#c3d69b',GradientType=0 ); /* IE6-9 */    
}
.ot_color:active {
    color: #efefef !important;
    background: -moz-linear-gradient(top,  #7db72f 0%, #c3d69b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db72f), color-stop(100%,#c3d69b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db72f 0%,#c3d69b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db72f 0%,#c3d69b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#c3d69b',GradientType=0 ); /* IE6-9 */
}

.ot_color[disabled], 
.ot_color[disabled]:hover, 
.ot_color[disabled]:active,
.ot_color.disabled,
.ot_color.disabled:hover,
.ot_color.disabled:active {
    background: none repeat scroll 0 0 #7db72f ;
    border-color: #113300;
    color: #cccccc !important;
}



/* green */
.green {
    color: #e8f0de !important;
    width:100px;
    border: solid 1px #538312;
    background: #64991e; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db72f 0%, #4e7d0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db72f), color-stop(100%,#4e7d0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db72f 0%,#4e7d0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db72f 0%,#4e7d0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db72f 0%,#4e7d0e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db72f 0%,#4e7d0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#4e7d0e',GradientType=0 ); /* IE6-9 */
}
.green:hover {
    background: #538018; /* Old browsers */
    background: -moz-linear-gradient(top,  #6b9d28 0%, #436b0c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b9d28), color-stop(100%,#436b0c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6b9d28 0%,#436b0c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6b9d28 0%,#436b0c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6b9d28 0%,#436b0c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6b9d28 0%,#436b0c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9d28', endColorstr='#436b0c',GradientType=0 ); /* IE6-9 */
}
.green:active {
    color: #a9c08c !important;
    background: -moz-linear-gradient(top,  #4e7d0e 0%, #7db72f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7d0e), color-stop(100%,#7db72f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e7d0e 0%,#7db72f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e7d0e 0%,#7db72f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e7d0e 0%,#7db72f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e7d0e 0%,#7db72f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7d0e', endColorstr='#7db72f',GradientType=0 ); /* IE6-9 */
}

.green[disabled], 
.green[disabled]:hover, 
.green[disabled]:active,
.green.disabled,
.green.disabled:hover,
.green.disabled:active {
    background: none repeat scroll 0 0 #4E7D0E ;
    border-color: #113300;
    color: #cccccc !important;
}


/* forestgreen */
.fgreen {
    color: #f5fff5 !important;
    border: solid 1px #1e9614;
    background: #50b446; /* Old browsers */
    background: -moz-linear-gradient(top,  #99ce95 0%, #27aa1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ce95), color-stop(100%,#27aa1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #99ce95 0%,#27aa1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #99ce95 0%,#27aa1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #99ce95 0%,#27aa1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #99ce95 0%,#27aa1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ce95', endColorstr='#27aa1e',GradientType=0 ); /* IE6-9 */
}
.fgreen:hover {
    background: #288723; /* Old browsers */
    background: -moz-linear-gradient(top,  #7daa78 0%, #1e8c14 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7daa78), color-stop(100%,#1e8c14)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7daa78 0%,#1e8c14 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7daa78 0%,#1e8c14 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7daa78 0%,#1e8c14 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7daa78 0%,#1e8c14 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7daa78', endColorstr='#1e8c14',GradientType=0 ); /* IE6-9 */
}
.fgreen:active {
    color: #aac8aa !important;
    background: -moz-linear-gradient(top,  #27aa1e 0%, #99ce95 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27aa1e), color-stop(100%,#99ce95)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #27aa1e 0%,#99ce95 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #27aa1e 0%,#99ce95 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #27aa1e 0%,#99ce95 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #27aa1e 0%,#99ce95 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aa1e', endColorstr='#99ce95',GradientType=0 ); /* IE6-9 */
}

.fgreen[disabled], 
.fgreen[disabled]:hover, 
.fgreen[disabled]:active,
.fgreen.disabled,
.fgreen.disabled:hover,
.fgreen.disabled:active {
    background: none repeat scroll 0 0 #4E7D0E ;
    border-color: #113300;
    color: #cccccc !important;
}


/* st_color */
.st_color {
    color: #f7ecf4 !important;
    border: solid 1px #9d87b7;
    background: #e570e7; /* Old browsers */
    background: -moz-linear-gradient(top, #c3b5d3 0%, #b3a2c7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3b5d3), color-stop(100%, #b3a2c7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c3b5d3 0%,#b3a2c7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c3b5d3 0%,#b3a2c7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c3b5d3 0%,#b3a2c7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c3b5d3 0%,#b3a2c7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3b5d3', endColorstr='#b3a2c7',GradientType=0 ); /* IE6-9 */
}

.st_color:hover {
    background: #8c487c; /* Old browsers */
    background: -moz-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3a2c7), color-stop(100%, #c3b5d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b3a2c7 0%, #c3b5d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b3a2c7 0%, #c3b5d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b3a2c7 0%, #c3b5d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a2c7', endColorstr='#c3b5d3',GradientType=0 ); /* IE6-9 */
}

.st_color:active {
    color: #efefef !important;
    background: -moz-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3a2c7), color-stop(100%, #c3b5d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3a2c7 0%, #c3b5d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3a2c7 0%, #c3b5d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a2c7', endColorstr='#c3b5d3',GradientType=0 ); /* IE6-9 */
}

.st_color[disabled], 
.st_color[disabled]:hover, 
.st_color[disabled]:active,
.st_color.disabled,
.st_color.disabled:hover,
.st_color.disabled:active {
    background: none repeat scroll 0 0 #b3a2c7 ;
    border-color: #9d87b7;
    color: #cccccc !important;
}



/* pink */
.pink {
    color: #feeef5 !important;
    border: solid 1px #d2729e;
    background: #f895c2; /* Old browsers */
    background: -moz-linear-gradient(top,  #feb1d3 0%, #f171ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb1d3), color-stop(100%,#f171ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feb1d3 0%,#f171ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feb1d3 0%,#f171ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feb1d3 0%,#f171ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feb1d3 0%,#f171ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb1d3', endColorstr='#f171ab',GradientType=0 ); /* IE6-9 */
}
.pink:hover {
    background: #d57ea5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4aacb 0%, #e86ca4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4aacb), color-stop(100%,#e86ca4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4aacb 0%,#e86ca4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4aacb 0%,#e86ca4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4aacb 0%,#e86ca4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4aacb 0%,#e86ca4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4aacb', endColorstr='#e86ca4',GradientType=0 ); /* IE6-9 */
}
.pink:active {
    color: #f3c3d9 !important;
    background: -moz-linear-gradient(top,  #f171ab 0%, #feb1d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f171ab), color-stop(100%,#feb1d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f171ab 0%,#feb1d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f171ab 0%,#feb1d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f171ab 0%,#feb1d3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f171ab 0%,#feb1d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f171ab', endColorstr='#feb1d3',GradientType=0 ); /* IE6-9 */
}

.pink[disabled], 
.pink[disabled]:hover, 
.pink[disabled]:active,
.pink.disabled,
.pink.disabled:hover,
.pink.disabled:active {
    background: none repeat scroll 0 0 #c34e83 ;
    border-color: #993160;
    color: #cccccc !important;
}


/* purple */
.purple {
    color: #f7ecf4 !important;
    border: solid 1px #a849a3;
    background: #e570e7; /* Old browsers */
    background: -moz-linear-gradient(top,  #e570e7 0%, #a849a3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(100%,#a849a3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e570e7 0%,#a849a3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e570e7 0%,#a849a3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e570e7 0%,#a849a3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e570e7 0%,#a849a3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}

.purple:hover {
    background: #8c487c; /* Old browsers */
    background: -moz-linear-gradient(top,  #cb60b3 0%, #ad1283 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(100%,#ad1283)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cb60b3 0%,#ad1283 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cb60b3 0%,#ad1283 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cb60b3 0%,#ad1283 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cb60b3 0%,#ad1283 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#ad1283',GradientType=0 ); /* IE6-9 */
}

.purple:active {
    color: #e2c8de !important;
    background: -moz-linear-gradient(top,  #a849a3 0%, #e570e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a849a3), color-stop(100%,#e570e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a849a3 0%,#e570e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a849a3 0%,#e570e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a849a3 0%,#e570e7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a849a3 0%,#e570e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a849a3', endColorstr='#e570e7',GradientType=0 ); /* IE6-9 */
}

.purple[disabled], 
.purple[disabled]:hover, 
.purple[disabled]:active,
.purple.disabled,
.purple.disabled:hover,
.purple.disabled:active {
    background: none repeat scroll 0 0 #812c7c ;
    border-color: #4e084b;
    color: #cccccc !important;
}




/* end-button [non pie.htc version]-style
---------------------------------------------- */


    /* text
    ----------------------------------------------------------*/

    .text-center {
        text-align: center;
    }
    
    .text-left {
        text-align: left;
    }

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

     .div-center {
         margin: 0 auto;
     }

     .margin-top10 {
         margin-top: 10px;
     }

     .margin-top20 {
         margin-top: 20px;
     }

     /* コメディカルの統括の挨拶風。講座説明で使用。
    ----------------------------------------------------------*/

     .div-comment {
         margin-top:0px;
         background: rgba(00, 00, 00, 0.7);
         color: #fff;
         padding:20px;
     }

     .presenter {
         font-weight:bold;
         text-align:right;
         padding-top:5px;
         padding-right:10px;
         /*
         box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
             */
         border-bottom: 2px solid #cccccc;
         border-right: 1px solid #cccccc;
     }


     .presenter-photo {
         padding-right:20px;
     }

     .presenter-photo img {
         width:300px;
     }
     /* end-コメディカルの統括の挨拶風。講座説明で使用。
    ----------------------------------------------------------*/


    /* コメディカルの病院別部門説明で使用。
    ----------------------------------------------------------*/
          .div-comment2 {
         margin-top:0px;
         padding:20px;
         border: 1px solid #999999;
     }

          .presenter2 {
         font-weight:bold;
         text-align:right;
         padding-top:5px;
         padding-right:10px;
     }
    /* end-コメディカルの病院別部門説明で使用。
    ----------------------------------------------------------*/



     /* font-color
    ----------------------------------------------------------*/

     .font-white {
         color: #fff;
     }

     .font-base-color {
         color: #252525;
     }

     /*h4のフォントの色*/
     .font-blue-color {
         color: #298fb5;
     }

     /* メンテナンス用メモ：使用されていないCSS
    ----------------------------------------------------------*/
/*フッターのコピーライトの色*/
     .div-color-yellow {
         background-color: #f6c700;
     }
     /*h4の装飾の色*/
    .border-color-yellow2 {
         border-left:10px solid #fdcc00;
     }
    /*フッターのナビの色*/
     .div-color-blue {
         background-color:#006aa7;
     }
     /*旧h3のボーダーっぽい色*/
    .border-color-blue2 {
         border-bottom:2px solid #298fb5;
     }
          /* font-size
    ----------------------------------------------------------*/
          .font-bold {
              font-weight: bold;
          }

          .font-size-18{
              font-size:18px;
          }

          .font-size-20{
              font-size:20px;
          }

         .font-size-22{
              font-size:22px;
          }

     .font-size90 {
         font-size: 90%;
     }

     .font-size80 {
         font-size: 80%;
     }

     .font-size70 {
         font-size: 70%;
     }

     .font-size60 {
         font-size: 60%;
     }

     .font-size50 {
         font-size: 50%;
     }

     /* スライド共通
      ------------------------------------------------------*/

             .slide-arrow {
            position: absolute;
            top: 50%;
            margin-top: -15px;
        }

              button {
            margin: 0;
            padding: 0;
            background: none;
            border: none;
            border-radius: 0;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }


     /* topのスライド
      ------------------------------------------------------*/

        .top_prev-arrow {
            left: 60px;
            width: 40px;
            height: 40px;
            border-top: 10px solid #ededed;
            border-left: 10px solid #ededed;
            opacity: 0.7;
            z-index: 999;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        /*
                .top_next-arrow {
            right: 60px;
            width: 40px;
            height: 40px;
            z-index: 999;
        }
*/

        .top_next-arrow {
            right: 60px;
            width: 40px;
            height: 40px;
            border-top: 10px solid #ededed;
            border-right: 10px solid #ededed;
            opacity: 0.7;
            z-index: 999;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }


    /* img or divの横幅
    ----------------------------------------------------------*/
/* contentページのトップのバナーで使用 */
    .width100_100 {
        width: 936px;
        height:132px;
    }

/* div-centerと組み合わせてcontentページの旧画像やテーブルで使う */
    .width_700 {
        width: 700px;
    }


    .width100 {
        width: 100%;
    }

    .width98 {
        width: 98%;
    }

    .width95 {
        width: 95%;
    }

    .width90 {
        width: 90%;
    }

    .width80 {
        width: 80%;
    }

    .width50 {
        width: 50%;
    }

    /* コメディカル専用 */

    .bg_black {
        background: #000;
    }

   .co-medical-logo {
       width: 100%;
   }
    .co-medical-tabnav {
        margin: 0;
        padding: 0;
    }

    .co-medical-tabcontent {
        padding: 20px;
    }

    #co-medical-navi {
        width:880px;
        margin:0 auto;
    }

    #co-medical-navi a:hover{
        opacity: 0.7;
/*
        padding: 40px;
        padding-top: 350px;
*/
    }

    .no-list-mark {
        list-style: none;
    }

    .co-medical-navi-under {
        margin-top: 30px;
        clear:both;
    }

    .co-medical_h2{
        position:relative;
    }

    .co-medical_h2::before{
        display:inline-block;
        position:absolute;
        font-weight:bold;
        font-size:80%;
        color:#298fb5;
        content:"理学療法・作業療法・言語聴覚療法";
        padding-right:2px;
        right:0px;
    }

    /*コメディカルのナビ上のマージン*/
        .co-medical-top {
            /*画像を入れない場合、ナビとの間の空白が目立つため*/
            margin-top: -35px;
                
            /*画像を入れる場合、ナビとの間の空白が目立つため
            margin-top: -25px;
                */
            /*
            margin-top: 15px;
                */
        }


        .co-medical_prev-arrow {
            left: -20px;
            width: 0;
            height: 0;
            z-index:999;
            border-left: 0 solid transparent;
            border-right: 25px solid #113463;
            border-top: 30px solid transparent;
            border-bottom: 30px solid transparent;
        }

        .co-medical_next-arrow {
            right: -20px;
            width: 0;
            height: 0;
            z-index:999;
            border-right: 0 solid transparent;
            border-left: 25px solid #113463;
            border-top: 30px solid transparent;
            border-bottom: 30px solid transparent;
        }



    /*naviの画像とdivサイズ--co-medical*/
    .tab-organization {
        width: 451px;
        height: 281px;
    }
    .tab-clinical_study {
        text-align:right;
        width: 411px;
        height: 308px;
    }
    .tab-treament {
        margin-top: -10px;
        width: 418px;
        height: 315px;
    }
    .tab-education {
        text-align:right;
        margin-top:10px;
        width: 444px;
        height: 296px;
    }

    .co-medical_navi_size {
        width:880px;
        height:614px;
        background: #000;
    }

    /*naviの画像とdivサイズ--organization*/
    .tab-organization1 {
        width: 451px;
        height: 281px;
    }
    .tab-clinical_study1 {
                text-align:right;
            width: 378.39px;
            height: 284px;
    }
    .tab-treament1 {
        margin-top: 15px;
        width: 395px;
        height: 297px;
    }
    .tab-education1 {
        text-align:right;
        margin-top:16px;
        width: 444px;
        height: 296px;
    }
    
    /*naviの画像とdivサイズ--clinical_study*/
    .tab-organization2 {
        width: 420px;
        height: 262px;
    }
    .tab-clinical_study2 {
                text-align:right;
        width: 411px;
        height: 308px;
    }
    .tab-treament2 {
        /*margin-top: -28px;*/
        margin-top: -29px;
        width: 418px;
        height: 315px;
    }
    .tab-education2 {
        text-align:right;
        /*
            margin-top: 10px;
        */
        margin-top: 11px;
        width: 413px;
        height: 276px;
    }

    /*naviの画像とdivサイズ--treament*/
    .tab-organization3 {
        width: 422px;
        height: 263px;
    }
    .tab-clinical_study3 {
        text-align:right;
        width: 411px;
        height: 308px;
    }
    .tab-treament3 {
        margin-top: -29px;
        width: 418px;
        height: 315px;
    }
    .tab-education3 {
        text-align:right;
        margin-top: 30px;
        width: 413px;
        height: 276px;
        /*
        margin-top:14px;
        width: 438px;
        height: 288px;
            */
    }

    /*naviの画像とdivサイズ--education*/
    .tab-organization4 {
        width: 451px;
        height: 281px;
    }
    .tab-clinical_study4 {
        text-align:right;
        width: 370px;
        height: 276px;
    }
    .tab-treament4 {
        margin-top: 29px;
        width: 404px;
        height: 304px;
    }
    .tab-education4 {
        text-align:right;
        margin-top: 17px;
        width: 444px;
        height: 296px;
    }

    /*カレントページ*/
        .current_page {
            border: 10px solid #c0504d;
            background: #c0504d;
        }

        .tab_img {
            background: #fff;
            opacity: 0.95;
        }

/*--------------------------------------
    article-listで使用されているcss
----------------------------------------*/
.article-list_td_padding {
    padding-top: 40px;
}
.article-list_td_br {
}
.h4_pt {
}
/*------------------------------------*/


/*--------------------------------------
    TOPに合わせてレイアウト微調整
----------------------------------------*/
/* articlelist、articleで使用 */
.site-title_01 {
    margin-left: -10px;
}

/* articlelist、共通レイアウトで使用 */
.logo_01 {
    margin-top: -4px;
}

/* articlelist、articleで使用 */
.navi-upper_01 {
    padding-right: 10px;
}

/* articlelist、articleで使用 */
.navi_01 {
    margin-left: -20px;
}

/*-------end-レイアウト調整-----------*/


/*ナビ*/
nav
{ display: block;}


/*ナビ*/
	.navPc{
		position: relative;
		bottom: 0;
		width: 100%;
		display: block;
		border-bottom: 1px solid #298eb5;
		margin-top: 5px;
		height: 83px;
	}
	#gnavPc{
		width: 960px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		padding-left: 3px;
	}
    #gnavPc ul{
        list-style: none;
    }
	#gnavPc > li{
		float: left;
        list-style: none;
	}
	#gnavPc > li > a{
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		height: 70px;
		text-align: center;
		display: inline-block;
		border-right: 1px solid #298eb5;
		cursor: pointer;
		padding-top: 13px;
		letter-spacing: 1.5px;
	}
	#gnavPc li a{
		color: #006aa7;
	}

    #gnavPc .a_foundation {
        color: #006aa7;
        font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		height: 70px;
		text-align: center;
		display: inline-block;
		border-right: 1px solid #298eb5;
		cursor: pointer;
		padding-top: 13px;
		letter-spacing: 1.5px;
        width: 190px;
    }

	#gnavPc > li > a span{
		font-size: 10px;
		letter-spacing: 1px;
	}

    #gnavPc .FL {
        font-family: Meiryo;
        font-size: 15px;
    }

    #gnavPc .line_height14{
        height: 14px;
    }
    #gnavPc .line_height7{
        height: 7px;
    }
/*=====PCナビメニュー(TOP)=====*/
	#gnavPc > li > a{
		width: 190px;
	}
	#gnavPc .borderL{
		border-left: 1px solid #298eb5;
	}


/*=====PCナビドロップメニュー=====*/
	#gnavPc .dropMenu{
		padding: 10px 20px 20px 30px;
		background: rgba(41,143,181,0.80);
		text-align: left;
		display: none;
	}
	#gnavPc .dropMenu li{
		margin-top: 10px;
		line-height: 20px;
	}
	#gnavPc .dropMenu a{
		color: #fff;
		position: relative;
		width: 100%;
        font-weight:bold;
		display: block;
	}
	#gnavPc .dropMenu a:before{
		/*background: url(../img/common/ico_arrow14.png) no-repeat;*/
		width: 3px;
		height: 5px;
		content: "";
		position: absolute;
		left: -10px;
		top: 7px;
	}


    /* お問い合わせフォーム */
    div.wpcf7 {
    margin: 0;
    padding: 0;
}
    div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

    .wpcf7-form-control-wrap {
    position: relative;
}
    div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000;
}

    .wpcf7-display-none {
    display: none;
}

    div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../Images/images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}
    input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

.break {
    white-space: pre-wrap;
}


.ul_work{
  margin: 0 auto;
  width:720px;
}
.ul_work li{
  list-style:none;
  margin-bottom: 10px;
  padding:10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
  border-left: solid 15px #fdcc00;
}

.tab-co-medical{
    background: #000;
    opacity: 0.95;
    border: 8px solid #fff;
}