body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;  /*　これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
	background-color: #fafafa;
	background: url("img/background.gif") repeat-y center;
}


a {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}


#container {
	width: 810px; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #fafafa;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	background-color: #fafafa;
}
#header {
	width: 785px;
	background: #FAFAFA; 
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
#menu {
	padding: 0px;
	height: 50px;
	background-color: #FAFAFA;
}
/* メインイメージ枠*/
#mainImage {


	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;

	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;

	margin: 0;
	padding: 0;
}
/* メインイメージ*/
#mainImage img{
	margin: 0;
	padding: 0;

/*
	border-right:solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
*/
}


#subImage {
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;

}
/* メインイメージ枠内ボタンテーブル  */
.btnTable {
	float:right;
	vertical-align: bottom;
	margin-top: 250px;
}

/* パンくずリスト  */
#pankuzu {
	padding: 4px 6px 8px;
	background-color: #FAFAFA;
}
#pankuzu a {
	color: #333399;
	text-decoration: underline;
}
#pankuzu a:hover {
	color: #6633CC;
	text-decoration: underline;
}
 
/* サイドバー領域  */
#sidebar1
 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #EDEBEB;
	margin-left:15px; 
}
/* サイドバー内サブメニュー領域  */
#submenu {
	width: 175px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../image/sidebar_02.gif);
	background-repeat: repeat;
	background-color: #FAFAFA;
	margin: 0px;
}
#submenu a {
	color: #666666;
	text-decoration: none;
	background-image: url(../image/submenu_arw.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#submenu a:hover {
	color: #3399CC;
	text-decoration: underline;
	background-image: url(../image/submenu_arw_o.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#submenu .sel {
	color: #76BCDA;
	font-weight: bold;
	background-image: url(../image/submenu_arw_o.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}


/* サブメニュー見出し  */
#submenu h3{
	color: #3399cc;
	margin: 0px;
	padding: 0px;
	font-size: small;
}

/* サイドバー：サブメニューの文字
--------------------------------------*/
#smMenu a {
	color: #666666;
	text-decoration: none;
	background-image: none;
	padding: 0px;
}

#smMenu a:hover {
	color: #3399CC;
	text-decoration: underline;
	background-image: none;
	padding: 0px;
}

/* サイドバー：サブメニュー配下のメニュー文字
--------------------------------------*/
#smText, #smText2 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	display: block;
	word-break: break-all;
	overflow: hidden;
	color: #5E5E5E;
	font-size: 10pt;
	vertical-align: middle;
}

#smText a:link,#smText a:visited {
	display: block;
	padding-bottom: 5px;
	padding-left: 8px;
	color:#5E5E5E;
	text-decoration: none;
}

#smText a:hover, #smText a:active {
	padding-left: 8px;
	color:#0099CC;
	text-decoration: underline;
}

#smText2 a:link,#smText2 a:visited {
	display: block;
	padding-left: 20px;
	color:#5E5E5E;
	text-decoration: none;
}

#smText2 a:hover, #smText2 a:active {
	padding-left: 20px;
	color:#0099CC;
	text-decoration: underline;
}


/* 2列表示ページの実質領域（530pxでブラウザ対応） */
#mainContent2 {		
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #FAFAFA;
} 

#mainContent2 dd{
	margin: 0;
	padding-left: 0px;
}

/* サブメニューなしページの実質領域 */
#mainContent {		
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #FAFAFA;
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

} 

/* 余白付き領域 */
#pad10 {
	margin: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
} 

/*　トップページ用辞書リスト */
#dicList_top {
	margin: 0;
	padding-top: 0;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	width: 478px;
}


/*ページタイトル 背景は画像 */

/* 商品一覧 */
#pageTitle_products{
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0px 0 0;
	background-image: url(../image/t_products_bg.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}

/* 利用ガイド */
#pageTitle_use{
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-image: url(../image/t_use_bg.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}

/* マイページ */
#pageTitle_mypage{
	background-image: url(../image/t_mypage_bg.gif);
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}

