@import"common.css";

/* CSS Document */

/*������ concept START ������������������������������������������������������������������������������������������������*/
/*/// contents ////////////////////////////////////////////////////////*/
#title-concept{
	height: 70px;
	background-image: url(../images/concept/h2-concept.png);
	background-repeat: no-repeat;
}
/*//////////// text invisible ////////////*/
#title-concept h2{text-indent: -9999px;}
/*//////////// text invisible ////////////*/

#contents-concept{
	padding-top:20px;
	padding-left:80px;
	padding-bottom:170px;
}

#contents-concept a{
	overflow: hidden;
}

#menu{
	height: 16px;
	width: 850px;
	padding-right:20px;
	padding-bottom:35px;

}

#menu li{
	float: left;
	display: inline;
	padding-left:20px;
	padding-right:20px;

}

#contents-concept h3{
	clear:both;
	font-size: 20px;
	color: #E67201;
	padding-bottom:25px;
}

#contents-concept p{
	clear:both;
}


/*������ concept-1 START ����������������������������������������*/
#title-concept{
	height: 70px;
	background-image: url(../images/concept/h2-concept.png);
	background-repeat: no-repeat;
}
/*//////////// text invisible ////////////*/
#title-concept h3{text-indent: -9999px;}
/*//////////// text invisible ////////////*/

#concept-1-img{
	margin-top: 20px;
	margin-bottom: 20px;
}

#contents-concept #list{
	margin-top: 20px;
	margin-bottom: 20px;
}

#list-1{
	background-image: url(../images/concept/list-concept-1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}

#list-2{
	background-image: url(../images/concept/list-concept-2.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}

#list-3{
	background-image: url(../images/concept/list-concept-3.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}

#list-4{
	background-image: url(../images/concept/list-concept-4.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}
/*������ concept-1 END ����������������������������������������*/


/*������ concept-2 START ����������������������������������������*/
#select-box{
	clear:both;
	padding-top:40px;
}

#left-img-1{
	float:left;
	width:130px;
	padding-top:10px;
}

#left-img-2{
	float:left;
	width:120px;
	padding-top:20px;
	padding-left:10px;
}

#right-img-2{
	float:left;
	padding-top:23px;
	padding-left:10px;
}

#right-img-3{
	float:left;
	padding-top:18px;
}

#right-img-4{
	float:left;
	padding-top:30px;
	padding-left:20px;
}

#left-img-5{
	float:left;
	width:110px;
	padding-top:25px;
	padding-left:20px;
}

#left-img-6{
	float:left;
	width:130px;
}

#left-img-7{
	float:left;
	width:115px;
	padding-top:25px;
	padding-left:15px;
}

#right-img-8{
	float:left;
	padding-top:25px;
	padding-left:15px;
}

#right-img-9{
	float:left;
	padding-top:30px;
	padding-left:25px;
}

#left-img-10{
	float:left;
	width:130px;
	padding-top:30px;
}


#main{
	float:left;
}

#main p{
	margin-top:15px
}

#main-left-space{
	float:left;
	padding-left:130px;
}

#main-left-space p{
	margin-top:15px
}


#comment{
	padding-top:60px;
}
/*������ concept-2 END ����������������������������������������*/


/*������ concept-3 START ����������������������������������������*/
.list-concept{
	background-image: url(../images/concept/list-concept.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-size:medium;
	font-weight:bold;
}

#contents-concept dd{
	text-indent:20px;
	padding-top:5px;
	padding-bottom:25px;
}

#to-contact{
	text-indent:2px;
	padding-top:40px;
}
/*������ concept-3 END ����������������������������������������*/
/*������ concept END ������������������������������������������������������������������������������������������������*/