@charset "utf-8";

/*=============================
subpage CSS
===============================*/


/*----------------------
cause.html
------------------------*/

#cause h3 {
    margin-top: 30px;
}

#couse_box {
    margin-top: 30px;
}

#couse_box li {
    float: left;
    width: 280px;
    display: block;
}


/*----------------------
selfcheck.html
------------------------*/

#selfcheck label {
    margin-bottom: 20px;
    float: none;
    display: block;
}

#check,
#check02 {
    background-color: #D4FF5D;
    padding: 10px 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    width: 180px;
}

#check:hover,
#check02:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: “alpha( opacity=60)”;
}

input[type="button"]::-moz-focus-inner {
    border: 0px;
}

.check_message {
    width: 600px;
    margin: 20px auto;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #F0F5F5;
    height: 200px;
}


/*-----------------------
price.html
-------------------------*/

table.price {
    width: 80%;
    border-collapse: separate;
    border-spacing: 0 10px;
    background-color: #ffffff;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

table.price h2 {
    margin-bottom: 0;
}

table.price th {
    vertical-align: middle;
    margin: 0;
    text-align: left;
    color: #323232;
    font-size: 12px;
    font-weight: normal;
    width: 50%;
}

table.price td.data {
    margin: 0;
    border: none;
    color: #FF6464;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    width: 25%;
    padding-top: 0;
    padding-right: 50px;
    padding-bottom: 0;
    padding-left: 0;
}

table.price td.fst {
    color: #323232;
}

table.price td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}

table.price td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
}

hr.hr_price {
    width: 100%;
}


/*-----------------------
therapy.html
-------------------------*/

