@charset "UTF-8";

@import "default.css";
@import "common.css";
@import "shadowbox.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/

.contentsLeft { float:left; width:400px;}

.contentsLeft p,
.indexBox p { font-size:80%; line-height:1.4;}

.contentsLeft h2 {
width:219px;
height:19px;
margin-bottom:6px;
}

.contentsLeft p { margin-left:2px;}


.indexBox {
width:384px;
margin:10px 0 0 0;
padding:7px 7px 0 7px;
background:#fff8e4;
border:solid 1px #a59589;}

.indexBox h3 {
width:384px;
height:67px;
}

.indexBox p.top_h4 {
width:333px;
height:39px;
margin:11px 0 10px 0;
}


.indexBox ul { width:202px; float:left; margin:10px 0 0 0;text-indent:-99999px;}

.indexBox ul li a { width:202px; height:64px; display:block;}
.indexBox ul li.indexLi01 a { background: url(../images/index_003.jpg) 0 0 no-repeat; margin-bottom:6px;}
.indexBox ul li.indexLi02 a { background: url(../images/index_004.jpg) 0 0 no-repeat; margin-bottom:6px;}
.indexBox ul li.indexLi03 a { background: url(../images/index_005.jpg) 0 0 no-repeat; margin-bottom:6px;}
.indexBox ul li.indexLi04 a { background: url(../images/index_006.jpg) 0 0 no-repeat; margin-bottom:3px;}


.indexBox div.indexBoxIn { float:left; width:170px; margin:10px 0 0 8px; padding-top:1px;}
.indexBox div.indexBoxIn img { border:solid 1px #cac0b8;}

.indexBox div.indexBoxIn p { margin:6px 0 0 79px; padding:0;}
.indexBox div.indexBoxIn p a {
display:block;
width:94px;
height:25px;
background: url(../images/index_008.jpg) 0 0 no-repeat;
text-indent:-99999px;}


.contentsRight {
float:left;
width:132px;
margin-left:20px;
padding:8px 8px 3px 8px;
display:inline;
background:#e9f0fe;
border:solid 1px #75a6ff;}


.contentsRight p.top_h4_02 {
width:132px;
height:26px;
margin-bottom:5px;
}

.contentsRight ul { width:132px;}

.contentsRight ul li {
border: solid 1px #a59589;
line-height:0;
font-size:0;
margin-bottom:5px;}

.contentsRight ul li a {
display:block;
width:130px;
height:111px;}

.contentsRight ul li img { border: solid 1px #ffffff;}

.center{text-align:center;}

#interview{
	width:384px;
	margin:0 auto;
}
#blog{
	width:384px;
	margin:15px auto;
}


/* ----------------------------------------------------------------------------------
■interview-.html
---------------------------------------------------------------------------------- */
#interviewpage{
	zoom:100%;
	padding-bottom:10px;
	font-size:12px;
	border:solid 1px #f36f00;
}

#interviewpage:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}


.photo-l{
	float:left;
	margin:5px 0 0 10px;
}

.qa{
	float:right;
	width:400px;
	margin:5px 0 0 0;
}

.atxt{margin:5px 5px 0 5px; line-height:1.3;}

/* ----------------------------------------------------------------------------------
■interview2-.html
---------------------------------------------------------------------------------- */
#interviewpage2{
	zoom:100%;
	padding-bottom:10px;
	font-size:12px;
	border:solid 1px #00FFFF;
}

#interviewpage2:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}


.photo2-l{
	float:left;
	margin:5px 0 0 10px;
}

.qa2{
	float:right;
	width:400px;
	margin:5px 0 0 0;
}

.atxt2{margin:5px 5px 0 5px; line-height:1.3;}