/*--------------------------------------------------------------------
/- file   : default.css
/- update : 20081027
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************* Tag Override *************/

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background: #FFFFFF;
	text-align: center;
	line-height: 1.6;
	color: #333333;
	font-size: 80%;
}

th, td {
	font-size: 80%;
	line-height: 1.3;
}

dt {
	display: none;
	line-height: 1.3;
}

li {
	list-style-type: none;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

map {
	border: none;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}


/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
div:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
div, .clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html div, * html .clearfix { height: 1%; }
div, .clearfix { display: block; }
/* End hide from IE-mac */


/************* Common Styles *************/

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.stxt, .coution, .attention, .coutionBlue, .attentionBlue, .caution {
	font-size: 85%;
}
.txt {
	font-size: 100%;
}

.attention {
	padding-left: 20px;
	background: url(../images/icon_attention.gif) no-repeat left -3px;
	color:#666;
	line-height:1.3;
}
.coution {
	padding-left: 20px;
	background: url(../images/icon_coution.gif) no-repeat left -3px;
	color:#666;
	line-height:1.3;
}
.attentionBlue {
	padding-left: 20px;
	background: url(../images/icon_attention_blue.gif) no-repeat left -3px;
}
.coutionBlue {
	padding-left: 20px;
	background: url(../images/icon_coution_blue.gif) no-repeat left -3px;
}

ul.attention {
	padding-left: 0px;
	background: none;
}
ul.attention li {
	display: block;
	padding-left: 20px;
	background: url(../images/icon_attention.gif) no-repeat left -3px;
}
ul.coution {
	padding-left: 0px;
	background: none;
}
ul.coution li {
	display: block;
	padding-left: 20px;
	background: url(../images/icon_coution.gif) no-repeat left -3px;
}

ul.attentionBlue {
	padding-left: 0px;
	background: none;
}
ul.attentionBlue li {
	display: block;
	padding-left: 20px;
	background: url(../images/icon_attention_blue.gif) no-repeat left -3px;
}
ul.coutionBlue {
	padding-left: 0px;
	background: none;
}
ul.coutionBlue li {
	display: block;
	padding-left: 20px;
	background: url(../images/icon_coution_blue.gif) no-repeat left -3px;
}

strong.coution {
	margin: 0px 2px;
	padding-left: 0px;
	background: none;
	color: #1988d6;
	font-weight: normal;
}
strong.attention {
	margin: 0px 2px;
	padding-left: 0px;
	background: none;
	color: #1988d6;
	font-weight: normal;
}


/************* Layout Styles *************/

div#containerBg {
	width: 100%;
	background: #B0B0B0 url(../images/icon_bg_main.jpg) repeat-x center top;
	text-align: center;
}
div#container {
	width: 770px;
	margin: 0px auto;
	padding: 0px 0px 20px;
	text-align: left;
}


div#footer {
	margin-top: 0px;
	padding-top: 0px;
	background: #FFFFFF;
}
div#footer table{
	background: #FFFFFF;
	margin: 0 0 8px 0;
}
div#footer .footer-fs12 {
	line-height: 1.6;
}


.toTopNav {
	clear: both;
	text-align: right;
	margin: 0px 0px 20px;
	padding: 10px 0px 0px 0px;
}
.toTopNav p {
	padding: 20px 0px 0px;
	background: url(../images/icon_line_contents.gif) repeat-x left top;
}


/*************** Header styles **************/

div#header {
	overflow: hidden;
	width: 760px;
	height: 50px;
	margin: 0px 5px;
	background: url(../images/header.jpg) no-repeat left top;
}

div#header h1 {
	float: left;
	width: 250px;
	height: 50px;
	font-size: 1px;
}
div#header h1/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#header h1 a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 188px;
	height: 40px;
	margin: 5px 0px 0px 8px;
}

