@charset "UTF-8";

/* -*- Encoding: utf8n -*- */

/* base style
 ------------------------------------------*/
body {
	font:12px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	color:#5e5d5d;
	margin:0;
	padding:0;
	line-height: 1.5em;
}
input, select, textarea {
	font:12px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	color:#5e5d5d;
	
}
h1, h2, h3, h4, h5 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}
p {
	padding:0;
	margin:0;
}
form, ul, li, dl, dt, dd {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}
img {
	border:0;
}
hr {
	display:none;
}
.border-hr {
	display:block;
	height:30px;
	border:0;
	width:100%;
	background:url(/jp/image/asteria/common/border_01.jpg) no-repeat;
	background-position:0 center;
	margin:0;
}
.border-hr-gray {
	display:block;
	height:40px;
	border:0;
	width:100%;
	background:url(/jp/image/asteria/common/border_02.jpg) no-repeat;
	background-position:0 center;
	margin:0;
}
.clear {
	clear:both;
}
.visible {
	display: none;
}
.center {
	text-align:center;
}
/*==========================ClearFix==========================*/

/*	ClearFix */
.clearfix:after {
	 content: ".";
	 display: block;
	 clear: both;
	 height: 0;
	 visibility: hidden;
}
.clearfix { display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
/* end MacIE5 */

/* end ClearFix */

a {
	color:#256ec9;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a.rev {
	color:#000000;
	/*color:#5e5d5d;*/
}
a:hover.rev {
	color:#256ec9;
}

/* container
 ------------------------------------------------------*/
#container {
	width:971px;
	margin:0 auto;
}

/* header
 ------------------------------------------------------*/
#header {
	height: 35px;
	width: 971px;
	background-image: url(/jp/image/asteria/top/header_bg.jpg);
	background-repeat: no-repeat;
}
#header #headerform{
	padding-left: 470px;
}
#header li{
	float:left;
	display:block;
}
#header #headermenu01 {
	padding-top:13px;
	padding-right:12px;
}

#header #headermenu03 {
	padding-top:13px;
	padding-right:24px;
}

#header #txt {
	padding-top:8px;
	padding-right:1px;
	background-image: url(/jp/image/asteria/top/icon_search.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 11px;
}
#header #txt input {
	width: 120px;
	border:1px solid #d0d2d4;
	padding: 3px;
}

#header #btn {
	padding-top:8px;
}
#header li img{
	display:block;
}


/* flashArea
 ------------------------------------------------------*/
#flashArea {
	height:282px;
	width:971px;
}


/* global_navi
 ------------------------------------------------------*/
#globalnavi {
	padding-left:20px;
	clear:both;
	background-image: url(/jp/image/asteria/top/globalNavi_bg01_3.jpg);
	background-repeat: repeat-x;
	display: block;
}
#globalnavi h1{
	width:172px;
	height:53px;
	float:left;
}
#globalnavi h1 a{
	text-indent: -9999px;
	display: block;
	width:172px;
	height:53px;
	background-image: url(/jp/image/asteria/top/asteria_logo_2.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}
#globalnavi li{
	float: left;
}
#globalnavi li a{
	height: 53px;
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent: -9999px;
				overflow:hidden;
}
#globalnavi #globalnavimenu01 a{
	width: 125px;
	background-image:url(/jp/image/asteria/top/globalNavi_01.jpg);
}
#globalnavi #globalnavimenu01 a:hover{
	width: 125px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_01.jpg);
}

#globalnavi #globalnavimenu02 a{
	width: 126px;
	background-image:url(/jp/image/asteria/top/globalNavi_02.jpg);
}
#globalnavi #globalnavimenu02 a:hover{
	width: 126px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_02.jpg);
}

#globalnavi #globalnavimenu03 a{
	width: 126px;
	background-image:url(/jp/image/asteria/top/globalNavi_03.jpg);
}
#globalnavi #globalnavimenu03 a:hover{
	width: 126px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_03.jpg);
}

#globalnavi #globalnavimenu04 a{
	width: 126px;
	background-image:url(/jp/image/asteria/top/globalNavi_04.jpg);
}
#globalnavi #globalnavimenu04 a:hover{
	width: 126px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_04.jpg);
}

#globalnavi #globalnavimenu05 a{
	width: 125px;
	background-image:url(/jp/image/asteria/top/globalNavi_05.jpg);
}
#globalnavi #globalnavimenu05 a:hover{
	width: 125px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_05.jpg);
}

#globalnavi #globalnavimenu06 a{
	width: 126px;
	background-image:url(/jp/image/asteria/top/globalNavi_06.jpg);
}
#globalnavi #globalnavimenu06 a:hover{
	width: 126px;
	background-position: 0px -53px;
	background-image:url(/jp/image/asteria/top/globalNavi_06.jpg);
}

.clear-header {
	clear:both;
	height:280px;
	background:url(/jp/image/asteria/top/mainVis_bg.jpg) no-repeat;
}

/* footer
 ------------------------------------------------------*/
