@charset "UTF-8";

/*--------------------------------------------------
  File       : styles.css
  Date       : 2009.10.26
  Last Update: 2009.10.26
--------------------------------------------------*/


/*================================================
/voice-dynamiclink/index.html
==================================================*/

/* common */
h1 {
	display: block;
	width: 760px;
	padding: 0 0 15px;
	text-indent: -9999px;
}
#h1-01-voice-dynamiclink h1 {
	height: 320px;
	background: url(../images/h1_01.gif) no-repeat 0 0;
}
#h1-02-voice-dynamiclink h1 {
	height: 180px;
	background: url(../images/h1_02.gif) no-repeat 0 0;
}

#profBox {
	width: 760px;
	margin: 0 0 15px;
	padding: 0 0 20px;
	background: url(../images/prof_bg.gif) no-repeat left bottom;
}
#profBox .prof {
	float: left;
	width: 150px;
}
#profBox .prof img {
	float: left;
	padding-right: 5px;
}

#pageNavi {
	width: 760px;
	padding: 5px 0;
	background: #dcdcdc;
}
#pageNavi li {
	float: left;
	padding-left: 5px;
}

#footerNavi {
	width: 308px;
	margin: 0 0 0 230px;
}
#footerNavi li {
	float: left;
	margin: 0 8px 0 0;
}
#footerNavi li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#footerNavi .first {
	float: none;
	text-align: center;
}


/* main */
#main {
	margin: 30px 0 20px;
}
#main h2 {
	display: block;
	width: 760px;
	height: 30px;
	padding: 0 0 10px;
	text-indent: -9999px;
}
#main #h2_01 { background: url(../images/h2_01.gif) no-repeat 0 0; }
#main #h2_02 { background: url(../images/h2_02.gif) no-repeat 0 0; }
#main #h2_03 { background: url(../images/h2_03.gif) no-repeat 0 0; }
#main #h2_04 { background: url(../images/h2_04.gif) no-repeat 0 0; }
#main #h2_05 { background: url(../images/h2_05.gif) no-repeat 0 0; }
#main #h2_06 { background: url(../images/h2_06.gif) no-repeat 0 0; }
#main #h2_07 { background: url(../images/h2_07.gif) no-repeat 0 0; }
#main #h2_08 { background: url(../images/h2_08.gif) no-repeat 0 0; }
#main #h2_09 { background: url(../images/h2_09.gif) no-repeat 0 0; }
#main #h2_10 { background: url(../images/h2_10.gif) no-repeat 0 0; }

#main p {
	padding-bottom: 20px;
}


/* column */
.column {
	width: 760px;
	padding: 0 0 15px;
}
.column .leftCont {
	float: left;
	width: 145px;
}
.column .rightCont {
	float: right;
	width: 595px;
}

.column2 {
	width: 760px;
	padding: 0 0 15px;
}
.column2 .leftCont {
	float: left;
	width: 595px;
}
.column2 .rightCont {
	float: right;
	width: 145px;
}

.column3 {
	width: 760px;
	padding: 0 0 15px;
}
.column3 .leftCont {
	float: left;
	width: 205px;
}
.column3 .centerCont {
	float: left;
	width: 380px;
}
.column3 .rightCont {
	float: right;
	width: 166px;
}

.column4 {
	width: 760px;
	padding: 0 0 15px;
}
.column4 .leftCont {
	float: left;
	width: 385px;
}
.column4 .rightCont {
	float: right;
	width: 360px;
}


#columnBox {
	width: 760px;
	padding: 15px 0 0 15px;
	margin: 0 0 20px;
	background: #eee;
}
#columnBox .column {
	width: 700px;
}
#columnBox .column .leftCont {
	float: left;
	width: 145px;
}
#columnBox .column .rightCont {
	float: right;
	width: 535px;
}


#profBox:after,
#pageNavi:after,
#footerNavi:after,
.column:after,
.column2:after,
.column3:after,
.column4:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}