/**********************************************

	style.css
	第二階層から使用するレイアウト用

**********************************************/



/**************************製品情報**************************/

.style div#style
{
	padding-top: 0px;
	background: url(../images/contents_bg.gif) repeat-y;
	padding-bottom: 30px;
}

/*----------------------タイトル----------------------*/
#ttl-topvisual
{
	border-top: 92px none;
}
/* タイトル */
#titlearea
{
	float: left;
	width: 700px;
}
#buttonarea
{
	float: left;
	width: 150px;
	text-align: right;
}
#buttonarea_r
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 150px;
}
#buttonarea_r ul
{
	list-style-type:none;
}
#buttonarea_r li
{
	float: left;
}

/* ユーザ登録 資料請求 */
.hd-btn-button
{
	height: 46px;
	width: 150px;
/*	overflow: hidden;*/
	display: block;
	text-indent: -9999px;
}

/* ユーザ登録 */
#hd-btn-reg
{
	background: url(../images/hd_btn-reg.gif) no-repeat;
	margin: 0px 0px 0px 0px;
}
#hd-btn-reg:hover
{
	background-position: 0 -46px;
}
/* 資料請求 */
#hd-btn-coupon
{
	background: url(../images/hd_btn-coupon.gif) no-repeat;
	margin: 0px 0px 0px 0px;
}
#hd-btn-coupon:hover
{
	background-position: 0 -46px;
}

/*----------------------コンテンツ----------------------*/
.style div#left{
	float: left;
	width: 170px;
}

.style div#right{
	float: left;
	width: 660px;
	padding-top: 9px;
	padding-bottom: 30px;
}

.style div#side {
	width: 160px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.style div#side li {
	list-style-type: none;
}

.style div#side img {
	border:none;
}

.style div#side #pr {
	width:135px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #DBD9D0;
	background-color: #FFFFFF;
}

.style div#side_d {
	padding-top: 1px;
	width: 150px;
	margin: 1px 5px 1px 1px;
	border: 1px solid #FFFFFF;
	background-color: #B9B8AC;
}

/*メニュー画像配置ここから++++++++++++++++++++++*/
.style div#menu_top a{ /*メニュートップ画像*/
  	display: block;
	/*	overflow: hidden;*/
	width: 147px;
	height: 23px;
	line-height: 23px;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration:none;
	margin:0px 0px 1px 1px;
	font-size: 1em;
	text-align: center;
	background-color: #666666;
	background-image: url(../images/side_h3.gif);
	background-repeat:repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
}

.style div#menu_top a:hover {
	background-color: #FF9900;
	color: lightblue;
	text-decoration:underline;
	background-image: url(../images/side_h3_ov.gif);
}

/*メニュー画像配置ここまで++++++++++++++++++++++*/

#menu_div{ 
	padding : 0 2px 0 2px;
	width : 146px;
}

#column { /*この中にリストを収める*/
	width: 146px;
}

#column .titlebar a{   /*タイトルの設定*/
	display: block;       /*ブロックにする*/
	padding : 3px 0 3px 21px;  /*上下余白4px空ける*/
	background-color: #203da5;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
}

#column .titlebar a:hover {   /*タイトルの設定*/
  color: lightblue;
  text-decoration:underline;
}

#column .blocklook b a{   /*サブタイトルの設定*/
  display: block;       /*ブロックにする*/
  color: black; 
  padding : 2px 0 2px 14px;  /*上下余白4px空ける*/
  font-weight: bold; 
  text-decoration: none;
  background-color: orange;
  border-left: orange 6px solid;
  background-position: 3px center;
  border-bottom: #aaaaaa 1px solid;     /*ボトムにラインを引く*/
}

#column .blocklook b a:hover {
  color: #0000FF;
  text-decoration:underline;
}

#column .blocklook ul {   /*リストメニュー*/
	padding: 0px;          /*余白マージン0*/
	margin: 0px; 
	list-style-type: none;
}

#column .blocklook li a {
	display: block;       /*ブロックにする*/
	padding-top: 3px;     /*上下に3px余白 */
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 14px;   /*左14pxの余白  */
	font-weight: bold;            
	border-left: #666666 6px solid;
	width: auto;
	color: #3c3c3c;
	border-bottom: gray 1px solid; 
	text-decoration: none;
}

