@charset "utf-8";
@import "reset.css";

*{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	text-align: center;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
}

@media print {
  body {
    zoom: 75%;
  }
}

/* text */
p { text-align: left; }

.copy{ padding-left: 5px; }

h1 { text-align: left; }

.karute_logo{ text-align: left; float: left; }

h2 { text-align: left; }

.finding { text-align: left; padding: 0 0 20px 0; }

.contents_name { text-align: left; float: left; height: 75px;}

.logo_contents { text-align: left; float: left; }

.contents_texts { padding: 0 5px 0 15px; text-align: left; }

.contents_texts_under { padding: 20px 5px 0 15px; }

.contents_texts_only { padding: 0 5px 30px 15px; }

.contents_image { margin: 10px 0 30px 0; }

.contents_image_under { margin: 10px 0 0 0;}

.click { float: left; margin: 0 0 30px 20px; }

.click_a { margin: 0 0 20px 0; }

.attention { color: #ff0000; font-weight: bold; }

.camparison_kind { color: #009900; font-weight: bold; padding: 0 5px 10px 15px; }

.camparison_kind2 { color: #009900; font-weight: bold; padding: 20px 5px 10px 15px; }

.faq { clear: both; text-decoration: underline; font-size: 11px; color: #333333; width: 580px; }

a:link { color: #333333; text-decoration: none; }

a:visited { color: #333333; text-decoration: none; }

a:hover { color: #0000cc; text-decoration: underline; }

a:active { color: #0000cc; text-decoration: underline; }

.fature_txt:link  { color: #0066ff; text-decoration: underline; }

.fature_txt:visited  { color: #0066ff; text-decoration: underline; }

.fature_txt:active  { color: #0000cc; text-decoration: underline; }

.fature_txt:hover  { color: #0000cc; text-decoration: underline; }  

/* start */
body{
  background-image: url(../images/blue.jpg);
}
#shadow{
  width: 850px;
  margin: 0 auto;
  text-align: center;
  background-image: url("../images/blue_shadow.jpg");
  background-repeat: repeat-y;
}
#wapper{
  width: 800px;
  padding: 0 10px 0 10px;
  margin: 0 auto;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}

/* header
------------------------------------ */
#header {
  width: 800px;
  height: 70px;
  background-image: url("../images/topback.jpg");
}
.campany { float: right; }

/* globalmenu
------------------------------------ */
#globalmenu {
  width: 800px;
  height: 50px;
}
#globalmenu li{
  float: left;
  list-style: none;
}

/* mainimage
------------------------------------ */
#mainimage{
  position: relative;
  width: 800px;
  height: 200px;
  margin: 10px 0;
}
#karuteviewer{
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
}
.patent { padding: 0 5px 40px 0; }

.toplink { padding: 0 0 5px 0; }

/* コンテンツ枠
------------------------------------ */
#topwrap{
  float: left;
  width: 800px;
  background-color: #ffffff;
  margin: 0 0 10px 0;
}
#wrap{
  float: left;
  width: 800px;
  background-color: #e7e7e7;
  background-image: url("../images/haikei.gif");
  margin: 10px 0;
}

/* toppageコンテンツA
-------------------------- */
#contents_a{
  float: left;
  width: 540px;
  padding: 0 7px;
  border-right: 1px solid #cccccc;
}

/* melit */
#melit{
  width: 540px;
  height: 200px;
  padding-left: 5px;
}
.inner1{
  float: left;
  width: 170px;
  text-align: center;
  margin-right: 10px;
  background-image: url("../images/melit1.jpg");
  background-repeat: no-repeat;
}
.inner2{
  float: left;
  width: 170px;
  text-align: center;
  margin-right: 10px;
  background-image: url("../images/melit2.jpg");
  background-repeat: no-repeat;
}
.inner3{
  float: left;
  width: 170px;
  text-align: center;
  background-image: url("../images/melit3.jpg");
}
.style1{
  margin: 110px 0 30px 13px;
  width: 150px;
  text-align: left;
  color: #333333;
  font-weight: normal;
}
.style2{
  margin: 110px 0 30px 13px;
  width: 150px;
  text-align: left;
  color: #333333;
  font-weight: normal;
}

/* cases */
#cases{
  clear: both;
  width: 540px;
  height: 200px;
  padding: 10px 0;
}
#hospital{
  float: left;
  padding: 25px 10px 10px 10px;
  width: 100px;
  height: 140px;
}
#movie{
  float: left;
  padding: 25px 10px 10px 10px;
  width: 200px;
  height: 140px;
}
.style3{
  color: #cc0000;
  font-size: 14px;
  font-weight: bold;
  padding-top: 25px;
}
.case_intro{
  float: left;
  width: 315px;
}
.case_intro_under{
  float: left;
  width: 270px;
}
#cases_link {
  float: left;
  width: 120px;
  padding: 10px;
}
#movie_link {
  float: left;
  width: 200px;
  padding: 30px 10px 10px 100px;
}

