@charset "UTF-8";
/* SMICウェブサイト2008版・デフォルトCSS */




/* 全要素の初期化 */
* {
	margin:0;
	padding:0;
	background-color:transparent;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif
}

/* IE6バグ対策の初期化 */
th, td, form {
	margin:0;
	padding:0;
	background-color:transparent;
	color:black;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif
}


body {
background-image:url(../global/body-bg-gradation.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#d1d1d1;
}


/* ラッパー */

div#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	
}

/* ヘッダー */
div#header {
	position:relative;
	background-image:url(../global/header-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:70px;
}

div#header p#language{
	position:absolute;
	right:10px;
	top:3px;
}

div#header p#language a:link, div#header p#language a:visited {
	display:block;
	color:#CCCCCC;
	background-color:#000066;
	padding:7px 23px 7px 23px;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
}

div#header p#language a:hover, div#header p#language a:active {
	background-color:#000033;
}




/* メニューバー */
div#globalnav {
	clear:both;
}

div#globalnav ul{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	height:28px;
	background-image:url(../global/globalnav-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}


div#globalnav li{
	float:left;
}

div#globalnav li.right{
	float:right;
}

div#globalnav li a{
	display:block;
	color:#DDD;
	font-size:12px;
	line-height:12px;
	padding:8px 20px 8px 20px;
	text-decoration:none;
}

div#globalnav li a:link, div#globalnav li a:visited {
}

div#globalnav li a:hover, div#globalnav li a:active {
	background-color:#004D8A;
}





/* メインコンテンツ　*/
div#content {
	clear:both;
	margin: 0 0 15px 0;
	padding:10px 0 30px 15px;;
	background-image:url(../global/content-bg-gradation.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
}

div#content div#bread {
	margin:0 0 10px 5px;
	font-size:12px;
	color:#666;
}

div#content div.mainvisual {
	margin:0 0 20px -15px;
}




div#content div.column1 {
	float:left;
	width:300px;
	margin:0 15px 0 0;
}

div#content div.column2 {
	float:left;
	width:600px;
	margin:0 25px 0 0;
}

div#content div.columnright {
	float:left;
	width:240px;
	margin:0;
}


div#content div.column2 ul { /* 通常の末端の製品ページ(column2）はHTMLリストは自動的にこのフォーマットに */
	margin:0 0 20px 10px;
	padding:0 0 0 25px;
	list-style:disc;
	list-style-position:outside;
	list-style-image:url('../global/list-dot.gif');
	
}

div#content div.column2 li {
	font-size:12px;
	line-height:18px;
	padding:5px;
	border-bottom:1px solid #EEE;
	color:#333333;
}

div#content div.column2 li strong{
	color:#000099;
}


div#content p {
	font-size:12px;
	line-height:18px;
	margin: 0 0 15px 15px;
	color:#333333;
}

div#content p.lead {
	font-size:16px;
	line-height:24px;
	margin: 0 0 15px 0;
	color:#000099;
}

div#content p.caption {
	color:#888;
	font-size:11px;
	line-height:18px;
	margin: 0 0 15px 15px;
}


div#content table {
	width:590px;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
	font-size:12px;
	line-height:18px;
	margin:0 0 20px 10px;
}

div#content th {
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	text-align:center;
	background-color:#EEE;
	color:#333333;
}

div#content td {
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
	padding:5px;
	color:#333333;
}



/* メインコンテンツ内のリンクリスト */

div#content ul.menu {
	list-style:none;
	margin:0 0 20px 0;
}

div#content ul.menu li {
	clear:both;
	display:block;
	font-size:12px;
	line-height:16px;
}

div#content ul.menu li img {
	float:left;
	margin:0 9px 0 0;
	
}

div#content ul.menu li a:link, div#content ul.menu li a:visited {
	display:block;
	height:40px;
	padding:5px 0 5px 4px;
	background-image:url(../global/menu-link-normal.gif);
	background-position:top right;
	text-decoration:none;
	border:1px solid white;
}