div#header dl.appendixNav {
	float: right;
	width: 135px;
	height: 50px;
}
div#header dl.appendixNav ul {
	margin-top: 3px;
}
div#header dl.appendixNav li {
	font-size: 1px;
}
div#header dl.appendixNav li/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#header dl.appendixNav li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
}
div#header dl.appendixNav li.pro a {
	width: 185px;
	height: 17px;
}
div#header dl.appendixNav li.cc a {
	width: 135px;
	height: 17px;
	margin: 25px 0px 0px 0px;
}
div#header dl.appendixNav li.pro a:hover {
	width: 185px;
	height: 17px;
}
div#header dl.appendixNav li.cc a:hover {
	width: 135px;
	height: 17px;
}



/*************** Navigation styles **************/

div#navigation {
	overflow: hidden;
	width: 760px;
	height: 50px;
	margin: 0px 5px;
}
div#navigation dl {
	height: 50px;
}
div#navigation dl dd {
	margin: 0;
	width: 760px;
	height: 50px;
	background: url(../images/nav_global.gif) no-repeat left top;
}
div#navigation ul {
}
div#navigation li {
	overflow: hidden;
	float: left;
	display: inline;
	font-size: 1px;
}
div#navigation li/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#navigation li.home {
	width: 151px;
	height: 37px;
}
div#navigation li.products {
	width: 152px;
	height: 37px;
}
div#navigation li.sample {
	width: 152px;
	height: 37px;
}
div#navigation li.application {
	width: 152px;
	height: 37px;
}
div#navigation li.support {
	width: 153px;
	height: 37px;
}

div#navigation li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
}
div#navigation li.home a {
	width: 151px;
	height: 37px;
	background: url(../images/nav_global.gif) no-repeat 0px 0px;
}
div#navigation li.products a {
	width: 152px;
	height: 37px;
	background: url(../images/nav_global.gif) no-repeat -151px 0px;
}
div#navigation li.sample a {
	width: 152px;
	height: 37px;
	background: url(../images/nav_global.gif) no-repeat -303px 0px;
}
div#navigation li.application a {
	width: 152px;
	height: 37px;
	background: url(../images/nav_global.gif) no-repeat -455px 0px;
}
div#navigation li.support a {
	width: 153px;
	height: 37px;
	background: url(../images/nav_global.gif) no-repeat -607px 0px;
}

div#navigation li.home a:hover {
	background: url(../images/nav_global.gif) no-repeat 0px -50px;
}
div#navigation li.products a:hover {
	background: url(../images/nav_global.gif) no-repeat -151px -50px;
}
div#navigation li.sample a:hover {
	background: url(../images/nav_global.gif) no-repeat -303px -50px;
}
div#navigation li.application a:hover {
	background: url(../images/nav_global.gif) no-repeat -455px -50px;
}
div#navigation li.support a:hover {
	background: url(../images/nav_global.gif) no-repeat -607px -50px;
}

div#navigation li.home a.now {
	background: url(../images/nav_global.gif) no-repeat 0px -50px;
}
div#navigation li.products a.now {
	background: url(../images/nav_global.gif) no-repeat -151px -50px;
}
div#navigation li.sample a.now {
	background: url(../images/nav_global.gif) no-repeat -303px -50px;
}
div#navigation li.application a.now {
	background: url(../images/nav_global.gif) no-repeat -455px -50px;
}
div#navigation li.support a.now {
	background: url(../images/nav_global.gif) no-repeat -607px -50px;
}


/************** Pankuzu styles ***************/

div#pankuzu {
	width: 760px;
	margin: 0px 5px;
	padding: 0px;
	height: 13px;
	font-size: 85%;
}
div#pankuzu p {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 1.2;
}


/************** Content styles ***************/

div#contentBg {
	margin: 0px 0px 0px;
	padding: 0px;
	background: url(../images/icon_bg_contents_02.jpg) repeat-y left top;
}
body.home div#contentBg {
	margin: 13px 0px 0px;
}
div#contentMain {
	padding: 10px 0px 0px;
	background: url(../images/icon_bg_contents_01.jpg) no-repeat left top;
}
div#contentEnd {
	min-height: 500px;
	padding: 0px 25px 10px 25px;
	background: url(../images/icon_bg_contents_03.jpg) no-repeat left bottom;
}





} /* MacIE除外用 */


@media print {

div#navigation {
	width: 765px;
	margin: 0px 0px 0px 5px;
}

}
@media screen {

div#navigation {
	width: 760px;
	margin: 0px 5px;
}

}