@charset "shift_jis";

/*================ CONTENTS =================
*	category: AirOne Series
*	menu: Top Page
*		0: override
*		1: column
*		2: body
*			: ad
*			: content column
*			: content header
*				:: colproa, colmulsche
*				:: product, support, store
*				:: case study
*				:: what's new
*				:: topics
*				:: special
*		3: sidebar
*			: search 
*			: menu 
*		5:extra
* 
==========================================*/

/*
=========================================
	0: override
=========================================*/
body {
	background-color: #c1d5ef !important;
}

#contents {
	width: 760px;
	padding-bottom: 0;
}

#body {
	width: 760px;
	margin: 0 !important;
	padding: 0 !important;
	border-width: 0 !important;
/*	background-color:#f1f1f1;*/
}

#body:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html #body {
	height: 1%;
	margin-right: -3px;
}
#body a,
#menu a {
	color: #335588;

}

* html #body a,
* html #menu a {
	border-style: solid ;
}

#body a:visited,
#menu a:visited {
	border-color: #545a63;
	color: #445063;
}
#body a:hover,
#menu a:hover {
	border-color: #bb5555;
	border-bottom-style: solid;
	color: #9b0505;
}
#body a:active,
#menu a:active {
	border-bottom: #bb5555 1px solid ;
	color: #9b0505;
}


/*
=========================================
	1: column
=========================================*/
#container {
	position: relative;
	width: 835px;
	background: #ffffff url("../images/index/contents_bg.gif") repeat-y top right; 
}
/*#container:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html #container {
	height: 1%;
}
*/
/*----- body left -----*/
#main {
	float: left;
	width: 544px;
	padding-bottom: 20px;
	padding-right: 13px;
	background-color:#ffffff;
}
#main:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html ”main {
	height: 1%;
}

/*----- body right -----*/
#sidebar {
	float: right;
	width: 193px;
/*	margin-top: -8px;*/
/*	padding-left: 8px;*/
/*	padding-right: 8px;*/
	background-color: #ffffff;
	font-size: 90%;
	color: #666666;
}


/*
=========================================
	2: body
=========================================*/
/*
-----------------------------------------
	: ad
-----------------------------------------*/
#promo a {
	display: block;
	position: relative;
	width: 544px;
	height: 190px;
	margin-bottom: 5px;
	background: url("../images/index/topimage.jpg") no-repeat -5px top;
	border: none !important;
}

#promo #copy {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 85%;
}
#promo h1 {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	text-indent: -9999px;
	overflow: hidden;
}


/*
-----------------------------------------
	: content column
-----------------------------------------*/
.column {
	display: block;
}

.column:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html .column {
	height: 1%;
}

.column-left {
	float: left;
	width: 264px;
	padding-right: 16px;
}
.column-right {
	float: left;
	width: 264px;
}
	

/*
-----------------------------------------
	: content header
-----------------------------------------*/
.colsupport h2,
.colproduct h2,
.colstore h2,
.colcasestudy h2,
.colwhatsnew h2,
.coltopics h2,
.colspecial h2 {
	margin-top: 0 !important;
	padding: 4px 8px !important;
	border-width: 0 1px 1px 0 !important;
	border-style: solid !important;
	color: #ffffff !important;
	line-height: 1em;
}
	
.colsupport h2,
.colproduct h2,
.colstore h2 {
	background: #3399ff url("../images/index/bar_blue.gif");
	border-color: #3399ff;
	color: #ffffff !important;
}
.colcasestudy h2 {
	background: #3399ff url("../images/index/bar_blue.gif");
	border-color: #3399ff;
}
.colwhatsnew h2 {
	background: #607fbe url("../images/index/bar_whatsnew.gif");
	border-color: #607fbe;
}
.coltopics h2 {
	background: #048666 url("../images/index/bar_green.gif");
	border-color: #048666;
}
.colspecial h2 {
	background: #8c8c8c url("../images/index/bar_gray.gif");
	border-color: #8c8c8c ;
	color: #ffffff !important;
}


.colsupport h2 a,
.colstore h2 a,
.colcasestudy h2 a,
.colwhatsnew h2 a,
.coltopics h2 a {
	padding-left: 15px;
	border-bottom: #ffffff 1px solid !important;
	background: url("../images/bullet01_off.gif") no-repeat 0 center;
	color: #ffffff !important;
	text-decoration: none;
}
.colsupport h2 a:active 
.colsupport h2 a:hover,
.colstore h2 a:active 
.colstore h2 a:hover,
.colcasestudy h2 a:active 
.colcasestudy h2 a:hover,
.coltopics h2 a:active 
.coltopics h2 a:hover,
.colwhatsnew h2 a:active
.colwhatsnew h2 a:hover {
	border-bottom: #ffffff 1px solid !important;
}



/*
-----------------------------------------
	:: product, support, store
-----------------------------------------*/
.colproa {
}
.colmulsche {
}

.product-item { 
	margin: 10px 2px 0 5px; 
	padding-bottom: 6px;
}

.product-top { 
	margin: 10px 5px 0 5px ;
	text-align: right;
	font-size: 95%;
}

.product-copy {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 95%;
	color: #444444;
}

.productnote { 
	font-size: 95%; 
	line-height: 1.3em;
}






/*
-----------------------------------------
	:: product, support, store
-----------------------------------------*/
.colsupport,
.colstore {
	margin-top: 20px;
}

.colsupport ul,
.colproduct ul,
.colstore ul {
	margin: 10px 0 1em 3px;
	padding: 0;
}

.colsupport ul li,
.colproduct ul li,
.colstore ul li {
	clear: both;
	list-style-type: none;
	margin: 0 0 0.5em 0;
	padding-left: 16px;
	background: url("../images/bullet01_off.gif") no-repeat left center;
	line-height: 1.3em;
}

