/*===========================================
 全体CSS
===========================================*/

body,td{
font-size: 12px ;
color: #333333 ;
}

.a{
font-size: 12px ;
color: #666666 ;
text-decoration: underline ;
}

.a:hover{
font-size: 12px ;
color: #cccccc ;
text-decoration: none ;
}

.space{
width: 1px;
height: 80px;
}

/*===========================================
 学区ページCSS
===========================================*/

.totop{
text-align: right ;
}

.gakkudate1{
vertical-align: top ;
padding: 3px ;
width: 100px ;
}

.gakkudate2{
vertical-align: top ;
padding: 3px ;
width: 100px ;
border-top: 1px #808080 solid ;
border-right: 1px #808080 solid ;
border-bottom: 1px #808080 solid ;
border-left: 1px #808080 solid ;
}


/*===========================================
 よくある質問ページCSS
===========================================*/

.qadate{
border-collapse: collapse ;
width: 469px ;
table-layout: auto ;
}

.qadate td{
vertical-align: top ;
padding: 5px ;
}

.qaline{
border-collapse: collapse ;
width: 511px ;
height: 20px ;
}

.qadate2{
width: 430px ;
padding: 3px ;
border-collapse: collapse ;
table-layout: auto ;
}

.qadate2 td{
vertical-align: top ;
padding: 5px ;
}

.MX{
font-size: 7px ;
patting-top: 2px ;
}



/*===========================================
 スタッフ紹介ページ用CSS①スタッフリストページ
===========================================*/

/* ------------------------------
 部署分け
------------------------------ */

.busyo{ /*部署テーブル全体*/
width: 730px ; /*横幅*/
margin-top: 50px ; /*下余白*/
margin-bottom: 50px ; /*下余白*/
background-color: #FFFFFF ; /*背景色*/
border-top: 2px solid #000099 ; /*上枠*/
border-left: 2px solid #000099 ; /*左枠*/
border-bottom: 5px double #000099 ; /*下枠*/
border-right: 5px double #000099 ; /*右枠*/
}
.busyo td{ /*部署セル*/
font-size: 20px ; /*文字の大きさ*/
background-color: #0066CC ; /*背景色*/
color: #FFFFFF ; /*文字の色*/
font-weight: bold ; /*太字*/
padding: 8px ; /*余白*/
border-top: 2px solid #000099 ; /*上枠*/
border-left: 2px solid #000099 ; /*左枠*/
border-bottom: 5px double #000099 ; /*下枠*/
border-right: 5px double #000099 ; /*右枠*/
}

/* ------------------------------
 冒頭コメント
------------------------------ */

.introduction{ /*冒頭コメントテーブル全体*/
width: 700px ; /*横幅*/
background-color: #4169E1 ; /*背景色*/
border-collapse: separate ; /*枠線の間隔を空ける*/
border-spacing: 1px ; /*↑間隔幅*/
padding: 1px ; /*余白*/
}
.intro-w{ /*冒頭コメント枠白部分*/
width: 5px ; /*横幅*/
height: 5px ; /*高さ*/
background-color: #FFFFFF ; /*背景色*/
}
.intro-b{ /*冒頭コメント枠青部分*/
width: 5px ; /*横幅*/
height: 5px ; /*高さ*/
background-color: #4169E1 ; /*背景色*/
}
.introcome{ /*冒頭コメント文字部分*/
background-color: #FFFFFF ; /*背景色*/
padding: 3px ; /*余白*/
font-size: 14px ; /*文字の大きさ*/
}

/* ------------------------------
 詳細プロフィールへ文言
------------------------------ */

.click{
font-size: 15px ; /*文字の大きさ*/
color: #333333 ; /*文字の色*/
font-weight: bold ; /*太字*/
margin-botomm: 10px ;/*下余白*/
}

/* ------------------------------
 各個人の枠部分
------------------------------ */

.part-waku{ /*仕切りテーブル全体*/
width: 660px ; /*横幅*/
table-layout: fixed; /*列幅を均等にする*/
margin-top: 10px ;/*下余白*/
}
.part-waku td{ /*仕切りセル*/
padding: 7px ; /*余白*/
}

