@charset "utf-8";


/* CSS Document */

/**************************
 .logo,.shoulder
****************************/
#dev_header,#dev_footer,#dev_bnav{ overflow:hidden; }
#dev_header .dev_logo,
#dev_footer .dev_logo{
	float:left;
	width:auto;
}
#dev_header .shoulder,
#dev_footer .shoulder{
	float:right;
	width:auto;
}
#dev_header .shoulder{
	margin-top:13px;
}
#dev_footer .shoulder{
	margin-top:7px;
}
#dev_header .shoulder li,
#dev_footer .shoulder li{
	float:left;
	width:auto;
	margin-left:1em;
	/* background:url(/tech/development/common/images/arrow_blue_large.png) no-repeat 0 0.25em; */
	background:url(/tech/development/common/images/arrow_red_large_latest.png) no-repeat 0 0.25em;
	padding-left:22px;
}
#dev_header .shoulder li a,
#dev_footer .shoulder li a{
	color:#FFF;
	text-decoration:none;
}
#dev_header .shoulder li a:hover,
#dev_footer .shoulder li a:hover{
	text-decoration:underline;
}

/**************************
 #dev_header
****************************/

#dev_header{
	background: #fff url(/tech/development/common/images/bg_dev_header.png) repeat-x;
}

/*dev_gnav*/

#dev_gnav{
	clear:both;
	position:relative;
	line-height:1;
	height:108px; /*gnav + snav*/
	/* background:url(/tech/development/common/images/bg_dev_gnav.png) no-repeat; */
}
#dev_gnav>li{
	float:left;
	width:239px;
	margin-right:1px;
}
#dev_gnav>li:last-child{
	margin-right:0;
}
#dev_gnav>li p.label{
	height:49px;
}
#dev_gnav .dev_snav{
	display:none;
	position:absolute;
	top:65px;
	left:0px;
}
#dev_gnav .current .dev_snav{
	display:block;
}
#dev_gnav .dev_snav li{
	float:left;
	width:auto;
	border-left:#ccc 1px solid;
	padding:0 3px;
}
#dev_gnav .dev_snav li:last-child{
	border-right:#ccc 1px solid;
}
#dev_gnav .dev_snav li a{
	display: block;
	padding:6px 1.5em;
	border:#fff 1px solid;
	color:#333;
	text-decoration:none;
	border-radius: 4px;
}
#dev_gnav .dev_snav li a:hover{
	background:#f0f0f0;
}
#dev_gnav .current .dev_snav li.current a,
#dev_gnav .current .dev_snav li.current a:hover{
	color:#E6002F;
	border-color:#E6002F;
	background-color:#fff;
}

/*heading*/
h2, h3, h4 {
  margin: 30px 0 20px 0;
}

/*rel_info*/

dl.rel_info{
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	margin:20px 0 0;
	letter-spacing:0.05em;
	background:url(/tech/development/common/images/bg_rel_info.png) repeat-y;
}
dl.rel_info dt{
	float:left;
	width:115px;
	padding:0;
	vertical-align:top;
	font-size:107.7%;
}
dl.rel_info dt h4{
	padding:10px 0;
	text-align:center;
	margin:0;
}
dl.rel_info dd{
	padding:12px 0 12px 130px;
}

/*rel_award*/

dl.rel_award{
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	margin:20px 0 0;
	letter-spacing:0.05em;
	background:url(/tech/development/common/images/bg_rel_info.png) repeat-y;
}
dl.rel_award dt{
	float:left;
	width:115px;
	padding:0;
	vertical-align:top;
	font-size:107.7%;
}
dl.rel_award dt h4{
	padding:10px 0;
	text-align:center;
	margin:0;
}
dl.rel_award dd{
	padding:12px 0 12px 130px;
}


/**************************
 #dev_bnav
****************************/

#dev_bnav{
	padding:20px 0 25px;
	clear:both;
}
#dev_bnav .context_nav{
	float:right;
	width:auto;
	margin-top:0;
}

/**************************
 .context_nav
****************************/
.context_nav{
	float:right;
	width:auto;
	margin:20px 0 0;
}
.context_nav.last{
	margin-bottom:30px;
}

