@charset "UTF-8";
/* CSS Document */
#mainSpaceIn {
	padding-bottom: 0px;
}
#contentsJoffice{
	margin: 0 -20px;
	}

ul li{
	list-style-type: none;
	}
/*#ContentsY ぴったり、やさしい、いきいき。・イエロー
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsY{
	width: 980px;
	margin: 25px auto 0 auto;
	background-color:#fff23f;
	}
#ContentsY h1{
	width: 830px;
	margin: 0px auto;
	padding-top:60px;
	}
#ContentsY h2{
	margin:65px 0 30px 0;
	text-align:center;
	}
.txtCenter {
	font-size:100%;
	text-align:center;
	line-height:200%;
	}
#ContentsY .Img{
	width: 960px;
	margin: 0 auto;
	}
#ContentsY ul {
	width:980px;
	margin-bottom:40px;
	text-align:center;
	font-size:85%;
	line-height:140%;
	}
#ContentsY li {
	display:inline-block;
	width:190px;
	padding:60px 15px 15px 15px;
	background-color:#FFF;
	text-align:left;
	letter-spacing:0.1em;
	}
.box_blue {
	margin:0 30px 0 0;
	border:#2ca6e0 1px solid;
	border-radius:10px;
	background:url(../images/tit_joffice_blue.png) 15px 15px no-repeat;
	vertical-align:top;
	}
.box_green {
	margin:0 30px 0 0;
	border:#7fbe33 1px solid;
	border-radius:10px;
	background:url(../images/tit_joffice_green.png) 15px 15px no-repeat;
	vertical-align:top;
	}
.box_red {
	border:#e9545d 1px solid;
	border-radius:10px;
	background:url(../images/tit_joffice_red.png) 15px 15px no-repeat;
	vertical-align:top;
	}
	
/*#ContentsW みんなにぴったり。、人にやさしい。・ホワイト
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsW{
	padding:0 20px;
	margin:50px auto;
	background-color:#FFF;
	}
#ContentsW h3 {
	margin:80px 0 20px;
	}
#ContentsW h3 .pittari{
	width:454px;
	}
#ContentsW h3 .kind{
	width:264px;
	}
#ContentsW p {
	float:left;
	font-size:100%;
	line-height:250%;
	}
.imgBox01 {
	width:960px;
	min-height:375px;
	background:url(../images/img_joffice_pittari01.png) right bottom no-repeat;
	}
.imgBox02 {
	width:980px;
	min-height:500px;
	background:url(../images/img_joffice_yasashi01.png) right top no-repeat;
	}

/*#ContentsB ナイキからのご提案・ブルー
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsB{
	width: 980px;
	margin: 40px auto 0 auto;
	padding-bottom:40px;
	padding-top:45px;
	background-color:#2ca6e0;
	}
.ContentsIn {
	width: 900px;
	margin: 0 auto;
	}
.jo_goteian01 {
	width:220px;
	margin:0 auto;
	padding:10px 0;
	color:#fff362;
	text-align:center;
	letter-spacing:0.2em;
	border:#fff362 2px solid;
	}
.jo_goteianTit01 {
	width:900px;
	margin:20px 0;
	padding:35px 0 0 0;
	font-size:150%;
	color:#FFF;
	text-align:center;
	line-height:160%;
	letter-spacing:0.1em;
	background:url(../images/ico_joffice_dot01.png) no-repeat;
	}
.jo_goteianTxt01 {
	font-size:100%;
	color:#FFF;
	line-height:200%;
	text-align:center;
	}
	
.jo_goteianTit02 {
	width:900px;
	height:40px;
	margin:40px 0 20px 0;
	font-size:130%;
	font-weight:bold;
	color:#2ca6e0;
	text-align:center;
	line-height:40px;
	letter-spacing:0.1em;
	background:#FFF url(../images/ico_joffice_triangle.png) left top no-repeat;
	}
.jo_shoko01{
	letter-spacing: -0.4em;/* 画像の隙間対策 */
	font-size:95%;
}
.jo_shoko01 li{
	width:280px;
	margin:0 30px 0 0;
	padding:0;
	color:#FFF;
	line-height:140%;
	letter-spacing:0.1em;
	display:inline-block;
	vertical-align:top;
	}
