@charset "UTF-8";
/*===================================
 * css file for "http://www.tosho-excel.com/"
 * file name : layout.css
===================================== */

body {
}
#wrapper {
}

 ::selection {
background: #29619f;
color: white;
}

/*---------------------------------------
	header
-----------------------------------------*/

#header {
	background:url(../img/head_bg.gif) repeat-x left top;
	height:166px;
	position:relative;
}

#header .inner {
	width:960px;
	height:166px;
	position:relative;
	margin:0 auto;

}
#sitelower #header {

}
#header #head_title {
	width:411px;
	position:absolute;
	top:32px;
}

#header #logo a {

}
#header #utility {
	position:absolute;
	right:0px;
	top:30px;
}

#header #utility .hnav01{
	overflow:hidden;
	zoom:1;
	height:26px;
	margin-bottom:14px;
	margin-left:auto;
	width:495px;
	}

#header #utility .hnav01 .nav01,
#header #utility .hnav01 .nav02{
	margin-top:6px;
}

#header #utility .hnav01 .nav04{
	margin-top:4px;
}


#header #utility .hnav01 li{
	float:left;
	margin-left:14px;}

#header #utility .hnav02{
	overflow:hidden;
	zoom:1;
	}
#header #utility .hnav02 li{
	float:right;
	margin-left:20px;}

/*---------------------------------------
	globalnav
-----------------------------------------*/

#gnav {
	position:absolute;
	top:116px;
	overflow:hidden;
	zoom:1;
}
#gnav ul{
  font-size:0;
}
#gnav li{ float:left; }
#gnav li a{background:url(../img/gnav.gif) left top; display:block; height:50px; text-indent: -9999px;}
#gnav li.nav01 a{ width:107px; background-position: 0 0;}
#gnav li.nav02 a{ width:117px; background-position: -107px 0;}
#gnav li.nav03 a{ width:118px; background-position: -224px 0;}
#gnav li.nav04 a{ width:170px; background-position: -342px 0;}
#gnav li.nav05 a{ width:156px; background-position: -512px 0;}
#gnav li.nav06 a{ width:155px; background-position: -668px 0;}
#gnav li.nav07 a{ width:137px; background-position: -823px 0;}

#gnav li.nav01 a:hover{ width:107px; background-position: 0 -50px;}
#gnav li.nav02 a:hover{ width:117px; background-position: -107px -50px;}
#gnav li.nav03 a:hover{ width:118px; background-position: -224px -50px;}
#gnav li.nav04 a:hover{ width:170px; background-position: -342px -50px;}
#gnav li.nav05 a:hover{ width:156px; background-position: -512px -50px;}
#gnav li.nav06 a:hover{ width:155px; background-position: -668px -50px;}
#gnav li.nav07 a:hover{ width:137px; background-position: -823px -50px;}

.profile #gnav li.nav01 a{ width:107px; background-position: 0 -50px;}
.dryeye #gnav li.nav02 a{ width:117px; background-position: -107px -50px;}
.lasik #gnav li.nav03 a{ width:118px; background-position: -224px -50px;}
.anti_aging #gnav li.nav04 a{ width:170px; background-position: -342px -50px;}
.saisei #gnav li.nav05 a{ width:156px; background-position: -512px -50px;}
.lecture #gnav li.nav06 a{ width:155px; background-position: -668px -50px;}
.books #gnav li.nav07 a{ width:137px; background-position: -823px -50px;}


#gnav li{
  display:inline-block;
}
#gnav li a{
  background: none ;
  text-indent: 0 ;
  font-size: 16px ;
  line-height: 50px ;
  color: #fff ;
  /* 自己紹介ドライアイ近視レーシック抗加齢医学移植再生医療お知らせ書籍   33文字   */
  padding-left:calc((960px - 16px*33 - 9px)/8/2);
  padding-right:calc((960px - 16px*33 - 9px)/8/2);
  border-left: 1px dashed #fff ;
}
#gnav li:last-child a{
  border-right: 1px dashed #fff ;
}
#gnav li a:hover{
  background-color: #29619f ;
  text-decoration: none ;
}

/*---------------------------------------
	contents
-----------------------------------------*/

#contents {
	font-size:14px;
	line-height:24px;
	color:#333333;

}
#top #contents .inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding-top:30px;
}

#second #contents .inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	padding-top:30px;
}

#top #main{ width:692px; float:left;}
#top #side{ width:220px; float:right;}

#second #main{ width:690px; float:right;}
#second #side{ width:239px; float:left;}

#second #nav{ width:239px; background:url(../img/nav_bg.gif) no-repeat left bottom; padding-bottom:1px;}

#second #nav li{ border-bottom:1px solid #CCC; margin:0 2px; }
#second #nav li a{background:url(../img/allow01.gif) no-repeat 14px 17px; padding:12px 14px 12px 30px; display:block; margin:0 1px; color:#333; font-weight:bold; margin-top:2px; margin-bottom:2px;}

#second #nav li a:hover{ background:url(../img/allow01.gif) no-repeat 14px 17px #dbe9f9; color:#0080cc;}

#second #nav li.selected a{ background:url(../img/allow01.gif) no-repeat 14px 17px #dbe9f9; color:#0080cc;}
/*---------------------------------------
	footer
-----------------------------------------*/
#footer{ background:url(../img/foot_bg.gif) repeat-x left top #f5f5f5; text-align:center; padding:36px 0 35px 0;}
.foot_nav{margin-bottom:25px;}
.foot_nav li{ display:inline;}


/*---------------------------------------
	top
-----------------------------------------*/

#top .mainvisual {
	background:no-repeat center top;
	height: 238px;
	text-align:center;
	background:url(../../img/mainvisual04.jpg) center top no-repeat #f9fafc;
	border-bottom:1px solid #CCC;
}

