﻿@charset "UTF-8";


.aboutBlock {
	background: transparent url(/about/pack/images/index_bg_01.jpg) repeat-y 0 0;
	zoom: 1;
 	width:960px;
	margin:0 -39px 0 -40px;
	}

.aboutBlockInner {
	padding: 0 39px 0 40px;
	}

.Line01 {
	margin-top:10px;
	margin-bottom:0px;
	padding-top:10px;
	}

.Line02 {
	margin-top:5px;
	margin-bottom:0px;
	padding-top:10px;
	}
	
.txt01 {
	 margin-top:59px;
	 margin-left:5px;
	}

.txt02 {
	 margin-top:25px;
	 margin-left:5px;
	}

.txt03 {
	 margin-top:44px;
	}

.txt04 {
	 margin-top:25px;
	}

.txt05 {
	 margin-top:55px;
	}

.txt06 {
	 margin-top:25px;
	}

.aboutBox01 {
	padding: 14px 15px 0 18px;
	}

.aboutBox02 {
	padding: 3px 13px 0 20px;
	}
	
.aboutBox02 .image {
	margin-left: 50px;
	}

.aboutBox03 {
	padding: 10px 23px 0 36px;
	}
	
.aboutBox03 .image {
	margin-right: 39px;
	}
	
#detailLinksArea02 {
    background: url("/common/images/contents_line_01.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    margin: 16px -4px 0 0;
    padding-top: 27px;
    width: 885px;
}
#detailLinksArea02 .detailLinksBox {
    height: 181px;
    position: relative;
}
#detailLinksArea02 #shopBox {
    background: url("/pack/images/index_bg_04_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 435px;
}
#detailLinksArea02 #pcBox {
    background: url("/pack/images/index_bg_05_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    width: 435px;
}
#detailLinksArea02 .detailLinksBox h2 {
    left: -5px;
    position: absolute;
    top: -5px;
}
#detailLinksArea02 .detailLinksBox .text {
    left: 213px;
    position: absolute;
    top: 20px;
}
#detailLinksArea02 .detailLinksBox .btn {
    padding-top: 120px;
    text-align: center;
}
#detailLinksArea02 .detailLinksBox .btn li {
    display: inline;
    padding: 0 9px;
}

/* さっそく作ってみる！ 
----------------------------------------*/
#detailLinksArea03 {
    background: url("/common/images/contents_line_02.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	margin-left: -20px;
　　margin-right: -25px;
    padding: 35px 0 0 20px;

}

#detailLinksArea03 .detailLinksBox {
    height: 188px;
    position: relative;
}	
#detailLinksArea03 h2.tophead01{
	font-size:22px;
	line-height:1;
	margin:0 0 12px 0;
	padding:0 0 0 8px;
}
#detailLinksArea03 #shopBox {
    background: url("/pack/images/index_bg_04_02.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 435px;
    height: 200px;
}
#detailLinksArea03 #pcBox {
    background: url("/pack/images/index_bg_05_02.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 200px;
    width: 435px;
}
#detailLinksArea03 .detailLinksBox h2 {
    left: 0px;
    position: absolute;
    top: 0px;
}
#detailLinksArea03 .detailLinksBox .text {
    left: 250px;
    position: absolute;
    top: 20px;
	width: 175px;
	line-height: 120%;
}
#detailLinksArea03 .detailLinksBox .btn {
    padding-top: 135px;
	padding-left: 10px;
    text-align: center;
}
#detailLinksArea03 .detailLinksBox .btn li {
    display: inline;
    padding: 0 9px;
}