@charset "UTF-8";

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

styles.css

--------------------------------------------------------------------------------
Advantage styles
	0. contents
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. contents
	
	body > #stage > #contentsContainer > #contents > .contentsBody_singleColumn
----------------------------------------------------------------------------- */
#advantage {
	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;
				}			
	#advantage .section {
		position   : relative;
		clear      : both;
		width      : 950px;
		margin     : 40px 0 0 0;
		padding    : 0;
		}
		#advantage .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%;
			}
		#advantage .section .item {
			position : relative;
			display  : block;
			width    : 950px;
			margin   : 2.5em 0 0 0;
			padding  : 0;
			}

<!-- 2012/4/12 add �«�«�@-->	
			#advantage .section .item dl {
				cursor : pointer;
				}	
				#advantage .section .item  dl dt {
					float                 : left;
					width                 : 25px;
					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;
                    }
                    #advantage .section .item a:hover dl dt {
                        text-decoration : none;
                        }
<!-- 2012/4/12 add �ª�ª�@-->

<!--  2012/4/12 comment out 
			#advantage .section .item h4 {
				padding-left : 33px;
				font-size    : 123.1%;
				font-weight  : bold;
				line-height  : 23px;
				background   : url(../img/img_num1.gif) no-repeat 0 0;
				}
			#advantage .section .item h4.item1 { background : url(../img/img_num1.gif) no-repeat 0 0; }
			#advantage .section .item h4.item2 { background : url(../img/img_num2.gif) no-repeat 0 0; }
			#advantage .section .item h4.item3 { background : url(../img/img_num3.gif) no-repeat 0 0; }
			#advantage .section .item h4.item4 { background : url(../img/img_num4.gif) no-repeat 0 0; }
			#advantage .section .item h4.item5 { background : url(../img/img_num5.gif) no-repeat 0 0; }
			#advantage .section .item h4.item6 { background : url(../img/img_num6.gif) no-repeat 0 0; }
			#advantage .section .item h4.item7 { background : url(../img/img_num7.gif) no-repeat 0 0; }
			#advantage .section .item h4.item8 { background : url(../img/img_num8.gif) no-repeat 0 0; }
			#advantage .section .item h4.item9 { background : url(../img/img_num9.gif) no-repeat 0 0; }
-->
			
			#advantage .section .item h5 {
				margin-top  : 1.5em;
				margin-left : 30px;
				padding     : 8px;
				color       : #115fad;
				font-size   : 108%;
				line-height : 1.5;
				background  : #f7f7f7;
				}
				#advantage .section .item h5 span {
					display      : block;
					padding-left : 8px;
					border-left  : 3px #115fad solid;
					zoom         : 1;
					}
			#advantage .section .item p {
				margin-top  : 1em;
				margin-left : 30px;
				font-size   : 93%;
				line-height : 1.4;
				text-indent : 1em;
				}