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

@import "../../css/cnt.css";

/*----------------------
=00 
----------------------*/
#right h3{
	margin-bottom:15px;
	line-height:0;
	}


/*----------------------
=00 cravis
----------------------*/

#clavis .concept{
	width:560px;
	margin:10px auto 30px;
	text-align:left;
	}
	
#clavis .concept p{
	margin-bottom:10px;
	}
	
#clavis .concept p.bold{
	margin-bottom:15px;
	font-weight:bold;
	color:#18338A;
	}

#clavis .member{
	width:500px;
	margin:5px 0 10px 90px;
	text-align:left;
	}

#clavis .member-r{
	float:left;
	width:300px;
	margin-right:20px;
	}

#clavis .member-r p{
	margin:5px auto 10px;
	}
	
#clavis p.copy{
	font-size:14px;
	font-weight:bold;
	text-indent:0em;
	color:#18338A;}

#clavis .member-l{
	float:left;
	width:160px;
	}


#clavis #group{
	text-align:center;
	width:590px;
	margin:0 auto 40px;}

#clavis #group .group-l{
	float:left;
	width:327px;
	text-align:left;
	margin-right:10px;
	display:inline;
	}

#clavis #group .group-r{
	float:left;
	text-align:left;
	width:222px;
	}
	
.namber{
	height:495px;
	margin-bottom:10px;
	background:url(../clavis/img/clavis_namber02.gif) no-repeat bottom;}

.namber02{
	height:300px;
	margin-bottom:10px;
	background:url(../clavis/img/clavis_namber04.gif) no-repeat bottom;}

.namber03{
	height:185px;
	margin-bottom:10px;
	background:url(../clavis/img/clavis_namber04.gif) no-repeat bottom;}

.namber h4{
	background:url(../clavis/img/clavis_namber01.gif) no-repeat top;
	font-size:14px;
	padding:10px 0 20px 20px;
	color:#333333;
	font-weight:bold;}

.namber02 h4,
.namber03 h4{
	background:url(../clavis/img/clavis_namber03.gif) no-repeat top;
	font-size:14px;
	padding:10px 0 20px 20px;
	color:#333333;
	font-weight:bold;}
	
.namber p.discription,
.namber02 p.discription{
	margin-bottom:0px;
	padding:0 15px 0 20px;}


.namber02 ul{
	padding:0 20px 0 20px;
	color:#333333;
	}

.namber03 p.discription{
	padding:5px 15px 0 20px;}

.namber p.copy,
.namber03 p.copy{
	padding:0 15px 0 20px;
	}


/*--------------------------------------
=00 clavisbtn 2010.08.12.hiramatsu
--------------------------------------*/

#clavis .clavisbtn p.backnumber{
	padding:0px 0px 50px 100px;
        float: left;
}

#clavis .clavisbtn p.clavispdf{
	padding:0px 0px 50px 0px;
}



/*--------------------------------------
=00 clavisbacknumber 2010.08.12.hiramatsu
--------------------------------------*/

#clavis .backnumber li.image{
        display: inline;
	padding:30px 30px 30px 50px;
        float: left;
}

#clavis .backnumber li.caption{
        display: inline;
        text-align: left;
	padding:30px 30px 30px 0px;
        float: left;
}

#clavis .backnumber li.btn{
        display: inline;
	padding:100px 0px 50px 50px;
        float: left;
}


#clavis .clavisbknum p{
        display: inline;
	padding:0px 20px 30px 450px;
}


#right .clavislink p{
        display: inline;
	padding:10px 250px 10px 20px;
}




/*--------------------------------------
=00 clavis sample_page
--------------------------------------*/

#clavis .samplepage .samplepage_l{
        display: inline;
	padding:10px 30px 30px 30px;
        float: left;
}

#clavis .samplepage .samplepage_r01 p{
	text-align:left;
	padding:10px 30px 30px 20px;
}


#clavis .samplepage .samplepage_r02{
	padding:20px 30px 0px 20px;
        float: right;

}



/*----------------------
=00 clavis-form
----------------------*/


#clavis-form table{
	width:603px;
	margin:0 auto 30px;
	}
#clavis-form table th,
#clavis-form table td{
	border:1px solid #ccc;
	padding:5px;
	text-align:left;
	}
#clavis-form table th{
	width:136px;
	text-align:center;
	vertical-align:middle;
	background:#F2F2F2;
	font-weight:bold;
	color:#2D2D2D;
	}

#clavis-form table .blue{
	color:#3266CC;
	}
#clavis-form table a{
	text-decoration:underline;
	}
#clavis-form table a:hover{
	text-decoration:none;
	}

#clavis-form .cnt-links-box{
	width:615px;
	margin:14px auto 20px;
	background:url(img/bg_cnt-linksm.gif) repeat-y;
	}
#clavis-form .cnt-links-box-b{
	width:615px;
	margin:0 auto;
	padding-bottom:10px;
	background:url(img/bg_cnt-linksb.gif) bottom no-repeat;
	}
#clavis-form .cnt-links-box h5{
	float:left;
	margin:10px 6px 5px 0px;
	}
#clavis-form .cnt-links-box h5.set-pal{
	padding-left:16px;
	}

#clavis-form h4.form-cap,
#clavis-form h4.form-cap02{
	width:603px;
	margin:0 auto;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#3266CC;
	}
