@charset "UTF-8";

/*

* newkeyware    

*

* http://www.keyware.co.jp/ 

*

*トップページ | CSS 

*/



/* 基本設定

-----------------------------------------------------------------------------------*/

*{

	padding:0;

	margin:0;

}



html { 

	overflow-y:scroll; 

}



body {

	font-size: 75%;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, Meiryo, "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	letter-spacing: 1px;

	line-height:1.4;

	background: #FFFFFF;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #333333;

}



img {

	border-style: none;

}



ul {

	list-style:none;

}



/* リンク設定 -----------------------------------------*/

a:link,a:visited {

	color: #35326F;

}



a:hover,a:active {

	color: #8684A5;

	text-decoration: none;

}



a:hover img,a:active img{

	filter: alpha(opacity=70);

	opacity:0.7;

	background: #ffffff;

}



/* PDFリンク ------------------------*/

a.pdf {

	background: url(../images/common_icon_pdf.gif) no-repeat;

	padding-left: 18px;

	padding-bottom: 5px; /* PDFアイコン画像の下が切れるための処理 */

	display: inline;

	margin: 0;

	width:auto;

}



/* ページの基本構造

-----------------------------------------------------------------------------------*/

#container {

	width: 840px;

	background: #FFFFFF;

	margin: 0 auto;

	text-align: left;

}



#container #header {

	background: #FFFFFF;

	padding: 0;

	background-image: url(../images/common_header_bg.gif);

	background-repeat: repeat-x;

	height: 90px;

	clear:both;

}



#container #headerMenu {

	display: block;

	width: 840px;

	height: 38px;

	margin: 0;

	padding: 0;

	position: relative;

	margin-bottom:10px;

}



#container #noscript_message {

	width: 840px;

	margin:5px 0;

	padding:10px 0;

	text-align:center;

	background-color:#FFCCCC;

}



#container #mainImage {

	width: 840px;

	height: 220px;

}



#container #topics {

	width: 840px;

	padding-top: 5px;

	margin-bottom:15px;

}



#container #information {

	clear:both;

	display:block;

	width:840px;

	height:auto;

	margin-bottom:15px;

}



#container #banner_space {

	clear:both;

	display:block;

	width:840px;

	height:auto;

	margin-bottom:0;

}



#container #note {

	clear:both;

	width:840px;

	height: 68px;

	padding: 0 5px;

	background: #FFFFFF;

	text-align:right;

}



#container #footer {

	clear: both;

	height: 68px;

	padding: 0 15px;

	background: #DDDDDD;

	background-image: url(../images/common_footer_bg.gif);

	background-repeat: repeat-x;

}



/* =#header

---------------------------------------------------------*/

#logo {

	margin: 0;

	padding: 10px 0;

	width: 500px;

	float: left;

}



#header h1 a img:hover,a:active { /* トップページのみロゴに対し、h1を適用している。 */

	filter: alpha(opacity=100);

	opacity:1;

	background: #fff;

}



#header_right {

	width: 300px;

	margin: 0;

	float: right;

	padding: 0;

	text-align: right;

}



#header_right_menu {

	width: 300px;

	height:22px;

	margin: 0;

	padding: 5px 0 10px 0;

	float: right;

}



#header_right_menu #font_size_change {

	float: right;

	padding:3px 10px 3px 5px;

}



#header_right_menu #font_size_change dt,

#header_right_menu #font_size_change dd {

	float: left;

}



#header_right_menu #font_size_change .icon_font {

	vertical-align:middle;

}



#header_right_menu .header_right_menu_text {

	float: right;

	padding:3px 5px 3px 7px;

	border-left:#091640 solid 1px;

}



#slogan {

	height:13px;

	margin-bottom: 10px;

}



#changeLetterSize span {

	vertical-align: top;

}





/* header menu 

---------------------------------------------------------------------------------*/

#headerMenu ul {

	top: 38px;

	width: 185px;

	display: none;

	position: absolute;

	margin: 0;

	padding: 0;

}



#headerMenu li {

	display: block;

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

	position: relative;

}



#headerMenu a {

	display: block;

	color: #fff;

	padding: 0;

	text-decoration: none;

}



#headerMenu ul a {

	background-color: #0E1945;

	padding:5px 0 0;

	border: none;

	opacity: 0.9;

	filter: alpha(opacity = 90);

	zoom: 1; /* IE6/7 fix */

}  



#headerMenu ul li {

	float: none;

}



#headerMenu ul ul {

	top: 0;

	left: 171px;

}



#headerMenu a img {

	border: none;

}



#headerMenu li.hover a {

}



#headerMenu ul li a {

	padding-left:5px;

}



#headerMenu ul a.hover {

	text-decoration: underline;

	color: #fF9900;

}



/* =#mainImage

---------------------------------------------------------*/

#mainImage #mainRolloverTargetImage {

	float: left;

	width: 580px;

	height: 220px;

}



#mainImage #mainImageBanner {

	float: right;

	width: 260px;

	height: 220px;

}



/* =#topics

---------------------------------------------------------------------------------*/

#topics #aboutKeyware ul,

#topics #solution_intro ul,

#topics #product_intro ul,

#topics ul

	{

	line-height: 160%;

	list-style: none;

}



#topics #aboutKeyware ul li,

#topics #solution_intro ul li,

#topics #product_intro ul li,

#topics ul li

	{

	padding-left: 15px;

}



.topics_list {

	text-align: right;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom:0px;

}



.topics_list_company {

	text-align: right;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom:20px;

}