.jo_shoko01 li:last-child{
	width:280px;
	margin:0 0 0 0;
	padding:0;
	color:#FFF;
	line-height:140%;
	letter-spacing:0.1em;
	display:inline-block;
	}

.jo_shoko02{
	letter-spacing: -0.4em;/* 画像の隙間対策 */
	font-size:95%;
}
.jo_shoko02 li{
	width:435px;
	margin:0 30px 0 0;
	padding:0;
	color:#FFF;
	line-height:140%;
	letter-spacing:0.1em;
	display:inline-block;
	vertical-align:top;
	}
.jo_shoko02 li:last-child{
	width:435px;
	margin:0 0 0 0;
	padding:0;
	color:#FFF;
	line-height:140%;
	letter-spacing:0.1em;
	display:inline-block;
	}

.jo_shokoTit {
	margin:15px 0 10px 0;
	padding:0;
	font-weight:bold;
	display:inline-block;
}

/*#ContentsB ナイキからのご提案・グリーン
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsG{
	width: 980px;
	margin: 0 auto 0 auto;
	padding-bottom:40px;
	padding-top:45px;
	background-color:#7fbe33;
	}
.jo_goteianTit03 {
	width:390px;
	height:60px;
	margin:40px 0 20px 0;
	padding:20px 0 0 0;
	font-size:130%;
	font-weight:bold;
	color:#7fbe33;
	text-align:center;
	line-height:140%;
	letter-spacing:0.1em;
	background:#FFF url(../images/ico_joffice_triangle.png) left top no-repeat;
	}
	
.jo_leftBox01 {
	width:390px;
	float:left;
	}
.jo_leftBox01 p {
	font-size:95%;
	color:#FFF;
	line-height:140%;
	letter-spacing:0.1em;
	display:block;
	float:left;
	}
.jo_rightBox01 {
	width:475px;
	margin:40px 0 0 0;
	float:right;
	}
	
.jo_point {
	margin:10px 0 15px 0;
	}
.jo_point p {
	width:145px;
	margin:-186px 0 0 0;
	font-size:95%;
	color:#FFF;
	}
.jo_point1 {
	width:310px;
	margin:25px 0 0 0;
	float:left;
	}
.jo_point2 {
	width:310px;
	margin:25px 0 0 0;
	float:left;
	}
.jo_pointImg {
	width:280px;
	margin:0;
	float:left;
	}
	
.jo_interviewTit {
	margin:0 0 -15px -10px;
	}
	
.jo_interview {
	width:900px;
	padding:0 0 20px 0;
	background-color:#FFF;
	}
		
.jo_interviewL {
	width:300px;
	padding:25px 0 0 25px;
	float:left;
	}
.jo_interviewL img {
	float:left;
}
.jo_interviewL p {
	width:300px;
	margin-top:10px;
	font-size:85%;
	display:inline-block;
	}
	
		
.jo_interviewR {
	position:relative;
	margin:25px 0 0 20px;
	float:left;
	}
.jo_int_hashigo {
	position:absolute;
	bottom:0;
	right:-130px;
	}
.jo_interviewR p {
	width:450px;
	font-size:90%;
	line-height:180%;
	display:inline-block;
	}

.jo_int_gakubu {
	font-size:90%;
	font-weight:bold;
	}
.jo_int_name {
	margin-bottom:10px;
	font-size:115%;
	font-weight:bold;
	display:inline-block;
	}
.jo_int_Tit {
	margin:0 0 15px 0;
	color:#7fbe33;
	font-size:115%;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:140%;
	}

/*はたらく人がイキイキ。ジャパネスクなごや・ホワイト
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsW2{
	width: 980px;
	margin: 40px auto 0 auto;
	background-color:#FFF;
	}
#ContentsW2 h3 {
	margin:40px auto 30px;
	text-align:center;
	}
#ContentsW2 h3 .ikiiki{
	width:834px;
	}
/*#ContentsW2 p {
	font-size:100%;
	line-height:200%;
	}-*/
