@charset "Shift_JIS";

/*
 *Stylesheet for JOT.
 *Copyright (C) 2008 MEDIA-TRUST Co.,Ltd All Right Reserved.
 */

/*----------------- donation ---------------------*/

#donation .borderLine {
	margin: 7px 5px 7px 0;
}

#donation .information {
	margin: 25px 15px 25px 15px;
	color: #cb4700;
}

#donation #main h4 {
	font-size: 120%;
	color: #fff;
	width: 538px;
	margin: 0 0 20px 21px;
	padding: 0 0 7px 0;
}

#donation #main h5 {
	font-size: 14px;
	margin: 0 5px 10px 36px;
	padding: 0 0 0 0;
	/*border-bottom: 1px solid #e6e6e6;*/
	color: #f5b40a;
}

#donation #main h6 {
	margin: 0 5px 10px 36px;
}


#donation #main p.text {
	margin: 0 15px 20px 36px;
}

#donation #main p.btn_a {
	margin: 0 0 0 65px;
}

#donation #main p.colum {
	float: left;
	width: 290px;
	margin: 0 0 19px 0;
	padding: 0 0 0 36px;
}

#donation #main ul.navBox {
	width: 540px;
	margin: 0 0 0 20px;
}


#donation #main ul.navBox li {
	display: block;
	float: left;
	width: 180px;
	margin: 0 0 15px 0;
	text-align: center;
}

#donation #main ul.navBox li a:hover img,
#donation #main .ddtDetail  p.btnToPdf a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.70;
}

#donation #main ul.navBox li span.text {
	display: block;
	width: 170px;
}

/* --- about --- */
#donation #main DIV.figure {
	width: 517px;
	background: url(../../donation/img/index_framemiddle.gif) repeat-y;
	margin: 20px 0 0 36px;
	padding: 0;
}

#donation #main DIV.figure H5.title {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

#donation #main DIV.figure P.mainimage {
	margin: 0;
	padding: 8px 0 0 8px;
}

#donation #main DIV.figure DIV.mainframeBottom {
	width: 517px;
	height: 154px;
	line-height: 0;
	background: url(../../donation/img/index_framebottom.gif) no-repeat left top;
	padding: 0 0 0 0;
}

#donation #main DIV.figure DIV.mainframeBottom img {
	padding: 0 0 0 15px;
}

#donation #main DIV.figure .boxA {
	width: 517px;
}

#donation #main DIV.figure DIV.main_image {
	width: 490px;
	margin: 0;
	padding: 10px 0 0 15px;
}


#donation #main DIV.figure DIV.left {
	float: left;
	width: 235px;
	margin: 0;
	padding: 5px 0 15px 30px;
}

#donation #main DIV.figure DIV.arrow_left {
	float: left;
	width: 160px;
	margin: 0;
	padding: 10px 0 0 105px;
}

#donation #main DIV.figure DIV.left H5 {
	font-size: 16px;
	color: #ED4B58;
	border: none;
	margin: 0;
	padding: 0;
}

#donation #main DIV.figure DIV.left H6 {
	margin: 0;
	padding: 10px 0 3px 0;
}

#donation #main DIV.figure DIV.left P.text {
	width: 240px;
	margin: 0;
	padding: 0;
}

#donation #main DIV.figure DIV.left P.textRed {
	font-size: 10px;
	color: #f00;
	line-height: 1.2em;
	margin: 0;
	padding: 7px 10px 0 0;
}

#donation #main DIV.figure DIV.right {
	float: right;
	width: 220px;
	margin: 0;
	padding: 5px 20px 15px 10px;
}

#donation #main DIV.figure DIV.arrow_right {
	float: right;
	width: 155px;
	margin: 0;
	padding: 10px 15px 0 80px;
}

#donation #main DIV.figure HR {
	width: 485px;
	display: block;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f7d479;
	margin: 15px 25px 15px 15px;
	padding: 0;
}

/* --- method --- */

