@charset "utf-8";

/* -----------------------------------------------
CSS file d-sq
FileName : contents.css
UpdatedBy : 2010/06/28
----------------------------------------------- */


/* font color_for menu-------------------------------------- */

#mainContents #mainConLeft #menu .ttl{
	font-size:17px;
	font-weight:bold;
	line-height:125%;
	margin:0;
	padding:0;
}

#mainContents #mainConLeft #menu .sttl{
	font-size:13px;
	letter-spacing:-0.17em;
	margin:0;
	padding:0;
}

#mainContents #mainConLeft #menu .sttl02{
	font-size:12px;
	background:url(../images/arrow.gif) left top no-repeat;
	padding:0 0 0 20px ;
	font-weight:bold;
	letter-spacing:-0.06em;
	margin:0;
}


/* menu01 */
a.menu{
	color:#666;
	text-decoration:none;
}

a.menu:visited{
	color:#666;
	text-decoration:none;
}
a.menu:hover{
	color:#de7194;
	text-decoration:none;
}
a.menu:active{
	color:#666;
	text-decoration:none;
}


/* menu02 */
a.menu02{
	color:#333;
	text-decoration:none;
}

a.menu02:visited{
	color:#333;
	text-decoration:none;
}
a.menu02:hover{
	color:#666666;
	text-decoration:none;
}
a.menu02:active{
	color:#333;
	text-decoration:none;
}



/* mainContentsRight_box -------------------------------------- */

#mainContents #mainConRight #box{
	margin:20px 0 0 0;
	padding:0px;
	width:720px;
	text-align:left;
}

#mainContents #mainConRight #box #left01{
	float:left;
	margin:0px;
	padding:0px;
	width:488px;
	text-align:left;
}

#mainContents #mainConRight #box #right01{
	float:right;
	margin:0px;
	padding:0px;
	width:225px;
	height:167px;
	text-align:left;
}

#mainContents #mainConRight #box #left02{
	float:left;
	margin:0px;
	padding:0px;
	width:440px;
	text-align:left;
}

#mainContents #mainConRight #box #right02{
	float:right;
	margin:0px;
	padding:0px;
	width:270px;
	text-align:left;
}


/* ttl_block for01_02 */
#mainContents #mainConRight #box #left03{
	float:left;
	margin:0px;
	padding:0px;
	width:530px;
	text-align:left;
}

#mainContents #mainConRight #box #right03{
	float:right;
	margin:0px;
	padding:0px;
	width:180px;
	text-align:left;
}

/* for02_01 */
#mainContents #mainConRight #box #left04{
	float:left;
	margin:0px;
	padding:0px;
	width:505px;
	text-align:left;
}

#mainContents #mainConRight #box #right04{
	float:right;
	margin:0px;
	padding:0px;
	width:215px;
	text-align:right;
}


#mainContents #mainConRight #box #left05{
	float:left;
	margin:0px;
	padding:0px;
	width:346px;
	text-align:left;
}

#mainContents #mainConRight #box #right05{
	float:right;
	margin:0px;
	padding:0px;
	width:346px;
	text-align:right;
}

/* for_index */
#mainContents #mainConRight #box #jyoi{
	float:left;
	width:719px;
	text-align:left;
	margin:0;
	padding:0;
}

#mainContents #mainConRight #box #jyoi ul{
	float:left;
	width:719px;
	text-align:left;
	margin:0;
	padding:0;
}

#mainContents #mainConRight #box #jyoi li{
	float:left;
	width:229px;
	text-align:left;
	margin:5px;
	padding:0;
}

#mainContents #mainConRight #box #style{
	float:left;
	width:719px;
	text-align:left;
	margin:0;
	padding:30px 0 0 0;
}

#mainContents #mainConRight #box #style ul{
	float:left;
	width:719px;
	text-align:left;
	margin:0;
	padding:0;
}

#mainContents #mainConRight #box #style li{
	float:left;
	width:229px;
	text-align:left;
	margin:5px;
	padding:0;
}


#mainContents #mainConRight #box #right06{
	float:right;
	width:353px;
	text-align:left;
	margin:0;
	padding:0;
}

#mainContents #mainConRight #box p.sttl{
	margin:10px 0 5px 0;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	line-height:130%;
	color:#333333;
}



/* box02 */

#mainContents #mainConRight #box02{
	margin:35px 0 0 0;
	padding:0px;
	width:720px;
	text-align:left;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	background-color:#fff;
}


#mainContents #mainConRight #box02 #block{
	margin:20px;
	padding:0px;
	width:680px;
}


#mainContents #mainConRight #box02 #block #box{
	margin:10px 20px 20px 20px;
	padding:0px;
	width:640px;
	text-align:left;
}

