@charset "utf-8";
/* CSS Document */

/*------------------------------------------------
* carelogy_college
*-----------------------------------------------*/

#contents_inner h1#CC_MainTitle { clear: both; margin: 18px 0 15px; padding:0;}
#contents_inner h2#CC_Title{ margin: 10px 0 15px; padding:0; color:#66BD6C;}
#contents_inner p#CC_SubTitle{ margin: 10px 0 15px; padding:0; color:#66BD6C;}
#contents_inner h3#CC_QATitle { clear: both; margin: 18px 0 15px; padding:0;}


#contents_inner #Commentator{ border-bottom:1px solid #66BD6C; padding:0;}
#contents_inner #Commentator p#Post{ margin:0; padding:0 0 0 0; font-size:90%; line-height:1.4;}
#contents_inner #Commentator p#Name{ margin:0 0 8px 0; padding:0; font-size:110%; line-height:1.4;}
#contents_inner #Commentator p#Summary{ margin:0 0 5px 0; padding:0; font-size:80%; line-height:1.4; }
#contents_inner #Commentator .photo-left{ margin-bottom:15px;}

#contents_inner .DescriptionMainImage{ margin:10px 0;}

#contents_inner .CC_Content{ clear:both; margin:15px 0 10px;}
#contents_inner .CC_Content p{ margin:0; padding:0 5px 0 0;}
#contents_inner .CC_Content dl.qa dt{ color:#FF6699; margin:5px 0 10px 0; font-weight:bold;}
#contents_inner .CC_Content dl.qa dd p{ margin:0 0 10px 0; padding:0;}
#contents_inner .CC_Content dl.qa p span.B_Text{ font-weight:bold;}
#contents_inner .CC_Content dl.qa dd img{ margin:0 10px 0 0; display:inline;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage{ margin:0 0 10px 0;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li{ width:200px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide_210{ width:210px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide_220{ width:210px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide{ width:300px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide_330{ width:330px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide_400{ width:400px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li.Wide_600{ width:600px; float:left; margin:0 10px 0 0; text-align:center;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage li img{ margin:0; display:block;}

#contents_inner .CC_Content dl.qa dd table.Table01{ width:590px; border:1px solid #CCC; border-collapse:collapse; border-spacing:0; margin:0 0 10px 0; font-size:90%;}
#contents_inner .CC_Content dl.qa dd table.Table01 th{ border:1px solid #CCC; padding:3px; background:#D9D9D9; font-weight:normal; text-align:center;}
#contents_inner .CC_Content dl.qa dd table.Table01 td{ border:1px solid #CCC; padding:3px;}
#contents_inner .CC_Content dl.qa dd table.Table01 td.TextC{ text-align:center;}
#contents_inner .CC_Content dl.qa dd table.Table01 td.even{ background:#EFEFEF;}
#contents_inner .CC_Content dl.qa dd table caption{ width:350px; caption-side:top; text-align:left;}

/*#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W{ margin:0 0 10px 0;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W li{ width:290px; float:left; margin:0 10px 0 0; text-align:left;}
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W li img{ margin:0; display:block;}*/


#contents_inner p#backnumber{ padding:0 0 0 12px; margin:1.5em 0; background:url(../guidance/carelogy_college/img/arrow_gray.jpg) no-repeat left;}




/*------------------------------------------------*
 対談vol1
*-----------------------------------------------*/

#contents_inner #MainTitle{ width:600px; margin:0 auto 10px;}
#contents_inner #MainImage{ width:600px; margin:20px auto 10px;}

#contents_inner #ProfileContents{ width:575px; margin:10px auto; border:2px solid #97CE57;}
#contents_inner #ProfileContents #Photoimage{ width:140px; float:left; text-align:right; margin:20px 0;}
#contents_inner #ProfileContents #ProfileDetail{ width:420px; float:right; margin:20px 0;}
#contents_inner #ProfileContents #ProfileName{ font-size:129%; color:#97CE57; font-weight:bold;}
#contents_inner #ProfileContents dl#Profile { width:420px;}
#contents_inner #ProfileContents dl#Profile dt{ width:40px; float:left; clear:both;}
#contents_inner #ProfileContents dl#Profile dd{ width:375px; float:left;}