/*　ベンダー */
#pageTitle_vender{
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-image: url(../image/t_vender_bg.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}

/* 開発者 */
#pageTitle_dev{
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-image: url(../image/t_dev_bg.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}


#pageTitle_all{
	background-image: url(../image/t_all_bg.gif);
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 70px;
	padding-top: 24px;
}

/*ページタイトル */
#pageTitle{
	font-size: medium;
	font-weight: bold;
	color: #555555;
	margin: 0;
	padding: 20px 0 0;
	background-color: #FFFFFF;
	
	border-top-width: 1px solid #666666;
	border-right-width: 1px solid #666666;
	border-bottom-width: 1px solid #666666;
	border-left-width: 8px solid #666666;
}

/*ページ内見出し */
#pageMidashi {
	font-size: medium;
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 20px 0 5px;
	border-bottom: 1px solid #CCCCCC;
}

/*ページ内太字 */
#pageBold {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}

/*　ページ内インデント */
#pageIndent{
	margin-left: 30px;
}

/*　センタリング */
#pageCenter{
	text-align: center;
}
#pageCenter table{
	margin:auto;

}

/*　特記事項エリア */
#caution{
	border: 2px dotted #CC0000;
	padding: 14px;
	background-color: #FFFFFF;
}

#cautionText{
	color: #CC0000;
	font-size: small;
}


.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* フッタ領域  */
#footer {
	clear: both;
	width: 780px;
	padding: 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	border-top: 1px solid #CCCCCC;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
/* フッター */
div#footer{
	width: 780px;
	clear: both;
	padding:0.5em 0;
	/*ブロック要素センタリング*/
	margin-left:auto;
	margin-right: auto;
	text-align:right;
}

/* フッタテキスト  */
#footer p {
	margin: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-family: Arial, Helvetica, sans-serif;

	padding: 0px;
	color: #666666;
}

#footer a:link,#footer a:visited {
	color:#666666;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color:#666666;
	text-decoration: underline;
}

/* トップ　ログイン領域  */
#loginbox {
	font-size: 12px;
	width: 280px;
	border: 1px solid #DAC069;
	float: right;
	padding: 0px;
	margin-bottom: 10px;
	background-color: #FEF1C9;
	text-align: left;
}

/* ログインページ　ログイン領域  */
#loginbox2 {
	width: 380px;
	border: 1px solid #DAC069;
	padding: 10px;
	margin: 0px;
	background-color: #FEF1C9;
}

/* ログインページ　未登録者領域  */
#loginbox3 {
	width: 280px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin: 0px;
	background-color: #F5F5F5;
}


#loginbox .inputarea{
	width: 160px;
	height: 1em;  
}

/* お勧め領域  */
#recommend {
	width: 280px;
	float: right;
	padding: 0px;
	margin: 0px 0px 10px;
	background-color: #FAFAFA;

}
#recommend img{
	border:none;
	margin-bottom:0;
}

#recommend a {
	display:block;
}



/* youtube領域  */
#youtubebox {
	width: 280px;
	float: right;
	padding: 0px;
	margin: 0px 0px 10px;
	background-color: #FAFAFA;

}
#youtubebox table{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-spacing:0;
	width:280px;
}

#youtubebox caption{
/*	background-image: url(../image/topimg/yt_titleback.jpg);
	background-repeat: repeat-x;
	border-top:2px solid #1873EF;*/
	font-weight:bold;
	color:#1873EF;
	padding: 0;
	margin:0;
}


div.ytthum  {
	padding-top:5px;
	margin:5px auto 8px;
	width:125px;
	font-weight:bold;
}
div.ytthum img{
	border:none;
	margin-bottom:3px;
}

div.ytthum a {
	display:block;
}



/* トップ　お知らせ領域  */
.infobox {
	width: 280px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	float: right;
	padding: 0px;
	margin: 0px 0px 10px;
	background-color: #FAFAFA;
}