/* =#left_wrapper

---------------------------------------------------------------------------------*/

#left_wrapper {

	display:block;

	float:left;

	width: 615px;

	padding-top: 5px;

}



#left_wrapper h2 {

	margin-bottom:10px;

	height:25px;

	background:#fff;

	font-size:120%;

}



*:first-child+html #left_wrapper span { font-size:60%;}	/*IE7用*/

* html #left_wrapper span { font-size:60%;}	/*IE6以下*/



/* =#keywareBusinessModelHeader

---------------------------------------------------------------------------------*/

#keywareBusinessModelHeader ul{

	margin-bottom:15px;

}



/* =#solution_intro

---------------------------------------------------------------------------------*/

#solution_intro {

	float: left;

	width: 300px;

	margin-right:15px;

	margin-bottom:15px;

}



/* =#product_intro

---------------------------------------------------------------------------------*/

#product_intro {

	float: left;

	width: 300px;

	margin-bottom:15px;

}



/* =#about_Keyware

---------------------------------------------------------------------------------*/

#aboutKeyware {

	float: right;

	width: 204px;

	margin-top:5px;

	border:#EEE solid 3px;

}



#aboutKeyware .header {

	width: 204px;

	height: auto;

}



#aboutKeyware .header h2 {

	width: 204px;

	height:42px;

	margin-bottom:10px;

}



/* =#centerBanner

---------------------------------------------------------------------------------*/

#centerBanner {

	float: right;

	width: 205px;

	margin-top:5px;

	margin-right:16px;

}



/* =#consumer_intro

---------------------------------------------------------------------------------*/

#consumer_intro {

	float: left;

	width: 300px;

	margin-right:15px;

	margin-bottom:15px;

}



/* =#introductionCaseHeader

---------------------------------------------------------------------------------*/

#introductionCaseHeader {

	width: 300px;

	float: left;

}



#introductionCaseHeader ul{

	margin-bottom:15px;

}



/* =#information

---------------------------------------------------------------------------------*/

.gotolist_topics {

	font-weight:bold;

}



/* =#seminar

---------------------------------------------------------------------------------*/

#seminar {

	display:block;

	position:relative;

	float: right;

	width: 330px;

	background: #FFF;

	margin-bottom:15px;

}



#seminar h3 {

	width: 330px;

	height: 40px;

	font-size: 95%;

	text-align: right;

}



#seminar span {

	position:absolute;

	text-align:right;

	top:12px;

	right:15px;

}



#seminar dl {

	line-height: 180%;

	width: 330px;

}



#seminar dl dt {

	display:block;

	float: left;

	width: 80px;

}



#seminar dl dd {

	display:block;

	float: left;

	width: 250px;

}



/* =#news

---------------------------------------------------------------------------------*/

#news {

	display:block;

	position:relative;

	float: left;

	width: 495px;

	margin: 0 15px 15px 0;

	/* 左マージンの値は、ヘッダーおよびフッターの値と同じです。これにより、ドキュメントの左側の整列が設定されます。 */

}



/* dl dt ddを使用した横並び----------------------------------------*/

#news h3 {

	width: 495px;

	height: 40px;

	font-size: 95%;

	text-align: right;

}



/* テキストを隠します*/

#news span {

	position:absolute;

	text-align:right;

	top:12px;

	right:15px;

}



.gotolist {

	margin-right: 15px;

}



#news dl {

	display:block;

	width: 495px;

	line-height: 180%;

}



#news dl dt {

	clear:both;

	float: left;

	display:block;

	width: 80px;

}



#news dl dd { /*float: right;*/

	display:block;

	float: left;

	display:block;

	width: 410px;

}



/* =#banner_space

---------------------------------------------------------------------------------*/

/* =#groupCompany

---------------------------------------------------------------------------------*/

#groupCompany {

	display:block;

	float: left;

	width: 275px;

	margin-right:15px;

	background: #FFF;

}



#groupCompany h3 {

	height:25px;

	margin-bottom:10px;

	height:25px;

}



#groupCompany ul {

	list-style: none;

}



#groupCompany ul li {

	background-image: url(../images/common_list_arrow.gif);

	background-repeat: no-repeat;

	padding-left: 15px;

	padding-bottom: 5px;

}



/* =#groupActivity

---------------------------------------------------------------------------------*/

#groupActivity {

	display:block;

	float: left;

	width: 275px;

	margin: 0;

	/* 右マージンの値は、#groupActivityのwidth + 15px に設定します。 */

}



#groupActivity h3 {

	height:25px;

	margin-bottom:10px;

}



#groupActivity #groupBanner img {

	float: left;

	width: 220px;

	margin-right: 20px;

}



#groupActivity ul {

	list-style: none;

}



#groupActivity ul li {

	float: left;

	width: 200px;

	margin-right: 20px;

	margin-bottom: 10px;

}



/* =#note

---------------------------------------------------------------------------------*/

#note #ssl {

	float: right;

	height: 68px;

	vertical-align: middle;

}



#note #ssl_message {

	float: right;

	padding-left: 10px;

	padding-top: 30px;

	padding-right: 10px;

	font-size: 80%;

	height: 68px;

	vertical-align: middle;

}



/* =#footer

---------------------------------------------------------------------------------*/

#footer #footer_menu {

	float: left;

	padding: 15px 0;

}



#footer #footer_menu a {

	margin-right:5px;

	padding-left: 10px;

	background: url(../images/common_footer_arrow.gif) no-repeat left center;

}



#footer #copyright {

	float: right;

	padding-top: 45px;

	font-size: 80%;

}