div#content ul.menu li a:hover, div#content ul.menu li a:active  {
	background-image:url(../global/menu-link-hover.gif);
	border:1px solid #0099FF;
}


/* カテゴリーごとのサブメニューリスト */

div#content ul.categorymenu {
	list-style:none;
	margin:0 0 20px 0;
}

div#content ul.categorymenu li {
	clear:both;
	display:block;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

div#content ul.categorymenu li img {
	float:left;
	margin:0 9px 0 0;
	
}

div#content ul.categorymenu li a:link, div#content ul.categorymenu li a:visited {
	display:block;
	height:30px;
	padding:5px 0 5px 8px;
	background-image:url(../global/menu-link-normal.gif);
	background-position:top right;
	text-decoration:none;
	border:1px solid white;
}

div#content ul.categorymenu li a:hover, div#content ul.categorymenu li a:active  {
	background-image:url(../global/menu-link-hover.gif);
	border:1px solid #0099FF;
}





div#content ul.links {
	margin:0 0 20px 0;
	list-style:none;
	font-size:12px;
	line-height:16px;
}

div#content ul.links li {
	border-bottom:1px solid #DDD;
}

div#content ul.links li a:link, div#content ul.links li a:visited {
	display:block;
	padding:5px;
	background-color:#FFF;
}

div#content ul.links li a:hover, div#content ul.links li a:active  {
	background-color:#FFF;
}



/* フッター　*/
div#footer {
	clear:both;
	font-size:10px;
	line-height:30px;
	color:#666;
	margin:0 15px 15px 15px;

}

div#footer p#footer-right{
	float:right;
	font-size:12px;
}

div#footer p#footer-left{
	float:left;
}


/* デフォルトリンク */

a:link {
	color:#000099;
	text-decoration:none;
}

a:visited {
	color:#000099;
	text-decoration:none;
}

a:hover {
	color:#0066FF;
	text-decoration:underline;
}

a:active {
	color:#0066FF;
	text-decoration:underline;
}






/* ページ名 */
h1 {
	color:#000099;
	font-size:22px;
	line-height:22px;
	margin:0 0 15px 0;
	padding:23px 0 40px 0;
	font-weight:bold;
	background-image:url(../global/h1-bg2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px dotted #AAA;
	
}

/* ページ内の見出し・大 */
h2 {
	clear:both;
	color:#000099;
	padding:3px 5px 3px 9px;
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0;
	background-image:url(../global/h2-bg.gif)
}

h2.important {
	color:#CC3300;
}

h2.categorymenu {
	background-image:url(../global/submenu-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:white;
}


h2 a {
	display:block;
	width:100%;
	background-image:url(../global/h2-link-normal.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

h2 a:hover {
	background-image:url(../global/h2-link-hover.gif);
}


/* ページ内の見出し・中 */
h3 {
font-size:12px;
	line-height:16px;
	margin: 0 0 15px 5px;
	padding:3px 3px 3px 10px;;
	color:#333333;
	font-weight:bold;
	border: 1px solid #999;
}

/* ページ内の見出し・小 */
h4 {

}


table {
margin: 0 0 15px 10px;
}

th {
}

td {
}

strong, b {
}

ul {
}

li {
}



/*サイトマップ*/

div#content ul.sitemap {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	list-style:none;
}

div#content ul.sitemap li {
	font-size:12px;
	line-height:18px;
	padding:5px;
	color:#333333;
}

div#content ul.sitemap li strong{
	color:#000099;
}



img.right { /* 画像の右寄せ用（左と下マージン付） */
float:right;
margin: 0 0 8px 10px;
}

img.left { /* 画像の右寄せ用（→と下マージン付） */
float:left;
margin: 0 15px 8px 0;
}



span.sub { /* N2のような下付の小さな数字用 */
font-size:75%;
}

span.sup { /* 2のような上付の小さな数字用 */
font-size:75%;
position: relative;
 top: -4px;
}