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


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

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

body *{
/*  font-size:13px;*/
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  color: #653818;
width: 758px;
border-right: 1px solid #CCCCCC;}

a {
  color:#009900;
}
a:hover {
  color:#FF6600;
}

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 {
width: 758px;
position:static;}


/***************************
ヘッダ・ナビゲーション・検索
****************************/
#header {
/*
border-right: 1px solid #CCCCCC;
*/
width: 758px;
height: 99px;
color: #653818;
background:top left no-repeat url(../pict/header.gif);
}

#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;
    font-size:13px;
    height: 32px;
/*border: 1px solid red;*/
}

#topmail {
    padding: 22px 5px 0 0;
    margin: -0px;
　  border: none;
    float: right;

/*border: 1px solid red;*/
}



/***********************
右コンテンツ
***********************/
/*------全体------*/
/*------この幅はボタン幅より大きくする事------*/
#content_wrapper {
width: 153px;
float: right;
margin: 0;
padding: 0;
background:url(../pict/content_l_top.gif) top left no-repeat #fff;
position: static;
/*border: 1px solid red;*/
}


/*------左下スペース------*/
#content_l_space{
	padding: 0;
	width: 149px;
	height: 40px;
	background: #fff;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 4px;
}

/*------左ボタン------*/

#content_l ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content_l li {
/*  margin: 26px 0 0 0;*/
  border: 1px solid #CCCCCC;
  padding: 0;
  display: block;
  width: 149px;
  height: 53px;
  text-indent: -9999px;
}

#content_l li a {
  text-decoration: none;
  display: block;
  height: 53px;
}

#content_l li#navi_1 {
  margin: 51px 0 0 0;
  background: url(../pict/navi_1.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_2 {
  background: url(../pict/navi_2.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_3 {
  background: url(../pict/navi_3.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_4 {
  background: url(../pict/navi_4.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_5 {
  background: url(../pict/navi_5.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_6 {
  background: url(../pict/navi_6.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_7 {
  background: url(../pict/navi_7.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_8 {
  background: url(../pict/navi_8.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_9 {
  background: url(../pict/navi_9.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_10 {
  background: url(../pict/navi_10.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_11 {
  background: url(../pict/navi_11.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_12 {
  background: url(../pict/navi_12.gif) 0 0 no-repeat;
  height: 53px;
}
#content_l li#navi_seminar {
  background: url(../pict/navi_seminar.gif) 0 0 no-repeat;
  height: 53px;
}

#content_l li#navi_blog {
  margin: 5px 0 0 0;
  background: url(../pict/navi_blog.gif) 0 0 no-repeat;
  height: 51px;
}


#content_l li#navi_boss {
  margin: 5px 0 0 0;
  background: url(../pict/navi_boss.gif) 0 0 no-repeat;
  height: 51px;
}


#content_l li#navi_1 a:hover{
  background: url(../pict/navi_1.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_2 a:hover{
  background: url(../pict/navi_2.gif) 0 -53px no-repeat;
  height: 53x;
}
#content_l li#navi_3 a:hover{
  background: url(../pict/navi_3.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_4 a:hover{
  background: url(../pict/navi_4.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_5 a:hover{
  background: url(../pict/navi_5.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_6 a:hover{
  background: url(../pict/navi_6.gif) 0 -53px no-repeat;
  height: 53px;
}

#content_l li#navi_7 a:hover{
  background: url(../pict/navi_7.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_8 a:hover{
  background: url(../pict/navi_8.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_9 a:hover{
  background: url(../pict/navi_9.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_10 a:hover{
  background: url(../pict/navi_10.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_11 a:hover{
  background: url(../pict/navi_11.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_12 a:hover{
  background: url(../pict/navi_12.gif) 0 -53px no-repeat;
  height: 53px;
}
#content_l li#navi_seminar a:hover{
  background: url(../pict/navi_seminar.gif) 0 -53px no-repeat;
  height: 53px;
}


#content_l li#navi_blog a:hover {
  background: url(../pict/navi_blog.gif) 0 -51px no-repeat;
/*  height: 51px;*/
}


#content_l li#navi_boss a:hover{
  background: url(../pict/navi_boss.gif) 0 -51px no-repeat;
/*  height: 51px;*/
}




#navi_mkobo li {
/*  margin: 26px 0 0 0;*/
  border: 1px solid #CCCCCC;
  padding: 0;
  display: block;
  width: 149px;
  height: 51px;
  text-indent: -9999px;
}

#navi_mkobo li a {
  text-decoration: none;
  display: block;
  height: 51px;
}
#navi_mkobo li {
  margin: 5px 0 0 0;
  background: url(../pict/navi_mkobo.gif) 0 0 no-repeat;
  height: 51px;
}
#navi_mkobo li a:hover{
  background: url(../pict/navi_mkobo.gif) 0 -51px no-repeat;
/*  height: 51px;*/
}






/*------右ブログカテゴリ------*/
#blog_cat {
  width: 149px;
  border: 1px solid #CCCCCC;
}

#blog_cat ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#blog_cat li {
/*  border: 1px solid #CCCCCC;*/
  padding: 0;
  display: block;
  font-size:13px;
  width: 149px;
  height: 27px;
}

#blog_cat li a {
  text-decoration: none;
  display: block;
  color: #ff6600 ;
  line-height: 2.2em;
  padding-left: 22px;
  font-weight: bold;
  background: url(../pict/navi_blog_cat.gif) 0 0 no-repeat;
  height: 27px;
}

#blog_cat li a:hover{
  background: url(../pict/navi_blog_cat.gif) 0 -27px no-repeat;
}


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

}



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

#wrapper {
width: 605px;
float: left;
/*
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;
		}

.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 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 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: 10px 0;
}

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

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

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

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

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

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

/******表テンプレート******/
.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;
	}
	
/***********************
右コンテンツ
***********************/
/*#content_r {
width: 157px;
float: left;
margin: 0 auto;
background:#CCCCCC;

}*/


/***********************
フッタ
***********************/
#footer {
	clear: both;
	padding:0;
	width:758px;
	position:static;
	background: transparent url(../pict/footer.gif) left top;
        background-repeat: repeat-x;
	height: 50px;
	margin:0px;
}

#copyright {
	color: #fff;
	font-size: 12px;
	text-align: left;
        line-height: 1.4em;
        padding: 5px 0 0 0;

}

#tel {
	color: #fff;
	font-size: 30px;
	text-align: left;
        float: left;
        padding: 5px 10px 0 10px;
        font-family: Impact,Charcoal;
}

/***********************
ブログ
***********************/
.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 h3 a{
  font-size:16px;
}
.blogarea h3 a:link{
  font-size:16px;
}
.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;
}

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


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

/* RSS配信 */
#ad_banner{
margin:20px auto;
}