.harg {
    background-image: url(../images/therapy/image_therapy2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

.aga_drug li {
    float: left;
    margin-bottom: 33px;
}


/*-----------------------
medicare.html
-------------------------*/

.medicare {
    background-image: url(../images/medicate/image_prescription1.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}


/*------------------------
prpecia
-------------------------*/

.propecia_btn {
    width: 596px;
    margin: 0 auto;
    clear: both;
    padding-top: 30px;
}

.propecia_btn li {
    float: left;
}

.propecia_threes_btn {
    width: 894px;
    margin: 0 auto;
    clear: both;
    padding-top: 30px;
}

.propecia_threes_btn li {
    float: left;
    margin-bottom: 30px;
}

ul.propecia_threes_btn li:nth-child(1),
ul.propecia_threes_btn li:nth-child(2),
ul.propecia_threes_btn li:nth-child(4),
ul.propecia_threes_btn li:nth-child(5) {
    margin-right: 30px;
}

.side_effect {
    width: 100%;
    border-collapse: collapse;
    clear: both;
}

.side_effect th {
    width: 25%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #ffffff;
    background-color: #91DCDB;
    border: 1px solid #91DCDB;
}

.side_effect td {
    padding: 6px;
    background-color: #fff;
    border: 1px solid #91DCDB;
}

.side_effect td.effect_midashi {
    text-align: center;
    vertical-align: middle;
}

.propecia {
    background-image: url(../images/medicate/image_propecia1_0.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}


/*------------------------
original
-------------------------*/

.original {
    background-image: url(../images/medicate/image_oriiginal1.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}


/*------------------------
harg.html
-------------------------*/

.harg_bg {
    background-image: url(../images/therapy/image_harg1.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}


/*------------------------
sitemap.html
-------------------------*/

.sitemap_box {
    width: 210px;
    display: block;
    float: left;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 10px;
}

.sitemap_box a {
    color: #323232;
    text-decoration: none;
}

.sitemap_box a:hover {
    text-decoration: underline;
    color: #00c2d9;
}

.sitemap_box dt {
    font-weight: 600;
    margin-bottom: 10px;
}

.sitemap_box dd {
    margin-bottom: 10px;
    margin-left: 20px;
}


/*-----------------------
side_effect.html
-------------------------*/

.side_effect_bg {
    background-image: url(../images/side_effect/image_side_effect1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}


/*---------------------
写真添付用
-----------------------*/

.photo_message {
    border: #cccccc 1px solid;
    padding: 40px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.photo_message h2,
.photo_message h3 {
    text-align: center;
    margin-bottom: 40px;
}

.photo_message p {
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 20px;
}

.photo_message .red {
    color: #FF0000;
    font-weight: bold;
}

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

.center {
    text-align: center;
}


/*先生からのメッセージ*/

.dr_message {
    border: none;
    margin: 0 auto;
    background-image: url(../images/index/dr.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 400px;
    background-color: #FFFFFF;
}

.dr_message p {
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 20px;
}

.dr_message h2,
.dr_message h3 {
    text-align: left;
    margin-bottom: 40px;
}


/*---------------------
faq
-----------------------*/

.aga_faq {
    overflow: hidden;
}

.aga_faq li h3 a {
    color: #00c2d9;
}

.aga_faq li h3 a:hover {
    text-decoration: underline;
}

.aga_faq li {
    float: left;

    margin-bottom: 30px;
}

ul.aga_faq li:nth-child(1),
ul.aga_faq li:nth-child(2),
ul.aga_faq li:nth-child(4),
ul.aga_faq li:nth-child(5),
ul.aga_faq li:nth-child(7),
ul.aga_faq li:nth-child(8),
ul.aga_faq li:nth-child(10),
ul.aga_faq li:nth-child(11),
ul.aga_faq li:nth-child(13) {
    margin-right: 30px;
}

.aga_faq li .detailed a {
    display: block;
    width: 180px;
    color: #ffffff;
    background: #28eaff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #28eaff 0%, #00c2d9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28eaff), color-stop(100%, #00c2d9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #28eaff 0%, #00c2d9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #28eaff 0%, #00c2d9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #28eaff 0%, #00c2d9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #28eaff 0%, #00c2d9 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#28eaff', endColorstr='#00c2d9', GradientType=0);
    /* IE6-9 */
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    margin-top: 20px;
}

.aga_faq li .detailed a:hover {
    text-decoration: none;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: “alpha( opacity=60)”;
}

.aga_faq li .detailed a:visited {
    text-decoration: none;
}

a.aga_faq_link:link {
    color: #00C2D9;
    text-decoration: underline;
    font-weight: bold;
}

a.aga_faq_link:visited {
    color: #00C2D9;
    text-decoration: underline;
}

a.aga_faq_link:hover {
    color: #00C2D9;
    text-decoration: none;
}

a.aga_faq_link:active {
    color: #00C2D9;
    text-decoration: underline;
}


/*---------------------
zagallo
-----------------------*/

.column_wrap {
    width: 100%;
    margin: 0px auto;
}

.zagallo_threes_btn {
    width: 894px;
    margin: 0 auto;
    clear: both;
    padding-top: 30px;
}

.zagallo_threes_btn li {
    float: left;
    margin-bottom: 30px;
    margin-right: 4px;
}

.orange {
    color: #fa7716;
}

.zagallo {
    background-image: url(../../images/zagallo/zagallo_tablet.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.zagallo_headillst {
    background-image: url(../../images/zagallo/head_illust.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.w70 {
    width: 70%;
}

.spec td {
    vertical-align: middle;
}

.largebold {
    font-weight: bold;
    font-size: 120%;
}

.mt-40 {
    margin-top: -40px;
}

.ml100 {
    margin-left: 100px;
}

.testspec {
    width: 98%;
    border-collapse: collapse;
}

.testspec th {
    width: 20%;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #333;
    background-color: #eee;
    border: 1px solid #b9b9b9;
}

.testspec td {
    padding: 6px;
    border: 1px solid #b9b9b9;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.testspec td .lefty {
    text-align: left;
}

.thtr {
    height: 50px;
}

.indent10 {
    text-indent: 10px;
}

.sermon {
    background-color: #f5cfbe;
}

.small {
    font-size: 80%;
}

.large_orange {
    color: #e5680b;
    font-weight: bold;
    font-size: 160%;
}

.middle_orange {
    color: #e5680b;
    font-weight: bold;
    font-size: 120%;
}