@charset "shift_JIS";

/*
	Site Name: 
	Description: base template style
	Version: 1.0
*/

#headerArea_inc{
	background: transparent !important; 
	}
#footerArea_inc{
	background: transparent !important; 
	}

#mv {
	height: 495px;
	background: #fff url(../img/mv_bg.png) 50% 0 no-repeat;
}
#mv .inner {
	position: relative;
}
#mv h1 {
	position: absolute;
	top: 45px;
	left: 105px;
}
#mv h2.ver02 {
	position: absolute;
	top: 160px;
	left: 45px;
}

#mv .linkArrow-01 {
	position: absolute;
	top: 386px;
	left: 386px;
}

#component {
	background-color: #FFFFFF;
	background-image: url(../img/component_bg01.jpg) , url(../img/component_bg03.jpg);
	background-position: 50% 0 , 0 0;
	background-repeat: no-repeat , repeat-x;
	padding: 40px 0 0 0;
}
#component .inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 70px;
}
#component h2 {
	color: #0052a5;
	font-size: 250%;
	margin: 0;
	padding: 0;
}
#component h2 span {
	background: url(../img/component_line.png) 0 100% repeat-x;
	margin: 0 0 15px;
	padding: 0 0 10px;
}
.gecko #component h2 span {
	background: url(../img/component_line.png) 0 90% repeat-x;
	margin: 0 0 15px;
	padding: 0 0 8px;
}
.win #component h2 span {
	background: url(../img/component_line.png) 0 90% repeat-x;
	margin: 0 0 15px;
	padding: 0 0 0px;
}

#component h2 span.text_s {
	font-size: 70%;
	background: none;
}
#component p {
	font-size: 123%;
	padding: 18px 0 0 0;
	line-height: 1.5em;
}
#component p.annotation {
	font-size: 70%;
}
#component .products {
	width: 720px;
	margin: 0 auto;
	padding: 185px 0 0 0;
	font-size: 70%;
}

#component .productsBOX {
	float: left;
	padding: 0px 0 0 20px;
}
#component ul.componentUL {
	padding: 20px 0 30px 0;
}
#component ul.componentUL li .lineY {
	font-size: 162%;
	background: url(../common/img/border_y.gif) 0 100% repeat-x;
}
#component ul.componentUL li .blue {
	color: #004ea2;
	padding: 0 3px 0 0;
}
#component ul.componentUL li .textS {
	font-size: 131%;
}



#otherContents {
	background: #edf6fe;
	padding: 5px 0 40px 0;
}

#otherContents h2 {
	text-align: center;
	padding: 0 0 10px;
}

#otherContents h3 {
	color: #004ea2;
	font-size: 162%;
	margin: 0;
	padding: 0 0 10px;
}
#otherContents h3 img {
	vertical-align: text-top;
	padding: 0 5px 2px;
}
.win #otherContents h3 img {
	vertical-align: middle;
	padding: 0 5px 7px;
}

#otherContents .otherContents_Box01 {
	background: #FFFFFF url(../img/contents01_img.jpg) 0 0 no-repeat;
	min-height: 120px;
	padding: 25px 15px 15px 310px;
}

#otherContents .otherContents_Box02 {
	background: #FFFFFF url(../img/contents02_img.jpg) 0 0 no-repeat;
	min-height: 120px;
	margin: 20px 0 0 0;
	padding: 25px 15px 15px 310px;
}

#otherContents .otherContents_Box03 {
	background: #FFFFFF url(../img/contents03_img.jpg) 0 0 no-repeat;
	min-height: 120px;
	margin: 20px 0 0 0;
	padding: 25px 15px 15px 310px;
}

#productLink {
	background: #FFFFFF;
	padding: 45px 0; 
}

#productLink ul {
	width: 960px;
	margin: 0 auto;
}

#productLink ul li {
	float: left;
}

#productLink ul li:first-child {
	width: 480px;
	padding: 15px 0 10px 0;
}

#productLink ul li:last-child {
	width: 479px;
	border-left: #cccccc 1px dotted;
	padding: 15px 0 10px 0;
}