@charset "utf-8";
/* CSS Document */



/* glid
=================================*/
#contents{
	background:url(../images/bg_pgs_contents.gif) repeat-y top left;
	width:952px;
	margin:0 auto;
	padding:12px 28px 0 28px;
}

#wrapper{
	background:url(../images/bg_pgs_contentsInner.gif)  repeat-y top left;
	overflow:hidden;
}

* html #wrapper{
	height:1%;
}

#pgsMain{
	width:712px;
	float:left;
}

#sideNavi{
	width:220px;
	float:right;
}


/* titles
=================================*/

#bread{
	margin:0 0 12px 0;
}

#pgsMain h1{
	background:url(../images/bg_h1.gif) repeat-x left top;
	padding:15px 12px;
	color:#bd6baf;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:150%;
	font-weight:bold;
	border-bottom:1px dotted #ebc9ef;
}

#pgsMain h2{
	background:url(../images/bg_h2.gif) no-repeat left bottom;
	padding:0 0 4px 2px;
	font-size:116%;
	font-weight:bold;
	margin:18px 0 10px 0;
}


/* pgsMain layout
=================================*/

#pgsMain p{
	font-size:116%;
	margin-bottom:1em;
}

#pgsMain .pagetop{
	text-align:right;
	line-height:0.1em;
}

#pgsMain p.lead{
	margin-top:18px;
}

#pgsMain .innerLink{
	margin-left:20px;
	overflow:hidden;
}


* html #pgsMain .innerLink{
	height:1%;
}

#pgsMain .innerLink li{
	background:url(../images/icon_blueArrow.gif) no-repeat left center #feeafe;
	padding:8px 6px;
	float:left;
	width:140px;
  border:1px solid #f7c4fa;
  margin-right:15px;
  margin-bottom:15px;
    -moz-border-radius: 4px;/* Firefox */
    -webkit-border-radius: 4px;/* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/*  behavior: url(/common/css/ie-css3.htc);  This lets IE know to call the script on all elements which get the 'box' class */
}

#pgsMain .innerLink li.aboutBank {
	width:310px;
}

#pgsMain .innerLink2{
	margin-left:20px;
	overflow:hidden;
}


* html #pgsMain .innerLink2{
	height:1%;
}

#pgsMain .innerLink2 li{
	background:url(../images/icon_blueArrow.gif) no-repeat left center #feeafe;
	padding:8px 6px;
	float:left;
	width:200px;
  border:1px solid #f7c4fa;
  margin-right:15px;
  margin-bottom:15px;
    -moz-border-radius: 4px;/* Firefox */
    -webkit-border-radius: 4px;/* Safari and Chrome */
    border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/*  behavior: url(/common/css/ie-css3.htc);  This lets IE know to call the script on all elements which get the 'box' class */
}

#pgsMain .innerLink2 li.aboutBank {
	width:310px;
}

#pgsMain .txtImg{
	float:right;
	margin-left:10px;
}

#pgsMain .imgTxtBox{
	overflow:hidden;
	margin-top:18px;
}

#pgsMain .imgTxtBox h2{
	margin-top:0;
}

#pgsMain .imgTxtBox div{
	float:left;
	width:400px;
}

#pgsMain .imgTxtBox p.img{
	float:right;
}

/* sideNavi layout
=================================*/

#sideNavi ul{
}

#sideNavi li{
	border-bottom:1px solid #e1b6e6;
	border-top:1px solid #ffffff;
}


#sideNavi li a,
#sideNavi li a:visited{
	background:url(../images/icon_pinkArrow.gif) no-repeat 16px center;
	padding:5px 15px 5px 26px;
	display:block;
	color:#596b73;
}

#sideNavi li a:hover{
	background:url(../images/icon_pinkArrow.gif) no-repeat 16px center #f6d1e4;
}

#sideNavi dd a,
#sideNavi dd a:visited{
	padding:5px 15px 5px 26px;
	display:block;
	color:#596b73;
}

#sideNavi dd a:hover{
	background:no-repeat 16px center #f6d1e4;
}

/* qa
=================================*/
.pagelinks{
	background: #FDF0FF;
	padding:10px 20px ;
	margin:18px 0 0 0;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.pagelinks li a{
	background: url(../images/icon_blueArrow.gif) no-repeat left center;
	padding:0 0 0 8px;
}

/* donor
=================================*/
.bankAdd{
	background:#ffcccc;
	padding:10px;
	margin-bottom:10px;
}

.donorHospitalList{
	margin-left:30px
}

.donorFlow .illustration{
	float:right;
}
	
/* status
=================================*/
.statusLink{
	margin-top:20px;
}

#pgsMain .statusLink li{
	width:180px;
  margin-right:15px;
}

