@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: content.css
Css info: コンテンツスタイル
------------------------------------------------------------------------------*/

/* 題名-------------*/
div#main h4.s1{		/* 題名 */
	line-height:100%;
	margin-bottom:1em;
	background-color: #666666; 
	padding:3px 10px;
	color:#ffffff;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	}
	
/* 枠-------------*/
div#main div.wak-s1{		/* 枠s1 */
	}


/* 段組-------------*/
div#main div.box2{		/* 2段 */
	width:265px;
	}

div#main div.box3{		/* 3段 */
	width:180px;
	}


/* テーブル-------------*/
div#main table.s1{    /* テーブルs1 */
	width:100%;
	border:1px solid #cccccc;
	border-collapse: collapse;    /* 重なる線消し */
	table-layout: fixed;    /* テーブル大きさを１行目で判断 */ 
	}

/* 段落-------------*/
div#main p.s1{   /* 文字1文字分下げる */
	text-indent:1em;
	}

div#main p.s2{   /* 文字1文字上げる */
	text-indent: -1em; /* 文字1文字分上げる */
	margin-left: 1em;  /* 2文字分右に下げる */
	}


/*//////////////////////////////////////////////////////// */
/* トップページ-------------*/
/*//////////////////////////////////////////////////////// */

/* お知らせ-------------*/
div#main p#rss{
	text-align:right;
	margin:5px 0;
	}

div#main dl#inf{		/* 範囲 */
	width:680px;
	}
div#main dl#inf dt{		/* 範囲 */
	padding: 0 0 0 20px;
	background: url("../images/news_icon.gif") no-repeat;
	font-weight:bold;
	}
div#main dl#inf dd{
	margin-bottom:2em;
	padding-bottom:1em;
	background: url("../images/line_s1.gif") repeat-x bottom;
	}

div#main ul.inf li{		/* 範囲 */
	padding: 0 0 0 20px;
	background: url("../images/list_s1.gif") no-repeat;
	font-weight:bold;
	}




/*//////////////////////////////////////////////////////// */
/* 商品情報-------------*/
/*//////////////////////////////////////////////////////// */
	
/* テーブル-------------*/
div#main table.products{    /* テーブル */
	width:680px;
	border:5px solid #999999;
	border-collapse: collapse;    /* 重なる線消し */
	background-color:#ffffff;
	margin-bottom:2em; 
	}
div#main table.products th{    /* イメージ */
	padding:10px;
	border-bottom:1px solid #cccccc;
	}
div#main table.products td{    /* テキスト */
	padding:10px;
	border-bottom:1px solid #cccccc;
	}
div#main table.products td h5,
div#main table.products td h6{    /* 題名 */
	font-weight:bold;
	color:#ff3333;
	}
div#main table.products td em{    /* em */
	font-weight:bold;
	color:#ff8c00;
	}


/*//////////////////////////////////////////////////////// */
/* 商品情報 詳細-------------*/
/*//////////////////////////////////////////////////////// */
div#products p{
	background-color:#ffffff;
	text-align:center;
	padding:20px;
	border:5px solid #999999;
	}
	
div#products h5{
	margin-top:1em;
	}
/* table-------------*/
div#products table,
div#products table.s1{
	width:100%;
	border:5px solid #999999;
	border-collapse: collapse;    /* 重なる線消し */
	background-color:#ffffff;
	margin:1em 0;
	}
div#products table th{
	padding:10px;
	border-bottom:1px solid #cccccc;
	text-align:left;
	}
div#products table td{
	padding:10px;
	border-bottom:1px solid #cccccc;
	text-align:right;
	}

div#products table.s1 th{
	text-align:center;
	background-color:#f5f5f5;
	}
div#products table.s1 td{
	text-align:center;
	}





/*//////////////////////////////////////////////////////// */
/* 会社概要-------------*/
/*//////////////////////////////////////////////////////// */
	
/* テーブル-------------*/
div#main table.gaiyou{    /* テーブル */
	width:687px;
	border:1px solid #666666;
	border-collapse: collapse;    /* 重なる線消し */
	background-color:#ffffff;
	margin-bottom:2em; 
	}
div#main table.gaiyou th{    /* 題名 */
	padding:10px;
	border:1px solid #666666;
	background-color:#333333;
	text-align:left;
	color:#ffffff;
	}
div#main table.gaiyou td{    /* 内容 */
	padding:10px;
	border:1px solid #666666;
	text-align:center;
	}
	





/*//////////////////////////////////////////////////////// */
/* 会社沿革-------------*/
/*//////////////////////////////////////////////////////// */
	
/* テーブル-------------*/
div#main table.enkaku{    /* テーブル */
	width:687px;
	border:1px solid #666666;
	border-collapse: collapse;    /* 重なる線消し */
	background-color:#ffffff;
	margin-bottom:2em; 
	}
div#main table.enkaku th{    /* 題名 */
	padding:10px;
	border:1px solid #666666;
	background-color:#333333;
	text-align:left;
	color:#ffffff;
	}
div#main table.enkaku td{    /* 内容 */
	padding:10px;
	border:1px solid #666666;
	text-align:left;
	}
	





/*//////////////////////////////////////////////////////// */
/* 新商品提案箱-------------*/
/*//////////////////////////////////////////////////////// */
	
/* フォーム-------------*/
div#main table.form{    /* テーブル */
	width:687px;
	border:1px solid #666666;
	border-collapse: collapse;    /* 重なる線消し */
	background-color:#ffffff;
	margin-bottom:2em; 
	}
div#main table.form th{    /* 題名 */
	padding:10px;
	border:1px solid #666666;
	background-color:#333333;
	text-align:left;
	color:#ffffff;
	}
div#main table.form td{    /* 内容 */
	padding:10px;
	border:1px solid #666666;
	text-align:left;
	}
	
div#main ul.form{    /* ボタン */
	text-align:center;
	width:350px;
	margin-left:168px;
	}
div#main ul.form li#submit{    /* ボタン */
	float:left;
	}
div#main ul.form li#reset{    /* ボタン */
	float:right;
	}
	



/*------------------------------------------------------------------------
サイド
--------------------------------------------------------------------------*/
div#side ul.sidenav{		/* サイドナビ */
	font-size:12px;
	line-height:14px;
	margin-bottom:20px;
	}
div#side ul.sidenav li{		/* サイドナビ */
	margin-bottom:10px;
	}

div#side ul.sidenav li div.sub{		/* サイドナビ */
	background-color:#ffffff;
	border-bottom:2px solid #333333;
	padding:5px;
	margin-bottom:10px;
	}
div#side ul.sidenav li div.sub h3{		/* サイドナビ */
	margin-bottom:5px;
	font-weight:bold;
	}
div#side ul.sidenav li div.sub h4{		/* サイドナビ */
	margin-bottom:5px;
	font-weight:bold;
	color:#ff3333;
	}
div#side ul.sidenav li div.sub ul li{		/* サイドナビ */
	background: url("../images/line_s1.gif") repeat-x top;
	padding-top:5px;
	}
div#side ul.sidenav li div.sub ul li a {		/* サイドナビ */
    text-decoration: none;
}