/*-- CSS for FEサイト    2002.1225 kaori Kanayama --*/

BODY {
	margin-left: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	font-family : Arial,"ＭＳ Ｐゴシック";
}

/*-- 基本Ａリンク --*/
A{
	COLOR: #3300ff;
}

A:visited{
	COLOR: #990066;
}

A:hover{
	COLOR: #FF9900;
}

/*-- メニューリンク --*/
A.menu{  
	font-size: 10px; 
	color: #333333;
	border-width : 0px 0px 0px 0px;
}

a.menu:hover{
	color: #FFcc00; 
}

a.menu:visited{
	color: #444444; 
}

/*-- テキスト --*/
.line{
	line-height:130%; 
}
						  
.font8{
	font-size:8pt;
	color: #333333;
	line-height : 100%;
}		

.menuT{
	font-size:10pt;
}

.font8red {
	font-size:8pt;
	color: #CC0000;
}

.font10 {
	font-size:10pt;
	color: #333333 ;
}

.font10red {
	font-size:10pt;
	color: #CC0000;
}

.fontred {
	color: #CC0000;
}

.style1 {
	color: #000000;
	font-weight: bold;
}

.style2 {color: #FF0000}

.style6 {
	margin-top: 0.5em;
	margin-left: 2em;
	margin-bottom: 0.5em;
	font-size: 14px;
}

.style8 {
	font-size: 14px
}

.style14 {
	font-size: 18px;
	font-weight: bold;
}

.style16 {
	color: #FF6699;
}

.style18 {
	color: #FF66CC;
	font-weight: bold;
}

.title01 {
	margin: 0.5em;
	color: #003366;
	font-weight: bold;
	border-bottom: dotted 2px #003366;
}


/* 表全体のデザイン */
table.sample {
   border-spacing: 0px;   /* セルの間隔をなくす */
   font-family: Verdana,sans-serif;   /* フォントの指定 */
   font-size: smaller;   /* 文字サイズを小さめに */
}
/* セルのデザインのうちヘッダと中身の共通部分 */
table.sample th, table.sample td {
   border-width: 1px;   /* セルの枠線は太さ1ピクセル */
   border-style: solid;   /* セルの枠線は実線 */
   padding: 2px;   /* セル内側の余白は2ピクセル */
}
/* ヘッダセルのデザイン */
table.sample thead th {
   border-color: #ccffcc #7ca866 #7ca866 #ccffcc;   /* ※1 */
   background-color: #bceaa8;   /* ※1 */
}
table.sample tbody th {
   border-color: #ffffcc #aca866 #aca866 #ffffcc;   /* ※2 */
   background-color: #eceaa8;   /* ※2 */
}
/* セルのデザイン */
table.sample td {
   border-color: #ffffff #aca899 #aca899 #ffffff;   /* ※3 */
   background-color: #ecead8;   /* ※3 */
}

.body{
	margin : 0.5em 1em;
}


/* 2009.07 追加 index_s,yutai_kyu,support2,freeware */
/* --- 全体 --- */
.contents {
	margin: 0px;
	font-size: 80%;
}

.contents p {
	margin: 15px 5px;
	line-height: 140%;
}

/* --- 全体　Aリンク ---*/
.contents a {
	color: #3300ff;
}

.contents a:visited{
	color: #990066;
}

.contents a:hover{
	color: #ff9900;
}

/* --- 全体リスト ---*/
.contents ul li{
	line-height: 150%;
}

/* --- 全体タイトル ---*/
.contents h1 {
	font-size : 16px;
	border-left: 7px solid #000080;
	border-bottom: 1px solid #000080;
	padding: 0.3em 0.1em 0.2em 0.5em;
	margin : 1em 0em;
}

.contents h2 {
	font-size : 14px;
	background-color : #ccffff;
	border: 1px solid #66ccff;
	padding: 0.2em 0.5em;
	margin: 0;
}

/* --- 全体テキスト ---  */
.txt {
	font-size: 95%;
}

.s_txt {
	font-size: 85%;
}

.ss_txt {
	font-size: 75%;
}

.sc_txt {
	font-size: 85%;
	color: #cc0000;
}

.c_txt {
	font-size: 95%;
	color: #cc0000;
}

/* index_s */
/* --- 横並びボックス --- */
.section {
	width: 290px; /* ボックスの幅 */
	height:200px; /* ボックスの高さ*/
	margin: 5px ; /* ボックスの余白*/
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの枠線 */
	font-size: 95%; /* ボックスの文字サイズ */
	float : left;/**/
}

.clearLeft {
clear:left;
}

/* --- 横並びボックス内の見出し --- */
.section h3 {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background-color: #e0e0e0; /* 見出しの背景色 */
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
	font-size: 100%; /* 見出しの文字サイズ */
}

/* --- 横並びボックス内の段落 --- */
.section p {
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

.section ul li{
	margin: 1em 10px; /* リストのマージン（上下、左右） */
}

/* support2,freeware */
/* --- 表全体 --- */
.hyo table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- 表タイトル --- */
.hyo th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#66ccff ;
	padding:8px;
	font-size:12px;
	line-height:120%;
}

/* --- 表セル枠 --- */
.hyo td{
	border-collapse: collapse;
	border:1px solid #999999;
}

/* --- 表凡例 --- */
.hyo dl {
	margin-top: 5px;
	margin-left: 1em;
	font-size: 80%;
	line-height: 120%;
}

/* --- 表製品名 --- */
.name{
	padding:5px;
	font-size:12px;
	line-height:120%;
}

/* --- 表背景白 --- */
.mark01{
	padding:10px;
	font-size:12px;
	line-height:120%;
	text-align:center;
}

/* --- 表背景色付 --- */
.mark02{
	padding:10px;
	font-size:12px;
	line-height:120%;
	text-align:center;
	background-color:#ffcccc;
}

/* yutai_kyu,vista */
/* --- リスト枠付き --- */
.dl_box {
	padding: 5px;
	margin: 1em;
	background: #ffffcc;
	font-size: 90%;
	line-height: 140%;
	border:1px dotted #666666;
}


/* 2009.08 追加 faq */

/* --- コンテナ --- */
#container {
	width: 780px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background: url(../support/images/sidebar_130e6.gif) repeat-y left;/* ナビゲーションの背景画像 */
	background-color: #ffffff; /* メインカラムの背景色 */
	text-align:left;
}