DIV.methodFrame {
	width: 486px;
	background: url(../../donation/img/method_frameside.gif) repeat-y top;
	margin: 0 0 0 36px;
	padding: 0 0 10px 0;
}

DIV.methodFrame P.read {
	padding: 15px 0 10px 15px;
}

DIV.methodFrame P.btn {
	padding: 0 0 0 15px;
}

DIV.methodFrame P.btn2 {
	float:left;
	padding: 0 0 0 15px;
}

DIV.methodFrame P.mfb_textarea{
	float:left;
	padding:7px 0px 7px 5px;
}

DIV.methodFrame DIV.left {
	width: 290px;
}

DIV.methodFrame DIV.right {
	margin: 0;
	padding: 5px 5px 0 0;
}

DIV.methodFrameBottom {
	width: 486px;
	height: 14px;
	background: url(../../donation/img/method_framebottom.gif) no-repeat bottom;
	margin: 0 0 0 36px;
	padding: 0;
	line-height: 0;
}

/* openWindow */
#openwin {
	margin: 20px;
}

/* --- goods --- */
#donation #main .goodsBox {
	width: 538px;
	margin: 0 0 0 20px;
}

#donation #main .goodsBox p.box {
	float: left;
}

#donation #main .goodsBox p.box a:hover img,
#donation #main  p.btnSendLend a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.70;
}

#donation #main  p.btnSendLend {
	margin: 10px 0 25px 150px;
}

/* --- popup goods detail --- */
table.goodsDetail {
	width: 500px;
	background: url(../img/bg_popup_o.gif) repeat-y center;
	margin: 0;
	padding: 0;
	text-align: center;
}

table.goodsDetail td h2.title {
	margin: 5px 0 0 0;
	padding: 0 0 10px 15px;
	border-bottom: 1px solid #e18400;
	text-align: left;
}

table.goodsDetail td { text-align: center;}
table.goodsDetail td.txtLeft { text-align: left; padding: 0 15px 0 15px;}


#popup p.combtn {
	display: inline;
	background: #787878;
	width: auto;
	margin: 0 0 20px 10px;
	padding: 7px 10px 7px 0;
	font-size: 80%;
}

#popup p.combtnO { /* orange ? */
	display: inline;
	background: #ff9600;
	width: auto;
	margin: 0 0 20px 10px;
	padding: 7px 10px 7px 0;
	font-size: 80%;
}

#popup p.combtn a {
	background: url(../img/icon_bl.gif) no-repeat left;
	color: #fff;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}

#popup p.combtnO a {
	background: url(../img/icon3_O.gif) no-repeat left;
	color: #fff;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}


#popup p.combtn a:hover {
	background: url(../img/icon_bl_on.gif) no-repeat left;
	color: #54b6f5;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}

#popup p.combtnO a:hover {
	background: url(../img/icon3_o_on.gif) no-repeat left;
	color: #54b6f5;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}

#popup .BtnArea {
	margin: 10px 0 10px 0;
}

#popup .BtnArea p.text{
	margin-bottom: 10px;
}



/* --- group form --- */
#donation #main table.GoodsForm {
	width: 490px;
	margin: 0 0 15px 36px;
}

#donation #main table.GoodsFormIn {
	width: 490px;
}

/* --- donorcard --- */
/*
#donation #main table.Dialysis td,
#donation #main table.IshiCard td,
#donation #main table.IshiSeal td {
	text-align: right;
	padding: 3px 5px 3px 0;
}*/

#donation #main table.list td {
	text-align: right;
	padding: 3px 5px 3px 0;
}

#main p.combtn {
	display: inline;
	background: #787878;
	width: auto;
	margin: 0 0 20px 36px;
	padding: 7px 10px 7px 0;
	font-size: 80%;
}

#main p.combtn2 {
	display: inline;
	background: #787878;
	width: auto;
	margin: 0 0 20px 15px;
	padding: 7px 10px 7px 0;
	font-size: 80%;
}

#main p.combtn a,
#main p.combtn2 a {
	background: url(../img/icon_bl.gif) no-repeat left;
	color: #fff;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}

