﻿@charset "UTF-8";
/* ■■■■■■デフォルトセッティング■■■■■■*/
*.color_red			{color:#ff0000;}
*.color_pink_p01	{color:#ff69b4;}
*.color_sky_p01		{color:#6cb6ff;}
*.color_sky_01		{color:#0080ff;}
*.color_white_01	{color:#fcfcfc;}
*.color_gray_01		{color:#c0c0c0;}

*.color_background_red_01	{background-color:#8b0000;}
*.color_background_blue_10	{background-color:#b0c4de;}
*.color_background_pink_01	{background-color:#fff2f9;}

*.position_sta		{position:static;}		/* 通常指定 */
*.position_rel		{position:relative;}	/* 相対位置 */
*.position_abs		{position:absolute;}	/* 絶対位置 */
*.position_fix		{position:fixed;}		/* 絶対位置固定 */

.font-size-12		{font-size: 12px;}
.font-size-13		{font-size: 13px;}
.font-size-14		{font-size: 14px;}
.font-size-15		{font-size: 15px;}
.font-size-16		{font-size: 16px;}
.font-size-17		{font-size: 17px;}
.font-size-18		{font-size: 18px;}
.font-size-19		{font-size: 19px;}
.font-size-20		{font-size: 20px;}
.font-strong		{font-weight: 700;}
.txt-indent-1		{text-indent: -1em;}
.note				{color: red; font-size:80%; vertical-align:top;}	/* 注釈指定 */
.note_blink			{color: red; text-decoration:blink;}	/* 注釈指定 */
.border_bottom_red1	{border-bottom:red solid 1px;}	/* 下線赤 */
.border_bottom_red2	{border-bottom:red solid 2px;}	/* 下線赤 */

.li-o-point		ul	{list-style: disc none outside; padding-left: 1em;} /* リストマーク外側 */

/* 水平線画像 */
.line_red_01 		{width	: 525px; background	: url(line_red.jpg)		#ffffff no-repeat left top; height : 5px; clear	: both;}
.line_red_01 span	{display: none}
.line_red_01 hr		{display: none}
.line_01 			{width	: 900px; background	: url(line_03-900.png)		#ffffff no-repeat left top; height : 5px; clear	: both; padding: 1em 0 1em 0;}
.line_01 span		{display: none}
.line_01 hr			{display: none}
.line_900 			{width	: 900px; background	: url(line_03-900.png)	#ffffff no-repeat left top; height : 5px; clear	: both;}
.line_900 span		{display: none}
.line_900 hr		{display: none}
.line_650 			{width	: 650px; background	: url(line_03-650.png)	#ffffff no-repeat left top; height : 5px; clear	: both;}
.line_650 span		{display: none}
.line_650 hr		{display: none}
/* インライン指定 */
.in-line	 		{display: inline;}
/* teble指定 */
.table_0 {
border: #bbb 1px solid;
}
.table_0 th{
padding: 0.3em 0.5em 0.3em 0.5em;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
border-top-style: none;
border-left-style: none;
}
.table_0 td{
padding: 0.3em 0.5em 0.3em 0.5em;
border-bottom: #bbb 1px solid;
border-right: #bbb 1px solid;
border-top-style: none;
border-left-style: none;
}
/* リンク下線無し */
a {text-decoration: none;}
/* リンク色指定 */
/*a:link		{color: #186fcd;}
a:visited	{color: #186fcd;}
a:hover		{color: #f4a460;text-decoration: underline;}
a:active	{color: #333;}
*/
a:link		{color: #245fbb;}
a:visited	{color: #245fbb;}
a:hover		{color: #07519a;text-decoration: underline;}
a:active	{color: #333;}
/* pの1文字目スペース設定 */
p {text-indent: 1em;}

/* ================ 全体の配置↓ ================ */
html {   
    overflow-y			: scroll;	/* サイドバーの表示（scrollで強制表示）センタリング位置ズレ防止 */
}  
body {
	text-align			: center;	/* IE6用にセンタリング */
	font-size			: 15px;		/* フォントサイズ */
	color				: #444;		/* フォント色 */
	line-height			: 150%;		/* 行間隔 */
	letter-spacing		: 0.1em;	/* 文字間隔 */
	background-color	: #fff;
	font-family			: arial,sans-serif,osaka,"MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro";
}
div#container{
	width				: 900px;	/* 幅 */
	margin-left			: auto;		/* CC2遵守ブラウザ用センター寄せ */
	margin-right		: auto;		/* CC2遵守ブラウザ用センター寄せ */
	text-align			: left;		/* IE6用にセンタリングした文字配置を左寄せ（元にもどす） */
	background-color	: #fff;
}

div#header{
	position			: relative;	 /*ここを位置基準に設定 */
	width				: 100%;
	background-color	: #fff;
	height				: 130px;/* 110px */
	top					: 00px;
}

div#contents {
	width				: 900px;	/* 幅調整 */
}
/* ================ 全体の配置↑ ================ */
/* ================ ヘッダ部共通↓ ================ */
/* 赤ロゴ */
div#head_logo-red{
	padding-top			: 31px;/* 23px */
	padding-bottom		: 40px;
}
/* 青ロゴ */
div#head_logo-blue{
	position			: absolute;
	top					: 14px;/* 17px */
	right				: 0px;
}
/* ブックマーク */
div#bookmark {
	position			: absolute;
	top					: 59px;
	right				: 5px;
	letter-spacing		: 0px;		/* タブの文字間隔 */
}
/* ブックマーク */
#twitter01 {
	position			: relative;
	top					: 4px;
}
/* ブックマーク */
#google_plusone {
	position			: relative;
	top					: 4px;

}
/* ナビ部 */
div#navi1{
	width				: 900px;
	position			: absolute;		/* 位置基準からの絶対位置指定 */
	top					: 90px;/* 70px */
	left				: 0px;
	background-image	: url(tab_bak-02-w900.jpg);
	background-repeat	: no-repeat;
	font-size			: 13px;
	letter-spacing		: 1px;	/* タブの文字間隔 */
	text-align			: center;
}
div#navi1 ul{
	padding-left		: 20px;	/* タブ左側スペース */
}
div#navi1 li{
	margin-right		: 0px;	/* リストを横並べ */
	float				: left;
	list-style-type		: none;
}

div#navi1 a{
	margin-top			: 1px;
	width				: 7em;		/* タブの幅 */
	height				: 28px;
	letter-spacing		: 1px;		/* 文字間隔 */
	line-height			: 25px;		/* 上下をセンタリングさせるための技（1行） */
	display				: block;
	color				: #333;
}
div#navi1 a:hover	{color: #333; font-weight: 700;}
.tab_on  a {color: #333; font-weight: 700;}
.tab_off a {color: #777; font-weight: 500;}

/* サーチエンジン部 
div#search_google{
	position			: absolute;
	top					: 108px;
	right				: 25px;
	letter-spacing		: 0px;
}
*/
/* サーチエンジン部 */
div#search_google{
	position			: absolute;
	top					: 128px;/* 108px */
	right				: 5px;
	letter-spacing		: 0px;		/* タブの文字間隔 */
}


/* ヘッド部リンクメニューの設定 */
div#head_link{
	position			: absolute;
	top					: 40px;
	right				: 0px;
	font-size			: 13px;
	letter-spacing		: 0px;
}


/* イメージ画像部 */
div#head_image {
    width				: 600px;
	padding				: 20px 0 0 100px;
}
/* ================ ヘッダ部共通↑ ================ */
/* ================ フッタ共通↓ ================ */
div#footer{
}
div.copyright{
	width				: 100%;
	padding-top			: 1em;
	padding-bottom		: 1em;
	background-image	: url(line_03-900.png);
	background-repeat	: repeat-x;
	line-height			: 110%;		/* 行間隔 */
}
div.copyright p {
	padding-left		: 1.5em;
	color				: #606060;
	font-size			: 13px;
	color				: #808080;
}

/* ================ フッタ共通↑ ================ */


/* ================ 【製品情報】メインカラム部共通↓ ================ */
/* 製品の機能有り、無しの表示設定用（消し線など） */
.enable_ {
	text-decoration	: none;
	 font-weight	: 500;
}
.disable {
	text-decoration	: line-through;
	color			: #c0c0c0;
}

h1.contents_border,
h2.contents_border,
h3.contents_border {
	clear				: both;
	height: 30px;
	margin-top: 0.5em;
	padding-top			: 5px;
	padding-left		: 27px;
	font-size			: 18px;
	font-weight			: 500;
	background-image	: url(bak_h-w900-h30.png);
	background-repeat	: no-repeat;
	border-left			: #ccc 0px solid ;
}
h1.contents_border_650,
h2.contents_border_650,
h3.contents_border_650 {
	clear				: both;
	height: 30px;
	margin-top: 0.5em;
	padding-top			: 5px;
	padding-left		: 27px;
	font-size			: 18px;
	font-weight			: 500;
	background-image	: url(bak_h-w650-h30.png);
	background-repeat	: no-repeat;
	border-left			: #ccc 0px solid ;
}
div.contents_border {
	font-size: 14px;
	margin-top		: -28px;	/* 上下センタリング */
	margin-bottom	: 28px;		/* 上下センタリング */
	text-align		: right;
	padding-right	: 5px;
}
div.contents_border a{
	padding-left	: 5px;
}
div#link_border {
	font-size		: 13px;
	padding			: 1em 0 0.5em 2.5em;
	color: #777
}
div#link_border a{
	padding-left	: 5px;
	color: #777;
}
div#link_border a:hover	{
	color: #333;
	text-decoration: underline;
}

