@charset "UTF-8";

/*==============================================================
レイアウト
==============================================================*/

html {
	font-size: 13px;
}


body {
	width: 100%;
}

#container	{
	width: 100%;
	background-image:none;
	clear: both;

}

#container-box	{
	width: 90%;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;


}





#content p	{
	padding-bottom:1em;
}


#content-sub	{
	margin-right: 10px;
	margin-left: 10px;

}

#sidebar	{
	width: 100%;
	float: none;
	margin-right: 0;
	margin-left: 0;

}

#content	{
	width: 100%;
	float: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}





/* 画像 */
img	{max-width: 100%;height: auto;}
video {max-width: 100%;height: auto;}


article {
	margin-bottom:30px;
}



/*==============================================================
ヘッダー
==============================================================*/

#container-header	{
	width: 90%;
	margin-right: auto;
	margin-left: auto;

}

header	{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
}


#site	{
	float:none;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-right: auto;
	text-align:center;
}

#site h1	{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 1;

}
#site img { width:75%;	margin-top: 15px; margin-left:20px;}



/* 固定ヘッダー　スクロール時 */
#change #container-header	{
	width: 100%;
	margin: 0px;
	background:rgba(255,255,255,1);
	border-bottom:#ccc solid 1px;
}

#change header	{height:auto;}

#change header #site	{margin-top:0px;}

#change #header-lead {display:none;}

#header-menu {display:none;}


#change #site img { width:80%;	margin-top: 17px;margin-left:5px;margin-bottom:15px}




#header-lead {
	clear: right;
	font-size: 100%;
	line-height: 1.5;
	color: #333333;
	float: none;
	padding-bottom: 20px;
	padding-right: 0px;
}

#header-lead p {
	padding-top: 0px;
	padding-bottom: 0px;
}



/*==============================================================
スライドナビ
==============================================================*/


#slide-nav {
	margin-right: auto;
	margin-left: auto;
	width:100%;
	margin-bottom:30px;
}

ul.bxslider li {
	background:none!important;
	padding:0!important;
	display:inline!important;
}

ul.bxslider li img {
	width:100%;
	float:left;

}

.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}



/*==============================================================
サイドナビ
==============================================================*/

#Lnavi{
	margin-bottom: 30px;
	margin-right: 0px;
	
}

/*-------------------------------------------------- */
/*サイドバー　バナー
---------------------------------------------------- */

ul.side-banner {
	text-align:center;
}





/*==============================================================
フッター
==============================================================*/


footer	{
	clear: both;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

#footerNav {
	font-size: 11px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:10px;
	padding-right:10px;

}


.footer-l {
	float: none;
	width: 100%;
	font-size: 12px;
}

#footerNav a {
	padding-right: 1.5em;

}



.footer-tilte {
	font-weight: bold;
	color: #6F0045;
	font-size: 14px;
	margin-top:10px;

}

.footer-l  p {
	padding-bottom: 5px;

}


.footer-r {
	float: none;
	width: 100%;
	font-size:12px;

}


/*==============================================================
メインエリア
==============================================================*/

/* メインエリア 2 */

.top-main-02 {
	width: 100%;
	min-width: 100%;
	background-image:none;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;

}

.top-main-02-list {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	background-color: #FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:0;
	padding-right:0;
}

.top-main-02-list h2 {
	background-color: #6F0045;
	color: #FFFFFF;
	letter-spacing: 0em;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-bottom: 20px;
	

}

.top-main-02-box {
	float: none;
	clear:both;
	width: 100%;
	margin-left:0px!important;
	
}

.top-main-02-box-img {
	position: relative;
	width: 293px;
	float:left;
	margin-bottom:5px;

}

.top-main-02-box-title {
	position: absolute;
	background-color: rgba(111,0,69,0.8); 
	color: #FFFFFF;
	bottom: 0px;
	left: 0px;
	display: block;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;

}

.top-main-02-box ul{
	float:left;
	font-size: 13px;
	margin-top: 0px;
	margin-left:0px;
	margin-bottom:20px;

}

.top-main-02-box li{
	background-image: url(../img/body/arrow_sml_01.gif);
	background-repeat: no-repeat;
	background-position: left 0.9em;
	padding-left: 10px;
	padding-top: 5px;

}


/*==============================================================
ナビゲーションメニュー
==============================================================*/

#nav-select {

	width: 100%;
}


ul#nav 	{
	display:none;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	padding: 0;
	clear: both;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	border:none;
	background-color: #333;

}