.jo_goteian02 {
	width:220px;
	margin:70px auto 25px auto;
	padding:10px 0;
	color:#e9545d;
	text-align:center;
	letter-spacing:0.2em;
	border:#e9545d 2px solid;
	}
.jo_goteianTit04 {
	width:980px;
	margin:0 0 20px 0;
	padding:40px 0 0 0;
	text-align:center;
	background:url(../images/ico_joffice_dot02.png) top no-repeat;
	}

.jo_nagoyaImgbox01 {
	width:980px;
	margin:40px 0 0 0;
		}
.jo_nagoyaImgbox02 {
	width:980px;
	margin:0;
	padding:0 0 15px 0;
		}
.jo_nagoyaTit {
	margin:10px 0 5px 0;
	font-size:95%;
	font-weight:bold;
	display:block;
	}
.jo_nagoyaTxt {
	font-size:95%;
	line-height:140%;
	}

.jo_nagoyaImgboxIn01 {
	width:330px;
	margin:0 32px 0 0;
	float:left;
	}
.jo_nagoyaImgboxIn01 img {
	margin:0 0 0 -8px;
	}
.jo_nagoyaImgboxIn02 {
	width:308px;
	margin:0 10px 0 0;
	float:left;
	}
.jo_nagoyaImgboxIn03 {
	width:230px;
	margin:0;
	float:left;
	}
.jo_nagoyaImgboxIn04 img {
	margin:-55px 0 0 0;
	}
.jo_nagoyaImgboxIn05 {
	width:308px;
	margin:0 32px 0 0;
	float:left;
	}
.jo_nagoyaImgboxIn05 img {
	margin:0 0 0 -8px;
	}

/*#ContentsR ポイント・レッド
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ContentsR{
	width: 980px;
	margin: 40px auto 0 auto;
	padding-bottom:35px;
	padding-top:25px;
	background-color:#e9545d;
	}
.jo_pointOut {
	width:800px;
	margin:0 auto;
	}
.jo_pointOut li{
	width:350px;
	color:#FFF;
	display:inline-block;
	}
.jo_pointR {
	float:right;
	}
.jo_pointOut img {
	margin:30px 0 0 0;
	}
.jo_pointTit {
	width:350px;
	margin:15px 0;
	font-size:130%;
	font-weight:bold;
	text-align:center;
	display:block;
	}
.jo_pointIn li {
	margin-bottom:10px;
	line-height:140%;
	padding-left: 1.3em;/*2行目インデント*/
	text-indent: -1.3em;/*2行目インデント*/
	}
.jo_pointIn li:before{
	content: '▶ ';
	color:#fff23f;
	}

/* common.cssに依存するスタイル（カテゴリー別で背景、色のみを変更）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* グローバルナビゲーション*/
/*アクティブの場合*/
#gNavIn li.toSolution a {
	background:url("../images/btn_gnav02_solution_active.png") no-repeat left top;
	}

/*カテゴリータイトル*/
#categoryTitleOut {
	background:url("../images/bg_solution01.png") repeat-x center top;
	}

/*カテゴリートップのメニュー一覧（ボタン色）*/
#categoryMenuList li h2 {
	background:url("../images/btn_solution00_arrow.png") no-repeat right center;
	}

/* クリエイティブ・オフィス汎用スタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ftBold{
	font-weight:bold;
}
.fltR{
	float:right;
}

/*ルビ
--------------------------------------------------------  -----*/
ruby{
	ruby-align:center;
	line-height:160%;
}
ruby rt{
	font-size:25%;
}