html #column .blocklook li a {
	width: 126px;  /*146-(6+14)*/
	background-color: #EEEEEE;
}

#column .blocklook ul.level-1 li a {
	border-left: orange 6px solid;
	background-color: #f6f6fe;
}

#column .blocklook ul.level-1 li div#on a {
	display: block; 
	background-color: #ffcc99;
}

#column .blocklook ul.level-2 li a {
	border-left: #203da5 6px solid;
	background-color: #f6f6fe;
}

#column .blocklook ul.level-2 li div#on a {
	display: block; 
	background-color: #99ccff;
}

#column .blocklook li a:hover {
	border-left-color: lightblue; 
	color: black; 
	background-color: #CCCCCC;
	background-image:url(../images/li.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}

#column .blocklook ul.level-1 li a:hover {
	border-left-color: lightblue; 
	color: black; 
	background-color: #CCCCCC;
}

#column .blocklook ul.level-2 li a:hover {
	border-left-color: lightblue; 
	color: black; 
	background-color: #CCCCCC;
}

/* 「詳細はこちら」ボタン */
.style a#btn-youto
{
	margin: 5px 7px 0px 30px;
	float: none;
	width: 100px;
	height: 17px;
/*	overflow: hidden;*/
	display: block;
	background: url(../images/index_btn-youto.gif) no-repeat;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	font-size: 0.9em;
	letter-spacing: -0.1em;
}
.style a#btn-youto:hover
{
	background-position: 0 -17px;
}

/* 新着一覧 */

dl.whatsnew {   
    padding: 5px;     
    overflow: hidden; 
    list-style-type: none;   
}   
dl.whatsnew dt {   
    float: left;
    color:#676060;   
    margin-left: 0px;   
    padding: 5px 0;   
    text-align: left;   
}   
dl.whatsnew dd {   
    padding: 5px 0 5px 80px;   
    border-bottom: 1px dotted #999; 
}   
dl.whatsnew dd a {   
    font-weight: normal;   
}  

/*キャンペーンエントリーボタン*/ 
#entry{
	text-align:center;
}


/* 旧版から持ってきた*/

td
.A10 { font-size: small; }/*10px line-height:14px*/
.A11 { font-size: small; }/*10px line-height: 12px*/
.A12 { font-size: small; }/*12px line-height: 18px*/
.A13 { font-size: small; }/*12px line-height: 14px*/
.A14 { font-size: medium; font-weight: bold}/*14px line-height: 18px;*/
.A18 { font-size: large; }/*18px line-height: 20px*/

/* Mathcad用色付きテーブル */
td.mcout { background-color: #3A6E8F;}
td.mcinA14 { background-color: #5B93B7; font-size: large; color: #FFFFFF; line-height: 18px; font-weight: bold }
td.mcinA12 { background-color: #5B93B7; font-size: medium; color: #FFFFFF; line-height: 18px }/*12px*/
th.mcinA12 { background-color: #5B93B7; font-size: medium; color: #FFFFFF; line-height: 18px }/*12px*/


/* -------------20110118 Added テーブルレイアウト-------------------- */
.table_base { /* 外枠 */
	width: 540px;
}

.table_base p.mds { /*テーブル上部・背景青見出し*/
	background:#e9e9ef;
	padding:5px;
	margin:5px 0 0 0;
}

.table_base table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px 0;
}

.table_base th { /*見出し*/
	padding: 5px;
	border: 1px solid #c9c9d6;
	background: #e9e9ef;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}
.table_base td {
	padding: 5px;
	border: 1px solid #c9c9d6;
	vertical-align:top;
}
.table_base td.c01 { /*幅揃え用*/
	width:300px;
}

.table_base td.td_c { /*テキスト・画像センタリング*/
	text-align: center;
	vertical-align:middle;
}

.table_base td.td_r { /*テキスト右寄せ*/
	text-align: right;
}


.table_base p.item_name {  /*　商品名　太字 */
	font-weight:bold;
	margin-bottom:0.5em;
}
p.note, span.note {  /* 注釈 小文字 */
	font-size:80%;
	margin-bottom:0.5em;
}
/* -------------20110118 Added End -------------------- */