/* contentsBお知らせ
-------------------- */
#info{
  float: right;
  width: 220px;
  padding: 5px 7px 0 0;
}
#info dl{
  text-align: left;
}
#info dd {
  padding-left: 20px; 
  text-align: left;
}
#info dt{
  background-image: url("../images/info_mark.jpg");
  background-repeat: no-repeat;
  background-position: 0 3px;
  text-align: left;
  margin-top: 10px;
  padding-left: 20px; 
}
.info_link a {
  color: #0000cc;
  text-decoration: none;
}
.info_link a:hover {
  color: #0000cc;
  text-decoration: underline;
}
.p_mrk {
  width: 120px;
  float: left;
  margin: 30px 0 0 110px;
}

/* pankuzu_link
------------------------------------ */
#pankuzu{
  width: 800px;
  height: 30px;
  margin-top: 10px;
  border-bottom: 3px #336699 solid;
}
#pankuzu li{
  float: left;
  margin-top: 10px;
  list-style: none;
}
#pankuzu li a{
  color: #660066;
  text-decoration: underline;
}
#pankuzu li a:hover{
  color: #0033cc;
}
.link_transition{
  color: #006699;
  padding: 0 10px;
}
/* sidemenu
------------------------------------ */
#sidemenu{
  float: left;
  width: 190px;
  border-top: 1px dotted #999999;
  background-color: #e7e7e7;
}
#sidemenu_no{
  float: left;
  width: 190px;
  background-color: #e7e7e7;
}
#sidemenubar{
  width: 190px;
  border: 0px #666666 solid;
}
#sidemenubar ul {
	list-style: none;
	border-top: 0px dotted #999999;
	background-color: #f5f5f5;
}
#sidemenubar li {
	border-bottom: 1px dotted #999999;
}
#sidemenubar a {
	padding: 7px 0 7px 10px;
	width: 170px;
	display: block;
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	border-left: 10px #666666 solid;
}
#sidemenubar a:hover {
	background-color: #ffffff;
	border-left: 10px #ff9900 solid;
}
.minibanner{
    margin: 10px 0 0 0;
}
#sidemenubar .view a, .view a:hover {
	padding: 7px 0 7px 10px;
	display: block;
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	background-color: #ffffff;
	border-left: 10px #00999A solid;
}
#sidemenubar .view2 a, .view2 a:hover {
	padding: 7px 0 7px 10px;
	display: block;
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	background-color: #ffffff;
	border-left: 10px #ff5400 solid;
}

/* maincontents
------------------------------------ */
#maincontents{
  float: right;
  width: 580px;
  padding: 0 9px 0 20px;
  border: 0px solid;
  background-color: #ffffff;
}
#maincontents_other{
  margin: 0 auto;
  width: 580px;
  padding: 0 20px 0 20px;
  background-color: #ffffff;
}
.feature{
  width: 505px;
  margin: 0 auto;
}
.feature_number{
  float: left;
  width: 50px;
}
.feature_coment_a{
  float: left;
  padding: 7px 0 0 5px;
  width: 450px;
}
.feature_coment_b{
  float: left;
  padding: 16px 0 0 5px;
  width: 450px;
}
.dottedline_next{
  width: 580;
  height: 180px;
}
.next{
  margin: 100px 0 0 0;
} 
.dottedline{
  width: 580;
  height: 145px;
  border-top: 1px dotted #333333;
}
.dottedline_forth{
  width: 580;
  height: 145px;
  margin-top: 80px;
  border-top: 1px dotted #333333;
}
.request_big{
  margin: 30px 0 0 0; 
}
.capture{
  float: left;
  width: 250px;
  padding: 0 10px 0 0;
}
#cooperation {
  width: 555px;
  padding: 10px 0 10px 15px;
  margin: 20px 0 20px 0;
  text-align: left;
}
#cooperation li {
  text-align: left;
  list-style-position: inside;
  padding-left: 20px;
}
#flow_one{
  margin: 10px auto 0 auto;
  width: 548px;
  height: 20px; 
  background-image: url("../images/contents1-3_03.jpg");
  border: 1px solid #006699;
}
#flow_second{
  margin: 10px auto 0 auto;
  width: 548px;
  height: 20px; 
  background-image: url("../images/contents1-3_04.jpg");
  border: 1px solid #00999A;
}
.flow_texts{
  color: #ffffff;
  text-align: left;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;
}
#flow_one_box{
  margin: 0 auto;
  width: 530px;
  padding: 9px;
  border: 1px solid #006699;
}
#flow_second_box{
  margin: 0 auto 15px auto;
  width: 530px;
  padding: 9px;
  border: 1px solid #00999A;
}
#flow_one_box li, #flow_second_box li{
  list-style: none;
  text-align: left;
  background-image: url("../images/yellow.jpg"); 
  background-repeat: no-repeat;
  padding: 0 0 0 20px; 
}
.flow2_img {
  margin-left: 40px;
}
#proof_box{
  width: 500px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
