@charset "UTF-8";

/* このファイルは個別の指定＆装飾 */

/*-----▼index専用ここから-----*/
/*-----▼index　一般/医療バナー-----*/

#indexbanner {
	width: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#indexbanner img {
	display: inline;
	padding: 2px;
}
/*-----▼index更新情報-----*/

#infowrap01 {
	width: 900px;
	height:50px;
	background-image: url(../images/index/topwhatnew-back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#infowrap01 img {
	float: right;
	padding-top: 30px;
	}
#infowrap02 {
	width: 900px;
	height: 100%;
	}

#infowrap02 img{
	float: left;
	padding-left: 10px;
	}

#topinfo {
	width: 650px;
	float: right;
}

#topinfo p {
	width: 600px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 10px;
}
/*-----▲index専用ここまで-----*/

#info {
	width: 565px;
	height: auto;
}

#info p {
	width: 565px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 10px;
}

/*-----▼左右同幅フロート(小さい囲み罫用）-----*/
.boxleft {
float: left;
width: 278px;
vertical-align: top;
height: auto;
}
.boxright {
width: 278px;
float: right;
vertical-align: top;
height: auto;
}
.boxwrap{
padding-top: 5px;
}


/*-----▼ナビボタン用テーブル-----*/
.menu01 {
width: 565px;
}
.menu01 table {
width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu02 {
	width: 330px;
}
.menu02 table {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*-----▼文字まわりのデザイン用ここから-----*/
/*-----▼見だし-----*/
h1 {
	clear: both;
	padding-top: 15px;
 }

.midashi01 {
	width: 565px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0075BA;
	font-size: 130%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #0075BA;
	line-height: 1.2em;
 }

/*-----▼文字　ブルー・ボールド・150％-----*/

.midashi02 {
	width: 565px;
	font-size: 150%;
	margin-bottom: 20px;
	color: #0075BA;
	font-weight: bold;
	line-height: 1.5em;
 }
/*-----▼文字　ブルー・標準・150％-----*/

.midashi03 {
width: 100％;
margin-bottom: 20px;
color: #0075BA;
font-weight: bold;
 }

/*-----▼行間調整-----*/

.space01 {
padding-bottom: 20px;
}

.space02 {
padding-top: 20px;
}

/*-----▼区切り罫-----*/

.space03 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 15px;
}

/*-----▼テキスト調整-----*/

.text01 {
text-align: right;
}

/*-----▲文字まわりのデザイン用ここまで-----*/




/*-----▼ボックスの飾り指定ここから-----*/
/*-----▼グレーの罫線ボックス-----*/
.line01 {
	width: 563px;
	border: 1px solid #CCCCCC;
}

.line01 ul {
	list-style-position: outside;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 2px;
	list-style-image: url(../images/general-common/listbutton02.jpg);
}

.line01 li {
	padding-top: 2px;
	padding-bottom: 2px;
}

/*-----▼ブルー角R背景-----*/

.blueback {
width: 565px;
background-color: #c2e4ed;
margin-bottom: 20px;
}
.blueback p {
width: 530px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.blueback table {
	width: 530px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.blueback td {
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
}

/*-----▼トップ3バナー-----*/
.top3bnr {
	width:565px;
	text-align:center;
	margin:0;
	padding:0;
}
.top3left {
	float:left;
}
.top3right {
	float:right
}

/*-----▼ウェブ体験コメント-----*/
.webex_com {
	width:555px;
	margin:5px 10px 0px 10px;
	padding:0;
}


/*-----▼ブルー背景小-----*/

.blueback02 {
width: 340px;
background-color: #c2e4ed;
padding-top: 15px;
padding-bottom: 10px;
}
.blueback02 p {
width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*-----▼囲みがデザインされたボックス　大サイズ-----*/
/*-----▼コーラルピンクデザイン　大-----*/
.largebox01 {
	width: 565px;
	background-image: url(../images/general-common/shoreilarge-back.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-bottom: 10px;
}
.largebox01 table {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}
.largebox01 td {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 0px;
	vertical-align: top;
}

/*-----▼水色のぼかし罫ボックス　大-----*/
.largebox02 {
	width: 565px;
	background-image: url(../images/general-common/largebox02-back.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-bottom: 10px;
}
.largebox02 table {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}
.largebox02 td {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-top: 0px;
vertical-align: top;
}
.largebox p {
}

/*-----▼囲みがデザインされたボックス　小サイズ-----*/
/*-----▼水色のぼかし罫ボックス　小-----*/
.box01 table {
	width: 278px;
	background-image: url(../images/general-common/advice-back.jpg);
	background-repeat: repeat-y;
}

.box01 td {
padding-right: 20px;
padding-left: 20px;
vertical-align: top;
}

/*-----▼コーラルピンクデザイン　小-----*/
.box02 table {
	width: 278px;
	background-image: url(../images/general-common/shorei-back.jpg);
	background-repeat: repeat-y;
}

.box02 td {
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;
}

/*-----▼左右同幅フロート(小さい囲み罫用）-----*/
.boxleft {
float: left;
width: 278px;
vertical-align: top;
height: auto;
}
.boxright {
width: 278px;
float: right;
vertical-align: top;
height: auto;
}
.boxwrap{
padding-top: 5px;
}

/*-----▲ボックスの飾り指定ここまで-----*/





/*-----▼テーブル用指定ここから-----*/
/*-----▼左右テーブル-----*/

.list01 {
	width: 565px;
}
.list01 table {
width: 100％;
margin-top: 20px;
margin-bottom: 20px;
}

.list01 td {
vertical-align: top;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 10px;
}

/*-----▼専門医の話　テーブル-----*/
.list02 {
		width: 565px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.list02 table {
border-collapse:collapse;
}
.list02 td, th{
border:1px solid #5c381f;
padding: 5px;
}
.list02 th {
background-color: #f5f2e9;
}

.list02 td {
width: 130px;
vertical-align: top;
}
.list02 td.color {
background-color: #f5f2e9;
width: 115px;
}

/*-----▼小冊子　テーブル-----*/
.list03 {
		width: 565px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.list03 table {
	width: 100%;
border-collapse:collapse;
}
.list03 td, th{
border:1px solid #5c381f;
padding: 5px;
}
.list03 th {
background-color: #f5f2e9;
}

.list03 td {
vertical-align: top;
}
.list03 td.color {
background-color: #f5f2e9;
}
/*-----▲テーブル用指定ここまで-----*/


/*-----▼リストタグ　調整　（リストボタン　内側）-----*/

.list03 ul {
list-style-position: inside;
margin-bottom: 15px;
}
/*-----▼リストタグ　調整（リストボタン無し）-----*/

.list04 ul {
list-style-type: none;
margin-top: 15px;
margin-bottom: 15px;
}
.list04 li {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}




/*-----▼個別ページの指定-----*/
/*-----▼FAQ-----*/
.list05 {
margin-top: 15px;
margin-bottom: 15px;
}
.list05 ul {
list-style-type: none;
}

.question, .answer {
width: 515px;
background-repeat: no-repeat;
background-position: left 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;

}

.question {
background-image: url(../images/about_acromegaly/faq/q.jpg);

}
.answer {
background-image: url(../images/about_acromegaly/faq/a.jpg);
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #333333;
}

/*-----▼リストタグ　調整（横並び）-----*/

.list06 ul {
list-style-type: none;
margin-top: 15px;
margin-bottom: 15px;
}
.list06 li {display: inline;
}


/*-----▼ 用語解説-----*/
.list07 {
margin-top: 15px;
margin-bottom: 15px;
}
.list07 ul {
list-style-type: none;
}

.word, .comment {
width: 560px;
background-repeat: no-repeat;
background-position: left center;
padding-top: 15px;
}

.word {
font-size: 150%;
}
.comment {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0075BA;
padding-bottom: 15px;
}

/*-----▼support　-----*/

.komidasi { 
margin-top:20px;
font-size:110%;
font-weight:bold;
}

ul.listset {
margin:0px;
padding:0px 0px 10px 20px;
list-style-type:square;
list-style-position:inside;
}
ul.listset li {
margin-top:10px;
padding:0px;
}

/*----- th-back = blue　-----*/

.nintei {
}

.nintei table {
width:510px;
margin-top: 20px;
margin-bottom: 20px;
border-collapse:collapse;
}
.nintei td, th{
border:1px solid #5c381f;
padding: 5px;
}
.nintei th {
background-color: #D2ECFA;
text-align:center;
}
.nintei th.right {
background-color: #D2ECFA;
text-align:center;
width:290px;
}
.nintei td {
vertical-align: top;
}
.nintei td.right {
padding-left:15px;
vertical-align: middle;
}

/*----- 必要書類準備 table　-----*/
table.syorui1 {
width:100%;
margin-top: 20px;
margin-bottom: 20px;
border-collapse:collapse;
}
table.syorui1 td, th{
border:1px solid #5c381f;
padding: 7px;
}

table.syorui1 th {
background-color: #D9F0D5;
text-align:center;
color:#31A777;
font-weight:bold;
}
table.syorui1 th.left {
width:150px;
}
table.syorui1 th.right {
width:50px;
}
table.syorui1 td {
vertical-align:  middle;
}
table.syorui1 td.left {
vertical-align: top;
padding-left:10px;
background-color:#EBF7E9;
color:#30B29F;
font-weight:bold;
}
table.syorui1 td.right {
vertical-align: middle;
text-align:center;
}
table.syorui1 td.center {
text-align:center;
}
/*----- 必要書類準備 table内装飾　-----*/
.sinsei {
color:#1BA18E;
font-weight:bold;
}
.usushi {
color: #0075BA;
font-weight:bold;
}
.imgph {
margin-top:50px;
}
/*----- 画像　-----*/
.imgph2 {
margin-bottom:20px;
text-align:center;
}
/*----- 交付　-----*/
.koufu {
background-color:#DAF0EE;
margin:10px 0px;
padding:10px;
}

/*----- お役立ちツール：左右フロート-----*/
.toolbox{
padding-top: 10px;
}
.textleft {
float: left;
width: 310px;
vertical-align: top;
height: auto;
}
.pdfright {
width: 240px;
float: right;
vertical-align: top;
height: auto;
}
.pdfprint {
margin-top:30px;
text-align:center;
}


/*----- イベント情報：イベントある時ない時-----*/
.eventaru {
padding-top: 20px;
}
.eventnai {
padding: 20px 0px 50px 0px;;
}

/*----- イベント情報：詳細 -----*/
.eventbox {
width: 565px;
}
.eventbox table {
width: 100％;
margin-top: 20px;
margin-bottom: 20px;
border-collapse:collapse;
}

.eventbox td {
vertical-align: top;
padding-top: 15px;
padding-bottom: 5px;
padding-left: 15px;
border-bottom:1px solid #B2B2B2;
}

.e-hiduke { padding-bottom:10px; font-weight:bold; }

/*----- 医療費助成制度　テーブル -----*/

.jyosei table {
 border-collapse: collapse;
  border: solid 1px #717071;
width: 565px;
}
.jyosei th {
border-collapse: collapse;
border: solid 1px #717071;
text-align: center;
color: #1A6B63;
}
.jyosei td { padding: 2px; 
 border-collapse: collapse;
  border: solid 1px #717071;}
.green {
background-color: #DAF0EE;
}
.green02 {
background-color: #B1DFDC;
}
.yellow {
background-color: #FFFCE4;
}

.cell01 {
width: 160px;
}
