@charset "utf-8";
/* CSS Document */
@import url("base.css");


.basic_ul li {
	background-image: url(../img/common/list_img01.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-bottom: 8px;
	padding-left: 16px;
}
.sub_ul li {
	background-image: url(../img/common/list_img02.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-bottom: 2px;
	padding-left: 16px;
}
.basic_ol {
    counter-reset: li; 
}
.basic_ol li {
	list-style:none;
	position: relative;



    *list-style-type: decimal; /*IE7用ハック*/
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
}
.basic_ol li:before {
	content:counter(li);
	counter-increment:li;
	position: absolute;
	z-index: 10;
	left: 6px;
	width: 28px;
	height: 28px;
	text-align: center;
	background-image: url(../img/common/ol_back.gif);
	background-repeat: no-repeat;
	background-position: -1px 1px;
}
/*----------　メインイメージ　------------*/
#main_img {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 971px;
	margin-bottom: 3px;
	background-color: #DCDCDC;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#breadcrumb {
	font-size: 11px;
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}

/*----------　コンテンツ　------------*/
#content {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	overflow: hidden;
	clear: both;
	margin-bottom: 35px;
}
#left {
	float: left;
	width: 755px;
	padding-top: 3px;
}
.half {
	float: left;
	width: 333px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-top: 3px;
	margin-left: 3px;
	padding-top: 18px;
	padding-right: 17px;
	padding-bottom: 15px;
	padding-left: 18px;
}
.half {
	float: left;
	width: 333px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-top: 3px;
	margin-left: 3px;
	padding-top: 18px;
	padding-right: 17px;
	padding-bottom: 15px;
	padding-left: 18px;
}
.half2 {
	float: left;
	width: 347px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-top: 3px;
	margin-left: 3px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 11px;
	position: relative;
}
.third {
	float: left;
	width: 220px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-top: 3px;
	margin-left: 3px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 11px;
	position: relative;
}
.dy_title {
	position: relative;
	margin:0 0 8px -14px;
}

.dy_title:before {
	content:" ";
	position: absolute;
	left: -14px;
	top: 0px;
}
.third_flameL {
	float: left;
	width: 30.1%;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	padding: 5px 1.5% 3px 1.5%;
}
.third_flame {
	float: left;
	width: 30%;
	padding: 5px 1.5% 3px 1.5%;
}
.half_flame {
	float: left;
	width: 46.5%;
	padding: 5px 2% 3px 1.5%;
}
.white_flame {
	background-color: #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE;
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 18px;
	border: 1px solid #FFF;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	overflow: hidden;
}
.beige_flame {
	background-color: #F9F3EE;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE;
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 12px;
	padding-left: 18px;
	border: 1px solid #FFF;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	overflow: hidden;
}
.green_flame {
	background-color: #F2F9EE;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	border: 1px solid #FFF;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	overflow: hidden;
}
.dot_flame {
	background-image: url(../img/common/dot_flame.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
}

.ta100 , .ta_his , .ta_riha {
	width: 749px;
	margin-right: 3px;
	margin-left: 3px;
}
#room {
	width: 347px;
}
.ta100 th {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A592;
	text-align: left;
	width: 190px;
	vertical-align: top;
	background-image: url(../img/common/list_th.jpg);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-left: 20px;
	padding-top: 11px;
	padding-bottom: 9px;
}
.ta100 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-right: 10px;
}
.ta_his th {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A592;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 7px;
}
.ta_his td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-right: 10px;
	background-image: url(../img/common/list_th.jpg);
	background-repeat: no-repeat;
	background-position: 10px 15px;
}
.ta100 td p { margin-bottom: 0px; }
.ta_riha th {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A592;
	text-align: center;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 7px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
.ta_riha .noline , #room .noline {
	border-left: none ;
}
.ta_riha td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-right: 10px;
	background-image: url(../img/common/list_th.jpg);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
.ta_riha .shuen {
	width: 80px;
	border-left-style: none;
}
.ta_riha .writer {
	width: 100px;
	border-left-style: none;
}
#room th {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A592;
	text-align: left;
	width: 190px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 7px;
}
#room td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: center;
	padding-left: 10px;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-right: 10px;
	text-align: right;
}
#map {
	height: 400px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#rihaimg {
	position: absolute;
	top: 0px;
	left: 610px;
	z-index: 1;
}
#fade_flame {
    width:755px;
    height:220px;
	margin-bottom: 20px;
}
#fade {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#fade img {
    top: 0;
    left: 0;
    position: absolute;
}


