@charset "utf-8";

/*contents.css
=================================
1:top
2:profile
3:price
4:flow
5:works
6:qa
7:access
=================================*/


/*1:top
=================================*/
#top {
	width:1000px;
	margin: 0 auto;
	background: #000000 url(../img/top_bg01.jpg) no-repeat 50% 0;
}

#top .section01 {
	padding:295px 0 0;
}

#top .section01 .left-col {
	float:left;
	width:444px;
	height:258px;
	background: url(../img/top_bg02.jpg) no-repeat 0 0;
}

#top .section01 .left-col .tit01 {
	padding:21px 0 0 30px;
}

#top .section01 .left-col ul {
	padding:5px 0 0 40px;
}

#top .section01 .left-col ul li {
	padding:10px 0 0;
}

#top .section01 .right-col {
	float:left;
	width:452px;
	height:258px;
	background: url(../img/top_bg02.jpg) no-repeat 0 0;
}

#top .section01 .right-col .tit02 {
	padding:25px 0 0 24px;
}

#top .section01 .right-col .txt01 {
	padding:12px 0 0 30px;
}

#top .section01 .right-col .txt02 {
	padding:12px 0 0 30px;
}

#top .section01 .right-col .link-area {
	float:left;
	padding:10px 0 0 30px;
}

#top .section01 .right-col .link-area .link01 {
	float:left;
	margin:0 100px 0 0;
	padding:0 10px 0 0;
	background: url(../img/parts01.gif) no-repeat 100% 5px;
}

#top .section01 .right-col .link-area .link02 {
	float:right;
	padding:0 10px 0 0;
	background: url(../img/parts01.gif) no-repeat 100% 5px;
}





/*2:profile
=================================*/
#profile {
	width:1000px;
	margin:0 auto;
	background: #000000 url(../img/profile_bg01.jpg) no-repeat 50% 0;
}

#profile .tit01 {
	width:853px;
	height:28px;
	padding:208px 0 0;
	margin:0 0 0 20px;
	background: url(../img/profile_parts01.gif) no-repeat 0 100%;
}

#profile .section01 {
	padding:11px 0 0 37px;
}

#profile .section01 .left-col {
	float:left;
}

#profile .section01 .left-col .txt01 {
	padding:25px 0 0;
	line-height:1.8;
}

#profile .section01 .left-col .img-area p {
	float:left;
	padding:25px 27px 0 0;
}

#profile .section01 .right-col {
	float:right;
	padding:1px 96px 0 0;
}

#profile .section02 {
	width:881px;
	height:279px;
	margin:30px 0 0 10px;
	background: url(../img/profile_bg02.jpg) no-repeat 0 0;
}

#profile .section02 .tit03 {
	padding:20px 0 0 30px;
}

#profile .section02 .box {
	float:left;
	padding:5px 0 0 30px;
}

#profile .section02 .box01 {
	float:left;
	padding:5px 0 0 30px;
}

#profile .section02 .box02 {
	float:left;
	padding:5px 0 0 10px;
}

#profile .section02 .box .txt02,
#profile .section02 .box01 .txt02,
#profile .section02 .box02 .txt02 {
	padding:5px 0 0;
}


/*3:price
=================================*/
#price {
	width:1000px;
	margin:0 auto;
	background: #000000 url(../img/price_bg01.jpg) no-repeat 50% 0;
}

#price .section01 {
	padding:218px 0 0 10px;
}

#price .section01 .left-col {
	width:421px;
	height:305px;
	float:left;
	line-height:1.8;
	background: url(../img/price_bg02.jpg) no-repeat 0 0;
}

#price .section01 .left-col .tit01 {
	padding:20px 0 0 30px;
}

#price .section01 .right-col {
	float:left;
	padding:0 0 0 20px;
}

#price .section01 .right-col .tit02 {
	padding:20px 0 0;
}

#price .section01 .right-col table {
	width:430px;
	margin:1px 0 0;
}

#price .section01 .right-col table td {
	height:35px;
	vertical-align:middle;
	background:#333333;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

#price .section01 .right-col table .title {
	background:#cccccc;
	color:#000000;
	text-align:center;
	font-weight:bold;
}

#price .section01 .right-col table .t-center {
	text-align:center;
}



/*4:flow
=================================*/
#flow {
	width:1000px;
	margin:0 auto;
	background: #000000 url(../img/flow_bg01.jpg) no-repeat 50% 0;
}

