@charset "UTF-8";
body {
	overflow: hidden;
}
html {
	overflow-y: scroll;
}




/* link */
.medicalBody a {
	color: #021b6b;
	text-decoration: none;
}
.medicalBody a:visited {
	color: #021b6b;
	text-decoration: none;
}
.medicalBody a:hover {
	color: #021b6b;
	text-decoration: underline;
}
#Outline {
	letter-spacing: 0.5;
}
#Outline #StatusArea {
	margin-bottom: 0;
}
.medicalBody {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	text-align: left;
	font-size: 100%;
	width:100%;
	background-color:#FFF;
}

#news{
	background:#ECECEC;
	margin:10px;
	border-radius:3px;
}

#news p{
	font-weight:bold;
	padding:5px 0 0 10px;
	margin-bottom:0px;
}
#news hr{
	border-bottom:#fff 1px dotted;
	margin:0 0 0 1%;
	width:98%;
}
#news ul{
	padding:5px 0 5px 10px;
}


@media only screen and (max-width: 640px){
.medicalBody #summary.step.buy h2{
	background-size: 95%;
	text-indent: -9999px;
	background-image: url(../img/top/top_07.png) ;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 2% 1%;
}

.medicalBody #summary p.txt {
	margin: 0 auto;
	text-align: left;
	font-size: 120%;
	line-height: 1.2;

}

.medicalBody header {
	width: 100%;
	padding: 140px 0 0 0;
	margin: 0 auto 10px auto;
	background: url(../img/mobile/topimg_m.jpg) no-repeat;
	background-size: contain;
}
.medicalBody header h1 {
	width: 100%!important;
	padding: 55px 0 0 0!important;
	margin-top: 20px!important;
	background: url(../img/top/top_07_m.png) center bottom no-repeat!important;
	background-size: 95%!important;
	text-indent: -9999px!important;
}


/*--  コンテンツ --*/
#menu_02{
	background:url(../img/top/top_02.jpg) no-repeat;
	height:273px;
	padding-bottom:15px;
}

#menu_02 p{
	color:#FFF;
	font:30px;
	font-weight:bold;
	padding:30px 0 0 20px;
	line-height:120%;
	display:block;
}

#menu_02 span{
	color:#FFF;
	line-height:120%;
	padding:0 0 0 20px;
	display:block;
	font:15px;
}

#menu_03{
    display: none;
}

#menu_03_list .list{ 
	width:95%;
	margin:0 auto;
    border-radius: 10px;       
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px; 
	border: 1px solid #1b8b6e;  
	background-color:rgba(255,255,255,0.8);
	margin:10px auto;
} 

#menu_03_list a{
	text-decoration:none;
}

#menu_03_list span{
	font-size:150%;
	font-weight:bold;
	color:#1b8b6e;
	display:block;
	padding:10px 0 5px 10px;
}

#menu_03_list p{
	display:block;
	padding:0 0 0 10px;
}

#menu_03_list img{
	float:right;
	margin:-20px 0 10px 0;
}

p#copy{
	font-size:160%;
	color:#d7ca01;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	text-shadow: 0 0 10px #ece462;
	margin:10px 0 0 0;
}

#menu_04{
	background:url(../img/top/top_04.jpg)  no-repeat scroll left top #cee7ff;
	background-size:200% auto;
	overflow:hidden;
	width:100%;
	margin-bottom:2em;
}

#menu_04_in{
	width:100%;
	margin:5em 0.3em 0;
}


p#menu_04_title{
	font-weight:bold;
	font-size:2em;
	color:#1b8b6e;
	line-height:140%;
	padding-bottom:0px;
	padding:90px 0 8px 0;
	
}



#parts-dw{
	width:98%;
	margin:0 auto 10px auto;
	background:#FFF;
	overflow:hidden;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

ul#parts-title{
	padding:10px 0 5px 10px;
	display:block;
	overflow:hidden;
}

ul#parts-title li{
	float:left;
	font-size:1.7em;
	font-weight:bold;
	color:#1b8b6e;
}
#parts-text{
	padding:0 10px 0;

}

#parts-button{
	padding:0 0 10px 10px;
}


.medicalBody #summary.top {
	padding: 5% 5% 10% 3%;
	background:  url(../img/top/top_02.jpg) left top no-repeat #1b7a58;
	margin-top:20px;
}
.medicalBody #summary.top p.txt{
	color:#FFF;
}
}

