@charset "utf-8";

@import url(add.css);

/*ALL--------------------------------------------------
--------------------------------------------------------------------------------*/
body{
	background: url(../img/bg_img.gif) repeat-x;
	margin: 0px;
	padding: 0px;
}

a{
	color: #006699;
}

a:hover{
	text-decoration: none;
}

a.cur{
	background: url(../img/list_cur.gif) no-repeat 0px 6px;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 10px;
}

h1{
	float: left;
	text-indent: -9999px;
	background: url(../img/title_mvc.gif) no-repeat;
	width: 500px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}

h1 a{
	display: block;
	width: 500px;
	height: 60px;
	overflow: hidden;
}

/*POSITION--------------------------------------------------
--------------------------------------------------------------------------------*/
.pos-r{
	text-align: right;
}

.pos-c{
	text-align: center;
}

/*LAYOUT--------------------------------------------------
--------------------------------------------------------------------------------*/

/*HEADER--------------------------------------------------*/
#header{
	font-family: Arial, Helvetica, sans-serif;
	width: 900px;
	margin: 0px auto;
	padding: 10px 0px 0px;
}

#header #logo{
	float: right;
	margin: 0px 5px 0px 0px;
}

#content-body{
	clear: both;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/bg_side.gif) repeat-y;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#header-line{
	clear: both;
	float: left;
	background: #1771A5 url(../img/bg_header_line.gif) no-repeat;
	width: 900px;
	height: 30px;
	margin: 10px 0px 0px;
}

*html #header-line{
	float: none;
	zoom: 1;
}

*+html #header-line{
	float: none;
}

#header-line:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header-line ul{
	float: right;
	list-style: none;
	margin: 0px;
	padding: 8px 10px 0px 0px;
	zoom: 1;
}

#header-line ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header-line ul li{
	font-size: 75%;
	font-weight: bold;
	float: left;
	border-left: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 4px 0px;
}

#header-line ul li.last{
	border-right: 1px solid #FFFFFF;
}

#header-line ul li a{
	color: #FFFFFF;
}

/*INDEX CONTENTS--------------------------------------------------*/
#index-contents{
	float: right;
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	zoom: 1;
}

#index-contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#index-contents ol{
	background: url(../../img/doc.gif) no-repeat 0px 20px;
	margin: 0px;
	padding: 0px 0px 0px 85px;
}

/*MAIN CONTENTS--------------------------------------------------*/
#main-contents{
	float: right;
	font-size: 100%;
	line-height: 1.5;
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

#form-contents{
	float: left;
	background: #FFFFFF;
	width: 898px;
}

#form-contents #main-contents{
	float: none;
	font-size: 100%;
	line-height: 1.5;
	width: 670px;
	margin: 0px auto;
	padding: 0px;
}

/*SIDE CONTENTS--------------------------------------------------*/
#side-contents{
	float: left;
	background: #F5F5F5;
	width: 210px;
	margin: 0px;
	padding: 0px;
}

#side-contents a{
	color: #666666;
}

/*FOOTER--------------------------------------------------*/
#footer{
	clear: both;
	font-size: 75%;
	color: #FFFFFF;
	background: #1771A5;
	padding: 5px 20px;
	zoom: 1;
}

#footer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer p{
	float: left;
	margin: 0px;
	padding: 0px;
}

#footer ul{
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}

#footer ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#footer ul li{
	float: left;
	margin: 0px;
	padding: 0px 4px;
}

#footer ul li.last{
	border-left: 1px solid #FFFFFF;
}

#footer a{
	color: #FFFFFF;
}

/*MAIN CONTENTS--------------------------------------------------
--------------------------------------------------------------------------------*/
#content-header{
	background: #FFFFFF;
	padding: 20px 10px 20px 10px;
	zoom: 1;
}

#content-header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#change-font-size{
	float: right;
	background: url(../img/bg_fontsize.gif) no-repeat;
	width: 218px;
	height: 35px;
	padding: 0px 10px;
	zoom: 1;
}

