@charset "utf-8";

/*=================================================================
	
	デジハリ・オンラインスクールサイト / 卒業生の活躍カテゴリ用CSS
	・Customize: 2012.1.23

=================================================================*/

/*-----------------------------------------------------------------
		TOP
-----------------------------------------------------------------*/
body.top #container {
	background:url(../img/container_bg_other.gif);
}
body.top h1 {
	width:444px;
	float:left;
	margin:0;
	padding:0;
}
body.top #right-box{
	width:475px;
	float:right;
}

/*-----------------------------------------------------------------
		卒業生インタビュー
-----------------------------------------------------------------*/
.interview-box {
	width:660px !important;
	background:url(../img/dot_line.gif) left bottom repeat-x;
	margin-bottom:30px;
	padding-bottom:30px;	
}
.interview-box .txt-box {
	width:550px;
	float:left;
}
.name {
	font-size:130%;
	font-weight:bold;
}

.interview-box a:link {
	color:#ff7000;
	text-decoration:underline;
}
.interview-box a:visited {
	color:#ff7000;
	text-decoration:underline;
}
.interview-box a:hover {
	color:#ff7000;
	text-decoration:none;
}
.interview-box a:active {
	color:#ff7000;
	text-decoration:none;
}

.interview-box dl dt {
	width:113px;
	float:left;
}
.interview-box dl dd {
	width:420px;
	float:left;
	margin-left:10px;
}

body.interview #left-inner {
	width:650px;
}

body.interview .pht-box {
	width:216px;
	float:left;
}
body.interview .txt-box {
	width:410px;
	float:right;
}

body.interview .icon-dh {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/img/icon_dh.gif) 0 0 no-repeat;
}
body.interview .icon-man {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/img/icon_man.jpg) 0 0 no-repeat;
}
body.interview .icon-woman {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/img/icon_woman.jpg) 0 0 no-repeat;
}
body.interview .icon-mizota {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/mizota/img/icon_mizota.jpg) 0 0 no-repeat;
}

body.interview .icon-mizunoya {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/mizunoya/img/icon_mizunoya.jpg) 0 0 no-repeat;
}

body.interview .icon-kan {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/kan/img/icon_kan.jpg) 0 0 no-repeat;
}

body.interview .icon-shiraishi {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/shiraishi/img/icon_shiraishi.jpg) 0 0 no-repeat;
}


body.interview .icon-urakawa {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/urakawa/img/icon_urakawa.jpg) 0 0 no-repeat;
}

body.interview .icon-kobayashi {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/kobayashi/img/icon_kobayashi.jpg) 0 0 no-repeat;
}

body.interview .icon-kaneko {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/kaneko/img/icon_kaneko.jpg) 0 0 no-repeat;
}


body.interview .icon-sayo {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/kaneko/img/icon_sayo.jpg) 0 0 no-repeat;
}


body.interview .caption {
text-indent:-1em;
padding-left:1em;


}


/*-----------------------------------------------------------------
		卒業生の作品
-----------------------------------------------------------------*/
body.work .work-box {
	width:282px;
	float:left;
	border:1px solid #eaeaea;
	padding:15px;
}
body.work .work-box:hover {
	background-color:#fff3e9;
}
body.work .work-box h2,
body.work .work-box p {
	text-align:left;
}
body.work .work-box h2 {
	height:24px;
}
body.work .work-box h2 img {
	border:0;
	vertical-align:top;
}
body#alumni .work-box .pht {
	border:1px solid #ffffff;
}
body#alumni .work-box .pht:hover {
	border:1px solid #ff8b3d;
}

/*-----------------------------------------------------------------
		グラフィック作品
-----------------------------------------------------------------*/
body.graphic .work-box {
	width:660px !important;
	background:url(../img/dot_line.gif) left bottom repeat-x;
	margin-bottom:30px;
	padding-bottom:30px;	
}
body.graphic .ttb_work {
	width:420px;
	float:right;
	border:1px solid #fcd1af;
}
body.graphic .ttb_work th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:80px;
	border-right:1px dashed #feb174;
	text-align:left;
}
body.graphic .ttb_work td {
	padding:5px 10px;
	text-align:left;
}
body.graphic .ttb_work .dot-border-bottom {
	border-bottom:1px dashed #feb174;
}


/*-----------------------------------------------------------------
		作品詳細
-----------------------------------------------------------------*/
body.work_detail .ttb_work {
	width:650px;
	border:1px solid #fcd1af;
}
body.work_detail .ttb_work th {
	background-color:#fff3e9;
	padding:5px 10px;
	color:#fe7000;
	font-weight:normal;
	white-space:nowrap;
	width:150px;
	border-right:1px dashed #feb174;
	vertical-align:top;
	text-align:left;
}
body.work_detail .ttb_work td {
	padding:5px 10px;
	text-align:left;
}
body.work_detail .ttb_work .dot-border-bottom {
	border-bottom:1px dashed #feb174;
}


/*-----------------------------------------------------------------
		青木絵利さん
-----------------------------------------------------------------*/
body.interview.aoki .txt-box {
	width:280px;
	float:left;
}

body.interview.aoki .icon-aoki {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/aoki/img/icon_aoki.jpg) 0 0 no-repeat;
}


/*-----------------------------------------------------------------
		船橋情報ビジネス専門学校 様
-----------------------------------------------------------------*/
body.interview.fjb .txt-box {
	width:280px;
	float:left;
}

body.interview.fjb .icon-torii {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/fjb/img/icon_torii.jpg) 0 0 no-repeat;
}

body.interview.fjb .icon-uehara {
	margin:10px 0 0;
	padding:0 0 10px 40px;
	background:url(../../alumni/voice/fjb/img/icon_uehara.jpg) 0 0 no-repeat;
}