/* CSS Document */
@charset "UTF-8";


/*
div {
	border: 1px dotted #FF0000;
}
*/

/***********************
ページ全体
***********************/


img.r {
	float: right;
	border: none;
	margin-right:8px;
	margin-top:4px;
	vertical-align:top;
}

img.l {
	float: left;
	border: none;
	margin-right:8px;
	margin-top:4px;
	vertical-align:top;
}

/***************************
縦３段
****************************/

#h_l_t {
display: none;
}


/***************************
ヘッダ・ナビゲーション・検索
****************************/
#header {
display: none;
}

#header img {
	padding: 14px 0 0 15px;
	margin: -0px;
　  border: none;
        float: left;
}


/*------上文字------*/

#toptext {
    padding: 0px;
    margin: 0px;
    position: absolute;
    line-height: 1.6em;
    width: 220px;
    top: 34px;
    left: 155px;
    height: 32px;
/*border: 1px solid red;*/
}

#topmail {
display: none;
}




/***********************
コンテンツ
***********************/
#content {
	width: 758px;
        position:relative;
	margin: 0;
	padding:0;
        border-top:1px solid #999999;
/*↓floatのブラウザ問題回避設定*/
overflow:auto;
/*background:url(../pict/content_bg.gif) left top ;*/
/*      position:ralative;	*/
/*border-RIGHT:1px solid RED;*/

}



/***********************
中央コンテンツ・右コンテンツ
***********************/

#wrapper {
width: 605px;

/*
border-RIGHT:1px solid RED;
*/
}

/***********************
中央コンテンツ
***********************/
#content_c {
width: 605px;
float: left;
margin: 0 auto;
/*
background:#999999;
*/
}

/*------センターメイン------*/
#main_img {
	width: 605px;
        height: 325px;
/*	border:1px solid #CCCCCC;*/
background:url(../pict/top_main.jpg) left top no-repeat;
	margin: 0;
	padding: 0;}


/*------What'snew-----*/

.news {
	width: 400px;
/*	border:1px solid #CCCCCC;*/
	margin: 25px 0;
	padding: 0 0 0 170px;
        background:url(../pict/top_news.gif) left top no-repeat;
/*background:#CCCCCC;*/

}

.news dt {
        color: #009900;
        margin: 0;
}

.news dd {
        background:url(../pict/top_news_bt.gif) left top no-repeat;
        margin: 0;
        padding: 2px 0 8px 18px;
        font-size: 150%;
/*        text-decoration: underline;*/
}


/*------MSコンテンツ------*/
.ms_contents{
        width:550px;
		margin:5px auto 10px auto;
		font-size:12px;
		line-height:1.5em;
height: auto;
		}

.ms_contents h2{
        color:#000000;
		font-weight:600;
		font-size:20px;
		background:url(../pict/h2.gif) no-repeat 0 0;
		height:43px;
		padding:15px 0 0 25px;}
		
.ms_contents p{
        width:530px;
	margin: 5px 0 7px 10px;
        padding: 2px 0;
}

.ms_contents .log h3 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FFCC00;
	line-height: 1.5em;
	margin:5px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #FF9900;
}
.ms_contents .company h3 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FFCC00;
	line-height: 1.5em;
	margin:5px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #FF9900;
}

.ms_contents .log h4 {
	width: 520px;
	font-weight: 600;
	font-size: 15px;
	margin:20px 0;
	border-bottom: 1px solid #66CC00;
}.

.ms_contents .company h4 {
	width: 520px;
	font-weight: 600;
	font-size: 15px;
	margin:20px 0;
	border-bottom: 1px solid #66CC00;
}

.ms_contents strong {
	color:#FF6600;} 

/*---------MSの特徴用------------*/
/**--h3--**/
.tokutyou h3 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FFCC00;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	border-left: 3px solid #FF9900;
	margin: 0;
}
.tokutyou {
	/*border: 1px solid #FFCC00;*/
	overflow: auto;
	margin: 5px 0;
	padding:10px 0;
}

/**--h4--**/
.tokutyou .tokutyou_ms h4 {
	width: 330px;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px solid #66CC00;
	padding: 0;
	margin: 0;
}

.tokutyou .tokutyou_general h4 {
	width: 330px;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px solid #FFCC99;
	padding: 0;
	margin: 0;
}

/**左(ＭＳの場合・一般…)**/
.tokutyou_box {
	width: 380px;
	float: left;
}

/**--ＭＳの場合--**/

.tokutyou .tokutyou_ms {
	width: 360px;
/**	border: 10px solid #66CC00;**/
	background:url(../pict/box_ms.gif) no-repeat bottom right;
	padding: 10px 12px;
	margin: 5px 2px;
}
.tokutyou .tokutyou_ms p {
	width: 280px;
	margin: 3px 0;
	padding: 5px;
	border: 1px dotted #CCCCCC;
}