#footer {
	background:url(/jp/image/asteria/common/footer_bg.jpg) repeat-x;
	height:67px;
}
#footer p.copy {
	background:url(/jp/image/asteria/common/footer_copyright2011.jpg) no-repeat;
	height:10px;
	width:358px;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}
#footer ul {
	padding-left:680px;
	padding-top:20px;
}
#footer ul li {
	float:left;
}
#footer li a {
 text-indent:-99999px;
	display:block;
	height:12px;
	padding-right:12px;
}
#footer li a.menu01 {
	background:url(/jp/image/asteria/common/footer_menu_01.jpg) no-repeat;
	width:48px;
}
#footer li a.menu02 {
	background:url(/jp/image/asteria/common/footer_menu_02.jpg) no-repeat;
	width:107px;
}
#footer li a.menu03 {
	background:url(/jp/image/asteria/common/footer_menu_03.jpg) no-repeat;
	width:80px;
}

.sub-footer {
	background:url(/jp/image/asteria/common/footer_bg2.jpg) no-repeat;
	width:922px;
	height:142px;
	margin:40px auto;
}
.sub-footer p {
	width:230px;
	float:left;
	height:100px;
	text-align:center;
	padding-top:48px;
}

/* pankuzu
 ------------------------------------------------------*/
#pankuzu {
	padding:5px 0 3px 210px;
	color:#256ec9;
	background-image: url(/jp/image/asteria/top/asteria_logo_under_2.jpg);
	background-repeat: no-repeat;
	background-position: 20px top;
}
#pankuzu a {
	color:#000000;
	text-decoration:none;
}

/* top_image_01
 ------------------------------------------------------*/
#top_image_01 {
	width:auto;
	background:url(/jp/image/asteria/common/main_img_bg_result.jpg) no-repeat;
	background-position:right 0;
	height:141px;
}}
#top_image_01 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#006600;
	line-height:28px;
}
#top_image_01 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
p .sub-title02 {
	font-size:15px;
	font-weight:bold;
}
#top_image_01 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:30px;
	color:#006600;
	line-height:28px;
}
#top_image_01 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:30px;
	color:#026603;
	line-height:28px;
}
#top_image_01 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:30px;
	color:#256ec9;
	line-height:18px;
}
#top_image_01 p .company-name {
	color:#006600;
}
/* top_image_02
 ------------------------------------------------------*/
#top_image_02 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_warp.jpg);
	background-repeat: no-repeat;
}
#top_image_02 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#006600;
	line-height:28px;
}
#top_image_02 p .sub-title {
	font-size:12px;
	font-weidht:bold;
	color:#256ec9;
}
#top_image_02 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_02 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_02 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#006600;
	line-height:18px;
}

/* top_image_03
 ------------------------------------------------------*/
#top_image_03 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_warplite.jpg);
	background-repeat: no-repeat;
}
#top_image_03 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#256ec9;
	line-height:28px;
}
#top_image_03 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_03 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_03 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_03 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:30px;
	color:#256ec9;
	line-height:18px;
}

/* top_image_04
 ------------------------------------------------------*/
#top_image_04 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_result.jpg);
	background-repeat: no-repeat;
}
#top_image_04 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#256ec9;
	line-height:28px;
}
#top_image_04 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_04 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_04 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_04 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}

/* top_image_05
 ------------------------------------------------------*/
#top_image_05 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_partner.jpg);
	background-repeat: no-repeat;
}
#top_image_05 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#026603;
	line-height:28px;
}
#top_image_05 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_05 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_05 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_05 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}


/* top_image_06
 ------------------------------------------------------*/
#top_image_06 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_ondemand.jpg);
	background-repeat: no-repeat;
}
#top_image_06 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#256ec9;
	line-height:28px;
}
#top_image_06 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_06 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_06 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_06 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}

/* top_image_07
 ------------------------------------------------------*/
#top_image_07 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_merit.jpg);
	background-repeat: no-repeat;
        font-weight:bold;
}
#top_image_07 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#026603;
	line-height:28px;
}
#top_image_07 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_07 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_07 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_07 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}


/* top_image_08
 ------------------------------------------------------*/
#top_image_08 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/main_img_bg_caster.jpg);
	background-repeat: no-repeat;
}
#top_image_08 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#256ec9;
	line-height:28px;
}
#top_image_08 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_08 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_08 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_08 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}


/* top_image_09
 ------------------------------------------------------*/
#top_image_09 {
	height:141px;
	width:auto;
	background-position:right 0;
	background-image: url(/jp/image/asteria/common/top_image_11);
	background-repeat: no-repeat;
}
#top_image_09 p {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	margin-left:30px;
	color:#256ec5
	line-height:28px;
}
#top_image_09 p .sub-title {
	font-size:12px;
	font-weight:bold;
	color:#256ec9;
}
#top_image_09 p.big {
	font-size:26px;
	font-weight:bold;
	padding-top:60px;
	padding-left:5px;
	color:#006600;
	line-height:28px;
}
#top_image_09 p.small {
	font-size:22px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:28px;
}
#top_image_09 p.x-small {
	font-size:16px;
	font-weight:bold;
	padding-top:45px;
	padding-left:5px;
	color:#256ec9;
	line-height:18px;
}