@media only screen and (max-width: 640px){
#menu_03_list {
	background:url(../img/top/top_03_m.jpg) no-repeat bottom ;
	padding:0 0 10px 0;
	background-size: 100%;
}

}

#menu_05{
	background:url(../img/top/top_05.jpg) #eeeeee no-repeat;
	overflow:hidden;
	margin:15px 0;
}

#menu_05 h3{
	color:#FFF;
	padding:10px 0 0 15px;
	float:left;
	display:block;
}

p#title_s{
	size:15px;
	color:#FFF;
	float:left;
	display:block;
	padding:10px 0 0 10px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#left{
	float:left;
	width:50%;
	padding:15px 0 0 15px;
}
p#left_text{
	font-size:20px;
}

p#left_text02{
	font-size:15px;
}

#right{
	float:left;
	padding:10px 0 15px 45px;
}

#right img{
max-width: 100%;
height: auto;
width /***/:auto;　
	}

p#left_02{
	float:left;
}
#right_02{
	float:right;
}


.medicalBody #contents {
	width: 100%;
}
.medicalBody #contents #Inner {
	margin: 0 auto;
	padding: 20px 20px;
	margin-bottom: 20px;
}
.medicalBody #contents h2 {
	color: #1b8b6e;
	margin-top: 0;
	padding-top: 10px;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
/*--  概要 --*/
.medicalBody #summary {
	padding: 10px 0 0 0;
	background: #fff7cf;
	text-align: center;
}
.medicalBody #summary h2 {
	margin-bottom: 10px;
	color: #fff;
}

.medicalBody #summary p.photo img {
	width: 60%;
}

.medicalBody #summary p.Stxt {
	width: 95%;
	margin: 0 auto;
	text-align: left;
	font-size: 110%;
	line-height: 1.2;
	color: #999;
}

/*-- クライアントの心をつかむ提案のために --*/
.medicalBody #function {
	padding: 10px 10px;
	background: #54534c url(../img/bk_akushu.png) center top no-repeat;
	background-size: 60%;
}
.medicalBody #function h2 {
	margin-bottom: 10px;
	color: #f1da6a;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.4;
	text-shadow: 0 0 10px #000;
}

.medicalBody #function article {
	margin-top: 10px;
	padding-bottom: 10px;
}
.medicalBody #function article div {
	border-bottom: 1px dotted #eee;
}

.medicalBody #function article p {
	margin: 0px 10px 20px 10px;
	color: #fff;
}
.medicalBody #function article div.area04 a.linkimg {
	display: block;
	margin-top: 20px;
	text-align: center;
}
/* ボタン */
.medicalBody #contents a.zoom2 {
	display: inline-block;
	margin: 8px 0;
	padding: 8px;
	text-align: center;
	color: #fff;
	font-size: 120%;
	background: #e3bc00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #666;
}



/*-- サンプル画像 --*/

.medicalBody #summary.sampleimg {
	background: #1c8a6f;
}

.medicalBody .slidewrapper {
	padding-bottom: 10px;
}

/*-- 価格ご購入 --*/

.medicalBody #summary.step.buy h3 {
	width: 95%;
	margin: 0 auto;
	text-align: left;
	letter-spacing:0;
	font-size:15px;
}

.medicalBody #summary.step.buy .pkg img {
	width: 40%;
}
.medicalBody #summary.step.review .photo img {
	width: 60%;
}




@media screen and (min-width:641px) and ( max-width:768px) {
.medicalBody #contents {
	width: 100% !important;
	margin: 0 auto;
}

.medicalBody header {
	width: 100%;
	padding: 422px 0 0 0;
	margin: 0 auto 10px auto;
	background: url(../img/top/top_01.jpg) no-repeat;
	background-size: cover;
}

.medicalBody header h1 {
	display: none;
}
.medicalBody #summary p.txt {
	width: 68%;
	font-size: 110%;
	text-align:left;
	margin-left:0.2em;
}

.medicalBody #summary h2 {
	font-size: 210%;
	text-align: left;
}
.medicalBody #summary.sampleimg h2 {
	font-weight: normal;
	font-size: 200%;	
	text-align: center;
}
.medicalBody #summary.top {
	padding: 5% 5% 10% 3%;
	background:  url(../img/top/top_02.jpg) left top no-repeat ;
	margin-top:20px;
}
.medicalBody #summary.top p.pkg {
	display: none;
}
.medicalBody #summary.top p.txt {
	color: #fff;
}
p#copy{
	font-size:250%;
	color:#d7ca01;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	text-shadow: 0 0 10px #ece462;
}

