@charset "shift_jis";

/*
--------------------------------------------------------------------------------
 yha-net.jp form CSS Settings

 FileName : common.css
 Date     : 2011-10-05 NEW Kazutaka.Yamada

 Copyright(C) 2011 Toukei Computer Co.,Ltd. All Rights Reserved.
--------------------------------------------------------------------------------
*/


/* 病院ファイル専用
------------------------------------------------------------------------------*/
.ttl_medfiles_name {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 10px 0;
}
.ttl_medfiles_name img {
    vertical-align: middle;
    padding: 0 10px 0 0;
}
.ttl_medfiles_item01 {
    border: 1px solid #685bff;
    background: #aea1ff;
    padding: 5px;
    font-size: 90%;
    text-align:center;
    font-weight: bold;
}

table.tbl_meddata01 {
    margin: 0 auto;
    width: 100%;
}
table.tbl_meddata01 th {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #CCCCFF;
    font-size: 95%;
    /*font-weight: bold;*/
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:left;
    width: 150px;
}
table.tbl_meddata01 th img {
    vertical-align: bottom;
    padding: 0 0 0 5px;
}
table.tbl_meddata01 td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 95%;
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:left;
}
table.tbl_meddata01 td img {
/*    vertical-align: middle;*/
/*    padding: 0 5px 0 5px;*/
}


table.tbl_medfiles01 {
    margin: 0 auto;
    width: 100%;
}
table.tbl_medfiles01 th {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #FAFAFA;
    font-size: 80%;font-weight: bold;
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:left;
}
table.tbl_medfiles01 th img {
    vertical-align: bottom;
    padding: 0 0 0 5px;
}
table.tbl_medfiles01 td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 80%;
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:left;
}
table.tbl_medfiles01 td img {
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

table.tbl_medfiles02 {
    margin: 0 auto;
    width: 100%;
}
table.tbl_medfiles02 th {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #FAFAFA;
    font-size: 80%;font-weight: bold;
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:left;
}
table.tbl_medfiles02 th img {
    vertical-align: bottom;
    padding: 0 0 0 5px;
}
table.tbl_medfiles02 td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 80%;
    color: #444444;
    padding: 10px 10px 10px 10px;
    text-align:center;
}
table.tbl_medfiles02 td img {
    vertical-align: middle;
    padding: 0 5px 0 5px;
}




/* navi
------------------------------------------------------------------------------*/
#navi li {
    padding: 0 0 5px 0;
}










/* Footer
------------------------------------------------------------------------------*/
div#footer address {
    text-align:center;
    color: #fff;
    padding: 25px 0 0 0;
    font-size: 95%;
}
/*----------------------------------------------------------------------------*/


