@charset "utf-8";

body{
/*font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
/*color:#252525;*/
background: #ffffff url("../img/wood_bg2.png") repeat;
}

img{border:0;}
.clear{clear:both;}
/*p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}*/


/*************
フォント調整
*************/

.tx10 {
	font-size: 10px;
}
table.doctor th {
	font-size: 16px;
	line-height: 26px;
}
.tx16b {
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
}
.tx18 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.tx28 {
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
}

/*************
改行調整
*************/
.pdg0 {
	padding-top: 0px;
	clear: both;
}
.pdg10 {
	padding-top: 10px;
	clear: both;
}
.pdg5 {
	padding-top: 5px;
	clear: both;
}
.pdg20 {
	padding-top: 20px;
	clear: both;
}
.pdg30 {
	padding-top: 30px;
	clear: both;
}
.pdg40 {
	padding-top: 40px;
	clear: both;
}
.pdg50 {
	padding-top: 50px;
	clear: both;
}



/*************
全体幅
*************/
#header,#header2, #container{
margin: 0 auto;
width: 960px;

}

.inner{
margin: 0 auto;
width: 960px;
}


/*************
/* ヘッダー
*************/
#header{
position:relative;
height: 50px;
}

#headerArea_top{
position:relative;
height: 190px;
background: #ffffff url("../img/headerarea.png") no-repeat;

}


#headerArea{
position:relative;
height: 170px;
background: #ffffff;

}



#headerTitle{
font-size: 12px;
font-weight:bold;
color:#006699;
height: 30px;
text-align:left;
text-indent:20px;
line-height:30px;
background:#ffffff;
}



#header2{
position:relative;
height: 100px;
}

#header3{
position:relative;
height: 90px;
}


#header #login_info{
	align:center;
	margin:0;
	top:50px;
	left:90px;
	position:absolute;
	width:350px;
	height:40px;
	color: #F981AB;
	border:1px solid #F981AB;
	background:#F981AB;

}


#header #step{
	align:center;
	margin:0;
	top:100px;
	left:0px;
	position:absolute;
	width:960px;
	height:90px;
	color: #F981AB;
}




#header h1,#header h2, #header h3, #header h4, #header ul, #header .banners,
    #header2 h1,#header2 h2, #header2 h3, #header2 h4, #header2 ul, #header2 .banners{
position:absolute;
top:0;
color: #fff;
font-size: 12px;
line-height: 30px;
}


#header .info{
float:left;
height: 80px;
width:350px;
margin-left:600px;

}


#header h1,#header2 h1{top: 0px;margin:0;padding:0;}

#header h2,#header2 h2{right:0;margin:0;padding:10px;}

/* ロゴの位置 */
#header h1{
float:left;
top: 0px;
margin-left:0px;
}

.head_btn{
float:right;
top: 0px;
width:144px;
color:#000000;
margin-right:10px;
font-size:10px;
text-align:center;
line-height:30px;
background: #ffffff url("../img/head_btn.png") no-repeat;
}


/* ヘッドボタンの位置 */
#header h4,#header2 h4{
margin-left: 15px;
top: 50px;
right: 0px;}





/* システムロゴ*/
#system_logo{
float:left;
height: 120px;
width: 120px;
}


/* エントリータイトル　*/
#entry_area{
margin: 0 auto;
width: 920px;
height: 70px;
background:#fff;
text-align:left;
border-bottom:1px solid #999;
padding:20px;
}

/* エントリータイトル　*/
#entry_area .title{
float:left;
width:500px;
color:#666666;

}



/* エントリーロゴ　*/
#entry_area .logo{
margin-left:110px;
float:left;
right:0px;
width:300px;
height:50px;
}


/************************************
/* メインナビゲーション
************************************/
#mainnav{
margin: 0 auto;
width: 960px;
height: 50px;
background:#fff url(../img/head_bg.png) repeat-x 0;
}

/* 氏名の位置 */
#mainnav1{
position:relative;
top: 15px;
left: 550px;
width: 300px;
padding: 3px 10px;
font-size: 12px;
font-weight: bold;
background:#fff;
border-radius: 5px 5px 5px 5px;
}