.colsupport ul li a ,
.colproduct ul li a ,
.colstore ul li a{
	border: 0 !important;
}



/*
-----------------------------------------
	:: case study
-----------------------------------------*/
.colcasestudy .entry {
	display: block;
	padding-bottom:10px;
	background: url("../images/dotted.gif") repeat-x bottom left;
}
.colcasestudy .entry:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html .colcasestudy .entry {
	height: 1%;
}

.colcasestudy .photo {
	float: left;
	width: 70px;
	margin-top:10px;
}

.colcasestudy .info {
	float: right;
	width: 185px;
	margin: 0 0 0 5px;
	padding: 0 0 0.25em 0;
	line-height: 1.4em;
}
/*
.colcasestudy .photo:after,
.colcasestudy .info:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html .colcasestudy .photo,
* html .colcasestudy .info {
	height: 1%;
}*/
.campanyname {
	margin-top:10px;
	margin-bottom:0.5em;
}
.campanyname a {
	color: #335588 !important;
	border-style: solid ;
}
.campanyname a:hover {
	color: #446699;
}
.campanyname a:active {
	color: #9b0505 !important;
}


/*
-----------------------------------------
	:: what's new
-----------------------------------------*/
/*
#whatsnew .colbody {
	border-bottom: #cccccc 1px solid;
}

#whatsnew .entry {
	display: block;
	margin: 3px 0;
	background: url("../images/dotted.gif") repeat-x bottom left;
}
#whatsnew .entry:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html #whatsnew .entry {
	height: 1%;
}

#whatsnew .date {
	position: absolute;
	float: left;
	width: 90px;
	margin: 0 0 0 5px;
	padding: 0 0 0 13px;
	background: #ffffff url(../images/index/cursor.gif) no-repeat left 3px;
}
#whatsnew .release {
	float: right;
	width: 412px;
	margin: 0 5px;
	padding: 0 0 0.25em 0;
	line-height: 1.25em;
}

#whatsnew .detail {
	display: block;
	padding-top:0.25em;
}
*/


.colwhatsnew dl {
	background:  url("../images/dotted.gif") repeat-x left bottom;
}
.colwhatsnew dt {
	margin: 10px 0 0 3px !important;
	padding-left: 12px;
	color: #607fbf;
	background: url("../images/index/cursor.gif") no-repeat left 3px !important;
	font-size: x-small;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}
.colwhatsnew dd {
	margin: 0 0 10px 3px !important;
	padding: 0 0 10px !important;
}

.colwhatsnew dd .detail {
	text-align:right;
}


/*
-----------------------------------------
	:: topics
-----------------------------------------*/
.coltopics {
	margin-top: 15px;
}

.coltopics dl {
	background:  url("../images/dotted.gif") repeat-x left bottom;
}
.coltopics dt {
	margin: 10px 0 0 3px !important;
	padding-left: 12px;
	color: #048666;
	font-size: x-small;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
.coltopics dd {
	margin: 0 0 10px 3px !important;
	padding: 0 0 5px !important;
}


/*
-----------------------------------------
	:: special
-----------------------------------------*/
.colspecial {
	margin-top: 15px ;
}

.colspecial ul {
	margin: 0;
	padding: 0 0 10px !important;
	background: url("../images/dotted.gif") repeat-x left bottom;
}
.colspecial ul li {
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../images/link_point.gif) no-repeat left 4px;
	margin: 0 0 0.25em 3px;
}
.colspecial ul li a {
	padding: 0;
}



/*
=========================================
	3: sidebar
=========================================*/
/*
-----------------------------------------
	: search 
-----------------------------------------*/
#searchform {
	margin-top: 15px;
}
#searchform  a{
	border: 0 !important;
}
#searchform input {
	font-size: 110%;
}
#searchform .text {
	margin-top: 5px;
}
#searchform .text span {
	vertical-align: top;
	margin: 0 6px 0 3px;
}

#searchbox {
	background: #fff;
	border: 1px solid #ccc;
	border-color: #aaa #eee #eee #aaa;
	color: #333;
}

.sidebar-banner a {
	border: 0;
	display: block;
	width: 200px;
	height: 80px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
.sidebar-banner .mailnews a {
	height: 58px;
	background-image: url("../images/corporate/banner_mailnews.gif");
	border: 0; /* for IE6 */
	}


/*
=========================================
	5:extra
=========================================*/
a.nohead { 
	background-image: none !important; 
	padding-left: 0 !important; 
	font-weight: normal;
}

.line {
	height: 11px;
	background:  url("../images/dotted.gif") repeat-x left center;
}



/*====== Anchor With HeadPoint  ======*/
.toOutside {
	padding: 0 0 0 15px ! important;
	background: url(../images/second_anchor_head_off.gif) no-repeat center left ! important;
}
.toOutside:hover {
	background: url(../images/second_anchor_head_on.gif) no-repeat center left ! important;
}





/*
#menu {
	width: 100%;
	border: solid #dddddd;
	border-width: 1px 0;
	background-color: #ffffff;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
#menu li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
	text-indent:0;
}
#menu a {
	display: block;
	padding: 5px 10px 6px;
	border: solid #dddddd;
	border-width: 0 1px 0 0;
	border-bottom-width: 0 !important;
	color: #6688aa;/*0643bb*/
	text-decoration: none;
	white-space: nowrap;
}
*/

/*http://www.positioniseverything.net/explorer/escape-floats.html 
* html #menu a {
	width: 1%;
}
* html #menu {
	height: 1%;
}
*/

/*http://www.positioniseverything.net/easyclearing.html
#menu:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html #menu{
	height: 1%;
}
*/