#menu_03_list{
	display:none;
}


#menu_04{
	background:url(../img/top/top_04.jpg) no-repeat #cee7ff;
	overflow:hidden;
	margin:10px 0 25px 0;
}

#menu_04_in{
	float:right;
	width:50%;
	padding-right:15px;
}


p#menu_04_title{
	font-weight:bold;
	font-size:33px;
	color:#1b8b6e;
	line-height:140%;
	padding-bottom:0px;
	padding:15px 0 10px 0;
}

#parts-dw{
	width:98%;
	margin:0 auto 10px auto;
	background:#FFF;
	overflow:hidden;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

ul#parts-title{
	padding:10px 0 5px 10px;
	display:block;
	overflow:hidden;
}

ul#parts-title li{
	float:left;
	font-size:1.7em;
	font-weight:bold;
	color:#1b8b6e;
}
#parts-text{
	padding:0 10px 0;

}

#parts-button{
	padding:0 0 10px 10px;
}


.medicalBody #summary.step.buy h2{
	background-size: 55%;
	text-indent: -9999px;
	background-image: url(../img/top/top_07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 1% 0 1% 2%;
}
}


@media screen and (min-width:769px) {


p#copy{
	font-size:260%;
	color:#d7ca01;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	text-shadow: 0 0 10px #ece462;
}

#menu_03_list{
	display:none;
}


#menu_04{
	background:url(../img/top/top_04.jpg) no-repeat #cee7ff;
	overflow:hidden;
	margin:10px 0 25px 0;
}

#menu_04_in{
	float:right;
	width:50%;
	padding-right:15px;
}

p#menu_04_title{
	font-weight:bold;
	font-size:33px;
	color:#1b8b6e;
	line-height:140%;
	padding-bottom:0px;
	padding:15px 0 10px 0;
}

#parts-dw{
	width:98%;
	margin:0 auto 10px auto;
	background:#FFF;
	overflow:hidden;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

#parts-left{
	float:left;
	width:75%;
}

ul#parts-title{
	padding:10px 0 5px 10px;
	display:block;
	overflow:hidden;
}

ul#parts-title li{
	float:left;
	font-size:1.7em;
	font-weight:bold;
	color:#1b8b6e;
}
#parts-text{
	padding-left:10px;
	margin-bottom:0px !important;
}

#parts-button{
	float:right;
	padding:30px 20px 0 0;
}


.medicalBody header {
	width: 100%;
	padding: 422px 0 0 0;
	margin: 0 auto 10px auto;
	background: url(../img/top/top_01.jpg) no-repeat;
	background-size: cover;
}
.medicalBody header h1 {
	display: none;
}

.medicalBody #summary h2 {
	font-size: 210%;
	text-align: left;
}
.medicalBody #summary p.txt {
	width: 68%;
	font-size: 110%;
	text-align:left;
}
.medicalBody #summary.top {
	padding: 5% 5% 8% 3%;
	background:  url(../img/top/top_02.jpg) left top no-repeat ;
	margin-top:20px;
}
.medicalBody #summary.top p.pkg {
	display: none;
}
.medicalBody #summary.top p.txt {
	color: #fff;
}
.medicalBody #summary.step {
	padding: 40px 50px;
	background: #fff7cf url(../img/bk_step.png) left bottom no-repeat;
}
.medicalBody #summary.step p.pkg {
	margin-bottom: 0;
}
.medicalBody #summary.step p.pkg img {
	width: 50%;
	float: right;
}
/*-- クライアントの心をつかむ提案のために --*/
.medicalBody #function {
	background-size: 40%;
}
.medicalBody #function h2 {
	padding: 4% 0;
	font-size: 240%;
}
.medicalBody #function p {
	font-size: 100%;
	line-height: 1.2;
}
.medicalBody #function article div {
	float: left;
	padding: 0 1%;
	border-bottom: none;
}
.medicalBody #function article div.area01, .medicalBody #function article div.area04 {
	width: 47%;
	border-right: 1px dotted #fff;
	background-size: 90%;
}
.medicalBody #function article div.area02, .medicalBody #function article div.area05 {
	width: 48.5%;
	background-size: 90%;
}
.medicalBody #function article div.area03 {
	width: 100%;
	padding: 2% 0;
	background: url(../img/img_client_03.jpg) 20px center no-repeat;
	background-size: 50%;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