.context_nav li{
	float:left;
	width:auto;
	margin-left:1em;
}
.context_nav li.page_up{
	border-left:#ccc 1px solid;
	margin-top:-0.5em;
	line-height: 1.33;
}
.context_nav li.page_up a{
	display:block;
	padding:0.5em 22px 0.5em 1em;
	color: #212121;
	text-decoration:none;
	background:url(/tech/development/common/images/arrow_up_red.png) no-repeat 100% 0.7em;
}
.context_nav li.page_up a:hover{
	text-decoration:underline;
}


/**************************
 #dev_footer
****************************/

#dev_footer{
	margin-bottom:10px;
	background:#c7cdd2 url(/tech/development/common/images/bg_footer.png) repeat-x;
	clear:both;
}

/*dev_fnav*/
#dev_fnav{
	clear:both;
	position:relative;
	padding:17px 0 19px;
}
#dev_fnav>li{
	float:left;
	width:225px;
	margin-right:20px;
	background:#fff;
	box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.6);
}
#dev_fnav>li:last-child{
	margin-right:0;
}
#dev_fnav>li.real_estate{ /*for IE8 Bug*/
	margin-right:0;
}
#dev_fnav>li p.label{
	height:50px;
	/* background:#9DBBD8; */
}
#dev_fnav .fnav_child{
	padding:15px 10px 28px;
	font-size:92.3%;
}
#dev_fnav .fnav_child li a{
	display:block;
	padding: 0.3em 0.3em 0.3em 17px;
  background: url(../images/arrow_red.png) no-repeat 5px 0.65em;
	text-decoration:none;
  line-height: 1.33;
	border-radius:4px;
}
#dev_fnav .fnav_child li a:hover{
	background-color:#f0f0f0;
}
#dev_fnav .current .fnav_child li.current a,
#dev_fnav .current .fnav_child li.current a:hover{
	background: #dadfe3 url(../images/arrow_gray.png) no-repeat 5px 0.65em;
	color:#212121;
}

/**************************
 heading
****************************/

/*.hgroup*/
.hgroup{
	overflow:hidden;
	margin:18px 0 20px;
}
.hgroup h2{
	margin:0;
	padding:0;
	float:left;
	width:auto;
	line-height:1.4;
	font-size:138.46%;
}
.hgroup h2.below{
	background:url(/tech/development/common/images/tri_below_red.png) no-repeat 0px 50%;
	padding-left:22px;
}
.hgroup h2.square{
	background:url(/tech/development/common/images/bg_heading_sq_red.png) no-repeat 0px 50%;
	padding-left:22px;
}
.hgroup .shoulder{
	float:right;
	width:auto;
	margin-top:0.2em;
}
.hgroup .shoulder li{
	float:left;
	margin-left:1em;
}
.h2_square_border{
	margin-top:60px;
	border-bottom:solid 1px #757575;
}
.h2_square_border.first{
	margin-top:0px;
}


h4.border{
	clear:both;
	margin:1em 0 0.8em;
	padding-top:0.5em;
	border-top:#ccc 1px solid;
	font-size:107.7%;
}
h4.gray_box{
	height:20px;
	background:#efefef;
	padding:11px 0 11px 15px;
	font-size:107.7%;
}


/**************************
 #lev2 col_type
****************************/

.content.col_type{
	background:url(/tech/development/common/images/bg_col_type.png) repeat-y 50% 0px;
}
.dev_ctg{
	height:38px;
}

/* #dev_sub */

#dev_sub{
	width:190px;
	float:left;
}

#dev_sub .dev_ssnav{
	margin-bottom:30px;
}

#dev_sub .dev_ssnav > li{
	border-left: #9B9B9B 3px solid;
	margin-bottom:1px;
}
#dev_sub .dev_ssnav > li.current,
#dev_sub .dev_ssnav > li.current:hover{
	border-color: #E6002F;
	background:#fff;
}
#dev_sub .dev_ssnav > li:hover{
	background:#D9DBDB;
}
#dev_sub .dev_ssnav li a{
	display:block;
	text-decoration:none;
	line-height:1.3;
	color:#333;
	/*padding:0.6em 30px 0.75em 0.8em;*/
	padding:0.8em 30px 0.8em 0.8em;
}