div.contents_main_table {
	padding: 1em 0 1em 0;
	clear			: both;
	position		: relative;
	line-height		: 140%;	/* 行間隔 */
}
.contents_main_table p{
	padding-left	: 0.5em;
	text-indent		: -0.25em;
	text-align		: left;
}
/* ================ 【製品情報】メインカラム部共通↑ ================ */
/* ================ 【製品情報】右カラム部共通↓ ================ */


/* ■■■■サイドlink部メニュー↓↓↓■■■ */
div#sidelink {
	width			: 230px;
	font-size		: 17px;
	background		: url(side_linknk_bak_line_01.gif) repeat-y left top;
}
div#sidelink h2{
	height			: 30px;	/* heightの値 = h2内の画像の高さと同一とすること */
}
div#sidelink h2:hover{
background-color: black;
}
div#sidelink ul{
	padding-top		: 3px;
	padding-bottom	: 5px;
	background		: url(side_linknk_bak_line_bottom_01.gif) no-repeat left bottom;
}
div#sidelink ul li{
	padding-left		: 1px;
	padding-right		: 1px;
}
div#sidelink ul li a{
/*	IE6以前で不具合発生するので削除 ■■■widthの値 = (div#sidelink width - padding-left - padding-right)■■■
	width				: 203px;
*/
	height				: 25px;
	display				: block;
	color				: #555;
	padding-top			: 4px;		/* メニューの上からの位置 */
	padding-left		: 25px;		/* メニューの左からの位置 */
	padding-right		: 5px;		/* メニューの右パディング */
	background			: url(list_icon_bw.gif) no-repeat;	/* 通常時アイコン画像 */
	background-position	: 9px;		/* バックグランド（アイコン）の左からの位置 */
}
div#sidelink ul li a:hover {
	color				: #f4a460;
	background			: url(list_icon_b.gif) no-repeat center left;	/* マウスオーバー時アイコン画像 */
	background-position	: 8px;		/* バックグランド（アイコン）の左からの位置 */
	background-color	: #eee;
}
div#sidelink ul li a:active {
	color				: #333;
}
/* ■■■■サイドlink部メニュー↑↑↑■■■ */
/* ■■■■サイドlink部メニュー↓↓↓■■■ */
div.sidelink2 {
	width			: 230px;
	font-size		: 17px;
	background		: url(side_linknk_bak_line_01.gif) repeat-y left top;
margin-bottom: 0.5em;
}
div.sidelink2 h2{
	height			: 30px;	/* heightの値 = h2内の画像の高さと同一とすること */
}
div.sidelink2 h2:hover{
background-color: black;
}
div.sidelink2 ul{
	padding-top		: 3px;
	padding-bottom	: 5px;
	background		: url(side_linknk_bak_line_bottom_01.gif) no-repeat left bottom;
}
div.sidelink2 ul {
	padding-left		: 1px;
	padding-right		: 1px;
}

