@charset "utf-8";
/* 治験情報用スタイル */


/*************************/
/*******  Ｑ＆Ａ  ********/
/*************************/
#qa01 dt{
	padding-left:13px;
	width:57px;
	color:#FF0033;
	font-weight:bold;
	float:left;
}

#qa01 dd{
	margin-left:70px;
}

/*******************************/
/****　参加までの流れ　*****/
/*******************************/

#flow th, #flow td{
	padding-bottom:10px;
	vertical-align:top;
}

#flow th{
	text-align:left;
	padding-bottom:40px;
	background:url(../../clinical/images/flow_bg_arrow.gif) 20px 35px no-repeat;
}

#flow h3{
	margin-bottom:10px;
}

#flow p{
	margin-bottom:10px;
}

/*******************************/
/****治験・モニター情報一覧*****/
/*******************************/

/* /////共通設定///// */

/*情報数カウント*/
p.mdl_count{
	width:180px;
	padding:3px;
	margin-bottom:10px;
	border:#D2EAFF 3px solid;
	text-align:center;
	font-size:0.85em;
}

p.mdl_count em{
	font-size:1.5em;
	font-weight:bold;
	color:#FF0033;
}


/*table.detailedInfo th{
	background-color:#c9c9c9;
}

table.detailedInfo td p, table.detailedInfo th p{
	font-weight: bold;
}*/


/*情報テーブル*/
table.info{
	margin-bottom:10px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	/*border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;*/
}

table.info th, table.info td{
	padding:3px 3px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	
	vertical-align:top;
}

table.info table#share td,table.info table#share th{
	padding:3px 0px;
	border-right: none;
	border-bottom: none;
	vertical-align:top;#D2EAFF
}

table.info tr th {
	text-align:left;
	padding-left: 5px;
}

table.info td.icon{
	width:220px;
}

table.info td.icon div{
	margin-left:2px;
}

table.info td.code{
	width:120px;
	background-color:#f4f4f4;
}


table.info dl{
	margin:5px 0;
	
}

table.info dt{
	margin:0;
	padding:0;
	line-height:1.3em;
	width:6em;
	text-align:center;
	/*border-right:#CCCCCC 1px solid;*/
}

table.info dd{
	position:relative; 
	top:-1.3em;
	left:6em;
	width:80%;
	margin:0;
	padding:0 0 0 1em;
	line-height:1.3em;
	z-index:1;
	
	/*border-bottom:#CCCCCC 1px solid;*/
}

table.info dd.yen{
	top:-2.6em;
}

/*
table.info dt{
	clear:left;
	float:left;
	width:60px;
	padding:2px 4px;
	margin-bottom:5px;
	text-align:center;
	font-size:0.9em;
}

table.info dd{
	margin-left:80px;
	margin-bottom:5px;
	padding-top:3px;
}
*/

table.info dd strong{
	color:#0066FF;
}

table.info div.detail{
	clear:left;
	padding:3px 0 0 0;
	margin:0;
	border-top:#CCCCCC 1px dotted;
	text-align:right;
}


/* /////ジャンル別設定///// */

/*治験*/
#ct_list h3{
	padding:3px 5px;
	margin-bottom:10px;
	border:none;
	color:#FFFFFF;
	padding-left:30px;
	background:url(../images/bg_gn01.gif) #4EA4EC left bottom no-repeat;
	font-weight:bold;
}

#ct_list table.info dt{
	background-color:#D2EAFF;
	border:#4EA4EC 1px solid;
	white-space:nowrap;
}

#ct_list table.info th{
	background-color:#D2EAFF;
}

/*コスメ*/
#cosme_list h3{
	padding:3px 5px;
	margin-bottom:10px;
	border:none;
	color:#FFFFFF;
	padding-left:30px;
	background:url(../images/bg_gn02.gif) #ff90cc left bottom no-repeat;
	font-weight:bold;
}

#cosme_list table.info dt{
	background-color:#FFD6EE;
	border:#FFA6D6 1px solid;
}

#cosme_list table.info th{
	background-color:#FFD6EE;
}

/*健康食品*/
#food_list h3{
	padding:3px 5px;
	margin-bottom:10px;
	border:none;
	color:#FFFFFF;
	padding-left:30px;
	background:url(../images/bg_gn03.gif) #99C81E left bottom no-repeat;
	font-weight:bold;
}