/* base layout
 ------------------------------------------------------*/
#left {
	padding-top:20px;
	width:610px;
	float:left;
	min-height:900px;
	/*background-color:#f4f4f4;*/
}
#right {
	padding-top:20px;
	width:340px;
	float:left;
	min-height:850px;
	/*background-color:#f4f400;
	/*background:url(/jp/image/asteria/common/right_bg.gif) repeat-x;*/
}

/* left-bottom
 ------------------------------------------------------*/
#left .left-bottom {
	width:537px;
	margin:0 auto;
	padding-bottom:20px;
}
#left .left-bottom .bottom-l {
	float:left;
	width 340px;
	border:1px solid white;
}
#left .left-bottom .bottom-r {
	float:right;
}
#left .left-bottom a {
	margin:0;
	padding:0;
	display:block;
}
#left .left-bottom .bottom-r a {
	margin:0;
	padding:0;
	margin-bottom:7px;
}
#left .left-bottom img {
	margin:0;
	padding:0;
}
#left .left-bottom .bottom-b {
	clear:both;
	text-align:right;
	padding-top:10px;
}
#left .left-bottom .bottom-b a {
	display:inline;
	background:url(/jp/image/asteria/common/pagetop_icon.jpg) no-repeat;
	background-position:0 2px;
	padding-left:20px;
	
}

/* query
 ------------------------------------------------------*/
#right .query {
	background:url(/jp/image/asteria/common/right_query_bg.jpg) repeat-x;
	background-position:0 42px;
	border:5px solid #e0e0e0;
	width:330px;
	height:310px;
	margin:0 auto;
	background-color:#f3f3f3;
}
#right .query h2 {
	background:url(/jp/image/asteria/common/right_query_title.gif) repeat-x;
	height:42px;
	text-indent:-9999px;
}
#right .query .web {
	background:url(/jp/image/asteria/common/right_query_web_icon.gif) no-repeat;
	text-indent:60px;
}
#right .query .doc {
	background:url(/jp/image/asteria/common/right_query_doc_icon.gif) no-repeat;
	text-indent:60px;
	margin-top:20px;
}
#right .query .free {
	text-align:center;
	margin-top:20px;
}
/* products
 ------------------------------------------------------*/
#right .products_top {
  border:5px solid #e0e0e0; width:330px; height:242px; margin:0 auto; margin-top:30px; background:url(/jp/image/asteria/common/right_products_bt.jpg) no-repeat; text-align:center;
}
#right .products_top h2 {
  display:block; text-align:left; font-weight:bold; font-size:14px; text-indent:35px; height:40px; line-height:40px;
}
#right .products_top img {
  margin-bottom:15px; _margin-bottom:9px;
}

#right .products_top #banner_flash {
  width:330px; height:120px; padding-bottom:10px;
}

#right .products {
  border:5px solid #e0e0e0; width:330px; height:337px; margin:0 auto; margin-top:30px; background:url(/jp/image/asteria/common/right_products_bt.gif) no-repeat; text-align:center;
}
#right .products h2 {
  display:block; text-align:left; font-weight:bold; font-size:14px; text-indent:35px; height:40px; line-height:40px;
}
#right .products img {
  margin-bottom:15px; _margin-bottom:9px;
}


/* seminar
 ------------------------------------------------------*/
#right .seminar {
	margin-top:0px;
	text-align:center;
	padding-bottom:30px;
	width: 293px;
	margin-right: auto;
	margin-left: auto;	
}
#right .seminar .banner {
	height:25px;
	width: 287px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/jp/image/asteria/common/seminar_bg.jpg);
	background-repeat: no-repeat;	padding-left:6px;
	padding-top: 66px;
}
#right .seminar .banner ul{
	height: 21px;
}
#right .seminar .banner li ,#right .seminar li a{
	height: 21px;
	width: 139px;
	background-repeat: no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	padding-right:2px;
}
#right .seminar .banner li a.tokyo{
	background-image: url(/jp/image/asteria/common/seminar_tokyo.jpg);
	background-repeat: no-repeat;
}
#right .seminar .banner li a.osaka{
	background-image: url(/jp/image/asteria/common/seminar_osaka.jpg);
	background-repeat: no-repeat;
}
#right .seminar .banner li a.tokyo:hover {
	background-position:0 -21px;
}
#right .seminar .banner li a.osaka:hover {
	background-position:0 -21px;
}
#right .seminar p {
	text-align: left;
	padding:11px 6px 0px 6px;
}
#right .campaign {
	text-align: center;
}

/* local navi
 ------------------------------------------------------*/
#right .localnavi {
	margin-top:0px;
	text-align:center;
}

#right .free {
	margin-top:30px;
	text-align:center;
}

.border-hr-gray-r {
	display:block;
	height:40px;
	width:340px;
	background:url(/jp/image/asteria/top/border_01.jpg) no-repeat;
	background-position:0 center;
	margin:0 auto;
}