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

/*===========全体設定===========*/
body{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6,h7,p{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,h7,p,td{
font-family: sans-serif, "ＭＳ ゴシック", "Osaka－等幅", Arial, Helvetica;
line-height:1.3;
}
a img{border:none;}
#wrapper{width:800px;}
	

/*===========header部設定===========*/
#header h1{
	width:800px;
	height:100px;
	}

/*===========container部設定===========*/
#container:after{
content:".";
display:block;
height:0.1px;
clear:both;
}

/*===========left_navi部設定===========*/
#left_navi{
	width:168px;
	float:left;
	}
ul,li{
	list-style:none;
	padding:0;
	margin:0;
	}

/*各メニュータイトル*/
#left_navi h3{
	background:url(../image/menu.gif) no-repeat;
	height:20px;
	padding-top:3px;
	text-align:center;
	font-size:13px;
	}
#left_navi h3.tit01,
#left_navi h3.tit03{
color:#FFFFFF;
}
#left_navi h3.tit02{
color:#FF0000;
}
/*メニュー各リンク*/
#left_navi ul#ul01 li{
	font-weight:bold;
	font-size:14px;
	height:34px;
	background-image: url(../image/menu_bar2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#left_navi ul#ul01 li a{
	width:168px;
	height:24px;
	text-align:center;
	padding-top:10px;
	display:block;
	color:#CC0000;

	}
#left_navi ul#ul01 li a:hover{
	color:#FF6600;
	}

/*お勧めキャッシング各リンク*/
#left_navi ul#ul02 li{
	font-weight:bold;
	font-size:14px;
	height:34px;
	background-image: url(../image/menu_bar3.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#left_navi ul#ul02 li a{
	width:168px;
	height:24px;
	text-align:center;
	padding-top:10px;
	display:block;
	color:#CC0000;

	}
#left_navi ul#ul02 li a:hover{
	color:#FF6600;
	}

/*項目各リンク*/
#left_navi ul#ul03 li{
	font-weight:bold;
	font-size:12px;
	height:22px;
	background-image: url(../image/menu_bar.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#left_navi ul#ul03 li a{
	width:168px;
	height:20px;
	text-align:center;
	padding-top:2px;
	display:block;
	color:#CC0000;

	}
#left_navi ul#ul03 li a:hover{
	color:#FF6600;
	}

/*===========main_area部設定===========*/
#main_area{
	width:627px;
	float:right;
	}
#main_area2{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	}
#main_area h2{
	height:29px;
	margin-top:20px;
	margin-left: 80px;
	}
#main_area p{
	font-size:12px;
	line-height:1.6;
	}
#main_area .box01{
	float:left;
	width:300px;
	}
#main_area .box02{
	float:right;
	width:300px;
	}
#main_area dl, dt, dd{
	margin:0;
	padding:0;
	}
#main_area dt{
	width:120px;
	float:left;
	}
#main_area dd{
	float:right;
	width:170px;
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
	line-height:1.8;
	}

/*===========footer部設定===========*/
#footer{
	clear:both;
	text-align:center;
	font-size:12px;
	color:#999999;
	zoom:1;
	}





/*===========枠線部設定===========*/
#wrapper{
border:double 3px #666666;
}
#header{
border-bottom:double 3px #666666;
}
#main_area{
border-left:double 3px #666666;
}
#left_navi{
padding-top:1px;
}
#footer{
border-top:double 3px #666666;
}



/*===========詳細部設定===========*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
}


.left{float:left;}
.right{float:right;}
.clear{
	clear:both;
	border: 1px solid #CCC;
	padding: 3px;
}

.tac{text-align:center;}

/*margin*/
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m35{margin:35px;}
.m40{margin:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{
	margin-bottom:15px;
	padding: 3px;
	border: 1px solid #CCC;
}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{
	margin-bottom:30px;
	border: 1px solid #CCC;
	padding: 3px;
}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}