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

*　共通
*　ココカラって？
*　ココカラ誕生秘話
*　ココカラスタッフの紹介

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

/*　共通
----------------------------------------------------------*/
h2{
margin:-3px 0 13px 0;
}

.search-sub li{
margin-bottom:5px
}

.img img{
margin-bottom:10px;
}


/*　ココカラって？
----------------------------------------------------------*/
#cange-box1 .cocokara-list{
clear:both;
margin-top:20px;
}

#cange-box1 .cocokara-list p{
float:left;
width:122px;
}

#cange-box1 .cocokara-list div{
float:left;
width:508px;
margin-left:15px;
display:inline;
}

#cange-box1 .cocokara-list div p{
width:508px;
margin:14px 0 16px 0;
}

#cange-box1 .bar{
margin-top:4px;
margin-bottom:19px;
padding-top:21px;
background:url(../img/bar_001.gif) left top no-repeat;
}

*:first-child+html #cange-box1 .bar{
margin-top:20px;
padding-top:21px;
background:url(../img/bar_001.gif) left top no-repeat;
}

/*　ココカラ誕生秘話
----------------------------------------------------------*/
#cange-box2 h2{
margin:-3px 0 0px 0;
}

#story-1{
text-align:right;
background:url(../img/story_photo_001.jpg) left top no-repeat;
}

#story-2{
text-align:left;
background:url(../img/story_photo_002.jpg) right top no-repeat;
}

#story-3{
text-align:right;
background:url(../img/story_photo_003.jpg) left top no-repeat;
}

#story-4{
text-align:left;
background:url(../img/story_photo_004.jpg) right top no-repeat;
}

#story-5{
text-align:right;
background:url(../img/story_photo_005.jpg) left top no-repeat;
}

/*　ココカラスタッフの紹介
----------------------------------------------------------*/

#cange-box3 h3{
}

#cange-box3 h4{
font-size:100%;
font-style:normal;
font-weight:normal;
padding:14px 0 10px 151px;
}

.staff{
padding-bottom:14px;
}

.staff p{
padding:0 0 0 151px;
}

.staff dl{
padding-top:12px;
padding-left:349px;
}

.staff dd{
font-size:10px;
padding:0 0 10px 14px;
}

#cange-box3 .staff .nospace{
padding:0 0 5px 14px;
}

#photo-1{background:url(../img/staff_photo_001.jpg) left top no-repeat;}
#photo-2{background:url(../img/staff_photo_002.jpg) left top no-repeat;}
#photo-3{background:url(../img/staff_photo_003.jpg) left top no-repeat;}
#photo-4{background:url(../img/staff_photo_004.jpg) left top no-repeat;}
#photo-5{background:url(../img/staff_photo_005.jpg) left top no-repeat;}
#photo-6{background:url(../img/staff_photo_006.jpg) left top no-repeat;padding-bottom:0px;}
#photo-7{background:url(../img/staff_photo_007.jpg) left top no-repeat;}
#photo-8{background:url(../img/staff_photo_008.jpg) left top no-repeat;}
#photo-9{background:url(../img/staff_photo_009.jpg) left top no-repeat;}


#cange-box3 .staff dd a			{color:#444444;text-decoration:underline;}			/*未訪問*/
#cange-box3 .staff dd a:link 	{color:#444444;text-decoration:underline;}			/*未訪問*/
#cange-box3 .staff dd a:visited	{color:#444444;}									/*訪問済*/
#cange-box3 .staff dd a:hover 	{color:#444444;text-decoration:none;}			/*オンマウス*/
#cange-box3 .staff dd a:active	{color:#444444;}								/*クリック時*/