@charset "Shift-JIS";

/* 特定タグ再定義 */

*{margin:0;padding:0;}

p{
	margin:0;
	padding:0;
}

img{
	border:0;
	margin:0;
}

.clear {
	clear: both;
}

body{
	text-align:center;
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:150%;
	background:#ffffff;
}


ul{
	list-style-type:none;
	}

table{
	border-collapse : collapse ;
}

td{
	text-align:left;
}

.mgt5{
	margin-top:5px;
}

.mgt10{
	margin-top:10px;
}

.mg10{
	margin:10px 0;
}

.mgt15{
	margin-top:15px;
}

.mgt5{
	margin-top:5px;
}

.mg-btm5{
	margin-bottom:5px;
}


/* 基本構造 */

div#wrapper{
	width:752px;
	background:#ffffff;
	margin:0 auto;
	padding:0;
	text-align:center;
}


/* ヘッド構造 */

div#head{
	width:752px;
	text-align:left;
	position:relative;
	margin:0 auto;
	border-top:5px solid #7b8b9b;
	min-height:80px;
}

	#head .topText{
		font-size:80%;
		text-align:right;
	}
.logo{
	margin:4px 0 0 5px;
}

.head_info_button{
	position:absolute;
	top:35px;
	left:540px;
}

.head_info_tel{
	position:absolute;
	top:35px;
	left:350px;
}

.center{
	text-align:center;
}


/* メインコンテンツ構造 */

div#contents{
	width:752px;
	margin:0 auto;
	padding:0;
	text-align:left;
}


/* フット構造 */

div#foot{
	width:752px;
	margin:0 auto;
	text-align:center;
	font-size:90%;
	background-color:#eeeeee;
	min-height:30px;
}

.foot_logo{
	margin:10px 10px 0 0;
}


/* コンテンツ内 */

.it_main_img{
	margin:3px 0 10px 0;
}


/* こんな方にぴったり！ */

div.point_main_bg{
	width:748px;
	border-left:2px solid #669900;
	border-right:2px solid #669900;
}

div.left-box1{
	width:360px;
	float:left;
}

div.left-box1 ul{
	list-style-image: url('images/check1_icon.gif');
	margin:10px 0 10px 40px;
}

div.right-box1{
	width:380px;
	float:right;
}

div.right-box1 ul{
	list-style-image: url('images/check1_icon.gif');
	list-style-position:inside;
	margin:7px 0 0 20px;
}


/* POINT */

div.point-box{
	width:750px;
	border:1px solid #669900;
	text-align:center;
}

div.point-box .point-inbox{
	width:724px;
	margin:0 auto;
}

div.left-box2{
	width:347px;
	float:left;
}

div.left-box2 .color-height{
	background:#eeeeee;
	min-height:425px;
}

div.left-box2 .color{
	background:#eeeeee;
}

div.right-box2{
	width:347px;
	float:right;
}

div.right-box2 .color2{
	background:#fde6d9;
}

div.left-box3{
	width:748px;
	text-align:left;
}

div.left-box3 p{
	width:710px;
	margin:0px 15px;
	font-size:90%;
}

div.right-box3{
	width:347px;
	float:right;
	margin-bottom:20px;
}

div.right-box3 .color3{
	background:#fde6d9;
}

.red-arrow{
float:left;
margin:180px 0 0 5px;
}

div.yahoo{
	background-color:#BCC7E7;
	border-left:2px solid #333333;
	border-right:2px solid #333333;
	text-align:left;
	padding:10px 10px 0 10px;
}
	div.yahoo .text{
		background-color:#DBE1F2;
		text-align:left;
		padding:10px;
		line-height:20px;
	}
/* キャンペーン */

div.right-box4{
	width:380px;
	float:right;
}

div.itpark-info{
	padding-bottom:10px;
}


div.info-box{
	width:650px;
	border:1px solid #999999;
	margin:0 auto;
}
div.seminar{
	width:724px;
	margin:30px auto;
}

div.info-box .left-box5{
	width:265px;
	float:left;
	padding:10px;
}

div.info-box .right-box5{
	width:238px;
	float:right;
	padding:10px;
}


/* 会社概要 */

div.company{
	width:748px;
	text-align:center;
}

div.company table{
	width:530px;
	float:left;
	padding:20px;
	margin:10px 0;
}

div.company table .td1{
	width:20%;
	padding:5px;
}

div.company table .td2{
	padding:2px;
}

div.company .company-logo{
	width:170px;
	float:right;
	padding:10px;
}

.hppro{
	margin-top:20px;
	margin-bottom:20px;
}
	.hppro img{
		vertical-align:bottom;
	}