#top .mainvisual11 {
	background:no-repeat center top;
	height: 238px;
	text-align:center;
	/*background:url(../../img/mainvisual04.jpg) center top no-repeat #f9fafc;*/
	border-bottom:1px solid #CCC;
}


#top .mainvisual02 {
	background:no-repeat center top;
	height: 479px;
	text-align:center;
	background:url(../../img/mainvisual02.jpg) center top no-repeat #f9fafc;
	border-bottom:1px solid #CCC;
}

#second .mainvisual {
	background:no-repeat center top;
	height: 137px;
	background:url(../img/title_bg.jpg) no-repeat center top #7da3bd;
}

#second .mainvisual .title-area{
	width:960px;
	margin:0 auto;
	padding-top:53px;
	}

#second .mainvisual .title-area h2{
	color:#FFF;
	font-size:36px;}

.books{ margin-bottom:10px;}
.book-area{
	border:1px solid #CCC;
	text-align:center;
	padding:14px;
}

.book-area img{ border:1px #CCCCCC solid; }

.banner-area{ background:#efede6;}


#top .definition-styleA {
	margin-bottom: 60px;
}
#top .definition-styleA dt {
	position: absolute;
	padding-left: 10px;
}

.ico_lasik{ background:url(../img/icon_lasik.gif) left 0.2em no-repeat; padding-left:126px; display:block;}
.ico_dryeye{ background:url(../img/icon_dryeye.gif) left 0.2em no-repeat; padding-left:126px; display:block;}
.ico_saisei{ background:url(../img/icon_saisei.gif) left 0.2em no-repeat; padding-left:126px; display:block;}
.ico_anti{ background:url(../img/icon_anti.gif) left 0.2em no-repeat; padding-left:126px; display:block;}
.ico_news{ background:url(../img/icon_news.gif) left 0.2em no-repeat; padding-left:126px; display:block;}
.ico_kinshi{ background:url(../img/icon_kinshi.gif) left 0.2em no-repeat; padding-left:126px; display:block;}

#top .definition-styleA dd {
	padding-left: 8em;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom:1px solid #CCC;
}

#carousel {
	width:916px;
	margin:0 auto;
	padding:14px 10px 14px 20px;
	margin-bottom:40px;
	text-align: left;
	position: relative;
	height:66px;
}

#carousel_prev,
#carousel_next {
	top: 0px;
	width: 20px;
	height: 94px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -10px;
	background:transparent url(../img/prev.jpg) no-repeat top left;
}
#carousel_next {
	right: -10px;
	background:transparent url(../img/next.jpg) no-repeat top left;
}

#carousel ul{
	overflow:hidden;
	zoom:1;
}

#carousel ul li {
	width: 229px;
	float: left;
}

/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}

/*---------------------------------------
	second
-----------------------------------------*/

.blockA {
	overflow:hidden;
	zoom:1;
	margin-bottom:40px;
}

.blockA .boxL {
	width:593px;
}
.blockA .boxR {
	width:339px;
}
.blockB{
	overflow:hidden;
	zoom:1;
	margin-bottom:40px;
}

.blockB .book-area{ width:183px; float:left; margin-right:25px;}


.activity_box {
	background:url(../img/katsudou_bg.gif) no-repeat bottom center;
	margin-bottom:40px;
}
.activity_box h2{
	margin-bottom:0px;
	}

.activity_box .inner02{
	padding:14px 10px 3px 10px!important;
	}

.activity_box .inner02 ul{
	overflow:hidden;
	zoom:1;
}

.activity_box .inner02 li{
	float:left;
	margin:0 7px;
	margin-bottom:14px;
}

.movie{ border:1px solid #CCC; margin-bottom:40px;}

/* index box */
.index_box{ margin-bottom:28px; overflow:hidden; zoom:1;}

.index_box .flt_l { float:left; width:330px; background:url(../img/index_box_bottom.gif) bottom left no-repeat; border-top:1px solid #ccc;}
.index_box .flt_r { float:right; width:330px; background:url(../img/index_box_bottom.gif) bottom left no-repeat; border-top:1px solid #ccc;}

.index_box .inner02{ padding:14px 15px 15px 15px; width:300px;}

.index_box h3{
	font-weight: bold;
	font-size: 114%;
	margin:1px 2px 0px 2px;
	}

.index_box h3 a{ display:block; padding:13px 15px 10px 28px; color:#fff; background:url(../img/allow02.gif) no-repeat 13px 1.2em #5f93cd; }
.index_box .inner p{ margin-bottom:0px;}

.blockD {
	overflow:hidden;
	zoom:1;

}
.blockD .boxL{ width:104px;}
.blockD .boxR{ width:180px;}


.books_block01 {
	overflow:hidden;
	zoom:1;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #CCC;

}
.books_block01 .boxL{ width:338px; text-align:center; padding:50px 0; border:1px solid #CCC;}
.books_block01 .boxR{ width:595px;}

.books_block01 .boxL img{ border:1px solid #CCC;}

.books_block02{
	overflow:hidden;
	zoom:1;
}

.books_block02 .text-area02{ width:300px; float:left;}
.books_block02 .btn-area{ width:173px; height:45px; float:right; margin-top:25px;}

.text-area01{ margin-bottom:2em;}


.blockE {
	overflow:hidden;
	zoom:1;
}
.blockE .boxL{ width:262px;}
.blockE .boxR{ width:406px;}
 .profile .boxR h3{ font-size:134%; margin-bottom:1em; padding-left:10px; margin-top:40px;}

.blockA .boxL p{ font-size:107%;}

.gtext{ font-size:107%;}