/*  */
/*#mainnav2{
position:relative;
top: -5px;
left: 880px;
width: 50px;
padding: 3px 10px;
font-size: 8px;
font-weight: bold;
color:#fff;
}*/
#mainnav2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    left: 878px;
    padding: 4px 12px;
    position: relative;
    text-align: center;
    top: -12px;
    width: 50px;
}

#mainnav2 a{
    color:#000000;
}


/************************************
/* メニューナビゲーション
************************************/
#menunav{
margin: 0 auto;
width: 960px;
/*height: 5px;*/
font-size: 10px;
background:#fff;
}

#menunav1{
position:relative;
left:10px;
width: 600px;
height: 5px;
font-size: 10px;
background:#fff;
}

#menunav2{
position:relative;
top:-25px;
left:780px;
width: 160px;
height: 5px;
font-size: 10px;
background:#ff0;
}

#lnkBtnTop:before {
    color: #ffffff;
    /*content:"▲";*/
    left:0;
}

#lnkBtnTop {
    background:#0A7BA9;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    display:inline-block;
    width:160px;
    height:20px;
    padding-top:5px;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
    font-size:10px;
    font-size:1.0rem;
}

 a:active#lnkBtnTop {
    position:relative !important;
    top:0 !important;
    left:0 !important;
    text-decoration:none !important;
}



/************************************
/* フロートナビゲーション
************************************/
#floatnav1{
position:fixed;
top: 20%;
right: 0px;
width: 45px;
height: 45px;
}

#floatnav2{
position:fixed;
bottom: 5%;
right: 0px;
width: 45px;
height: 45px;
}



/*************
メイン画像
*************/
#mainImage{

background:#fff;
}


/*************
コンテンツ全体
*************/
#container{
padding: 0px;
background:#ffffff;
box-shadow:0px 0px 10px #999;

}



/* H3 見出し */
#container h3{
margin-bottom:0px;
padding-bottom:0px;
color: #996633;
text-align:left;
background:url(../img/h3.gif) repeat-x 0 100%;

	font-size:14px;
	text-indent:10px;
	line-height:30px;
	height:30px;
	background: url(../img/page3_title.png) no-repeat;
	margin-bottom:10px;
	margin-left:65px;
}

/* 2つ目以降の H3 見出し */
#container h3.other{
margin-bottom:10px;
padding-bottom:5px;
color: #298fb5;
background:url(../img/h3.gif) repeat-x 0 100%;
}

#container h5{
padding-top:10px;
height:25px;
background-size:cover;
}
#container h5 span.tlText {
padding-left:45px;
color: #ffffff;
font-size: 12px;
font-size:1.2rem;
}
#container h5 span.btnTitle {
    margin: 0;
    right: 0;
    padding-right:2px;
    float:right;
    display: inline;
    font-size: 12px;
    font-size:1.2rem;
    font-weight: bold;
    margin: 0 0 0 10px;
}
#container h5 span.btnTitle a {
    background-color:#fefefe;
    padding:2px 10px;
    background-origin:padding-box;
    border-radius:5px;
    color: #000000;
    text-decoration:none;
}
#container h5 span.btnTitle a:hover {
    background-color:#eaeaea;
    color:#000000;
    cursor:pointer;
    text-decoration:underline;
}


/* H4 見出し */
#container h4{
width:99%;

margin-bottom:10px;
padding-left:5px;

color: #333;
font-size:14px;
text-align:left;
text-indent: 30px;
line-height: 30px;
background: #ffffff url("../img/midasi_bg_l.gif") repeat-x;
}


/************************
イベントカレンダー
************************/
.ivent{
    position:relative;
    width:780px;
    height:150px;
}

.ivent_box{
    float:left;
    height:120px;
    width:120px;
    padding:5px;
    font-size:18px;
    color:#F981AB;
    margin-right:20px;
    border:5px solid #F981AB;
    text-align:left;
}