div.sidelink2 ul li a{
	display				: block;
}
div.sidelink2 ul li a{
	color				: #555;
	padding-top			: 4px;		/* メニューの上からの位置 */
	padding-left		: 2em;		/* メニューの左からの位置 */
	padding-right		: 5px;		/* メニューの右パディング */
	background			: url(list_icon_bw.gif) no-repeat;	/* 通常時アイコン画像 */
	background-position	: 1em 10px;		/* バックグランド（アイコン）の位置（左からの位置 上からの位置） */
}
div.sidelink2 ul li a:hover {
	color				: #f4a460;
	background			: url(list_icon_b.gif) no-repeat center left;	/* マウスオーバー時アイコン画像 */
	background-position	: 1em 10px;		/* バックグランド（アイコン）の位置（左からの位置 上からの位置） */
	background-color	: #eee;
}
div.sidelink2 ul li a:active {
	color				: #333;
}
/* ■■■■サイドlink部メニュー↑↑↑■■■ */

/* フッタ下部のKB行 */

.footer_space {
padding-top: 40em;
}
/* その他共通 */
.li_image_01 li{
	height				: 25px;
	color				: #555;
	padding-top			: 4px;		/* メニューの上からの位置 */
	padding-left		: 1em;		/* メニューの左からの位置 */
	padding-right		: 5px;		/* メニューの右パディング */
	background			: url(list_icon_b.gif) no-repeat;	/* 通常時アイコン画像 */
	background-position	: 0;		/* バックグランド（アイコン）の位置（左） */
	background-position	: 0 10px;		/* バックグランド（アイコン）の位置（左からの位置 上からの位置） */
}
.li_image_01 li a:hover {
	color				: #f4a460;
	background-position	: 9em;		/* バックグランド（アイコン）の位置(左) */
	text-decoration		: underline;
}
/* マーク */
.list-mark_b p{
	padding-top			: 4px;		/* メニューの上からの位置 */
	padding-left		: 1.1em;	/* メニューの左からの位置 */
	padding-right		: 5px;		/* メニューの右パディング */
	background			: url(list_icon_b.gif) no-repeat;	/* 通常時アイコン画像 */
	background-position	: 0 9px;		/* バックグランド（アイコン）の位置(左 上) */
	text-indent: 0;
}
.list-mark_bw p{
	padding-top			: 4px;		/* メニューの上からの位置 */
	padding-left		: 1.1em;	/* メニューの左からの位置 */
	padding-right		: 5px;		/* メニューの右パディング */
	background			: url(list_icon_b.gif) no-repeat;	/* 通常時アイコン画像 */
	background-position	: 0 9px;		/* バックグランド（アイコン）の位置(左 上) */
	text-indent: 0;
}
/*  */
.i-center img {
	display		: block;
	margin		: 0 auto;
	text-align	: center;
}
.touhaba {
	font-family		: "MS Gothic","ＭＳ ゴシック","OSaka-等幅",monospace;
	font-size		: 14px;
}