.topics {
	color: #666666;
	margin: 0;
	padding: 2px;
	background-color: #FFFFFF;
}

/* お知らせ見出し  */
.i-title{
	padding: 6px 6px 2px;
	font-weight: bold;
	color: #3399cc;
	background-color: #FAFAFA;
}
/* お知らせテキスト（通常）  */
.i-text{
	padding: 0px 6px 6px;
	color: #888888;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FAFAFA;
}
/* トップ　お知らせテキスト（最終行）  */
.i-textend{
	padding: 6px;
	color: #888888;
}

/* バナー領域  */
#bnr {
	width: 280px;
	float: right;
	padding: 0px;
	margin: 0px;
	background-color: #FAFAFA;
}


/* カウンター領域  */
.counter {
	width: 280px;
	float: right;
	padding: 0px;
	margin: 0px;
	text-align: right;
}


#itemMargin {
	height:12px;
}

/* かいものカゴ　枠  */
#basket {
	background-color: #FFFFFF;
	width:740px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}


/* かいものカゴ　小計欄  */
#subtotal {
	background-color: #FCE2EA;
	font-weight: bold;
	font-size: medium;
	color: #990000;
	text-align: right;
	padding: 6px;
	margin-top: 24px;
	margin-bottom: 5px;
}


/*　商品欄 */
#dicBorder{
	border: 1px solid #C4D5EE;
	padding: 0px;
	background-color: #FFFFFF;
	width:780px;
}

/* 商品一覧・写真大・1行表示 */
#dicItem {
	margin:auto;
	width: 90%;
	padding: 15px;
}

#dicItem .title {
	font-weight: bold;
	font-size: large;
	padding-bottom: 10px;
}

#dicItem .price {
	font-weight: bold;
	color: #CC0000;
	padding-top: 6px;
	padding-bottom: 12px;
	font-size: 120%;
}


/* 商品写真（写真大・左寄せ）  */
#dicImg01
 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 180px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
}
/* 辞書の説明（写真大・写真右に表示） */
#dicDtl01 {		
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
} 

/* 商品写真（写真小・左寄せ）  */
#dicImg02
 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 100px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
}
/* 辞書の説明（写真小・写真右に表示） */
#dicDtl02 {		
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 120px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
} 


/*　辞書購入の詳細欄 */
#dicPrice{
	border: 1px solid #C4D5EE;
	padding: 10px;
	background-color: #F0FAFF;
}

/* 購入辞書ファイルダウンロードリストの1行 */
#dlList {
	border-top: 1px dotted #C4D5EE;
	padding: 8px 0px;
	margin: 0;
}

/* テキスト（左寄せ） */
#textLeft {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 330px;
	font-weight: bold;
	padding-bottom: 10px;
}

/* ボタン（右寄せ） */
#imageRight {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	/*
	margin-left: 340px;
	*/
	padding: 0px;
	text-align: right;

	float: right;
	width: 130px;
} 