ul#nav li 	{
	display:block;
	width: 100%!important;
	float: none;
	border:none;
	height:auto;
	min-height:100%;
}

/*スマホのみ表示*/
ul#nav li.sp-li-menu { display:block;}


ul#nav li a	{
	display: block;
	width: 100%!important;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5;
	padding-left: 5px;
	border-right: none;
	border-bottom: 1px solid #666;
	letter-spacing: 0em;
	font-size: 100%;

}

ul#nav li.characteristic a {padding-top:10px;padding-bottom:10px;}
ul#nav li.about  a{	padding-top:10px;padding-bottom:10px;}


ul#nav li.home a {padding-top: 0px;padding-bottom: 0px;text-align:center;}
ul#nav li.home a img { width:25%;}


ul#nav li.corporate a {
	background:url(../img/body/i_new_window.png) no-repeat left 1em;
	padding-left:23px;
}


#btn-menu-sild {
	 font-size: 10px;
	 padding: 8px;
	display:block;
	background:#ccc;
	float:right;
}
	 


#nav { display: none; }
    	    
.open { display: block; position:fixed; left:10px;top:10px; }
#pageslide { width: 200px; }




/*==============================================================
コンテンツ
==============================================================*/


/* イーク丸の内6個の特徴 */


.chara-name {
	font-size: 120%;
	width:30%;
	margin-left:auto;
	margin-right:auto;
	float: none;
	color: #FFFFFF;
	background-color: #6F0045;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
	text-align: center;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 10px!important;
}

.chara-article {
	clear:both;
	float: none;
	width: auto;
	padding-top: 10px;
	padding-left:0px;
	font-weight: normal;
	font-size: 130%;
	color: #6F0045;
	line-height: 1.4em;
	text-align:center;
	
}



/* 患者様の声 */

.ex-title-box {
	margin-top: 10px;
	padding: 10px;

}

.ex-title-box-fm {
	padding: 10px;
}

.ex-icon {
	text-align: center;
	float: none;
}


.ex-title {
	float: none;
	width: auto;
	font-size: 110%;
	
}

.ex-title p {
	font-size: 130%;
	padding-top: 10px;
	padding-bottom: 10px!important;
	text-align:center;

}


.sub_lead-status-b {
	font-size: 90%;
	color: #FFFFFF;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	background-color: #22499D;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	
}


.sub_lead-status-r {
	display:block;
	margin-top:10px;
	text-align:center;
	
}





/*==============================================================
トップ　バナー
==============================================================*/

ul.top-bnr-list {
	margin-top:10px;

}


/*==============================================================
テーブル
==============================================================*/


.table-price-width {
	width:100%;
}



/*==============================================================
タイトル
==============================================================*/


.title-sub {
	font-size: 150%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/*==============================================================
Page Top 
==============================================================*/

#pageTop {
	position:fixed;
	bottom:10px;
	right:10px;
	}

* html #pageTop {
	display: none;
	float: right;
	}



/*-------------------------------------------------- */
/* サイトマップ
---------------------------------------------------- */

.link-sitemap {
	float: none;
	width: 100%;
}



/*==============================================================
スマホ表示専用
==============================================================*/

/*テーブルスクロール*/
.sp-table-overflow {
	overflow:scroll;
	margin-right: 0.8em;
	margin-left: 0.8em;
	margin-bottom:20px;
}


.sp-round-box {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;     /* 枠線の装飾 */
	border: 1px solid #cccccc;
	margin: 5px;
	min-height:100px;
}



.sp-txt-14 {font-size:14px!important;}


.sp-img-width-30 {width:30%;}
.sp-img-width-50 {width:50%;}
.sp-img-width-80 {width:80%;}


/* brに適用 スマホのみ改行*/
.sp-br {clear:both;display:block;}

.sp-clear {clear:both!important;float:none!important;}

.sp-center {text-align:center;}

.sp-display-non {display:none!important;}


.sp-fc {
float:none!important;
clear:both!important;
margin:0px!important;
padding:0px!important;
}


.pc-display-non {display:block;}


.sp-img-sml-40 {width:40%;}
.sp-img-sml-50 {width:50%;}


.pt-msg{ padding-top:10px!important;}



.sp-width-auto { width:auto!important;}


/*==============================================================
タブレット表示専用
==============================================================*/

.tb-display {display:block;}
.tb-display-non {display:none!important;}