/*-----------------------------------------------------------------------  
 // レイアウト  
-------------------------------------------------------------------------*/ 


/*-----------------------------------------------------------------------  
 // ページ共通 
-------------------------------------------------------------------------*/ 

body {
 behavior:url(./csshover3.htc);
 text-align:center;
 width:1200px;
 background-color:#FFFFFF;
 color:#000000;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto;
 margin-right:auto;
 font-family:Arial,'ＭＳ Ｐゴシック',sans-serif;
 font-size:13px;
 line-height:140%;
}

img {
 border:none;
}

span.link { margin:0px 7px}
a.note { margin:0px 5px 0px 5px; }
a.note:link { color:#006600; }
a.note:visited { color:#006600; }
a.note:hover { color:#669933;font-style:italic; }
a.note:active { color:#006600; }

#container{
 width:800px;
 margin-left:auto;
 margin-right:auto;
}

div.logo{
 float:left;
 width:144;
}



div{
 margin-top:0;
 margin-bottom:0;
 margin-left:auto;
 margin-right:auto;
}

h1.title {
 margin:0px 0px 0px 0px;
}

h2.caption1 {
 margin:0px 0px 20px 0px;
}

div.contents {
 text-align:left;
 padding:0px 0px 0px 10px;
}

div.pagetop {
 width:520px;
 text-align:right;
 margin:20px 0px 30px 0px;
}



table {
 border:0px;
 border-spacing:0px;
 font-size:13px;
 line-height:140%;
}

tr {
 vertical-align:top;
 text-align:left;
}
td {
 text-align:left;
}

#topix1 table { width:240px; }
#topix1 a:link { color:#006600; }
#topix1 a:visited { color:#006600; }
#topix1 a:hover { color:#669933; }
#topix1 a:active { color:#006600; }


#headernavi1 {
 width:480px;
 text-align:left;
 margin:5px 0px 5px 0px;
}
#headernavi1 a:link { color:#006600; }
#headernavi1 a:visited { color:#006600; }
#headernavi1 a:hover { color:#669933; }
#headernavi1 a:active { color:#006600; }


#headernavi2 {
 margin:0px;
 padding:0px;
 width:480px;
 height:24px;
}

#headernavi2 ul{
 list-style-type:none;
 margin:0px;
 padding:0px;
 line-height:0;
}

#headernavi2 li{
 float:left;
 width:94px;
 margin:0px 2px 0px 0px ;
 padding:0px;
}

#headernavi2 img{
 border:none;
 vertical-align:top;
}



#headernavi3 {
 width:480px;
 text-align:right;
 margin:5px 0px 20px 0px;
}

#headernavi3 a:link { color:#006600; }
#headernavi3 a:visited { color:#006600; }
#headernavi3 a:hover { color:#669933; }
#headernavi3 a:active { color:#006600; }



#footernavi {
 width:580px;
 text-align:right;
 padding:5px 10px;
 color:#FFFFFF;
}
#footernavi a:link { color:#FFFFFF; }
#footernavi a:visited { color:#FFFFFF; }
#footernavi a:hover { color:#FFFFFF; }
#footernavi a:active { color:#FFFFFF; }


/*-----------------------------------------------------------------------  
 // トップページ 
-------------------------------------------------------------------------*/ 
#item1 a{
 width:144px;
 height:20px;
 background:url(./images/top_button_r_1_a.gif) no-repeat;
 text-decoration:none;
 text-align:center;
}

#item1 a:hover{
 background:url(./images/top_button_r_1_b.gif) no-repeat;
}

#navi_a{
	margin:0px;
	padding:0px;
	width:620px;
	height:38px;
}

#navi_a ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:0;
}

#navi_a li{
	float:left;
	width:124px;
	margin:0px;
	padding:0px;
}

#navi_a img{
 border:none;
 vertical-align:top;
}


/*-----------------------------------------------------------------------  
 // お知らせ 
-------------------------------------------------------------------------*/ 
a.title {
 color:#336600;
 font-size:14px;
 font-weight:bold;
}

div.report_photo_m_l{
 width:205px;
 text-align:center;
 color:#666666;
 border-style:solid;
 border-color:#CCCCCC;
 border-width:1px;
 padding:5px;
 margin:10px 10px 10px 0px;
 float:left;
}
div.report_photo_m_r{
 width:205px;
 text-align:center;
 color:#666666;
 border-style:solid;
 border-color:#CCCCCC;
 border-width:1px;
 padding:5px;
 margin:10px 0px 10px 10px;
 float:right;
}
div.report_photo_l{
 width:450px;
 text-align:center;
 color:#666666;
 border-style:solid;
 border-color:#CCCCCC;
 border-width:1px;
 padding:5px;
 margin:10px 0px 10px 0px;
}

div.pop_l {
 width:205px;
 text-align:center;
 color:#666666;
 border-style:solid;
 border-color:#CCCCCC;
 border-width:1px;
 padding:5px;
 margin:10px 10px 10px 0px;
 float:left;
 position:relative;
 z-index:1;
}