.tableNote{
	text-align:right;
	margin-bottom:5px;
	margin-top:18px;
}

#statusTable,
.numberListBox table{
	border:1px solid #dddddd;
	width:100%;
}

#statusTable td,
#statusTable th,
.numberListBox td,
.numberListBox th{
	border:1px solid #dddddd;
	padding:3px;
}

#statusTable thead th{
	background:#f4e1ff;
	font-weight:bold;
	text-align:center;
}

#statusTable tbody th,
.numberListBox th{
	background:#FDF0FF;
}

#statusTable tbody td{
	text-align:right
}

#statusTable tbody td.hspname{
	text-align:left;
}

#pgsMain .notice{
	margin-top:10px;
}

#pgsMain .notice h2{
	border-bottom:1px solid #cccccc;
	font-size:100%;
	margin-bottom:5px;
	background:none;
}

#pgsMain .notice li{
	list-style-type:disc;
	padding-left:2px;
	margin-left:20px;
}

.numberListBox table{
	margin-bottom:10px;
}

.numberListBox td,
.numberListBox th{
	text-align:center;
}


/* recipient
=================================*/

#recipientTable{
	border:5px solid #ffffff;
	width:80%;
	margin-left:10%;
}

#recipientTable th{
	background:#dedede;
	border:5px solid #ffffff;
	padding:5px;
}

#recipientTable td{
	border:5px solid #ffffff;
	padding:5px;
	background:#FFCCCC;
	font-weight:bold;
	font-size:120%
	
}

#recipientTable td img{
	vertical-align:middle;
	margin-right:10px;
}

#outlinTable{
	width:100%;
}

#outlinTable th,
#outlinTable td{
	border-bottom:1px dotted #cccccc;
}

.howtoRuleBox{
	overflow:auto;
}

.howtoRuleBox dt{
	float:left;
	clear:both;
	width:2em;
	padding:3px 0;
	text-align:center;
	background:#FEEDFB;
	color:#C36;
	border:#E2A6F7 1px solid;
	font-weight:bold;
	
}

.howtoRuleBox dd{
	padding:2px 0px 20px 2.5em;
	font-size:116%
}

.howtoAgreeBox {
}

.howtoAgreeBox dt{
	background:#FEEDFB;
	padding:2px;
	color:#C36;
	font-weight:bold;
	margin-bottom:5px;
	font-size:116%
}

.howtoAgreeBox dd{
	margin-left:1.5em;
	margin-bottom:1em;
	font-size:116%
}


.howtoAgreeBox dd ul{
	margin-left:0.5em;
}

.howtoAgreeBox dd ul li{
	padding-left:1em;
	text-indent:-1em;
}


.priceList{
	width:400px;
	overflow:hidden;
	padding:0 0 5px 0;
	text-indent:0;
	font-size:93%;
}
* html .priceList{
	height:1%;
}
.priceList dt{
	float:left;
	background:none;
	padding:0;
	margin:0;
	color: #5B6A70;
	font-weight:normal;
}
.priceList dd{
	border-bottom:1px dotted #dddddd;
	padding:0 0 0 100px;
	margin:0;
	text-align:right;
}
.priceList .total{
	border-top:1px solid #dddddd;
	border-bottom:none;
}


/*------------- hospital index -----------------*/
#hsp_idx{
	background:url(../../recipient/images/7-5.jpg) no-repeat left;
	padding-left:310px;
	margin-top:20px;
}
#hsp_idx li{
	line-height:2.1em;
}

.institutionList th{
	background:#dedede;
	padding:5px;
	border-bottom:none;
	border-right:3px solid #ffffff;
	text-align:center;
}
.institutionList td.hsp{
	width:50%;
	background:url(../images/icon_circle_pink.gif) no-repeat 5px 10px;
	padding-left:20px;
}
.institutionList td{
	padding:5px;
}

#outlinTable.institutionInfo th{
	padding:5px;
	background:#ebebeb;
	border-bottom:2px solid #ffffff;
}
.institutionInfo td{
	padding:5px 10px;
}

/*------------- bank　link-------------------*/
.photo{
	float:left;
	margin:0 10px 10px 0;
}

.graph{
	margin:18px auto 0 auto;
	text-align:center;
}