/* APIメソッド見出し */
.api_method {
	width:94%;
	padding-left:8px;
	margin-top:12px;
	font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 5px solid #999999;
	background-color: #ffffff;
	font-size: medium;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

/* テーブル関連　*/
.table_chart {
	width:96%;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.con_tbl {
	border: 1px solid #DDD;
	background-color: #ffffff;
}

/* 導入事例タイトル */
TD.case {
	width: 60px;
	border-bottom: solid 1px #DDD;
	color: #ACACAC;
	background-color: #EFEFEF;
	padding: 5px;
}

/* 辞書一覧リスト・おすすめ辞書セル */
TD.dicitemRec {
	width: 50%;
	vertical-align: top;
}

/* 辞書一覧リスト・辞書セル */
TD.dicitem {
	width: 132px;
	vertical-align: top;
}

TD.pname {
	border-bottom: solid 1px #DDD;
	font-weight: bold;
	color: #5E5E5E;
	border-right:solid 1px #DDDDDD;
	border-top:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD; 
	background-color: #FFFFFF;
	padding: 5px;
}

TD.dname {
	border-bottom: solid 1px #DDD;
	font-weight: bold;
	color: #5E5E5E; 
	background-color: #EFEFEF;
	padding: 5px;
}



TD.url {
	border-bottom: solid 1px #DDD;
	background-color: #EFEFEF;
	text-align:right;
	padding: 5px;
}
TD.qnumber {
	width: 50px;
	border-bottom: solid 1px #DDD;
	color: #5E5E5E;
	background-color: #E5E5E5;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
/* 濃グレー幅20%  */
TD.ch01 {
    width:20%;
	font-weight: bold;
	background-color: #DBDBDB;
	border-bottom:1px solid #DDD;
	padding: 6px;
}

/* 淡グレー幅30%  */
TD.ch02 {
	width:30%;
	border-bottom: solid 2px #FFF;
	font-weight: bold;
	background-color: #EDEDED;
	border-bottom:1px solid #DDD;
	padding: 6px;
}

/* 白幅指定なし  */
TD.ch03 {
	background-color: #FFF;
	text-align:left;
	border-bottom:1px solid #DDD;
	padding: 6px;
}

/* 濃グレー指定なし  */
TD.ch04 {
	font-weight: bold;
	background-color: #DBDBDB;
	border-bottom:1px solid #DDD;
	padding: 6px;
}

/* 白幅指定なし右寄せ  */
TD.ch05 {
	background-color: #FFF;
	text-align:right;
	border-bottom:1px solid #DDD;
	padding: 6px;
}

/* 淡グレー幅20%  */
TD.ch06 {
	width:20%;
	border-bottom: solid 2px #FFF;
	font-weight: bold;
	background-color: #EDEDED;
	border-bottom:1px solid #DDD;
	padding: 6px;
}


/* コンテンツ一覧
--------------------------------------*/
/* 会社名 */
TD.cname {
	font-weight: bold;
	color: #5E5E5E;
	background-color: #EFEFEF;
	padding: 5px;
	border-bottom: dotted 1px #DDD;
	background-image: url(../image/1_submenu_arw.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left center;
}

/* ジャンル */
TD.genre {
	width: 70px;
	padding: 5px;
	font-size : 86%;
	border-bottom: dotted 1px #DDD;
}

/* 辞書タイトル */
TD.ctitle {
	font-weight: bold;
	color: #5E5E5E;
	padding: 5px;
	border-bottom: dotted 1px #DDD;
}

/* 語数 */
TD.wnum {
	text-align:left;
	padding: 5px;
	border-bottom: dotted 1px #DDD;
}

/* イメージ */
TD.img {
	text-align:right;
	padding: 5px;
	border-bottom: dotted 1px #DDD;
}

/* 注釈文字　茶色  */
.SmallText2
{
	font-size : x-small;
	color: #CC9900;
}

/* 注釈文字　グレー  */
.SmallText3
{
	font-size : x-small;
	color: #666666;
}

/* 詳細リンク */
.detail {
	width: 96%;
	text-align:right;
	font-size:90%;
	padding-bottom:24px;
}

/* ヘルプページ：関連項目 */
#relatedItem {
	width: 60%;
	padding: 10px;
	border: dotted 1px #DDD;
	background-color: #FFF;
	line-height: 1.4em;
	margin-left: 10px;
}

#relatedItem ul{
	padding-left: 20px;
	margin: 0px;
}

/* 問い合わせフォーム:エラーメッセージ */
#formMsg {
	margin: auto;
	padding: 30px;
	border: dotted 1px #DDD;
	background-color: #FFF;
	line-height: 1.4em;
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: #CC6600;
	width: 80%;
}



.read_bold{font-size:12px;line-height:18px;color:#084192;font-weight:bold;padding-top:6px;text-align:right;}
.dotline{
	border: 1px dotted #CCCCCC;
}

p.line01 {
   border-top: 1px solid #DAC069;
}


#line {
	margin: auto;
    width: 90%;
	height: 1px;
	background-color: #CC9900;
}