#mainContents #mainConRight #box02 #block #box .left{
	float:left;
	margin:0px;
	padding:23px 0 0 0px;
	width:140px;
	text-align:left;
}

#mainContents #mainConRight #box02 #block #box .right{
	float:right;
	margin:0px;
	padding:0px;
	width:220px;
	text-align:left;
}


/* box03 for contents03_01 キャリア支援サポートプログラム概要 n コミュニケーションサポート_ttl*/
#mainContents #mainConRight #box03{
	margin:10px 25px 0 25px;
	padding:0px;
	width:670px;
	text-align:center;
}


#mainContents #mainConRight #box04Top{
	margin:5px 25px 0 25px;
	padding:0px;
	width:670px;
	height:10px;
	background:url(../../contents/images/03_01_box01BgTop.gif) bottom left no-repeat;
	text-align:left;
}


#mainContents #mainConRight #box04Inner{
	margin:0px 25px 0 25px;
	padding:5px 0px;
	width:670px;
	background:url(../../contents/images/03_01_box01BgInner.gif) left top repeat-y;
	text-align:left;
}

#mainContents #mainConRight #box04Inner #block{
	margin:0px 20px 0px 20px;
	padding:0px;
	width:630px;
	text-align:left;
}


#mainContents #mainConRight #box04Inner #block .Left{
	float:left;
	margin:0px;
	padding:0px;
	width:305px;
	text-align:left;
}

#mainContents #mainConRight #box04Inner #block .Right{
	float:right;
	margin:0px;
	padding:0px;
	width:305px;
	text-align:left;
}

#mainContents #mainConRight #box04Bottom{
	margin:0px 25px 0 25px;
	padding:0px;
	width:670px;
	height:10px;
	background:url(../../contents/images/03_01_box01BgBottom.gif) left top no-repeat;
	text-align:left;
}




/* box05 for contents03_01 コミュニケーションサポート*/
#mainContents #mainConRight #box05{
	margin:0px 25px 0 25px;
	padding:0px;
	width:670px;
	text-align:left;
}

#mainContents #mainConRight #box05 .left{
	float:left;
	margin:0px;
	padding:0px;
	width:312px;
	text-align:left;
}

#mainContents #mainConRight #box05 .right{
	float:right;
	margin:0px;
	padding:0px;
	width:312px;
	text-align:left;
}

#mainContents #mainConRight #box06Top{
	margin:0px;
	padding:0px;
	width:312px;
	text-align:left;
	height:10px;
	background:url(../../contents/images/03_01_box02BgTop.gif) bottom left no-repeat;
}

#mainContents #mainConRight #box06Inner{
	margin:0px;
	padding:0;
	width:312px;
	text-align:left;
	background:url(../../contents/images/03_01_box02BgInner.gif) left top repeat-y;
}

#mainContents #mainConRight #box06Inner .box{
	margin:0 15px 0 15px;
	width:282px;
	text-align:left;
}

#mainContents #mainConRight #box06Bottom{
	margin:0px;
	padding:0px;
	width:312px;
	text-align:left;
	height:10px;
	background:url(../../contents/images/03_01_box02BgBottom.gif) top left no-repeat;
}



/* box05 for contents03_01 復職支援の協力医療機関一覧*/

#mainContents #mainConRight #box07Top{
	margin:0px;
	padding:0px;
	width:720px;
	height:10px;
	background:url(../../contents/images/03_01_box03BgTop.gif) bottom left no-repeat;
	text-align:left;
}


#mainContents #mainConRight #box07Inner{
	margin:0px;
	padding:5px 0px;
	width:720px;
	background:url(../../contents/images/03_01_box03BgInner.gif) left top repeat-y;
	text-align:left;
}

#mainContents #mainConRight #box07Inner #block{
	margin:0px 5px 0px 10px;
	padding:0px;
	width:705px;
	text-align:left;
	line-height:120%;
}


#mainContents #mainConRight #box07Inner #block .Left{
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	width:170px;
	text-align:left;
	border-right-color:#ccc;
	border-right-style:dotted;
	border-right-width:1px;
}

#mainContents #mainConRight #box07Inner #block .Right{
	float:right;
	margin:0px;
	padding:0px;
	width:170px;
	text-align:left;
}


#mainContents #mainConRight #box07Bottom{
	margin:0px;
	padding:0px;
	width:720px;
	height:10px;
	background:url(../../contents/images/03_01_box03BgBottom.gif) left top no-repeat;
	text-align:left;
}






/* box08 for contents01_02 CASE*/

#mainContents #mainConRight #box08{
	margin:3px 0 20px 0;
	padding:0px;
	width:705px;
	text-align:left;
}