/**--一般大手メーカー--**/
.tokutyou .tokutyou_general {
	width: 360px;
/**	border: 10px solid #FFCC99;-**/
	padding: 5px 12px;
	margin: 5px 2px;
}
.tokutyou .tokutyou_general p {
	width: 330px;
	margin: 3px 0;
	padding: 5px;
	border: 1px dotted #CCCCCC;
}
/**--右画像--**/
.tokutyou .tokutyou_img {
	width: 160px;
	float: right;
}
.tokutyou_img img {
	margin: 2px;
}

/*--------価格事例------------*/
/**--h3--**/
.kakaku h3{
	width: 450px;
        height: 35px;
	font-weight: 600;
	font-size: 20px;
        background: url(../pict/h4.gif) 0 0 no-repeat;
	padding: 15px 0 0 60px;
	margin: 0;
}
.kakaku {
	/*border: 1px solid #FFCC00;*/
	overflow: auto;
	margin: 5px 0;
	padding:10px 0;
}

/******表テンプレート******/

.t_type1{
	border:1px solid #ccccff;
	}
.t_type1 th{
	color:#FFFFFF;
	text-align:left;
	magin:0;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	border: 1px solid #ccccff;
	background:#CCCCFF;
	}
.t_type1 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	border: 1px solid #ccccff;
	}

.t_type2{
	border:1px solid #FF9900;
	width:80%;
	}
.t_type2 th{
	color:#FFFFFF;
	text-align:left;
	magin:0;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	border: 1px solid #ccccff;
	background:#CCCCFF;
	}
.t_type2 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	border: 1px solid #FF9900;
	}

.t_type3{
    margin:0 0 0 10px;
	border:1px solid #00CC00;
	width:540px;}
.t_type3 th{
	text-align:center;
	magin:0;
	width:100px;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	background:#FEFB70;
	}
.t_type3 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	}
	
.t_type4{
	font-size:12px;
	width:650px;}
.t_type4 th{
	text-align:left;
	magin:0;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	background-color: #B0C4E3;
	}
.t_type4 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	}

.t_type5{
	border:1px solid #ccccff;
	}
.t_type5 th{
	color:#FFFFFF;
	text-align:left;
	magin:0;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	border: 1px solid #ccccff;
	background:#CCCCFF;
	}
.t_type5 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	border: 1px solid #ccccff;
	}

.t_type6{
	border:1px solid #FF9900;
	width:80%;
	}
.t_type6 th{
	color:#FFFFFF;
	text-align:left;
	magin:0;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	border: 1px solid #ccccff;
	background:#CCCCFF;
	}
.t_type6 td{
	text-align:left;
	magin:0;
	padding:0 10px 0 10px;
	border: 1px solid #FF9900;
	}

.t_type7{
        margin:0;
	border:1px solid #00CC00;
	width:300px;
        float: left;
        }
.t_type7 th{
	text-align:center;
	magin:0;
	padding:0;
	width:120px;
	border:1px solid #00CC00;
	vertical-align:top;
	background:#FEFB70;
	}
.t_type7 td{
	border:1px solid #00CC00;
	text-align:left;
	magin:0;
	padding:0;
	}
	
.t_type8{
        margin:0 0 0 4px;
	border:1px solid #00CC00;
	width:240px;
        float: right;}
.t_type8 th{
	text-align:center;
	magin:0;
	width:100px;
	border:1px solid #00CC00;
	vertical-align:top;
	background:#FEFB70;
	}
.t_type8 td{
        border:1px solid #00CC00;
	text-align:left;
	magin:0;
	padding:0;
	}
	
/***********************
右コンテンツ
***********************/
/*#content_r {
width: 157px;
float: left;
margin: 0 auto;
background:#CCCCCC;

}*/


/***********************
フッタ
***********************/
#footer {
position: absolute; top: 0px; left: 250px;
}

#copyright {
font: #000;

}

#tel {
font: #000;
}

/***********************
ブログ
***********************/
.blogarea {
  border: 1px solid #cccccc;
  width: 540px;
  margin : 8px 10px;
}

.blogarea #date {
  text-align:right;
  font-weight: bold;
  margin-right: 5px;
  border-bottom: 1px dotted #cccccc;
}


.blogarea h3 {
  background-color: #e5f6ff;;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  border-left: 3px solid #0066cc;
}


.blogarea #blogbody {
  padding: 3px;
  font-family: "Comic Sans MS";
}

.blogarea #post {
  margin: 15px 0 0 0;
  font-weight: bold;
}

.blogarea #trackback {
  margin: 10px 0 0 10px;
  padding: 0px 0 0 14px;
  font-weight: bold;
}

.blogarea p {
  margin: 0 0 0 10px;
  padding: 0px 0 0 14px;
  font-size: 10px;
  line-height: 150%;
}


.blogarea #comment {
  margin: 2px 0 0 10px;
  padding: 0px 0 0 14px;
  font-weight: bold;
}