/*----------　新着　------------*/
.news_flame {
	overflow: hidden;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 7px;
	margin-bottom: 7px;
	width: 749px;
	margin-left: 3px;
}
.date {
	color: #3B7137;
	float: left;
	width: 80px;
	padding-left: 8px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 0px;
	margin-top: 1px;
}
.cate {
	float: left;
	width: 107px;
	margin-bottom: 0px;
}
.news_t {
	width: 540px;
	float: left;
	line-height: 17px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	margin-top: 1px;
}
.kiji {
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 5px;
	background-color: #FFF;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
	overflow: hidden;
}
.kiji li {
	background-image: url(../img/common/list_img01.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	margin-bottom: 8px;
	padding-left: 16px;
}

#pagelink {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 45px;
}
.link_page {
	text-decoration: none;
	background-color: #8AD5CE;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 7px;
	border: 1px solid #8AD5CE;
	text-align: center;
	margin-right: 1px;
	margin-left: 1px;
}
.current_page {
	text-decoration: none;
	color: #333333;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 7px;
	border: 1px solid #8AD5CE;
	text-align: center;
	margin-right: 1px;
	margin-left: 1px;
}
.link_next {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #8AD5CE;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 6px;
	padding-left: 7px;
	border: 1px solid #8AD5CE;
	text-decoration: none;
	margin: 0px;
}
.link_before {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #8AD5CE;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 6px;
	padding-left: 7px;
	border: 1px solid #8AD5CE;
	text-decoration: none;
	margin: 0px;
}

.noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.out_sch {
	background-image: url(../img/patient/tsuusho_sch_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
	padding-bottom: 15px;
	overflow: hidden;
}
#question {
	position: absolute;
	left: 0px;
	top: -40px;
}
#feature_t01 {
	position: absolute;
	top: 20px;
	left: 190px;
}
#feature01 {
	padding-top: 80px;
	float: left;
	padding-left: 40px;
	margin-bottom: 0px;
}
#feature_t02 {
	position: absolute;
	top: 25px;
	left: 0px;
}
#feature02 {
	padding-top: 85px;
	float: left;
	padding-left: 25px;
	margin-bottom: 35px;
}
#environment {
	background-image: url(../img/riha/rigaku_img07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 283px;
	padding-top: 20px;
	padding-left: 20px;
	width: 365px;
	clear: both;
	margin-bottom: 35px;
	padding-right: 370px;
}

.step_half {
	float: left;
	width: 250px;
}
/* ---------------------------
	お仕事情報
 ---------------------------*/
.job_box {
	border: 1px solid #dcdcdc;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
	overflow: hidden;
	margin-bottom: 20px;
}
.job_title_frame {
	padding-left: 12px;
	padding-top: 12px;
	margin-bottom: 8px;
	background-color: #F9F9F9;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #99DBD5;
	padding-bottom: 12px;
}
.job_title {
	font-weight: normal;
	font-size: 15px;
	line-height: 15px;
}
.job_num {
	margin-top: 12px;
	background-image: url(../img/recruit/recruit_icon01.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #F66;
	padding-left: 75px;
	background-position: left 2px;
	margin-bottom: 0px;
}
.job_table {
	clear: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cdcdcd;
	margin-bottom: 20px;
	width: 730px;
}
.job_table th {
	text-align: left;
	font-weight: normal;
	background-color: #F3F3F3;
	width: 125px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cdcdcd;
	border-bottom-color: #cdcdcd;
	padding-left: 15px;
	padding-top: 10px;
	vertical-align: top;
	line-height: 16px;
	padding-bottom: 8px;
}
.job_table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcdcd;
	padding-top: 10px;
	padding-left: 15px;
	vertical-align: top;
	line-height: 16px;
	padding-bottom: 8px;
}




/*----------　右カラム　------------*/
#right {
	float: right;
	width: 206px;
}
.pickup_menu {
	background-color: #F9F2F3;
	width: 198px;
	margin-top: 3px;
	margin-left: 3px;
	border: 1px solid #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 12px;
	position: relative;
}.pickup {
	position: absolute;
	left: -10px;
	top: -8px;
}
#pickup_banner {
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FADCE2;
	background-color: #FFF;
}
.patient_menu {
	background-color: #F5F5F5;
	width: 198px;
	margin-top: 3px;
	margin-left: 3px;
	border: 1px solid #FFF;
	-webkit-box-shadow: 0 0 3px 0 #BEBEBE; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 3px 0 #BEBEBE; /* Firefox用 */
	box-shadow: 0 0 3px 0 #BEBEBE; /* CSS3 */
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 12px;
	position: relative;
}
#pt_img {
	position: absolute;
	top: 10px;
	left: 125px;
}
.patient_menu ul {
	margin: 0 0 10px 0;
}
.patient_menu ul li {
	background-image: url(../img/common/list_patient.jpg);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	padding-left: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDCDC;
	padding-top: 8px;
	padding-bottom: 7px;
}
.patient_menu ul li a {
	color: #333;
	text-decoration: none;
	display: block;
}
.patient_menu ul li a:hover {
	color: #F66;
	text-decoration: none;
}

#facility {
	margin-right: 3px;
	margin-left: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8AD6D2;
	border-bottom-color: #8AD6D2;
	border-left-color: #8AD6D2;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	margin-bottom: 5px;
}
#facility ul li {
	background-image: url(../img/common/list_img01.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	font-size: 12px;
	letter-spacing: 0px;
	margin-bottom: 4px;
}

.st-accordion {
	margin-bottom: 40px;
}
.st-accordion ul li{
	min-height: 40px;
	border-bottom: 1px solid #c7deef;
	border-top:1px solid #fff;
	overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
	display: block;
	position: relative;
	outline:none;
	-webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	color: #333;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 12px;
}
.st-accordion ul li > a span{
	background: transparent url(../img/common/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	padding-top: 5px;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
	padding: 15px 0px 20px 10px;
	margin-top: 10px;
	border-top: 1px dotted #c7deef;
}