.personal{ /*各個人の枠テーブル全体*/
border-collapse: separate ; /*枠線の間隔を空ける*/
border-spacing: 1px ; /*↑間隔幅*/
background-color: #FFFFFF ; /*背景色*/
border: 2px solid #4682B4 ; /*枠線の太さ*/
padding: 1px ; /*余白*/
width: 100% ; /*横幅*/
height: 230px ; /*高さ*/
}
.personal td{ /*各個人の枠・セル内*/
background-color: #FFFFFF ; /*背景色*/
border: 1px solid #ADD8E6 ; /*枠線の太さ・種類・色*/
vertical-align: middle ; /*縦中央揃え*/
padding: 7px ; /*余白*/
}

/* ------------------------------
 各個人のリンク部分
------------------------------ */

.personalbox a{/*リンク部分*/
display: block ; /*画面固定*/
width: 100% ; /*横幅*/
height: 100% ; /*高さ*/
font-size: 14px ; /*文字の大きさ*/
color: #000000 ; /*文字の色*/
text-decoration: none ; /*リンク下線無*/
text-align: center ; /*文字を中央揃え*/
}
.personalbox a:hover{/*各個人リンクポインタ時*/
background-color: #E0FFFF ; /*背景色*/
color: #483D8B ; /*文字色*/
text-decoration: underline ; /*リンク下線*/
}
.personalbox img{ /*画像*/
margin-top: 10px ; /*上余白*/
margin-bottom: 10px ; /*下余白*/
}

/* ------------------------------
 社員旅行部分
------------------------------ */

.travel{/*社員旅行部分*/
background-color: #FFFFFF ; /*背景色*/
width: 660px ; /*横幅*/
}
.travel td{
background-color: .FFFFFF ; /*背景色*/
text-align: center ; /*文字の位置*/
font-size: 16px ; /*文字の大きさ*/
color: #333366 ;  /*文字色*/
padding : 10px ; /*余白*/
}


/*===========================================
 スタッフ紹介ページ用CSS②詳細ページ
===========================================*/


/* ------------------------------
 外枠線
------------------------------ */

.waku{/*外枠テーブル全体*/
width: 700px ; /*横幅*/
padding: 1px ; /*余白*/
margin-top: 25px ; /*上余白*/
margin-bottom: 25px ; /*下余白*/
background-color: #FFFFFF ; /*背景色*/
border: 4px double #000000 ; /*外枠*/
}
.wakuin{/*外枠セル*/
padding: 1px ; /*余白*/
border: 4px double #bebebe ; /*セル枠*/
background-color: #FFFFFF ; /*背景色*/
}

/* ------------------------------
 キャッチコピー
------------------------------ */

.cacthcopy{/*キャッチコピーテーブル全体*/
width: 100% ; /*横幅*/
}
.cacthcopy td{ /*キャッチコピーセル*/
font-size: 28px ; /*文字の大きさ*/
color: #000000 ; /*文字の色*/
font-weight: bold ; /*太字*/
padding: 0px ; /*余白*/
}

/* ------------------------------
 名前
------------------------------ */

.nameall{/*名前テーブル全体*/
width: 380px ; /*横幅*/
table-layout: auto ;
margin-top: 5px ; /*上余白*/
margin-left: 30px ; /*左余白*/
margin-bottom: 10px; /*下余白*/
padding: 0px ; /*セルの余白*/
}
.namekana{ /*ふりがな部分*/
font-size: 10px ; /*文字の大きさ*/
text-align: center ; /*文字の位置*/
padding: 0px ; /*セルの余白*/
}
.name{ /*名前部分*/
font-size: 40px ; /*文字の大きさ*/
font-weight: bold ; /*太字*/
text-align: center ; /*文字の位置*/
padding: 0px ; /*セルの余白*/
}
.namespace{ /*名前空白*/
width: 8px ; /*余白分の横幅*/
}
.nametenpo{ /*所属店舗・役職部分*/
width: 140px ; /*横幅*/
font-size: 18px ;  /*文字の大きさ*/
vertical-align: bottom ; /*文字の位置*/
padding-left: 20px ; /*左余白*/
padding-bottom: 5px ; /*下余白*/
}

/* ------------------------------
 似顔絵
------------------------------ */

.kao1{
width: 200px ;/*横幅*/
}

/* ------------------------------
 吹き出し
------------------------------ */