/* --- ナビゲーション --- */
#nav {
	float: left;
	width: 130px; /* サイドバーの幅 */
	font-size: 100%;
	margin: 0;
}

/* --- メニュータイトル ---*/
#nav p {
	margin: 0;
	padding: 5px;
	background-color: #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

/* --- メニューエリア ---*/
.nl {
	margin: 0;
	padding: 0;
	border-top: 1px solid #999999;
	list-style-type: none;
	text-align: left;
}


/* --- メニュー項目 ---*/
.nl li {
	background-color: #ffffff;
	border-left: 1px #999999 solid; /* 左枠線 */
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

/* --- リンク --- */
.nl li a {
	display: block;
	position: relative;
	padding: 9px 10px;
	text-decoration: none;
}

/* --- メインカラム --- */
#main {
	float: left;
	width: 650px; /* メインカラムの幅 */
	padding: 0 5px;
	font-size: 100%;
}



/* --- 質問回答 ---*/
.faq dl{
	margin:10px 0;
}

.faq dt{
	font-size : 14px;
	font-weight: bold;
	color: #3366CC;
	padding: 0.2em 0;
	margin : 0;
	width: 100%;
}

.faq dt img {
	float:left;
}

.clearLeft {
	clear: left;
}

.faq dd{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	padding: 0.2em 0;
	margin : 0;
	width: 100%;
}