.infoLink{
	margin:18px 0;
	overflow:hidden;
}

.bankTable{
	margin:18px 0 0 0;
	border:1px solid #dddddd;
	border-bottom:none;
	width:100%;
}
#linkTable{
	margin:18px 0 0 0;
	border:1px solid #dddddd;
	border-bottom:none;
	width:400px;
	float:left;
}
.bankTable thead th{
	background:#f4e1ff;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
.bankTable tbody th,
#linkTable tbody th{
	background:#FDF0FF;
	border:1px solid #dddddd;
	padding:5px;
}
.bankTable tbody th.w20{
	width:20%;
}
.bankTable tbody td,
#linkTable tbody td{
	border:1px solid #dddddd;
	padding:1px;
}

#acceptAccount{
	border-top:1px dotted #dddddd;
	padding-top:15px;
}
#acceptAccount dt{
	font-weight:bold;
	font-size:116%;
	padding:3px;
}
#acceptAccount dd dl dt{
	background:#F4E1FF;
	font-size:116%;
	font-weight:normal;
}
#acceptAccount dd dl dd{
	font-size:116%;
	padding:5px 0 20px 0;
	margin-left:3em;
}


/*運営ガイドライン*/
.operateGuideLine{
}

.operateGuideLine h3{
background: none repeat scroll 0 0 #FEEDFB;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px;
}

.operateGuideLine ol{
	margin-left:2em;
	list-style-type:decimal;
	margin-bottom:30px;
}

.operateGuideLine ol li{
	list-style-type:decimal;
	font-size:116%;
	margin-bottom:15px;
}

.operateGuideLine h4{
	border-bottom:1px dotted #cccccc;
	font-weight:bold;
	margin-bottom:5px;
	font-size:116%;
}

.operateGuideLine ul li{
	list-style-type:disc;
}


/*------------- magazine -------------------*/
#backNumber li{
	background:url(../images/icon_circle_pink.gif) no-repeat 20px 15px;
	padding:10px 0 10px 35px;
	border-top:1px dotted #dddddd;
}
#backNumber{
	border-bottom:1px dotted #dddddd;
	margin-top:20px;
}

/*------------- sitemap -------------------*/
#sitemap{
	margin-top:18px;
}
#sitemap dl dt{
	border-bottom:1px dotted #dddddd;
	background:#F4E1FF;
	font-size:116%;
	font-weight:bold;
	padding:5px 5px 5px 15px;
}
#sitemap dl dt a{
	background:url(../images/icon_blueArrow.gif) no-repeat left;
	padding:0 0 0 10px;
}
#sitemap dl dd{
	padding:5px 0 30px 30px;
	font-size:116%;
}
#sitemap ul li{
	font-size:116%;
	font-weight:bold;
	padding:0 0 5px 0;
	line-height:1.8em;
}
#sitemap dl dd ul li{
	font-weight:normal;
	font-size:100%;
}
#sitemap dl dd ul li a,
#sitemap ul li a{
	background:url(../images/icon_blueArrow.gif) no-repeat left;
	padding:0 0 0 10px;
}
#sitemap dl dd ul li ul li{
	padding:0 0 0 20px;
}

/*------------- inquiry -------------------*/
#form {
margin:18px 0 0 0;
}
#form em{
	font-weight:nomal;
	color:#bd6baf;
}
#form table{
	margin:15px 0;
	border:1px solid #dddddd;
	border-bottom:none;
	width:100%;
}
#form table tbody th{
	background:#FDF0FF;
	border:1px solid #dddddd;
	padding:8px;
	width:20%;
}
#form table tbody td{
	border:1px solid #dddddd;
	padding:8px;
}
#form .btnArea{
	text-align:center;
	margin:20px 0;
}
#form table tbody td input.w300{
	width:300px;
}
#form table tbody td input.w400,
#form table tbody td textarea.w400{
	width:400px;
}
#form table tbody td input,
#form table tbody td textarea{
padding:3px;
}
/*------------- privacy -------------------*/
#privacyList{
}
#privacyList li{
	margin:0 0 15px 0;
}
#privacyList li h3{
	background:#FEEDFB;
	margin-bottom: 5px;
	padding: 2px;
}
#privacyList li p{
	background:#F1F1F1;
	width:320px;
	padding:5px 10px;
	margin:5px 0 0 0;
}


/*------------- news index-------------------*/
.newsListArea{}
.newsListArea dl{
}
.newsListArea dt{
}
.newsListArea dd{
	border-bottom:1px dotted #dddddd;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}