/* Common
------------------------------------------------------------------------------*/
.box_bottom01 {
    margin: 20px auto;
    padding: 10px 0 10px 0;
    text-align: center;
    background: #F8F4F4;
}
.box_bottom02 {
    margin: 20px auto;
    padding: 20px 0 20px 0;
    text-align: center;
}
.box_buttom01 {
    margin: 20px auto;
    padding: 10px 0 10px 0;
    text-align: center;
    background: #F8F4F4;
}
.box_buttom01 .box_buttom01_left { float:left;background: #F8F4F4;}
.box_buttom01 .box_buttom01_right { float:right;background: #F8F4F4;}
/*** タイトル関係 ***/
.ttl_pagemain01 {
    background: url("/img/title/ttl_pagemain01.gif") left top no-repeat;
    width: 621px;height: 32px;
    color: #FFFFFF;
    font-size: 16px;font-weight: bold;
    line-height: 32px;
    padding: 3px 0 0 35px;
}
.ttl_pagesub01 {
    margin: 5px 0 0 0;
    padding: 0 0 3px 10px;
    width: 646px;
    color: #666666;
    font-size: 14px;font-weight: bold;
    border-bottom: 3px solid #D7BD90;
    line-height: 100%;
}

/*** タイトル関係（フォーム・登録関係） ***/
.ttl_pagemain10 {
    background: url("/img/title/ttl_mypage01.gif") repeat-x left top;
    width: 100%;height: 43px;
    color: #444444;
    font-size: 16px;font-weight: bold;
    line-height: 43px;
    padding: 5px 0 0 10px;
/*    border-bottom: 1px solid #dddddd;*/
    margin: 0 0 10px 0;
}
.ttl_pagesub10 {
    background: url("/img/icon/icon_circle.gif") left top no-repeat;
    width: 100%;
    line-height: 18px;
    color: #444444;
    font-size: 14px;font-weight: bold;
    padding: 0 0 0 20px;
}

/*** 説明文章関係 ***/
.cap_text01 {
    font-size: 13px;
    color: #444444;
    line-height: 150%;
    margin: 0 auto;
    display: inline;
}
.cap_text02 {
    font-size: 13px;
    color: #444444;
    line-height: 150%;
    margin: 0 auto;
    display: inline;
}
.cap_text03 {
    font-size: 14px;
    color: #444444;
    line-height: 150%;
    margin: 0 auto;
    display: inline;
}
p.cap_text04 {
    font-size: 14px;
    color: #444444;
    line-height: 150%;
    margin: 0 auto;
}
/*** 入力時補足文章関係 ***/
.cap_input01 {
    font-size: 10px;font-weight: bold;
    color: #FF6F8B;
    display: inline;
}
/*** 入力フォームテーブル関係 ***/
table.tbl_basic01 {
    margin: 0 auto;
    width: 100%;
}
table.tbl_basic01 th {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    background: #FAFAFA;
    font-size: 13px;font-weight: bold;
    color: #444444;
    padding: 10px 10px 10px 10px;
}
table.tbl_basic01 th img {
    vertical-align: bottom;
    padding: 0 0 0 5px;
}
table.tbl_basic01 td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    font-size: 13px;
    color: #444444;
    padding: 10px 10px 10px 10px;
}
table.tbl_basic01 td img {
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

table.tbl_basic02 {
    margin: 0 auto;
    width: 100%;
}
table.tbl_basic02 th {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #FAFAFA;
    font-size: 13px;font-weight: bold;
    color: #444444;
    padding: 10px 10px 10px 10px;
}
table.tbl_basic02 th img {
    vertical-align: bottom;
    padding: 0 0 0 5px;
}
table.tbl_basic02 td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 13px;
    color: #444444;
    padding: 10px 10px 10px 10px;
}




/* Floating Box Clear
------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";       /* 新しい要素を作る */
    display: block;     /* ブロックレベル要素に */
    clear: both;
    height: 0px;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


/*
 クラスについて
 共通化できない部分などに設定してください。
 ※制作するサイトに合わせて変更等をしてください。
*/




/* Font Size
------------------------------------------------------------------------------*/
.fs1    {font-size: 8px;}
.fs2    {font-size: 9px;}
.fs3    {font-size: 10px;}
.fs4    {font-size: 11px;}
.fs5    {font-size: 12px;}
.fs6    {font-size: 13px;}
.fs7    {font-size: 14px;}
.fs8    {font-size: 15px;}
.fs9    {font-size: 16px;}
.fs10   {font-size: 17px;}


/* Font Color
------------------------------------------------------------------------------*/
.fc0    {color: #000000;}
.fc1    {color: #111111;}
.fc2    {color: #222222;}
.fc3    {color: #333333;}
.fc4    {color: #444444;}
.fc5    {color: #555555;}
.fc6    {color: #666666;}
.fc7    {color: #777777;}
.fc8    {color: #888888;}
.fc9    {color: #999999;}
.fc10   {color: #AAAAAA;}
.fc11   {color: #BBBBBB;}
.fc12   {color: #CCCCCC;}
.fc13   {color: #DDDDDD;}
.fc14   {color: #EEEEEE;}

/*白系*/
.fcw1   {color: #FFFFF;}


/*赤系*/
.fcr1  {color: #FF0000;}

/*緑系*/
.fcg1  {color: #00FF00;}


/*青系*/
.fcb1  {color: #0000FF;}


/* Font Weight
------------------------------------------------------------------------------*/
.fw1    {font-weight:bold;}

/* Line Height
------------------------------------------------------------------------------*/
.lh1    {line-height: 110%;}
.lh2    {line-height: 120%;}
.lh3    {line-height: 130%;}
.lh4    {line-height: 140%;}
.lh5    {line-height: 150%;}
.lh6    {line-height: 160%;}
.lh7    {line-height: 170%;}
.lh8    {line-height: 180%;}
.lh9    {line-height: 190%;}
.lh10   {line-height: 200%;}


/* Border
------------------------------------------------------------------------------*/
.bo1    { border: 1px solid #CCCC99;}
.bo2    { border:#000000;}
.bo3    { border:;}
.bo4    { border:;}
.bo5    { border:;}


/* BackGround Color
------------------------------------------------------------------------------*/
.bc1    {background-color:#ffffff;}
.bc2    {background-color:#000000;}
.bc3    {background-color:#f3f3f3;}
.bc4    {background-color:;}
.bc5    {background-color:;}


/* Display Position
------------------------------------------------------------------------------*/
.x1     {text-align: left;}
.x2     {text-align: center;}
.x3     {text-align: right;}
.y1     {vertical-align: top;}
.y2     {vertical-align: middle;}
.y3     {vertical-align: bottom;}


/* Padding
------------------------------------------------------------------------------*/
.p1     {padding: 1px;}
.p2     {padding: 2px;}
.p3     {padding: 3px;}
.p4     {padding: 4px;}
.p5     {padding: 5px;}
.p6     {padding: 6px;}
.p7     {padding: 7px;}
.p8     {padding: 8px;}
.p9     {padding: 9px;}
.p10    {padding: 10px;}
.p11    {padding: 11px;}
.p12    {padding: 12px;}
.p13    {padding: 13px;}
.p14    {padding: 14px;}
.p15    {padding: 15px;}
.p16    {padding: 16px;}
.p17    {padding: 17px;}
.p18    {padding: 18px;}
.p19    {padding: 19px;}
.p20    {padding: 20px;}

.ptb5    {padding: 5px 0 5px 0;}
.ptb10   {padding: 10px 0 10px 0;}

.pt0    {padding-top: 0px;}
.pt1    {padding-top: 1px;}
.pt2    {padding-top: 2px;}
.pt3    {padding-top: 3px;}
.pt4    {padding-top: 4px;}
.pt5    {padding-top: 5px;}
.pt10    {padding-top: 10px;}
.pt15    {padding-top: 15px;}
.pt20    {padding-top: 20px;}


.pb0    {padding-bottom: 0px;}
.pb1    {padding-bottom: 1px;}
.pb1    {padding-bottom: 2px;}
.pb3    {padding-bottom: 3px;}
.pb4    {padding-bottom: 4px;}
.pb5    {padding-bottom: 5px;}
.pb10    {padding-bottom: 10px;}
.pb15    {padding-bottom: 15px;}
.pb20    {padding-bottom: 20px;}

.pr0    {padding-right: 0px;}
.pr1    {padding-right: 1px;}
.pr5    {padding-right: 5px;}
.pr10    {padding-right: 10px;}
.pr15    {padding-right: 15px;}
.pr20    {padding-right: 20px;}

.pl0    {padding-left: 0px;}
.pl1    {padding-left: 1px;}
.pl5    {padding-left: 5px;}
.pl10    {padding-left: 10px;}
.pl15    {padding-left: 15px;}
.pl20    {padding-left: 20px;}

.ptb5   {padding-top: 5px;padding-bottom: 5px;}

/* Margin
------------------------------------------------------------------------------*/
.mt10    {margin-top: 10px;}
.mt15    {margin-top: 15px;}
.mt20    {margin-top: 20px;}
.mb10    {margin-bottom: 10px;}



/* Width 5px-1000px
------------------------------------------------------------------------------*/
.w5   {width: 5px;}
.w10   {width: 10px;}
.w15   {width: 15px;}
.w20   {width: 20px;}
.w25   {width: 25px;}
.w30   {width: 30px;}
.w35   {width: 35px;}
.w40   {width: 40px;}
.w45   {width: 45px;}
.w50   {width: 50px;}
.w55   {width: 55px;}
.w60   {width: 60px;}
.w65   {width: 65px;}
.w70   {width: 70px;}
.w75   {width: 75px;}
.w80   {width: 80px;}
.w85   {width: 85px;}
.w90   {width: 90px;}
.w95   {width: 95px;}
.w100   {width: 100px;}
.w105   {width: 105px;}
.w110   {width: 110px;}
.w115   {width: 115px;}
.w120   {width: 120px;}
.w125   {width: 125px;}
.w130   {width: 130px;}
.w135   {width: 135px;}
.w140   {width: 140px;}
.w145   {width: 145px;}
.w150   {width: 150px;}
.w155   {width: 155px;}
.w160   {width: 160px;}
.w165   {width: 165px;}
.w170   {width: 170px;}
.w175   {width: 175px;}
.w180   {width: 180px;}
.w185   {width: 185px;}
.w190   {width: 190px;}
.w195   {width: 195px;}
.w200   {width: 200px;}
.w205   {width: 205px;}
.w210   {width: 210px;}
.w215   {width: 215px;}
.w220   {width: 220px;}
.w225   {width: 225px;}
.w230   {width: 230px;}
.w235   {width: 235px;}
.w240   {width: 240px;}
.w245   {width: 245px;}
.w250   {width: 250px;}
.w255   {width: 255px;}
.w260   {width: 260px;}
.w265   {width: 265px;}
.w270   {width: 270px;}
.w275   {width: 275px;}
.w280   {width: 280px;}
.w285   {width: 285px;}
.w290   {width: 290px;}
.w295   {width: 295px;}
.w300   {width: 300px;}
.w305   {width: 305px;}
.w310   {width: 310px;}
.w315   {width: 315px;}
.w320   {width: 320px;}
.w325   {width: 325px;}
.w330   {width: 330px;}
.w335   {width: 335px;}
.w340   {width: 340px;}
.w345   {width: 345px;}
.w350   {width: 350px;}
.w355   {width: 355px;}
.w360   {width: 360px;}
.w365   {width: 365px;}
.w370   {width: 370px;}
.w375   {width: 375px;}
.w380   {width: 380px;}
.w385   {width: 385px;}
.w390   {width: 390px;}
.w395   {width: 395px;}
.w400   {width: 400px;}
.w405   {width: 405px;}
.w410   {width: 410px;}
.w415   {width: 415px;}
.w420   {width: 420px;}
.w425   {width: 425px;}
.w430   {width: 430px;}
.w435   {width: 435px;}
.w440   {width: 440px;}
.w445   {width: 445px;}
.w450   {width: 450px;}
.w455   {width: 455px;}
.w460   {width: 460px;}
.w465   {width: 465px;}
.w470   {width: 470px;}
.w475   {width: 475px;}
.w480   {width: 480px;}
.w485   {width: 485px;}
.w490   {width: 490px;}
.w495   {width: 495px;}
.w500   {width: 500px;}
.w505   {width: 505px;}
.w510   {width: 510px;}
.w515   {width: 515px;}
.w520   {width: 520px;}
.w525   {width: 525px;}
.w530   {width: 530px;}
.w535   {width: 535px;}
.w540   {width: 540px;}
.w545   {width: 545px;}
.w550   {width: 550px;}
.w555   {width: 555px;}
.w560   {width: 560px;}
.w565   {width: 565px;}
.w570   {width: 570px;}
.w575   {width: 575px;}
.w580   {width: 580px;}
.w585   {width: 585px;}
.w590   {width: 590px;}
.w595   {width: 595px;}
.w600   {width: 600px;}
.w605   {width: 605px;}
.w610   {width: 610px;}
.w615   {width: 615px;}
.w620   {width: 620px;}
.w625   {width: 625px;}
.w630   {width: 630px;}
.w635   {width: 635px;}
.w640   {width: 640px;}
.w645   {width: 645px;}
.w650   {width: 650px;}
.w655   {width: 655px;}
.w660   {width: 660px;}
.w665   {width: 665px;}
.w670   {width: 670px;}
.w675   {width: 675px;}
.w680   {width: 680px;}
.w685   {width: 685px;}
.w690   {width: 690px;}
.w695   {width: 695px;}
.w700   {width: 700px;}
.w705   {width: 705px;}
.w710   {width: 710px;}
.w715   {width: 715px;}
.w720   {width: 720px;}
.w725   {width: 725px;}
.w730   {width: 730px;}
.w735   {width: 735px;}
.w740   {width: 740px;}
.w745   {width: 745px;}
.w750   {width: 750px;}
.w755   {width: 755px;}
.w760   {width: 760px;}
.w765   {width: 765px;}
.w770   {width: 770px;}
.w775   {width: 775px;}
.w780   {width: 780px;}
.w785   {width: 785px;}
.w790   {width: 790px;}
.w795   {width: 795px;}
.w800   {width: 800px;}
.w805   {width: 805px;}
.w810   {width: 810px;}
.w815   {width: 815px;}
.w820   {width: 820px;}
.w825   {width: 825px;}
.w830   {width: 830px;}
.w835   {width: 835px;}
.w840   {width: 840px;}
.w845   {width: 845px;}
.w850   {width: 850px;}
.w855   {width: 855px;}
.w860   {width: 860px;}
.w865   {width: 865px;}
.w870   {width: 870px;}
.w875   {width: 875px;}
.w880   {width: 880px;}
.w885   {width: 885px;}
.w890   {width: 890px;}
.w895   {width: 895px;}
.w900   {width: 900px;}
.w905   {width: 905px;}
.w910   {width: 910px;}
.w915   {width: 915px;}
.w920   {width: 920px;}
.w925   {width: 925px;}
.w930   {width: 930px;}
.w935   {width: 935px;}
.w940   {width: 940px;}
.w945   {width: 945px;}
.w950   {width: 950px;}
.w955   {width: 955px;}
.w960   {width: 960px;}
.w965   {width: 965px;}
.w970   {width: 970px;}
.w975   {width: 975px;}
.w980   {width: 980px;}
.w985   {width: 985px;}
.w990   {width: 990px;}
.w995   {width: 995px;}
.w1000   {width: 1000px;}


/* Height
------------------------------------------------------------------------------*/
.h20    {height: 20px;}
.h25    {height: 25px;}
.h28    {height: 28px;}
.h30    {height: 30px;}