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

html {
  color: #333;
}

body {
  border-top: solid 3px #45bed9;
  font-size: 13px;
  line-height: 1.5;
  font-family: ArialMT,'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
  background-color: #fafaf8;
}

/* Header
---------------------------------------*/
#header-list {
  width: 980px;
  height: 30px;
  margin: 0 auto;
  font-size: 11px;
}

#header-list ul li {
  float: right;
  background: url(../img/icon_window.png)  right center no-repeat;
  margin: 6px 10px 0 0;
  padding-right: 16px;
}

#header-logo {
  width: 980px;
  height: 75px;
  margin: 0 auto;
}

#gnav-bg {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* Drop down
---------------------------------------*/
.dropmenu {
  *zoom: 1;
  list-style-type: none;
  width: 980px;
  margin: 0 auto;
  padding: 0;
}
.dropmenu:before, .dropmenu:after {
  content: "";
  display: table;
}
.dropmenu:after {
  clear: both;
}
.dropmenu li {
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-indent: 12px;
  font-size: 15px;
}
.dropmenu li a {
  display: block;
  height: 25px;
  margin: 0;
  padding: 10px 0 10px;
  background: #fff;
  border-left: 1px solid #eee;
  color: #333;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li span {
  font-size: 8px;
  padding: 0 0 0 12px;
  line-height: 1.5;
}
.dropmenu li.gnavlast a {
  border-right: 1px solid #eee;
}
.dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li {
  width: 100%;
}
.dropmenu li ul li a {
  height: 100%;
  padding: 13px 15px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
  text-align: left;
}
.dropmenu li ul li.droptop a {
  border-top: 1px solid #eee;
}
.dropmenu li:hover > a {
  background: #fff;
}
.dropmenu li a:hover {
  background: #45BED9;
}

/* Dop down フェードインで降りてくる
---------------------------------------*/
#fade-in2 li ul {
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* Drop down タイトル左のライン
---------------------------------------*/
.lineblue {
  margin: 0 0 0 5px;
  background: url(../img/lineblue.gif) left center no-repeat;
}
.linegreen {
  margin: 0 0 0 5px;
  background: url(../img/linegreen.gif) left center no-repeat;
}
.lineearth {
  margin: 0 0 0 5px;
  background: url(../img/lineearth.gif) left center no-repeat;
}
.linered {
  margin: 0 0 0 5px;
  background: url(../img/linered.gif) left center no-repeat;
}

/* Main visual
---------------------------------------*/
#mv-bg {
  width: 100%;
  background: url(../img/mvbg.png) repeat;
  border-bottom: 1px solid #ddd;
}
#mvbox {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}
#rheuma_tit {
  width: 465px;
  margin: 0 auto;
  padding: 30px 0;
}

#mv-fl {
  float: left;
  width: 467px;
  padding: 0 0 0 23px;
}
#mv-fl ul {
  width: 130px;
  margin: 0 auto;
  padding: 6px 12px;
  border: 3px solid #fff;
}
#mv-fl ul li.button {
  padding: 0 0 0 23px; 
  background: url(../img/plus_mvfl.png) left center no-repeat;
}

#mv-fr {
  float: right;
  width: 467px;
  padding: 0 0 0 23px;
}
#mv-fr ul {
  width: 130px;
  margin: 0 auto;
  padding: 6px 12px;
  border: 3px solid #fff;
}
#mv-fr ul li.button {
  padding: 0 0 0 23px; 
  background: url(../img/plus_mvfr.png) left center no-repeat;
}

.mv-orangeline {
  margin: 23px 0 20px 17px;
  border: 8px solid #f6b400;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
.mv-greenline {
  margin: 23px 0 20px 17px;
  border: 8px solid #66ca9e;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

/* Main contents
---------------------------------------*/
#main_contents {
  width: 980px;
  margin: 30px auto 60px;
}
#contents_box {
  width: 980px;
}
#column {
  width: 980px;
  margin: 16px auto 0;
}
#column a {
	color: #000;
}

.pickboxfl01 {
	width: 230px;
	float: left;
	margin-right: 80px;
	margin-left: 60px;
}
.pickboxfl02 {
	width: 230px;
	float: left;
	margin: 0 0 0 6px;
	margin-right: 80px;
}
.pickboxfr {
  width: 230px;
  float: left;
  margin: 0 0 0 6px;
}

.pickimg01 {
  width: 230px;
  height: 190px;
  border: 1px solid #eee;
  background: url(../img/pickup01.jpg) #FFF center bottom no-repeat;
  position: relative;
}
.pickimg02 {
  width: 230px;
  height: 190px;
  border: 1px solid #eee;
  background: url(../img/pickup02.jpg) #FFF center bottom no-repeat;
  position: relative;
}
.pickimg03 {
  width: 230px;
  height: 190px;
  border: 1px solid #eee;
  background: url(../img/pickup03.jpg) #FFF center bottom no-repeat;
  position: relative;
}
.picktit {
	width: 160px;
	padding: 6px 0 3px 10px;
	position: absolute;
	top: 152px;
	left: 1px;
	background-color: #fafaf8;
	font-size: 15px;
}
.picktxtbox {
  width: 232px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fafaf5;
  font-size: 14px;
}
.picktxtbox th {
  width: 160px;
  padding: 15px;
}
.picktxtbox td {
  width: 34px;
  padding: 0 6px 0 0;
  text-align: center;
  vertical-align: central;
}

/* News information
---------------------------------------*/
h3 {
  margin-top: 30px;
}
.newslist {
  width: 950px;
  margin: 16px 0 0 0;
  padding: 15px;
  background: #fff;
  border: 1px solid #eee;
  font-size: 12px;
}
.newslist li {
  line-height: 2.3;
}
.newslist li span small {
  padding-left: 16px;
}

/* Accordion
---------------------------------------*/
label {
  background: #f9faf5 url(../img/circle_plus.png) right center no-repeat;
  background-position: 98% center;
  font-size: 15px;
  color: #333;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

input[type="checkbox"].on-off{
  display: none;
}

.accordion {
  width: 980px;
  margin: 16px 0 0 0;
}
.accordion ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 1px 0 0 0;
  padding: 0;
  list-style: none;
}

.accordion li {
  background: #fff;
}
.accordion li a {
  padding: 15px;
  display: block;
  border: 3px solid #eee;
  text-decoration: none;
}
.accordion li a:hover {
  border: 3px solid #45beda;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}

/* Sidebar
---------------------------------------*/
#sidebar {
  float: right;
  width: 200px;
}

/* Footer
---------------------------------------*/
#footer-bg {
  border-top: 3px solid #dcdcdc;
  background: #fff;
}
#footer {
  width: 980px;
  margin: 0 auto;
  padding: 20px 0 60px 0;
}
#footer a {
color: #333;
}
#footer a:link { color: #333; }
#footer a:visited { color:  #333; }
#footer a:hover { color:  #999; text-decoration: underline; }
#footer a:active { color:  #999; text-decoration: underline; }

#footer th {
  padding: 0 0 6px 0;
  font-size: 14px;
  font-weight: bold;
}
#footer td {
  font-size: 13px;
}

.footer-fl {
  float: left;
  width: 245px;
}
.footer-fr {
  float: right;
  width: 245px;
}

/* Copyright
---------------------------------------*/
#copy-bg {
  background: #45beda;
}
#copyright {
  width: 980px;
  height: 30px;
  margin: 0 auto;
  padding-top: 15px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}