div.pop_r {
 width:205px;
 text-align:center;
 color:#666666;
 border-style:solid;
 border-color:#CCCCCC;
 border-width:1px;
 padding:5px;
 margin:10px 0px 10px 10px;
 float:left;
 position:relative;
 z-index:0;
}

/*-----------------------------------------------------------------------  
 // お問合せ  
-------------------------------------------------------------------------*/ 
table.form {
 border:1px #999999 solid;
 border-collapse:collapse;
}
td.form1 {
 border:1px #666666 solid;
 background-color:#EFEFEF;
}
td.form2 {
 border:1px #666666 solid;
 background-color:#FFFFFF;
}


/*-----------------------------------------------------------------------  
 // 商品紹介  
-------------------------------------------------------------------------*/ 
#container_itemdetail{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

body.itemdetail{
	text-align:center;
	width:600px;
	background-color:#FFFFFF;
	color:#000000;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	line-height:140%;
}

table.itemdetail_mtx {
 width:480px;
 border:1px #999999 solid;
 border-collapse:collapse;
}
td.itemdetail_mtx1 {
 width:70px;
 height:20px;
 border:1px #666666 solid;
 background-color:#EFEFEF;
 padding:2px;
}
td.itemdetail_mtx2 {
 width:170px;
 height:20px;
 border:1px #666666 solid;
 background-color:#FFFFFF;
 padding:2px;
}

div.item_photo_l {
 width:220px;
 height:220px;
 float:left;
 padding:2px;
 margin:0px 10px 0px 0px;
 border-style:solid;
 border-width:1px;
 border-color:#666666;
}

img.item_photo_s {
 width:60px;
 height:60px;
}

div.item_photo_s_a {
 float:left;
 padding:2px;
 margin:0px 5px 0px 0px;
 border-style:solid;
 border-width:1px;
 border-color:#666666;
}

div.item_photo_s_b {
 float:left;
 padding:2px;
 margin:0px 5px 0px 0px;
 border-style:solid;
 border-width:1px;
 border-color:#666666;
 filter:alpha(opacity=25);
 -moz-opacity:0.25;
 opacity:0.25;
}

/*-----------------------------------------------------------------------  
 // 商品管理システム  
-------------------------------------------------------------------------*/

div.system-alert {
	width:850px;
	height:20px;
	text-align:left;
	padding:5px 0px;
}

input.system-button {
	width:100px;
	height:30px;
}

table.system-item-list {
	width: 850px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px #336600 solid;
	table-layout: fixed;
}

table.system-item-list th {
	height: 30px;
	background-color: #336600;
	color: #FFFFFF;
	font-weight: bold
	text-align: center;
	border: 1px #336600 solid;
	line-height: 30px;
}

table.system-item-list td {
	height: 100px;
	border: 1px #CCCC99 solid;
	padding: 3px;
}

table.system-item-view {
	width: 850px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px #336600 solid;
	table-layout: fixed;
}

td.system-item-view-td1 {
	width: 130px;
	text-align: center;
	background-color: #CCffCC;
	color: #000000;
	border: 1px #CCCC99 solid;
	padding:0px 5px;
	display:table-cell;
	vertical-align:middle;
}

td.system-item-view-td2 {
	width: 265px;
	border: 1px #CCCC99 solid;
	padding:0px 5px;
	display:table-cell;
	vertical-align:middle;
}


table.system-client-list {
	width: 850px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px #336600 solid;
	table-layout: fixed;
}

table.system-client-list th {
	height: 30px;
	background-color: #336600;
	color: #FFFFFF;
	font-weight: bold
	text-align: center;
	border: 1px #336600 solid;
	line-height: 30px;
}

table.system-client-list td {
	height: 30px;
	border: 1px #CCCC99 solid;
	padding: 3px;
	vertical-align:middle;
}




table.system-propose-list {
	width: 850px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px #336600 solid;
	table-layout: fixed;
}

table.system-propose-list th {
	height: 30px;
	background-color: #336600;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border-width: 1px 0px;
	border-color: #336600;
	border-style: solid;
	line-height: 30px;
}

table.system-propose-list td {
	height: 40px;
	border-width: 1px 0px;
	border-color: #CCCC99;
	border-style: solid;
	padding: 3px;
	vertical-align: middle;
}





table.system-propose-view {
	width: 850px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px #336600 solid;
	table-layout: fixed;
}

table.system-propose-view th{
	height: 30px;
	background-color: #CCFFCC;
	color: #000000;
	font-weight: normal;
	text-align: center;
	border-width: 1px 0px;
	border-color: #CCCC99;
	border-style: solid;
	line-height: 30px;
}

td.system-propose-view-td1 {
	width: 130px;
	text-align: center;
	background-color: #CCFFCC;
	color: #000000;
	border: 1px #CCCC99 solid;
	padding:0px 5px;
	display:table-cell;
	vertical-align:middle;
}

td.system-propose-view-td2 {
	width: 265px;
	border: 1px #CCCC99 solid;
	padding:0px 5px;
	display:table-cell;
	vertical-align:middle;
}

td.system-propose-view-td3 {
	height: 40px;
	text-align: center;
	border-width: 1px 0px;
	border-color: #CCCC99;
	border-style: solid;
	padding:0px 0px;
	vertical-align: middle;
}