.fukidashi{/*吹き出しテーブル全体*/
border-collapse:collapse; /*枠線の間隔を空けない*/
border: 0px ; /*枠線*/
margin-top: 20px; /*上余白*/
margin-left: 30px ; /*左余白*/
margin-bottom: 20px; /*下余白*/
width: 380px ; /*横幅*/
}
.fukidashi tr td{ /*吹き出しセル*/
font-size: 15px ; /*文字の大きさ*/
padding:0px; /*セルの余白*/
}
.f-h1{ /*高さ1px*/
width: 1px ; /*横幅*/
height: 1px ; /*高さ*/
border: 0px ; /*枠線*/
border-collapse: collapse ; /*枠線の間隔を空けない*/
padding: 0px ; /*セルの余白*/
}
.f-w16{ /*幅16px*/
width: 16px ; /*横幅*/
border: 0px ; /*枠線*/
border-collapse: collapse ; /*枠線の間隔を空けない*/
padding: 0px ; /*セルの余白*/
}
.f-black{ /*背景黒*/
width: 1px ; /*横幅*/
height: 1px ; /*高さ*/
background-color: #000000 ; /*背景色*/
vertical-align: middle ; /*文字の位置*/
border-collapse: collapse ; /*枠線の間隔を空けない*/
padding: 0px ; /*セルの余白*/
}
.f-white{ /*背景白*/
height: 1px ; /*高さ*/
background-color: #FFFFFF ; /*背景色*/
vertical-align: middle ; /*文字の位置*/
border-collapse: collapse ; /*枠線の間隔を空けない*/
padding: 0px ; /*セルの余白*/
}
.f-speak{ /*セリフ*/
width: 100% ;
background-color: #FFFFFF ; /*背景色*/
vertical-align: middle ; /*文字の位置*/
border-collapse: collapse ; /*枠線の間隔を空けない*/
padding: 0px ; /*セルの余白*/
}

/* ------------------------------
 プロフィール
------------------------------ */

.profile{ /*プロフィールテーブル全体*/
padding: 4px ;/*余白*/
margin-left: 30px ; /*左余白*/
border-collapse: collapse ; /*枠線の隙間を空けない*/
border: 1px solid #E0FFFF ;/*枠線・太さ・種類・色*/
width: 380px ; /*横幅*/
}
.pro-gra1{ /*グラデ部分1*/
background-color: #00BFFF ; /*背景色*/
width: 6px ; /*横幅*/
}
.pro-gra2{ /*グラデ部分2*/
background-color: #87CEFA ; /*背景色*/
width: 5px ; /*横幅*/
}
.pro-gra3{ /*グラデ部分3*/
background-color: #B0E0E6 ; /*背景色*/
width: 4px ; /*横幅*/
}
.pro-date{
font-size: 14px ; /*文字の大きさ*/
padding: 6px ;/*余白*/
border-bottom: 1px dashed #87CEFA ; /*下線 太さ・種類・色*/
}
.pro-title{/*項目部分*/
font-size: 14px ; /*文字の大きさ*/
width: 50px ; /*横幅*/
padding: 6px ;/*余白*/
border-bottom: 1px dashed #87CEFA ; /*下線 太さ・種類・色*/
background-color: #E0FFFF ; /*背景色*/
text-align: justify ; /*均等割り付け*/
text-justify: distribute-all-lines ; /*均等割り付け*/
}
.pro-datebottom{
padding: 6px ;/*余白*/
}

/* ------------------------------
 同僚からのコメント
------------------------------ */

.comment{ /*同僚からのコメントテーブル全体*/
width: 600px ; /*横幅*/
margin-top: 15px ; /*上余白*/
margin-left: 30px ; /*左余白*/
margin-bottom: 30px ; /*下余白*/
padding: 6px ;/*余白*/
}
.comment td{ /*同僚からのコメントセル*/
font-size: 15px ; /*文字の大きさ*/
color: #000066 ; /*文字の色*/
padding: 6px ; /*余白*/
}
.g-comment ul li{/*同僚からのコメントリスト*/
list-style-type: disc ;
padding: 1px ;
margin: 0 0 0 1.5em ;
}

/* ------------------------------
 下部リンク
------------------------------ */

.slink{
text-align: right ; /*文字の位置*/
}


/*===========================================
 保険ページ用
===========================================*/

.h-header{
width: 680px;
}

.h-waku{
width: 660px ;/*横幅*/
margin-top: 30px ;/*上余白*/
table-layout: fixed;
}

.h-intro{
width: 600px ;/*横幅*/
padding: 10px ; /*余白*/
font-size: 14px ; /*文字の大きさ*/
}

.h-notes{
vertical-align: top; /*文字の位置*/
color: #cc0000; /*文字の色*/
}