.medicalBody #function article h3 {
	font-size: 150%;
	margin-bottom: 1.5%;
}
.medicalBody #function article div.area01 h3, .medicalBody #function article div.area02 h3 {
	padding-top: 63%;
}
.medicalBody #function article div.area03 h3 {
	padding-left: 53%;
	padding-top: 0;
}
.medicalBody #function article div.area05 h3 {
	padding-top: 52%;
}
.medicalBody #function article div.area03 p {
	padding-left: 53%;
	padding-top: 0;
	padding-bottom: 15%;
}
.medicalBody #function article div.area04 a.thumb {
	display: block;
	margin-top: 1em;
	text-align: center;
}
/*-- 収録パーツ --*/
.medicalBody #summary.parts {
	padding: 1em;
	background: #d0e6fe url(../img/img_parts.png) left top no-repeat;
	background-size: 70%;
}
.medicalBody #summary.parts h2, .medicalBody #summary.parts p {
	padding-left: 43%;
	padding-top: 1%;
	width: 57%;
	text-align: left;
}
/*-- サンプル画像 --*/

.medicalBody #summary.sampleimg {
	background: #1b8b6e;
}
.medicalBody #summary.sampleimg h2 {
	font-weight: normal;
	font-size: 200%;	
	text-align: center;
}
.medicalBody #summary.sampleimg .slidewrapper {
	margin: 0 auto;
	width: 95%;
}
/*-- 導入事例 --*/
.medicalBody #summary.step.review {
	padding: 5%;
	background: #eaf4f2;
}
.medicalBody #summary.step.review .photo img {
	float: right;
	width: 47%;
}
/*-- 価格ご購入 --*/

.medicalBody #summary.step.buy {
	padding: 5%;
	background: #fff7cf url(../review/review02/img/bk_buy.png) right top no-repeat;
}
.medicalBody #summary.step.buy .pkg img {
	float: left;
	width: 27%;
}
.medicalBody #summary.step.buy h3 {
	width: 70%;
	margin: 0 0 0 30%;
	text-align: left;
	color:#1b8b6e;
}

.medicalBody #summary.step.buy p.txt, .medicalBody #summary.step.buy p.btn {
	width: 70%;
	margin: 0 0 0 30%;
	text-align: left;
}
.medicalBody #summary.step.buy p.gotospec {
	width: 70%;
	margin: 2% 0 0 30%;
	text-align: left;
}


.medicalBody #summary.step.buy h2{
	background-size: 50%;
	text-indent: -9999px;
	background-image: url(../img/top/top_07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 2% 25%;
}


#Outline {
}

.medicalBody {
	width: 960px;
	margin: 0 auto;
}
.medicalBody header {
	margin: 0;
}
.medicalBody #summary p.txt {
	font-size: 120%;
}

.medicalBody #function {
	background-size: 30%;
}
.medicalBody #function h2 {
	padding: 2% 0;
	font-size: 270%;
}
.medicalBody #function article h3 {
	font-size: 170%;
}
.medicalBody #function article p {
	margin: 0px 0 20px 10px;
}
.medicalBody #function p {
	font-size: 110%;
}
.medicalBody #summary.sampleimg .slidewrapper {
	width: 90%;
}
.medicalBody #summary.step.buy .pkg img {
	width: 21%;
}
.medicalBody #summary.step.review .photo img {
	width: 41%;
}
.medicalBody #summary.step.buy h3 {
	width: 80%;
	margin: 0 0 0 25%;
	font-size: 145%;
	letter-spacing: 0;
}

.medicalBody #summary.step.buy h2{
	background-size: 80%;
	text-indent: -9999px;
	background-image: url(../img/top/top_07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 2% 25%;

	}

.medicalBody #summary.step.review h3 {
	width: 80%;
	margin: 0 0 0 25%;
	font-size: 145%;
	letter-spacing: 0;
}
.medicalBody #summary.step.review h2 {
	margin: 0 0 2% 0;
	margin-bottom: 10px;
	color: #1c8a6f;
	text-shadow: 0 2px 2px #fff;
}
.medicalBody #summary.step.buy p.txt, .medicalBody #summary.step.buy p.btn {
	margin: 2% 0 0 25%;
}
.medicalBody #summary.step.buy p.gotospec {
	width: 70%;
	margin: 0 0 0 25%;
}
}