@charset "UTF-8";

body {
background: #FFF;
color: #666;
}

a img {
border: none;
}

body #container {
width: 964px !important;
}


#wrapperAll #headerArea,
#wrapperAll #footerArea { background-color: #fff !important; }


#contents {
float: none;
padding-bottom: 0;
width: 964px;
}

#pfaArea {
position: relative;
width: 964px;
height: 403px;
background: url(../IMAGES/idx_mainVisual.jpg) 0 0 no-repeat;
margin:22px 0 15px;
}

#pfaArea #mainVisual {
width: 964px;
height: 403px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
background: #fff;
}

#pfaArea h1 {
width:237px;
height:0;
background: url(../IMAGES/idx_h1_01.png) 0 0 no-repeat;
overflow:hidden;
padding-top:76px;
display:block;
position: absolute;
top: 130px;
left: 55px;
}

#pfaArea h2 {
width:203px;
height:0;
background: url(../IMAGES/idx_h2_01.png) 0 0 no-repeat;
overflow:hidden;
padding-top:35px;
display:block;
position: absolute;
top: 228px;
left: 55px;  
}

#pfaArea div.main_illust{
width:209px;
height:99px;
background: url(../IMAGES/idx_mainVisual_02.gif) 0 0 no-repeat;
position: absolute;
top: 128px;
left: 453px;  
}


/*  voiceBlk  */

#voiceBlk{
width:275px;
height:403px;
position: absolute;
top: 0;
left: 689px;
}

#voiceBlk h3 {
width:232px;
height:0;
background: url(../IMAGES/idx_h3_01.gif) 0 0 no-repeat;
overflow:hidden;
padding-top:57px;
display:block;
position: absolute;
top: 20px;
left: 15px;  
}

#voiceList{
position: absolute;
top: 102px;
left: 13px;    
}

#voiceList li{
width:230px;
height:0;
overflow:hidden;
padding-top:82px;
display:block;
padding-bottom:11px; 
position:relative;
}

#voiceList li.vc_wl{
background: url(../IMAGES/idx_voiceItem01_w.gif) 0 0 no-repeat;  
}

#voiceList li.vc_mr{
background: url(../IMAGES/idx_voiceItem02_m.gif) 0 0 no-repeat;  
}

#voiceList li.vc_wl a{
position: absolute;
top: 24px;
left: 65px;
font-size:1em;
line-height:1.5em;
}

#voiceList li.vc_wl a:link { color:#666; text-decoration: none;}
#voiceList li.vc_wl a:hover { color:#e05ce0; text-decoration: underline;}

#voiceList li.vc_wl a span{
font-size:1.2em;
color:#e05ce0; 
}

#voiceList li.vc_mr a{
position: absolute;
top: 22px;
left: 33px;
font-size:1em;
line-height:1.5em;
}

#voiceList li.vc_mr a:link { color:#666; text-decoration: none;}
#voiceList li.vc_mr a:hover { color:#09F; text-decoration: underline;}

#voiceList li.vc_mr a span{
font-size:1.2em;
color:#09F; 
}

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

.columnBlock {
width: 964px;
margin:0 0 30px 0;
}

.columnBlock #mainMenuList {
width: 900px;
padding:0 32px 0 32px;
}
.columnBlock #mainMenuList:after { content:""; display:block; clear:both; }
* html .columnBlock #mainMenuList { display:inline-block; }
*+html .columnBlock #mainMenuList { display:inline-block; }

.columnBlock #mainMenuList li {
display: block;
float: left;  
}


/*  Button */

/*  mm01 */
.mm01{
width: 300px;
height: 262px;  
}

.mm01 a {
background: url(../IMAGES/idx_mainMenu01.jpg) no-repeat;
display: block;
width: 300px;
height: 262px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.mm01 a,
.mm01 a:link { background-position: 0 0;}
.mm01 a:hover { background-position: -300px 0;}

/*  mm02 */
.mm02{
width: 300px;
height: 280px;   
}

.mm02 a {
background: url(../IMAGES/idx_mainMenu02.png) no-repeat;
display: block;
width: 300px;
height: 280px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.mm02 a,
.mm02 a:link { background-position: 0 33px;}
.mm02 a:hover { background-position: -300px 33px;}

/*  mm03 */
.mm03{
width: 300px;
height: 262px;   
}

.mm03 a {
background: url(../IMAGES/idx_mainMenu03.jpg) no-repeat;
display: block;
width: 300px;
height: 262px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.mm03 a,
.mm03 a:link { background-position: 0 0;}
.mm03 a:hover { background-position: 0 -262px;}