#clavis-form h4.form-cap02{
	margin-bottom:10px;
	}
#clavis-form .form-descript,
#clavis-form .form-descript02{
	width:603px;
	margin:0 auto;
	text-align:left;
	}
#clavis-form .form-descript02{
	margin:0 auto 10px;
	}
#clavis-form .form-mab{
	margin-bottom:20px;
	}

#clavis-form h4.form-caution{
	font-weight:bold;
	margin:0 auto;
	color:#ff0000;
	}
#clavis-form h4.form-finish{
	font-weight:bold;
	margin:30px auto;
	color:#3266CC;
	}
#clavis-form p.copy{
	font-weight:bold;
	margin:30px auto;
	color:#3266CC;
	}
#clavis-form p.form-caution{
	width:603px;
	margin:0 auto 25px;
	color:#3266CC;
	text-align:left;
	}
#clavis-form .align-cnt{
	text-align:center;
	padding:15px 0;
	}

/*----------------------
=00 medilog
----------------------*/
	
#info .concept,
#medilog .concept{
	width:560px;
	margin:10px auto 30px;
	text-align:left;}

#medilog .concept-r{
	float:left;
	width:340px;
	margin-right:20px;
	}

#medilog .concept-r p{
	margin-bottom:10px;
	text-indent:1em;}
	
#medilog p.copy{
	font-size:14px;
	font-weight:bold;
	text-indent:0em;
	color:#18338A;}

#medilog .concept-l{
	float:left;
	width:180px;
	}	

#info #group,
#medilog #group{
	text-align:center;
	width:536px;
	margin:10px auto 40px;}

#info #group .group-l,
#medilog #group .group-l{
	float:left;
	width:261px;
	text-align:left;
	margin-right:14px;
	display:inline;
	}

#info #group .group-r,
#medilog #group .group-r{
	float:left;
	text-align:left;
	width:261px;
	}


.manager{
	height:130px;
	margin-bottom:10px;
	background:url(../img/bg_mediwel-group-btm.gif) no-repeat bottom;}

.manager02{
	height:150px;
	margin-bottom:10px;
	background:url(../img/bg_mediwel-group-btm.gif) no-repeat bottom;}

.manager h4,
.manager02 h4{
	background:url(../img/bg_mediwel-group-top.gif) no-repeat top;
	font-size:14px;
	padding:10px 0 20px 37px;
	font-weight:bold;}

.manager h4 a:link,
.manager02 h4 a:link{
	text-decoration:none;
	color:#333333;}

.manager h4 a:hover,
.manager02 h4 a:hover{
	text-decoration:underline;
	color:#333333;}

.manager h4 a:active,
.manager h4 a:visited,
.manager02 h4 a:active,
.manager02 h4 a:visited{
	color:#333333;}
	
.manager p.discription,
.manager02 p.discription{
	margin-bottom:0px;
	padding:5px 10px 0 15px;}

.manager p.more,
.manager02 p.more{
	background:url(../img/icon_otherlink.gif) no-repeat 0px 0.3em;
	padding:0 0 5px 15px;
	margin:0 10px 0 0;
	text-align:left;
	float:right;
	display:inline;
	font-weight:normal;}

#medilog h4.mailmaga{
	}
#medilog .member{
	width:560px;
	margin:0 auto 30px;
	text-align:left;
	}
#medilog .set-mab{
	margin-bottom:20px;
	}
#medilog .mailmaga-box{
	margin:5px auto;
	}
#medilog .mailmaga-box p{
	float:left;
	}
#medilog .mailmaga-box p.left{
	width:180px;
	}
#medilog .mailmaga-box p.right{
	width:350px;
	}
#medilog .popup{
	margin-top:10px;
	padding-left:15px;
	background:url(../img/icon_otherlink.gif) no-repeat 0 4px;
	}




/*----------------------
=00 popup
----------------------*/

#popup{
	width:500px;
	}
#popup h1{
	text-align:left;
	margin-bottom:15px;
	padding:5px;
	}
#popup .box{
	width:450px;
	margin:0 auto 15px;
	text-align:left;
	}
#popup h2{
	margin-bottom:8px;
	padding-bottom:3px;
	padding-left:10px;
	border-bottom:1px solid #ccc;
	border-left:3px solid #2D61C4;
	font-weight:bold;
	}
#popup p{
	margin-bottom:15px;
	padding-left:13px;
	}
#popup .close{
	padding:0;
	text-align:center;
	margin:25px auto 0;
	}
#popup .bold{
	font-weight:bold;
	}
#popup .caution{
	color:#cc0000;
	}



/*----------------------
=00 data
----------------------*/

#data{
	width:615px;
	margin:0 auto 30px;
	}
	
#data h4{
	margin:0 auto 10px;
	}
#data p{
    text-align:left;
	margin:0 25px 20px 20px;
	}
#data p.image{
    text-align:left;
	margin:0 25px 5px 20px;
	}
#data table{
	width:500px;
	margin:0 0 45px 20px;
	}
#data table th,
#data table td{
	border:1px solid #ccc;
	padding:5px;
	text-align:left;
	}
#data table th{
	width:250px;
	text-align:left;
	vertical-align:middle;
	background:#F2F2F2;
	font-weight:bold;
	color:#2D2D2D;
	}