#flow .section01 {
	padding:230px 0 0 1px;
	line-height:2;
}

#flow .section01 .left-col {
	float:left;
	width:553px;
	height:778px;
	background: url(../img/flow_bg02.jpg) no-repeat 0 0;
}

#flow .section01 .left-col .tit01 {
	padding:20px 0 0 30px;
}

#flow .section01 .right-col {
	float:left;
	width:344px;
	height:780px;
	background: url(../img/flow_bg03.jpg) no-repeat 0 0;
}

#flow .section01 .right-col .tit02 {
	padding:20px 0 0 27px;
}




/*5:works
=================================*/
#works {
	width:1000px;
	margin: 0 auto;
	background: #000000 url(../img/works_bg01.jpg) no-repeat 50% 0;
}

#works .section01 {
	width:881px;
	margin:215px 0 0 8px;
	padding:0 0 20px;
	background: url(../img/works_bg03.jpg) no-repeat 0 100%;
}

#works .section01-in {
	background: url(../img/works_bg02.jpg) no-repeat 0 0;
}


#works .section001 {
	width:881px;
	height:790px;
	margin:215px 0 0 8px;
	background: url(../img/works_bg03.jpg) no-repeat 0 0;
}

#works .section01 .first {
	height:27px;
	margin:0 0 0 33px;
	padding:25px 0 0;
	background: url(../img/works_parts01.gif) no-repeat 0 100%;
}

#works .section01 .first .left {
	float:left;
}

#works .section01 .first .right {
	float:right;
	padding:6px 35px 0 0;
}

#works .section01 .second {
	height:25px;
	margin:0 0 0 33px;
	padding:10px 0 0 5px;
	background: url(../img/works_parts01.gif) no-repeat 0 100%;
}

#works .section01 .second01 {
	height:25px;
	margin:0 0 0 33px;
	padding:10px 0 0 5px;
}

#works .section01 .second .left,
#works .section01 .second01 .left {
	float:left;
}

#works .section01 .second .left a,
#works .section01 .second01 .left a {
	padding:0 0 0 10px;
	margin:0 30px 0 0;
	background: url(../img/parts01.gif) no-repeat 0 3px;
}

/*
#works .section01 .second .right,
#works .section01 .second01 .right {
	float:right;
	padding:0 35px 0 0;
}

#works .section01 .second .right a,
#works .section01 .second01 .right a,
#works .section01 .second .right span,
#works .section01 .second01 .right span {
	padding:0 0 0 10px;
	font-size:14px;
}
*/

#works .section01 .txt01 {
	padding:10px 0 0 40px;
}

#works .section01 ul {
	padding:0 0 0 35px;
	margin:10px 0 0;
}

#works .section01 li {
	width:136px;
	height:167px;
	float:left;
}


/*--------pickup--------*/
#works .section01 #flash-area {
	padding:30px 0 0 35px;
}

#works .section01 .thum {
	padding:20px 0 0 39px;
}

#works .section01 .thum p {
	float:left;
	padding:0 9px 0 0;
}

#works .section01 .com {
	text-align:right;
	padding:5px 40px 0 0;
}



/*6:qa
=================================*/
#qa {
	width:1000px;
	margin: 0 auto;
	background: #000000 url(../img/qa_bg01.jpg) no-repeat 50% 0;
}

#qa .section01 {
	width:882px;
	height:779px;
	margin:215px 0 0 9px;
	line-height:1.8;
	background: url(../img/qa_bg02.jpg) no-repeat 0 0;
}

#qa .section01 .tit01 {
	padding:20px 0 0 32px;
}

#qa .section01 .txt-c01 {
	color:#f4cf38;
}

#qa .section01 .txt-c02 {
	color:#da1c33;
}

#qa .section01 .left-col {
	float:left;
	width:390px;
	padding:0 0 0 37px;
}

#qa .section01 .right-col {
	float:left;
	width:390px;
	padding:0 0 0 30px;
}





/*7:access
=================================*/
#access {
	width:1000px;
	margin: 0 auto;
	background: #000000 url(../img/access_bg01.jpg) no-repeat 50% 0;
}

#access .section01 {
	width:882px;
	height:571px;
	margin:214px 0 0 7px;
	background: url(../img/access_bg02.jpg) no-repeat 0 0;
}

#access .section01 .tit01 {
	padding:20px 0 0 34px;
}

#access .section01 .left-col {
	float:left;
}

#access .section01 .right-col {
	float:left;
	padding:20px 0 0 55px;
}