.ivent_box_stop{
    float:left;
    height:120px;
    width:120px;
    padding:5px;
    font-size:18px;
    color:#999;
    margin-right:20px;
    border:5px solid #ccc;
    text-align:left;
}

.ivent_box_end{
    float:left;
    height:120px;
    width:120px;
    padding:5px;
    font-size:18px;
    color:#F981AB;
    border:5px solid #F981AB;
    text-align:left;
}

.ivent_box_stop_end{
    float:left;
    height:120px;
    width:120px;
    padding:5px;
    font-size:18px;
    color:#999;
    border:5px solid #ccc;
    text-align:left;
}

/************************
ブックスタンド
************************/
.stand{
    position:relative;
    width:780px;
    height:150px;
    background:url(../images/bookstand.png) no-repeat;
    text-align:center;
}

.stand_box{
    float:left;
    height:145px;
    width:120px;
    margin-right:15px;
    margin-left:15px;
    background:url(../images/book.png) no-repeat;
}

.stand_box .booktxt{
    margin-top:20px;
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    color:#000;
    text-align:left;

}


.stand_box_end{
    float:left;
    height:145px;
    width:120px;
    font-size:12px;
    color:#F981AB;
    margin-right:10px;
    margin-left:10px;

    border:1px solid #000;
    text-align:left;
    background:url(../images/book.png) no-repeat;
}

/************************
応募（テーブル）
************************/

table.boshu{
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.boshu th{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    color:#111111;
    background-color:#eee;
    background-position:left top;
    font-size:12px;
    padding:0.3em 1em;
}
.boshu td{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color:#fff;
    font-size:12px;
    color:#333333;
    padding:0.3em 1em;
    text-align:left;
}


.boshu_title{
    font-weight:bold;
    color:#ff0;
    font-size:24px;
}

/************************
お知らせ（テーブル）
************************/

table.news{
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.news th{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    color:#333333;
    background-color:#99CCCC;
    background-position:left top;
    padding:0.3em 1em;
}
.news td{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color:#ccffff;
    padding:0.3em 1em;
    text-align:left;
}

.news td .stop{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color:#ededed;
    padding:0.3em 1em;
}

/************************
お知らせ（フォーム）
************************/

table.entry{
    border:1px solid #999;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

.entry caption{
    color:#999;
    font-size:14px;
    font-weight: bold;
    padding:5px;
    text-align:left;
}

.entry th{
    color:#999;
    font-size:12px;
    font-weight: bold;
    padding:10px;
    text-align:left;
}

.entry th.check{
    color:#EF9292;
    font-size:12px;
    font-weight: bold;
    padding:10px;
    text-align:left;
}

.entry td{
    color:#999999;
    font-size:12px;
    background-color:#fff;
　　padding:10px;
}

.entry td.result{
    color:#000;
    font-size:14px;
    font-weight: bold;
    padding:10px;
}





/************************
管理サイト
************************/
#manage_area{
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-collapse:collapse;
    border-spacing:0;
    width:854px;
}



/************************
メイン コンテンツ
************************/
#main {
position:relative;
width: 950px;
padding-bottom:5px;
margin: 0 auto;
margin-bottom:20px;
background:#ffffff;

}


#main h2{
width: 950px;
padding-bottom:5px;
margin: 0 auto;
margin-bottom:20px;
}



.background_blue {
width: 100%;
height: 210px;
padding-top:20px;
background: #fff;
}



.foot_contents {
width: 100%;
height: 120px;
padding-top:20px;
background:#ccc;
}



/*************
/* 入力フォーム・モード
*************/
input { background-color: #edf5f6; }

input.eng { ime-mode: inactive; }
input.jpn { ime-mode: active; }
input.off { ime-mode: disabled; }
textarea.eng { ime-mode: inactive; }
textarea.jpn { ime-mode: active; }
textarea.off { ime-mode: disabled; }

/*************
/* フッター
*************/
#footerLower{
clear:both;
font-size: 12px;
color:#fff;
padding: 10px;
text-align:center;
background:#000056;
}

#footerLower2{
clear:both;
font-size: 12px;
color:#fff;
padding: 10px;
text-align:center;
background:#999;
}