#main p.combtn a:hover,
#main p.combtn2 a:hover {
	background: url(../img/icon_bl_on.gif) no-repeat left;
	color: #54b6f5;
	margin: 0 0 0 8px;
	padding: 0 0 0 14px;
}

#donation #main .BtnArea {
	margin: 0 0 30px 0;
}

#donation #main .BtnArea p.text{
	margin-bottom: 10px;
}






#donation #main .thumbnailArea,
#donation #main ul.btnList2 {
	width:525px;
	margin:0 0 10px 36px;
	padding:0;
}
#donation #main .thumbnailArea .box,
#donation #main .thumbnailArea .box2 ul.linkList {
	float:left;
	width:260px;
}
#donation #main .thumbnailArea .text_box{
	width:250px;
}
#donation #main .thumbnailArea h5.title,
#donation #main .thumbnailArea h5.title2 {
	border-bottom:#f5b40a 2px solid;
	margin:0 0 10px 0;
	paddin:0 0 6px 0;
	height:23px;
}
#donation #main .thumbnailArea h5.title {width:240px;}
#donation #main .thumbnailArea h5.title2 {width:520px;}


#donation #main .thumbnailArea p.text {
	margin:0 0 10px 0;
	padding:0;
}
#donation #main .thumbnailArea ul.linkList li {float:left;width:100px;}
#donation #main .thumbnailArea ul.linkList li.btnPdf {padding:45px 0 0 0;}
#donation #main .thumbnailArea ul.linkList li.btnPdf_2 {padding:5px 5px 0 5px;}
#donation #main .thumbnailArea .pdf_btn_box {padding:5px 31px 10px 30px;}
#donation #main .thumbnailArea ul.linkList li.sub_text {
	width:150px;
	padding:0 0 10px 0;
}
#donation #main .thumbnailArea ul.linkList li span.caption {padding:0 0 0 0;text-align:center;width:200px;display:block;}

#donation #main ul.btnList2 li {
	float:left;
	width:280px;
	margin:0 25px 10px 0;
	border:3px solid #8cbe1e;
	padding:8px 12px;
	line-height:1.7;
}
#donation #main ul.btnList2 li a {
	display:block;
}
#donation #main ul.btnList2 li a.subLink {
	background:url(../../jotnw/img/icon2.gif) no-repeat 0 3px;
	padding:0 0 0 13px;
	display:block;
	margin:0 0 0 12px;
}
#donation #main p.visual {margin:0 0 0 460px;}
#donation #main a img:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.70;
}

/*-- clear --*/
#donation #main .thumbnailArea .box2:after,
#donation #main .thumbnailArea ul.linkList:after,
#donation #main .thumbnailArea:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#donation #main .thumbnailArea .box2,
#donation #main .thumbnailArea ul.linkList,
#donation #main .thumbnailArea {
	min-height: 1px;	
	_overflow:visible;
	_height:1px;
	zoom:1;/*for IE 5.5-7*/
	/*display:inline-block;*/
}
* html #donation #main .thumbnailArea .box2,
* html #donation #main .thumbnailArea ul.linkList,
* html #donation #main .thumbnailArea {/*for IE -6*/
	height: 1px;
	/*for IE4,5*/
	/*‘£*//*/ 
	height: auto;
	overflow: hidden;
	/**/
}

/* -------------------------------------------------------------- */

/*--------- degital think transplant ---------*/
#donation #main ul.navBox {
	width: 540px;
	margin: 0 0 0 20px;
}

#donation #main ul.navBox li {
	display: block;
	float: left;
	width: 180px;
	margin: 0 0 15px 0;
	text-align: center;
}

#donation #main ul.navBox li a:hover img,
#donation #main .ddtDetail  p.btnToPdf a:hover img {
	filter: alpha(opacity=60);
	orphans: 0.6;
	-moz-opacity: 0.50;
}

#donation #main ul.navBox li span.text {
	display: block;
	width: 170px;
	height: 60px; /* */
}


.btnMrgBtm{
	margin-bottom: 10px;
}