#dev_sub .dev_ssnav .child{
	padding:0.2em 0 0.8em 0.8em;
}
#dev_sub .dev_ssnav .child li a{
	padding: 0.6em 1em 0.6em 17px;
  background: url(../images/arrow_red.png) no-repeat 5px 0.95em;
	border-radius:3px;
}
#dev_sub .dev_ssnav .child li.current a,
#dev_sub .dev_ssnav .child li.current a:hover{
	background-color:#E9EAEA;
	background-image:url(../images/arrow_gray.png);
}

#dev_sub .dev_ssnav .child li a:hover{
	background-color:#f4f4f4;
}

#dev_sub .rel_bn{
	width:170px;
	line-height:1;
	margin-bottom:10px;
}


/* #dev_main */

#dev_main{
	width:730px;
	float:right;
}
#dev_main.no_heading{
	padding-top:30px;
}

/*heading*/
#dev_main h2.ctg_title{
	margin:25px 0 25px;
	padding:0 0 0 20px;
	font-size:153.84%; /*20px*/
	background:url(/tech/development/common/images/bg_heading_sq_red.png) no-repeat 0px 0.15em;
	line-height:1;
	letter-spacing:0.08em;
}
#dev_main h3.sub_ctg_title{
	margin:25px 0 27px;
	padding:0.6em 1em 0.6em 0.8em;
	font-size:138.46%; /*18px*/
	background:#E9EAEA;
	line-height:1;
	border-radius:3px;
	letter-spacing:0.08em;
	position:relative;
}
#dev_main h3.sub_ctg_title span.shoulder{
	position:absolute;
	top:0.6em;
	right:1.2em;
	/*font-size:72%;
	font-weight:normal;*/
}

/*album_layout*/
#dev_main .album{ /*2 column*/
	width:760px;
	margin-right:-30px;
}
#dev_main .album .col{
	width:350px;
	margin-right:30px;
	margin-bottom:20px;
}
#dev_main .album .col.span-2{
	width:730px;
	margin-right:0px;
	clear:both;
}

#dev_main .album .col p.img{
	margin-bottom:10px;
}
#dev_main .album .pj_name{
	font-size:107.7%;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:0.5em;
}
#dev_main .album .pj_data{
	font-size:84.6%;
}

/*#dev_main columns*/

#dev_main .col{
	float:left;
}
#dev_main .col2 .l,
#dev_main .col4 .l{
	margin-right:22px;
}

#dev_main .col2 .col{
	width:354px;
}

#dev_main .col4 .col{
	width:166px;
}
#dev_main .col4 .col.span-2{
	width:354px;
}
#dev_main .col4 .col.span-3{
	width:542px;
}

#dev_main .col3 .l{
	margin-right:20px;
}
#dev_main .col3 .col{
	width:230px;
}
#dev_main .col3 .col.span-2{
	width:480px;
}

/*dl.data*/
dl.data{
	font-size:84.6%;
}
dl.data dt{
	float:left;
	width:7em;
	clear:both;
	padding:0 0 0.6em;
	margin-bottom:0.6em;
}
dl.data dt p{
	padding:0 0 0 0.5em;
	border-left:#E6002F 2px solid;
}

dl.data dd{
	padding:0 0 0.6em 8.5em;
	background:url(/common/image/bg_dot_line.gif) repeat-x left bottom;
	margin-bottom:0.6em;
}

dl.data dt.long{
	float:none;
	margin-bottom:0.2em;
}
dl.data dd.long{
	padding-left:0.8em !important;
}

/*link_btn*/

p.link_btn a {
	display:block;
	color:#212121;
	line-height:1.1;
	text-align:center;
	text-decoration:none;
	padding:1em 0;
	border:#CCCCCC 1px solid;
	border-radius:4px;
	box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.6);
	background:#fff url(/tech/development/common/images/arrow_red.png) no-repeat 1.2em 49%;
}

p.link_btn a:hover {
	background-color:#f4f4f4;
	border-color:#E6002F;
}

/*ancer_link*/
ul.ancer_link{
	margin-top:45px;
}
ul.ancer_link li{
	float:left;
	width:auto;
	display:block;
	margin-right:1em;
}
p.link.anc {
  padding: 0 0 0 20px;
  background: url(/tech/development/common/images/arrow_down_red.png) no-repeat 0 0.15em;
}
p.link.anc a {
  color: #212121;
}

/*一番したアキ*/
.content.last{
	margin-bottom:45px;
}

@media print{

}