@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

styles.css

--------------------------------------------------------------------------------
Casestudies styles
	0. contents
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. contents
	
	body > #stage > #contentsContainer > #contents > .contentsBody_singleColumn
----------------------------------------------------------------------------- */
#btn_PDF {
	text-align : right;
	}
	#btn_PDF a {
		background  : #444444 url(../../common/img/icon_pdf.gif) no-repeat 8px 45%;
		}
	#btn_PDF a:hover {
		text-decoration : none;
		background      : #cd1a3b url(../../common/img/icon_pdf_on.gif) no-repeat 8px 45%;
		}
		
#casestudies {
	clear      : both;
	margin-top : 40px;
	}
	ul#insideLinkNavigation {
		position   : relative;
		clear      : both;
		width      : 931px;
		padding    : 9px 10px 10px 9px;
		background : url(../../common/img/texture_dot.gif) repeat 0 0;
		}
		/* for IE6 */
		* html ul#insideLinkNavigation { background : #eeeeee; }
		/* for IE7 */
		*:first-child+html ul#insideLinkNavigation { background : #eeeeee; }
		
		ul#insideLinkNavigation li {
			display         : block;
			float           : left;
			width           : 464px;
			margin          : 1px 0 0 1px;
			}
			ul#insideLinkNavigation li a {
				display             : block;
				width               : 434px;
				padding             : 14px 15px 10px 15px;
				color               : #444444;
				font-size           : 123.1%;
				text-decoration     : none;
				background-color    : #ffffff;
				background-image    : url(../../common/img/icon_boxArrowDown.gif);
				background-repeat   : no-repeat;
				background-position : 96% center;
				}
			ul#insideLinkNavigation li a:hover {
				background-color    : #eaf6ff;
				background-image    : url(../../common/img/icon_boxArrowDown_on.gif);
				}
			ul#insideLinkNavigation li span {
				display             : block;
				padding             : 14px 15px 10px 15px;
				color               : #444444;
				font-size           : 123.1%;
				text-decoration     : none;
				background-color    : #ffffff;
				}
	#underConstraction {
		position   : relative;
		clear      : both;
		width      : 500px;
		margin     : 0 auto;
		padding    : 10px;
		background : url(../../common/img/texture_dot.gif) repeat 0 0;
		}
		/* for IE6 */
		* html #underConstraction { background : #eeeeee; }
		/* for IE7 */
		*:first-child+html #underConstraction { background : #eeeeee; }

		#underConstraction .innerBlock {
			width      : 426px;
			min-height : 76px;
			height     : auto !important;
			height     : 76px;
			padding    : 37px;
			background : #ffffff url(../img/img_underConstraction.gif) no-repeat 37px 37px;
			}
			#underConstraction .innerBlock h3 {
				margin-left : 100px;
				}
			#underConstraction .innerBlock p {
				margin-top  : 1.3em;
				margin-left : 100px;
				}
	#casestudies .section {
		position   : relative;
		clear      : both;
		width      : 950px;
		margin     : 40px 0 0 0;
		padding    : 0;
		}
		#casestudies .section h3 {
			clear         : both;
			margin        : 0 0 20px 0;
			padding       : 8px 0 8px 40px;
			font-size     : 138.5%;
			font-weight   : bold;
			line-height   : 1.3;
			border-top    : 1px #000000 solid;
			border-bottom : 1px #000000 dotted;
			background    : url(../../common/img/icon_circle_blue_large.gif) no-repeat 10px 48%;
			}
		#casestudies .section .item {
			position : relative;
			display  : block;
			width    : 950px;
			margin   : 0;
			padding  : 0;
			}

<!-- 2012/4/12 add �«�«�@-->	
			#casestudies .section .item dl {
				cursor : pointer;
				}	
				#casestudies .section .item  dl dt {
					float                 : left;
					width                 : 50px;
					margin                : 0 10px 0 0;
					padding               : 5px;
					color                 : #ffffff;
					font-size             : 12px;
					line-height           : 1.4;
                    text-align            : center;
                    text-shadow           : rgba(0,0,0,0.5) 0 -1px 0;
                    -webkit-border-radius : 3px;
                    -moz-border-radius    : 3px;
                    border-radius         : 3px;
                    background            : #333333;
                    }
                    #casestudies .section .item a:hover dl dt {
                        text-decoration : none;
                        }
<!-- 2012/4/12 add �ª�ª�@-->

			#casestudies .section .item a {
				position            : relative;
				display             : block;
				clear               : both;
				padding             : 9px;
				border              : 1px #b8b8b8 dotted;
				background-color    : #f6f6f6;
				background-repeat   : no-repeat;
				background-position : 98% center;
				}
			#casestudies .section .item a:hover {
				text-decoration     : none;
				background-color    : #eaf6ff;
				}
				#casestudies .section .item a dl {
					cursor : pointer;
					}
					#casestudies .section .item a dl dt {
						float                 : left;
						width                 : 50px;
						margin                : 0 10px 0 0;
						padding               : 5px;
						color                 : #ffffff;
						font-size             : 12px;
						line-height           : 1.4;
						text-align            : center;
						text-shadow           : rgba(0,0,0,0.5) 0 -1px 0;
						-webkit-border-radius : 3px;
						-moz-border-radius    : 3px;
						border-radius         : 3px;
						background            : #333333;
						}
						#casestudies .section .item a:hover dl dt {
							text-decoration : none;
							}
					#casestudies .section .item a dl dd {
						float       : left;
						width       : 860px;
						padding     : 0.15em 0 0 0;
						font-size   : 108%;
						line-height : 1.4;
						}
						#casestudies .section .item a:hover dl dd {
							text-decoration : underline;
							}



#case {
	clear      : both;
	margin-top : 40px;
	}
	#case .section {
		position   : relative;
		clear      : both;
		width      : 950px;
		margin     : 40px 0 0 0;
		padding    : 0;
		}
		#case .section h3 {
			clear         : both;
			margin        : 0 0 20px 0;
			padding       : 8px 0 8px 40px;
			font-size     : 138.5%;
			font-weight   : bold;
			line-height   : 1.3;
			border-top    : 1px #000000 solid;
			border-bottom : 1px #000000 dotted;
			background    : url(../../common/img/icon_circle_blue_large.gif) no-repeat 10px 48%;
			}
		#case .section .lay2col {
			position : relative;
			display  : block;
			width    : 950px;
			margin   : 0;
			padding  : 0;
			}
			#case .section .lay2col .col1 {
				width : 580px;
				}
				#case .section .lay2col .col1 h4 {
					margin-top  : 2em;
					padding     : 8px;
					color       : #115fad;
					font-size   : 108%;
					line-height : 1.5;
					font-weight : bold;
					background  : #f7f7f7;
					}
					#case .section .lay2col .col1 h4 span {
						display      : block;
						padding-left : 8px;
						border-left  : 3px #115fad solid;
						zoom         : 1;
						}
				#case .section .lay2col .col1 p {
					margin-top  : 1.5em;
					font-size   : 93%;
					line-height : 1.4;
					text-indent : 1em;
					}
			#case .section .lay2col .col2 {
				width : 350px;
				}
		#btn_returnTo {
			}