@charset "UTF-8";

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

		index.html

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

/*-----key Visual -----*/

#indexContents #keyVisual {
height:230px;
position:relative;
margin-bottom:15px;
}

#indexContents p#mainBtn {
width:265px;
height:35px;
position:absolute;
left:32px;
bottom:27px;
}

#indexContents p#mainBtn a {
text-indent:-9999px;
overflow:hidden;
display:block;
width:265px;
height:35px;
background:url(../images/index_keyvisual_on.jpg) no-repeat 0 0;
}

#indexContents p#mainBtn a:hover {
background:url(../images/index_keyvisual_on.jpg) no-repeat 0 -50px;
}



/*----- left Bar -----*/

#leftBar {
width:190px;
padding-right:10px;
float:left;
}

#assessmentBtn {
margin-bottom:10px;
}

#purposeBox {
border:solid 1px #CCCCCC;
padding:2px;
margin-bottom:10px;
}

#purposeBox p {
margin-bottom:10px;
}

#purposeBox dl {
margin-bottom:15px;
padding:0 4px;
}

#purposeBox dl dt {
padding:1px 0 3px 15px;
background:url(../common/images/icon01.gif) no-repeat 3px 3px;
border-bottom:solid 1px #3B9BC9;
font-size:82%;
margin-bottom:5px;
}

#purposeBox dl dt a:link {color:#1D91CA;text-decoration: underline;}
#purposeBox dl dt a:visited {color:#1D91CA;text-decoration: underline;}
#purposeBox dl dt a:hover {color:#1D91CA;text-decoration: none;}
#purposeBox dl dt a:active {color:#1D91CA;text-decoration: underline;}


#purposeBox dl dd{
font-size:62%;
line-height:1.3;
color:#000;
}

#purposeBox dl dd img{
float:left;
margin-right:3px;
}


#leftBar .bnList {
padding-bottom:10px;
}

#leftBar .bnList  li {
margin-bottom:5px;
}

#leftBar .bnList  li img {
vertical-align:bottom;
}




#leftBar #localArea {
margin-bottom:10px;
}

#leftBar #localArea li {
width:190px;
background:url(../images/localarea_bn01_s.jpg) no-repeat 0 0;
}

#leftBar #localArea li a{
display:block;
width:190px;
height:100px;
text-indent:-9999px;
overflow:hidden;
}


#leftBar #localArea li a:hover {
background:url(../images/localarea_bn01_s_on.jpg) no-repeat 0 0;
}


/*-----mobile---*/

#indexContents #mobile dt img{
vertical-align:bottom;
}


#indexContents #mobile dd {
padding-top:5px;
font-size:72%;
line-height:1.3;
color:#000;
}

#indexContents #mobile dd img{
float:right;
margin-left:10px;
}



/*----- center Bar -----*/

#centerBar {
width:470px;
padding-right:10px;
float:left;
}

h3 {
margin-bottom:10px;
}

h3#voiceTitle {
height:39px;
position:relative;
}

h3#voiceTitle a {
display:block;
text-indent:-9999px;
overflow:hidden;
width:80px;
height:17px;
position:absolute;
top:11px;
right:12px;
background:url(../images/index_cb_title02_btn.jpg) no-repeat 0 0;
}



#pickupList { 
padding-bottom:15px;
}


#pickupList li {
margin-bottom:5px;
}

#pickupList li a {
display:block;
height:90px;
text-indent:-9999px;
overflow:hidden;
vertical-align: bottom;
}

#pickupList li#pickup01 { background:url(../images/index_cb_pickup01.jpg) no-repeat 0 0;}
#pickupList li#pickup02 { background:url(../images/index_cb_pickup02.jpg) no-repeat 0 0;}
#pickupList li#pickup03 { background:url(../images/index_cb_pickup03.jpg) no-repeat 0 0;}


#voiceArea {
padding:0 0 20px 5px;
}


#voiceArea .voiceBox {
width:148px;
border:solid 1px #ccc;
float:left;
margin-right:5px;
margin-bottom:10px;
}

#voiceArea .voiceBox p.date {
font-size:71%;
background:url(../images/voicebox_bg.jpg) no-repeat 0 0;
padding:8px 3px 4px;
}


#voiceArea .voiceBox dl {
padding:0 4px;
}

#voiceArea .voiceBox dl dt {
background:url(../images/voicebox_border.jpg) no-repeat 0 100%;
font-size:71%;
padding: 0 0 4px 0;
margin-bottom:3px;
}

#voiceArea .voiceBox dl dd img{
vertical-align:bottom;
}

#voiceArea .voiceBox p.btn {
padding:5px 0;
margin:0 auto;
text-align:center;
}



#blogBn01,
#blogBn02 {
width:470px;
height:140px;
clear: both;
position:relative;
margin-bottom:10px;
}


#blogBn01 .blogLink li a {
display:block;
text-indent:-9999px;
overflow:hidden;
width:100px;
height:18px;
}


#blogBn02 .blogLink li a {
display:block;
text-indent:-9999px;
overflow:hidden;
width:115px;
height:18px;
}



#blogBn01 li.link01 {
position:absolute;
top:91px;
left:138px;
background:url(../images/bn_miyata_bt01.gif) no-repeat 0 0;
}

#blogBn01 li.link02 {
position:absolute;
top:111px;
left:138px;
background:url(../images/bn_miyata_bt02.gif) no-repeat 0 0;
}

#blogBn02 li.link01 {
position:absolute;
top:101px;
left:118px;
background:url(../images/bn_sugiyama_bt01.gif) no-repeat 0 0;
}


.blogList {
width:220px;
height:140px;
position:absolute;
top:0;
right:0;
}

.blogList p.title {
width:220px;
height:56px;
text-indent:-9999px;
}


.blogList p.btn {
padding-left:138px;
}


.blogList p.btn a {
display:block;
height:18px;
text-indent:-9999px;
overflow:hidden;
width:70px;
}

.blogList ul {
padding:7px 0 0 0;
}

.blogList ul li {
font-size:62%;
padding:0 0 0 18px;
margin-bottom:8px;
}

.blogList ul li a {
line-height:1;
}


.blogList ul li a:link {color:#1D91CA;text-decoration: underline;}
.blogList ul li a:visited {color:#1D91CA;text-decoration: underline;}
.blogList ul li a:hover {color:#1D91CA;text-decoration: none;}
.blogList ul li a:active {color:#1D91CA;text-decoration: underline;}


#blogBn01 .blogList {background:url(../images/bn_miyata_img02.jpg) no-repeat 0 0;}
#blogBn02 .blogList {background:url(../images/bn_sugiyama_img02.jpg) no-repeat 0 0;}


/*----- right Bar -----*/

#rightBar {
width:220px;
float:left;
}


#profileArea {
padding-bottom:10px;
}


#profileArea p.text {
font-size:82%;
line-height:1.3;
padding:3px 0 8px 0;
}

#profileArea ul li {
font-size:82%;
padding-left:25px;
background:url(../common/images/icon02.jpg) no-repeat 0 1px;
margin-bottom:8px;
}

#profileArea ul li a:link {color:#1D91CA;text-decoration: underline;}
#profileArea ul li a:visited {color:#1D91CA;text-decoration: underline;}
#profileArea ul li a:hover {color:#1D91CA;text-decoration: none;}
#profileArea ul li a:active {color:#1D91CA;text-decoration: underline;}