#contents_inner #InterviewContents{ width:600px;}
#contents_inner #InterviewContents .Postscript{ background:url(../guidance/ad/image/back_ototake.jpg) no-repeat bottom left; width:600px; height:1225px; line-height:2.9;}

#contents_inner #InterviewContents h6{ font-size:138%; color:#74BE1F; margin:30px 0 25px}
#contents_inner #InterviewContents .LeftImage{ width:270px; float:left;}
#contents_inner #InterviewContents .Ototake{ width:auto; background:url(../guidance/ad/image/ototake.gif) no-repeat left top; padding-left:35px;}
#contents_inner #InterviewContents .Ototake330{ width:330px; background:url(../guidance/ad/image/ototake.gif) no-repeat left top; padding-left:35px;}
#contents_inner #InterviewContents table{ width:600px; line-height:1.6;}
#contents_inner #InterviewContents table th{ width:35px; font-weight:normal; vertical-align:top; text-align:center;}
#contents_inner #InterviewContents table th.Questions{ color:#666666;}
#contents_inner #InterviewContents table td{ vertical-align:top;}
#contents_inner #InterviewContents table td img{ margin:0px; display:block;}
#contents_inner #InterviewContents table td.credit{ text-align:right;}
#contents_inner #InterviewContents #Comment{ width:575px; margin:30px auto 10px; border:2px solid #97CE57;}
#contents_inner #InterviewContents #Comment #LeftText{ width:270px; float:left; margin:20px 0px 20px 15px; line-height:1.8;}
#contents_inner #InterviewContents #Comment #RightPhoto{ width:260px; float:right; margin:20px 15px 20px 0;}
#contents_inner #InterviewContents #Comment h6{ margin:0 0 15px 0; font-size:122%;}
#contents_inner #InterviewContents #Comment h6.Chiriken{ margin:20px 0 15px 20px; font-size:122%;}
#contents_inner #InterviewContents #Comment .ChirikenPhoto{ width:130px; padding-left:5px; float:right; }
#contents_inner #InterviewContents #Comment p{ text-indent:-30px; padding-left:30px; margin:20px 20px 40px 20px; line-height:1.8;}

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

 carelogy_college font
*-----------------------------------------------*/

#contents_inner #CC_Content span.green{ color:#66BD6C;}

#contents_inner ul.BackNumber{}
#contents_inner ul.BackNumber li{ margin-bottom:10px; padding-left:10px;}

#contents_inner .font_s{ font-size:86%;}
#contents_inner .font_l{ font-size:122%;}

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

float

------------------------*/
#contents_inner #Commentator:after,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage:after,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W:after,
#contents_inner #ProfileContents:after,
#contents_inner #InterviewContents #Comment:after

{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

#contents_inner #Commentator,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W,
#contents_inner #ProfileContents,
#contents_inner #InterviewContents #Comment

{display:inline-block;} /*IE7およびMacIE5向け*/

* html #contents_inner #Commentator,
* html #contents_inner .CC_Content dl.qa dd ul.DescriptionImage,
* html #contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W,
* html #contents_inner #ProfileContents,
* html #contents_inner #InterviewContents #Comment

{height:1%;}
#contents_inner #Commentator,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W,
#contents_inner #ProfileContents,
#contents_inner #InterviewContents #Comment
{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/
#contents_inner #Commentator,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage,
#contents_inner .CC_Content dl.qa dd ul.DescriptionImage_W,
#contents_inner #ProfileContents,
#contents_inner #InterviewContents #Comment

{overflow:hidden;}
/*DWデザインビュー向け　公開時には削除*/