#change-font-size:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#change-font-size p{
	float: left;
	margin: 14px 0px 0px 0px;
	padding: 0px;
}

#change-font-size ul{
	float: right;
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#change-font-size li{
	float: left;
	padding: 0px;
}

#change-font-size li#size-s{
	margin: 5px 2px 0px 0px;
}

#change-font-size li#size-m{
	margin: 3px 2px 0px 0px;
}

#change-font-size li#size-l{
	margin: 0px 0px 0px 0px;
}

#read-copy{
	float: left;
	font-size: 75%;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	width: 620px;
}

#read-copy strong{
	font-weight: normal;
	color: #FF0000;
}

#main-image{
	margin: 0px 0px 0px;
}

#main-contents .content{
	margin: 0px;
	padding: 5px 0px 30px 20px;
}

#main-contents .content p{
	margin: 0px 0px 1.5em;
	padding: 0px;
}

#main-contents .content ul{
	margin: 0px 0px 10px;
	padding: 0px;
}

/*INDEX--------------------------------------------------*/
#index-contents #main-contents{
	float: left;
	width: 450px;
}

#index-contents #main-contents h2{
	font-size: 100%;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	background: #1771A5 url(../img/bg_title_index.gif) no-repeat;
	width: 430px;
	margin: 0px;
	padding: 8px 0px 8px 20px;
}

/*BANNER LINK--------------------------------------------------*/
#index-contents #banner{
	float: right;
	width: 210px;
}

#index-contents #banner ul.icon-cur{
	font-size: 75%;
	list-style: none;
	margin: 10px 0px 20px 5px;
	padding: 0px;
}

#index-contents #banner ul.icon-cur li{
	background: url(../img/list_cur.gif) no-repeat 0px 6px;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 10px;
}

#index-contents #banner h2{
	font-size: 100%;
	line-height: 1.2;
	color: #FFFFFF;
	background: url(../img/bg_side_title.gif) no-repeat;
	width: 195px;
	height: 42px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}

#index-contents #banner ul{
	margin: 0px 0px 20px;
}

#index-contents #banner ul.image{
	text-align: center;
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}

#index-contents #banner ul.image li{
	margin: 0px 0px 5px;
	padding: 0px;
}

#banner h3{
	font-size: 75%;
	margin: 5px 0px 5px 10px;
}

#index-contents #p-mark{
	text-align: right;
	margin: 0px 10px 20px 0px;
	padding: 20px 0px 0px;
}

/*MAIN CONTENTS--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents h2{
	margin: 0px 0px 15px;
	padding: 0px;
}

#main-contents #static h2{
	font-size: 100%;
	line-height: 1;
	color: #1771A5;
	margin: 0px 0px 10px;
	padding: 0px;
}

#main-contents #static h3{
	font-size: 100%;
	line-height: 1;
	color: #1771A5;
	margin: 10px 0px;
	padding: 0px;
}

#main-contents #about h3{
	font-size: 100%;
	line-height: 1;
	color: #1771A5;
	margin: 10px 0px;
	padding: 0px;
}

#main-contents #about h3 a{
	display: block;
	background: url(../img/h3_about.gif) no-repeat 0px 4px;
	font-weight: bold;
	color: #1771A5;
	text-decoration: none;
	height: 25px;
	padding: 5px 0px 0px 40px;
}

#main-contents .line-block{
	background: url(../img/line_dot.gif) repeat-x bottom;
	margin: 0px 0px 2em;
	padding: 0px 0px 0.5em;
}

/*SIDE CONTENTS--------------------------------------------------
--------------------------------------------------------------------------------*/
#side-contents h2{
	font-size: 75%;
	font-weight: bold;
	color: #1771A5;
	border-left: 5px solid #1771A5;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
}

#side-contents h2 a{
	color: #1771A5;
	text-decoration: none;
}

#side-contents h2#for-register{
	font-size: 100%;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../img/bg_side_title.gif) no-repeat;
	border-left: none;
	width: 195px;
	height: 22px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}