.faq dd img {
	float:left;
}
.faq p{
	font-size: 100%;
	padding: 0 1em;
	line-height: 130%;
}

.faq ul {
	padding: 0;
	margin: 0 0 0 3em;
}

.faq ul li{
	font-size: 100%;
	line-height: 130%;
	margin: 0.5em 0;
}

.faq ul li a{
	display: inline-block;
}

.faq ol {
	padding: 0;
	margin: 0 0 0 3em;
}

.faq ol li{
	font-size: 100%;
	line-height: 130%;
	margin: 0.5em 0;
}

.faq img{
	margin:0 5px;
	vertical-align: middle;
}

.faq hr{
	height: 2px;
	width: 100%;
	border: none;
	border-top: 2px #999999 dotted;
	margin-bottom: 10px;
}

.top {
	text-align: right;
}

.top img {
	margin: 20px 0;
}

/* --- faq内表全体 --- */
.hyo1 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin: 15px 35px;
}

/* --- 表タイトル --- */
.hyo1 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#66ccff ;
	padding:5px 8px;
	font-size:12px;
	line-height:120%;
	text-align:center;
}

/* --- 表セル枠 --- */
.hyo1 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding:5px;
	font-size:12px;
	line-height:120%;
}

/* --- 購入について表全体 --- */
.hyo2 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- 購入について表タイトル --- */
.hyo2 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#66ccff ;
	padding:8px;
	font-size:14px;
	line-height:120%;
}

/* --- 購入について表セル枠 --- */
.hyo2 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding: 5px 10px;
	font-size: 14px;
}

.price{
	text-align: right;
}

/* --- 水平線 --- */
.line01{
	height: 2px;
	width: 100%;
	border: none;
	border-top: 2px #999999 dotted;
	margin-bottom: 20px;
}

/* --- 1500_1表全体 --- */
.hyo1500_1 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- 1500_1表タイトル --- */
.hyo1500_1 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#CAE3FF ;
	padding:8px;
	font-size:12px;
	line-height:120%;
}

/* --- 1500_1表タイトル（左） --- */
.hyo1500_1 td.r_title{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#CAE3FF ;
	padding:8px;
	font-size:12px;
	font-weight: bold;
	line-height:120%;
	text-align: rignt;
}

/* --- 1500_1表セル枠 --- */
.hyo1500_1 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding: 5px 10px;
	font-size: 12px;
}

/* --- 1500_2表全体 --- */
.hyo1500_2 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- 1500_2表タイトル --- */
.hyo1500_2 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#CAE3FF ;
	padding:8px;
	font-size:14px;
	line-height:120%;
}

/* --- 1500_2表セル枠 --- */
.hyo1500_2 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding: 5px 10px;
	font-size: 14px;
}

.sub{
	background: #EEEEEE;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

/* --- pro_1表全体 --- */
.hyopro_1 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- pro_1表タイトル --- */
.hyopro_1 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffe5ff ;
	padding:8px;
	font-size:12px;
	line-height:120%;
}

/* --- pro_1表タイトル（左） --- */
.hyopro_1 td.r_title{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffe5ff ;
	padding:8px;
	font-size:12px;
	font-weight: bold;
	line-height:120%;
	text-align: rignt;
}

/* --- pro_1表セル枠 --- */
.hyopro_1 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding: 5px;
	font-size: 12px;
}

/* --- pro_2表全体 --- */
.hyopro_2 table{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffffff;
	margin:10px 0px;
}

/* --- pro_2表タイトル --- */
.hyopro_2 th{
	border-collapse: collapse;
	border:1px solid #999999;
	background:#ffe5ff ;
	padding:8px;
	font-size:14px;
	line-height:120%;
}

/* --- pro_2表セル枠 --- */
.hyopro_2 td{
	border-collapse: collapse;
	border:1px solid #999999;
	padding: 5px 10px;
	font-size: 14px;
}