#food_list table.info dt{
	background-color:#FFEED4;
	border:#FAAF57 1px solid;
}

#food_list table.info th{
	background-color:#E6F5B1;
}

/*そのた*/
#other_list h3{
	padding:3px 5px;
	margin-bottom:10px;
	border:none;
	color:#FFFFFF;
	padding-left:30px;
	background:url(../images/bg_gn06.gif) #C8BFE7 left bottom no-repeat;
	font-weight:bold;
}

#other_list table.info dt{
	background-color:#c9c9c9;
	border:#c9c9c9 1px solid;
}

#other_list table th{
	background-color:#EFEFEF;
}

/*事前募集案件*/
#soon_list h3{
	padding:3px 5px;
	margin-bottom:10px;
	background-image:none;
	background-color:#b9d66c;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
}

#soon_list table.info dt{
	background-color:#e4f3bd;
	border:#b9d66c 1px solid;
}

#soon_list table.info th{
	background-color:#e4f3bd;
}

/***おすすめ***/
#recommend{
	margin-bottom:30px;
}

#recommend h2{
	margin-bottom:10px;
}

#recommend h3{
	padding:2px 5px;
	color:#FFFFFF;
}

#recommend td{
	padding:5px 0;
	vertical-align:top;
	border-bottom:#666666 1px dotted;
	font-size:0.9em;
}

#recommend table{
	/*margin-bottom:5px;*/
}

#recommend tr.odd{
	background-color:#FFFFFF;
}

#recommend tr.even{
	background-color:#E7E7E7;
}

#recommend td.status{
	width:30px;
}

#recommend td.icon{
	width:110px;
	text-align:right;
}

#recommend td.status div{
	margin-bottom:1px;
}

#recommend td.icon div{
	margin-left:1px;
}


#function li{
	font-size:0.9em;
}

#function .btm{
	margin-top:-20px;
	margin-bottom:20px;
}

/*******************************/
/****治験・モニター情報詳細*****/
/*******************************/

#backlist{
	float:left;
}

#backlist a{
	padding-left:13px;
	background:url(../images/parts_back.gif) left 3px no-repeat;
}

.reserve{
	clear:both;
	padding:10px 0 15px 10px;
	text-align:center;
}

/*******************************/
/****　WEB予約申込フォーム　*****/
/*******************************/

#registStep{
	float:right;
	margin-top:-8px;
	margin-bottom:10px;
	_margin-top:0;
}

#registStep li{
	display:inline;
}

h3 span.cap{
	font-size:0.8em;
	font-weight:normal;
}

#toiawase{
	width:180px;
	padding:5px;
	margin-bottom:20px;
	border:#CCCCCC 1px solid;
}

#toiawase em{
	color:#FF0033;
	font-weight:bold;
}

#number{
	margin-bottom:20px;
	padding:10px;
	background-color:#FFFF99;
	border:#FF6600 1px solid;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

/*******************************/
/****　　体験レポート　　*****/
/*******************************/

.repo{
	padding:		10px;
	margin-bottom:	10px;
	border:			#CCCCCC 1px solid;
}
#contents .repo_sum{
	float:			left;
	padding:		10px;
	margin-bottom:	10px;
	margin-left:	10px;
	border:			#CCCCCC 1px solid;
	height:			150px;
	width:			340px;
}
#contents .repo_sum:hover{
	border:				#669ACC 1px solid;
	background-color:	#EFF7FF;
	cursor:				pointer;
}

#contents a:hover{
	/*text-decoration:  none;*/
}


p.textbox{
	background-color:	#FFF;
	border:				#CCCCCC 1px solid;
	height: 			65px;
    padding: 			20px 20px 5px;
    width: 				170px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 1px 1px 1px 1px #a8a8a8;
	-moz-box-shadow: inset 1px 1px 1px 1px #a8a8a8;
	box-shadow: inset 1px 1px 1px 1px #a8a8a8; 
}

.pinfo{
	width:100px;
	/*padding-top:110px;*/
	/*padding-top:0;*/
	margin-right:15px;
	float:left;
	text-align:center;
}