#side-contents #register-btn{
	text-align: center;
	margin-top: 10px;
}

#side-contents ul{
	font-size: 75%;
	margin: 0px;
	padding: 0px 0px 20px;
	list-style: square;
}

#side-contents li{
	margin: 0px 0px 1em 20px;
	padding: 0px;
}

/*BANNER LINK SIDE--------------------------------------------------*/
#side-contents #banner{
	width: 210px;
}

#side-contents #banner ul.icon-cur{
	font-size: 75%;
	list-style: none;
	margin: 10px 0px 20px 5px;
	padding: 0px;
}

#side-contents #banner ul.icon-cur li{
	background: url(../img/list_cur.gif) no-repeat 0px 6px;
	margin: 0px 0px 1em;
	padding: 0px 0px 0px 10px;
}

#side-contents #banner h2{
	font-size: 100%;
	line-height: 1.2;
	color: #FFFFFF;
	background: url(../img/bg_side_title_g.gif) no-repeat;
	width: 195px;
	height: 42px;
	border-left: none;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}

#side-contents #banner ul{
	margin: 0px 0px 20px;
}

#side-contents #banner ul.image{
	text-align: center;
	list-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
}

#side-contents #banner ul.image li{
	margin: 0px 0px 5px;
	padding: 0px;
}

#side-contents #p-mark{
	margin: 0px 0px 20px 10px;
	padding: 20px 0px 0px;
}

/*STATIC--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents #static p{
	margin: 0px 0px 1.5em 20px;
}

#main-contents #static ul{
	margin: 0px 0px 1.5em 20px;
}

#main-contents #static li{
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#main-contents #static ol{
	margin: 0px 0px 1.5em 0px;
}

*+html #main-contents #static ol{
	margin: 0px 0px 1.5em 40px;
}

*html #main-contents #static ol{
	margin: 0px 0px 1.5em 40px;
}

#main-contents a.img-btn{
	font-size: 90%;
	text-decoration: none;
	display: block;
	background: url(../img/btn_imgbtn.jpg) no-repeat;
	width: 140px;
	height: 24px;
	margin: 0px auto;
	padding: 6px 0px;
}

#main-contents a.img-btn:hover{
	background: url(../img/btn_imgbtn_on.jpg) no-repeat;
}

#main-contents a.img-btn-pc{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	display: block;
	background: url(../img/btn_imgbtn_pc.jpg) no-repeat;
	width: 180px;
	height: 24px;
	margin: 0px auto;
	padding: 6px 0px;
}

#main-contents a.img-btn-mail{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	display: block;
	background: url(../img/btn_imgbtn_mail.jpg) no-repeat;
	width: 180px;
	height: 24px;
	margin: 0px auto;
	padding: 6px 0px;
}

#main-contents a.img-btn-q{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	display: block;
	background: url(../img/btn_imgbtn_q.jpg) no-repeat;
	width: 180px;
	height: 24px;
	margin: 0px auto;
	padding: 6px 0px;
}

#main-contents a.img-btn-pc:hover{
	background: url(../img/btn_imgbtn_pc_on.jpg) no-repeat;
}

#main-contents a.img-btn-mail:hover{
	background: url(../img/btn_imgbtn_mail_on.jpg) no-repeat;
}

#main-contents a.img-btn-q:hover{
	background: url(../img/btn_imgbtn_q_on.jpg) no-repeat;
}

/*Learn about clinical trials--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents #about p{
	margin: 0px 0px 1.5em 20px;
}

#main-contents #about ul{
	margin: 0px 0px 1.5em 40px;
}

#main-contents #about li{
	margin: 0px 0px 1em 0px;
}

/*LISST ICON--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents ul.icon-g{
	list-style: none;
	padding: 0px;
}

#main-contents ul.icon-g li{
	line-height: 1.6;
	background: url(../img/list_icon_green.gif) no-repeat 0px 9px;
	padding: 0px 0px 0px 12px;
}

#main-contents ul.icon-cur{
	list-style: none;
	padding: 0px;
}

#main-contents ul.icon-cur li, #main-contents #static ul.icon-cur li{
	line-height: 1.6;
	background: url(../img/list_cur.gif) no-repeat 0px 9px;
	padding: 0px 0px 0px 12px;
}

/*TOKYO--------------------------------------------------
--------------------------------------------------------------------------------*/
#tokyo-clinic{
	padding: 0px 0px 0px 20px;
}