#mainContents #mainConRight #box08 #left{
	float:left;
	margin:15px 0 0 0;
	padding:0px;
	width:210px;
	text-align:left;
}

#mainContents #mainConRight #box08 #right{
	float:right;
	margin:0px;
	padding:0px;
	width:495px;
	text-align:left;
}

/* title */
#mainContents #mainConRight #box08 #ttl{
	margin:0 0 5px 0;
	padding:0px;
	width:495px;
	height:92px;
	text-align:left;
}

#mainContents #mainConRight #box08 #ttl .left{
	float:left;
	margin:0;
	padding:0px;
	width:320px;
	text-align:left;
}

#mainContents #mainConRight #box08 #ttl .right{
	float:right;
	margin:0px;
	padding:0px;
	width:160px;
	height:92px;
	vertical-align:top;
	text-align:left;
}

/* point */
#mainContents #mainConRight #box08 #point{
	margin:5px 0 0 0px;
	padding:0px;
	width:495px;
	height:71px;
	text-align:left;
}

#mainContents #mainConRight #box08 #point .pointL{
	float:left;
	margin:0px;
	padding:0px;
	width:37px;
	height:71px;
	background:url(../../contents/images/01_02_blockBgL.gif) right top no-repeat;
	text-align:left;
}

#mainContents #mainConRight #box08 #point .pointC{
	float:left;
	margin:0px;
	padding:0;
	width:446px;
	height:71px;
	background:url(../../contents/images/01_02_blockBgC.gif) left top no-repeat;
	text-align:left;
	line-height:150%;
}


#mainContents #mainConRight #box08 #point .pointR{
	float:right;
	margin:0px;
	padding:0px;
	width:12px;
	height:71px;
	background:url(../../contents/images/01_02_blockBgR.gif) left top no-repeat;
	text-align:left;
}



/* contents02_02 TITLE*/
#mainContents #mainConRight #sttl{
	margin:35px 0px 5px 0px;
	padding:0px;
	width:720px;
	height:28px;
	text-align:left;
	background:url(../../contents/images/sttl_bg.gif) left top no-repeat;
}




/* contents02_02 LinkBlock*/
#mainContents #mainConRight #LinkBlock{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:720px;
	height:72px;
	text-align:left;
	background:url(../images/line03.gif) left bottom no-repeat;
}


#mainContents #mainConRight #LinkBlock .left{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:100px;
	height:62px;
	text-align:right;
}

#mainContents #mainConRight #LinkBlock .right{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	width:610px;
	height:62px;
	text-align:left;
}

/* block for contents01_01 n 01_02 JOB STYLE------------------------- */

#mainContents #mainConRight #box #block02{
	width:714px;
	margin:0px 0px 0px 6px;
	padding:0;
	text-align:left;
}

#mainContents #mainConRight #box #block02 .left{
	float:left;
	width:351px;
	text-align:left;
}

#mainContents #mainConRight #box #block02 .right{
	float:right;
	width:360px;
	text-align:left;
}




/* textBlock for style-------------------------------------- */

#mainContents #mainConRight #textBlock{
	margin:15px 0px 5px 0px;
	padding:0px;
	width:720px;
	text-align:left;
}


#mainContents #mainConRight #textBlock p {
	margin: 0px;
	padding: 0;
	line-height:1.5em;
}

#mainContents #mainConRight #textBlock .indentText{
	display: block;
	text-indent: 1em;
}



/* text------------------------- */

#mainContents #mainConRight p{
	line-height:145%;
}

.txt01{
	color:#000000;
	font-weight:bold;
	font-size:13px;
}


.txt02{
	color:#de7194;
	font-weight:bold;
	font-size:16px;
}

.txt03{
	color:#333;
	font-weight:bold;
}

.txt04{
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

.txt05{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	margin-top:10px !important;
}

/* pink */
a.pink{
	color:#de7194;
	text-decoration:underline;
	font-weight:bold;
}
a.pink:visited{
	color:#de7194;
	text-decoration:underline;
	font-weight:bold;
}
a.pink:hover{
	color:#cf3265;
	text-decoration:none;
	font-weight:bold;
}
a.pink:active{
	color:#de7194;
	text-decoration:underline;
	font-weight:bold;
}



/* pink */
a.pink02{
	color:#de7194;
	text-decoration:underline;
	line-height:170%;
}
a.pink02:visited{
	color:#de7194;
	text-decoration:underline;
}
a.pink02:hover{
	color:#cf3265;
	text-decoration:none;
}
a.pink02:active{
	color:#de7194;
	text-decoration:underline;
}

/* CSS Document */