#proof_box li{
  list-style: none;
  text-align: left;
  background-image: url("../images/ivoly.jpg"); 
  background-repeat: no-repeat;
  padding: 0 0 10px 20px;   
}
.question{
  padding-bottom: 15px;
}
.anser{
  float: left;
  padding-bottom: 30px;
}
.anser_texts{
  float: left;
  padding: 0 0 30px 10px;
}
.q_texts {
  padding: 0 0 20px 46px;
}
/* case
------------------------------------- */
#case_detail{
  float: left;
  width: 330px;
}

#case_detail li {
  text-align: left;
  list-style-position: inside;
  padding-left: 15px;
}
#case_detail li.only_txt {
  text-align: left;
  list-style: none;
  padding-left: 15px;  
}

.case_title{
  padding: 20px 0 15px 0;
  width: 330px;
  border-bottom: 1px solid #cccccc;
}
.case_hospital{
  padding: 15px 10px 0 15px;
  font-weight: bold;
}
#case_photo{
  float: right;
  width: 230px;
  height: 180px;
  margin-top: 20px;
}
.intro{
  clear: both;
  margin: 30px 0 20px 0;
}
#user{
  float: left;
  width: 140px;
  margin-bottom: 30px;
}
.user_photo{
  padding: 0 0 5px 5px;
}
.user_name{
  float: right;
  padding-bottom: 20px;
  font-size: 11px;
}

/* sitemap
------------------------------------ */
#sitemap {
  width: 540px;
  text-align: left;
  padding: 40px 0 100px 0;
}
.treeView{
  background-color: white;
}
.treeView li {
  font-size: 14px;
  color: #333333;
  margin-left: 20px;
  text-align: left;
  padding: 5px 0 0 10px;
  text-indent: 10px;
  line-height: 160%;
  list-style: none;
  list-style-position: outside;
}
.treeView li a {
  font-size: 14px;
  color: #333333;
  text-decoratin: none;
}
.treeView li a:hover {
  color: #0000cc;
  text-decoration: underline;
}
.maptitle{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding-left: 32px;
  width: 550px;
  background-image: url("../images/sitemap.jpg");
  background-repeat: no-repeat;
  background-position: 0 -3px;
  border-bottom: 1px dotted #333333;
}
.identy{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding-left: 32px;
  width: 550px;
  background-image: url("../images/identy.jpg");
  background-repeat: no-repeat;
  background-position: 0 -3px;
  border-bottom: 1px dotted #333333;
}
#identy{
  background-color: white;
}
#identy ol { text-align: left; list-style-position: 20px; padding: 10px 5px 0 30px; text-align: left;}
#identy li { padding: 0 5px 20px 15px; text-align: left; }
.signature { float: right; padding: 0 0 45px 0; text-align: right;}

/* footer
------------------------------------ */
#footer{
  clear: both;
  width: 800px;
}
#footer_a{
  width: 800px;
  height: 30px;
  background-image: url("../images/footerback.jpg");
}
#footer_a li{
  padding: 6px 15px 0 15px;
  float: left;
  list-style: none;
  background-image: url("../images/footer_mark.jpg");
  background-repeat: no-repeat;
  background-position: 5px 10px;
}
#footer_a li a {
  color: #333333;
}
#footer_a li a:hover {
  color: #660066;
}
#footer_b{
  clear: both;
  width: 800px;
  text-align: right;
  font-size: 11px;
}

/* clearfix
------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }