body {  font-family: "ＭＳ Ｐゴシック", "Osaka";
background-image:url(bg.gif);
background-repeat: repeat-x;
}
.minimum{  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 11px}
.small {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px}
.middle {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 13px}
.big {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 15px}
.eng_small {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px}
.eng_middle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 13px}
.eng_big {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 15px}
.textfield_domain {  width: 100px}


a:active {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #00315C}
a:hover {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #00315C}
a:link {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; color: #00315C; text-decoration: underline}
a:visited {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; color: #00315C; text-decoration: underline}
a:visited:hover {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #00315C}

a.menu:active {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #FFFFFF}
a.menu:hover {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #FFFFFF}
a.menu:link {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; color: #FFFFFF; text-decoration: none}
a.menu:visited {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; color: #FFFFFF; text-decoration: none}
a.menu:visited:hover {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; text-decoration: underline; color: #FFFFFF}

.topic {
	padding-left:10px;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
}
.topic_l {
	font-size: 14px;
	font-weight:bold;
	color:#213B5D;
}
.topic_t {
	font-size: 16px;
	font-weight:bold;
	color:#34629C;
}

div.box{
	background-color:#ffffff;
	padding: 5px;
	margin : 2px 0px 5px 0px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #eeeeee;
	border-width: 1px 1px 1px 1px;
}

table.indextable {
	background-color:#eeeeee;
}

table.topic_l_title {
	border-collapse: collapse;
	border-style: solid;
	border-color: #C4D2E4;
	border-width: 1px 1px 0px 1px;
	background-color:#FFFFFF
}
table.topic_l_content {
	border-collapse: collapse;
	border-style: solid;
	border-color: #C4D2E4;
	border-width: 1px;
	background-color:#FFFFFF
}

td.topic_content {
	padding: 10px
}

td.detail_content {
	border: solid #C4D2E4 1px;
	padding: 5px 10px 5px 10px
}

#topmenu img{
	border-width:0px
}

#footmenu {
	color:#ffffff;
}

#footmenu a {
	color:#ffffff;
}

table.OrderTable {
	border-collapse: collapse;
}

td.ItemTopTitle{
	padding: 5px;
	border: solid #ccc 1px
}
td.ItemTitle {
	padding: 5px;
}
td.Item {
	padding: 5px;
}

table.price_table {
	border-collapse: collapse;
}
table.price_table td {
	padding: 5px 2px 5px 2px;
	border: solid #C4D2E4 1px;
}

td.product_name {
	background-color:#F4F8FC;
	color:#213B5D;
	font-weight: bold;
}

span.required {
	color:red;
	font-weight: bold
}

pre.code {
	padding:2px;
	border: solid #ccc 1px
}

table.detail_table {
	border-collapse: collapse;
}

table.detail_table td {
	border:solid #ccc 1px;
	padding: 3px;
}

div.notice {
	margin:1em 2em 1em 2em;
	padding:5px;
	border:solid #ccc 1px;
	background-color: #fef
}

div.boxinfo {
	margin:5px 10px 5px 10px
}




ul#navigation {
    width:820px;
    margin:0 0 0 -40px;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:54px; /*高さ*/
    width:164px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(topbar2c.gif); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
ul#navigation a.product {background-position:0px 0px;width:164px;}
ul#navigation li a.product:hover {background-position:0 -54px;}
 
ul#navigation a.estimate {background-position:-164px 0px;}
ul#navigation li a.estimate:hover {background-position:-164px -54px;}
 
ul#navigation li a.order {background-position:-328px 0px;}
ul#navigation li a.order:hover {background-position:-328px -54px;}
 
ul#navigation li a.inquiry {background-position:-492px 0px;}
ul#navigation li a.inquiry:hover {background-position:-492px -54px;}
 
ul#navigation li a.company {background-position:-656px 0px;}
ul#navigation li a.company:hover {background-position:-656px -54px;}