.pinfo p{
	margin-bottom:0;
	line-height:50%;
	font-size:0.85em;
}

.m{
	background:url(../../clinical/images/illust_m.gif) left top no-repeat;
}

.f{
	background:url(../../clinical/images/illust_f.gif) left top no-repeat;
}

.article{
	margin-left:115px;
}

.article h3{
	margin-bottom:5px !important;
	border:none !important;
	background-color:#EEEEEE !important;
	background-image:none !important;
}

.article .category{
	font-size:0.85em;
}

.article .ct{
	color:#4EA4EC;
	font-size: 12px;
}

.article .cosme{
	color:#FFA6D6;
}

.article .food{
	color:#FAAF57;
}

.cmnt{
	background:url(../../clinical/images/comment_bg.jpg) left top no-repeat;
	 height: 230px;
    padding-left: 55px;
    padding-right: 40px;
    padding-top: 110px;
    width: 650px;
}

.cmnt p{
	margin-bottom:0;
	color:#4EA4EC;
	font-size:0.9em;
	line-height:120%;
}

.ad_list{
	margin-bottom:15px;
	text-align:center;
}

#agree{
	border:1px solid #AED3F3;
	height:400px;
	overflow:auto;
	padding:10px 30px;
}

#submitButton{
	background:url(/common/images/btn_send.png);
	width:160px;
	height:35px;
	cursor:pointer;
}

#backButton{
	background:url(/common/images/btn_correct.png);
	width:110px;
	height:35px;
}

#backButton.hover,
#submitButton.hover{
	background-position:0 -35px;
}

#submitButton.disabled{
	background-position:0 -70px;
}
th.title{
	/*font-weight: bold;
	font-size: 1.1em;*/
}
.detail01{
	position: 	relative;
	top:		0px;
}
.detail02{
	position: 	relative;
	top:		-25px;
}
.detail03{
	position: 	relative;
	top:		-50px;
}
.detail04{
	position: 	relative;
	top:		-75px;
}
.detail05{
	position: 	relative;
	top:		-100px;
}
.detail06{
	position: 	relative;
	top:		-125px;
}
.detail07{
	position: 	relative;
	top:		-175px;
}
.detail08{
	position: 	relative;
	top:		-150px;
}
.icon110x25{
	width: 110px;
	height: 25px;
	position: relative;
	overflow: hidden;
}
#recommend_detail{
	margin-bottom:0px;
	border: 1px solid #CCCCCC;
	width: 750px;
}
#recommend_detail td{
	padding:5px 0;
	vertical-align:top;
	border-bottom:#FCFCFC 1px dotted;
	/*font-size:0.9em;*/
}
#recommend_detail table{
	margin-left:5px;
	margin-top:4px;
}
.reserveButton{
	background:url(/common/images/btn_rsv_web01.jpg);
	background-position: 0px 0px;
	width:	250px;
	height:	46px;
	display: block;
}
.reserveButton:hover{
	background-position: 0px -46px;
}
.reserveButton2{
	background:url(/common/images/btn_rsv_web02.jpg);
	background-position: 0px 0px;
	width:	250px;
	height:	46px;
	display: block;
}
.reserveButton2:hover{
	background-position: 0px -46px;
}

/* melit 
--------------------------------------------- */
div#melit{
 	width:	530px;
	margin: 0 auto;
}

div#melit li{
	margin-bottom:10px;
}

div#melit_c{
 	width:	530px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

div#melit_c li{
	margin-bottom:10px;
}

div#repo_bg{
	float: 		left;
	background:	url('/clinical/images/add_report_bg.png');
	width: 		280px;
	height: 	136px;
	margin: 	0 auto;
}
div#repo_btn_add{
	float: 		left;
	background:	url('/clinical/images/add_report_btn.png');
	width:		405px;
	height:		84px;
}
div#repo_btn_add:hover{	
	background-position: 0px -84px;
	
}


ul#kanren{
	
}
ul#kanren li.keyword{
	float: 			left;
	margin-right:	20px;
	margin-left:	5px;
	font-size:		18px;
	font-weighht:	bold;
}

div#nagare h3{
	background: none;
	border: 0;
	padding: 0;
}

.furiHidden{
	display: none;
}