#tokyo-clinic .img-box{
	padding: 0px 0px 20px 20px;
	zoom: 1;
}

#tokyo-clinic .img-box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#tokyo-clinic .f-box{
	float: left;
	padding: 0px 20px 0px 0px;
}

#main-contents #tokyo-clinic .f-box p{
	font-size: 90%;
	margin: 0px;
	padding: 0px;
}

dl#add{
	padding: 0px 0px 0px 20px;
}

#add dt{
	font-weight: bold;
}

dl#add dd{
	margin: 0px;
	padding: 0px;
}

#access-box{
	zoom: 1;
}

#access-box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#access-box .photo{
	float: left;
	padding: 0px 10px 0px 0px;
}

#static ol#privacy li{
	font-weight: bold;
	margin: 0px 0px 2em;
}

#static ol#privacy ol, #static ol#privacy ul{
	margin: 0px;
	padding: 0px;
}

#static ol#privacy li li{
	font-weight: normal;
	margin: 0px 0px 1em;
}

ol.type-roman{
	list-style-type: upper-roman;
}

ul.type-none{
	list-style-type: none;
}

/*PRIVACY DEALS--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents #static #privacy-deals h3{
	color: #666666;
	margin: 10px 0px 10px 20px;
}

#main-contents #static #privacy-deals dl{
	margin: 10px 0px 10px 20px;
}

#main-contents #static #privacy-deals ul{
	padding: 10px 0px 10px 40px;
}

/*FORM TABLE--------------------------------------------------
--------------------------------------------------------------------------------*/
.form-table{
	font-size: 90%;
	border-collapse: collapse;
	width: 650px;
	margin: 0px 0px 20px 20px;
}

.form-table th, .form-table td{
	border: 1px solid #666666;
	padding: 5px 2px 5px 5px;
}

.form-table th{
	color: #666666;
	font-weight: normal;
	text-align: left;
	background: #DFDFDF;
	width: 180px;
}

.form-table td input{
	margin: 0px 0px 4px;
}

.form-table td table th{
	color: #666666;
	background: none;
}

.form-table input{
	vertical-align: middle;
}

.form-table img{
	vertical-align: middle;
}

/*STEP--------------------------------------------------
--------------------------------------------------------------------------------*/
#main-contents #static ol#registration-step{
	list-style: none;
	margin: 0px 180px;
	padding: 0px;
	zoom: 1;
}

#main-contents #static ol#registration-step:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#main-contents #static #registration-step li{
	float: left;
	margin: 0px;
	padding: 0px;
}

/*READ BOX--------------------------------------------------
--------------------------------------------------------------------------------*/
#read-box{
	height: 200px;
	width: 630px;
	margin: 0px 0px 20px 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

#read-box h4{
	margin: 0px;
	padding: 0px;
}

#read-box dl{
	margin: 0px 0px 1.5em 20px;
}

#read-box dt{
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#read-box ul{
	padding: 0px 0px 0px 20px;
}

#sitemap ul{
	list-style: square;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#sitemap ul ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
}

#static p#complete-box{
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 20px;
	margin: 40px 0px 20px;
}

.err{
	color: #FF0000;
}

/*etc.------------------------------*/
.exp{
	color: #1771A5;
	font-size: 75%;
}

.exp-num{
	color: #1771A5;
	font-size: 75%;
	vertical-align: top;
}

#main-contents #about .about-copy p{
	margin: 0px;
}

#main-contents #about .about-copy ul{
	margin: 0px;
}

#main-contents #about .about-copy ul li{
	margin: 0px;
}