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


/* ------------------------------

	about
	
------------------------------ */

#side ul{
	margin:20px 0;
}

#side ul li{
	margin:0 0 5px;
	padding:12px 15px 12px 40px;
	background:#CAE4F7 url(../img/iconCircleWhite.png) no-repeat 15px center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	behavior: url(../js/PIE.htc);
}

#side ul li:hover{	background:#95C9F0 url(../img/iconCircleWhite.png) no-repeat 15px center;}

#side ul li a{	text-decoration:none;}
#side ul li:hover a{	color:#fff;}

#side ul li.now{	background:#95C9F0 url(../img/iconCircleWhite.png) no-repeat 15px center;}
#side ul li.now a{	color:#fff;}


#main h4{
	padding:10px 30px;
	background:#f5f5f5 url(../img/h4Bg.jpg) no-repeat 15px center;
	font-size:125%;
	font-weight:normal;
	border:1px solid #EEE;
}

/* ------------------------------

	about_index
	
------------------------------ */


.index #main ul.list li{
	padding:15px 30px;
	background:url(../img/icArrow.jpg) no-repeat 15px center;
	border-bottom:1px dotted #222;
}


.index .box{
	width:280px;
	min-height:147px;
	margin:0 10px 10px 0;
	padding:20px 25px;
	color:#333;
	background:url(../img/boxBg.jpg) repeat-x bottom;
	border:1px solid #CCC;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	behavior: url(js/PIE.htc);
	float:left;
}

/* start: clearfix ------------------------------ */

/* For modern browsers */
.index .box:before,
.index .box:after {
    content:"";
    display:table;
}
.index .box:after{clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.index .box { zoom: 1;}

/* end: clearfix ------------------------------ */

.index #main .box h4{
	margin:15px 0;
	padding:0;
	background:none;
	font-size:100%;
	border:none;
}


.index .box p.btDetail{
	margin:0;
	padding:0 0 0 20px;
	background:url(../img/btCircleRight.jpg) no-repeat left center;
	float:right;
	vertical-align:bottom;
}

.index .box p.line3{
	margin:15px 0 0;
}

.index .box img.ph{
	float:right;
}


#banContact{
	margin:40px 0 40px 30px;
}


/* ------------------------------

	about_history
	
------------------------------ */

.history dl{
	margin:25px 0 0 30px;
	line-height:220%;
}

.history dl dt{
	width:125px;
	margin:0 15px 0 0;
	float:left;
}

.history dl dd{
	width:540px;
	margin:0 15px 0 125px;
	padding:0 0 0 20px;
	border-left:1px solid #999; 
}

*:first-child+html .history dl dd{	width:450px;}

/* ------------------------------

	about_philo
	
------------------------------ */

.philo h4{
	margin:0 0 25px;
}

.philo h5{
	margin:0 0 0 20px;
	font-size:150%;
}

.philo p{
	padding:0 0 50px 30px;
}


/* ------------------------------

	about_group
	
------------------------------ */

.a_group .c01,
.a_group .c02,
.a_group .c03{
	margin:0 0 50px;
}

.a_group h4{
	margin:0 0 25px;
}

.a_group .c01 p,
.a_group .c02 img{
	margin:0 0 0 30px;
}

.a_group .c03 .box{
	width:660px;
	margin:0 0 25px 30px;
	clear:both;
}

.a_group .c03 .box h5{
	margin:0 0 20px;
	padding:0 0 5px;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #E5E5E5;
	clear:both;
}

.a_group .c03 .box img{
	width:200px;
	float:left;
}

.a_group .c03 .box p{
	width:440px;
	float:right;
}

/* ------------------------------

	a_detail
	
------------------------------ */

.a_detail h4{
	margin:0 0 25px;
}

.a_detail .box h5{
	margin:0 0 10px;
	clear:both;
}

.a_detail .box{
	width:610px;
	margin:0 0 40px 15px;
	clear:both;
}

.a_detail .box table{
	width:480px;
	float:left;
}

.a_detail .box table th,
.a_detail .box table td{
	padding:10px 15px;
	border:1px solid #CCC;
}

.a_detail .box table th{
	text-align:left;
	font-weight:normal;
}


.a_detail .box .ph{
	text-align:center;
	font-size:80%;
	float:right;
}

.a_detail .box span.map{
	background:#005BB7;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
	behavior: url(../js/PIE.htc);
}

.a_detail .box span.map a{
	padding:2px 8px;
	color:#FFF;
	font-size:90%;
	text-decoration:none;
	
}

/* ------------------------------

	greeting
	
------------------------------ */



.aisatsu{
	width:401px;
	float:left;
	padding-right:24px;
	font-weight:100;
}

.daihyo{
	width:230px;
	float:left;
	padding-bottom:50px;
	padding-left:30px;
	
}

.tategaki{
	margin:30px 20px 0 0;
}