/* Element */
body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-size:12px;
	line-height:1.5;
	background-color: #fcf4e8;		
}
a {
	color: #333333;
}
h1,h2,h3,p{
	margin: 0;
	padding: 0;
	font-size:100%;
}

img{
	border:none;
}

ul,li{
	list-style:none;
	margin:0;
	padding:0;
}

/* fontsize,decoration */
.font10 {
	font-size: 81.25%;
}


/* wrap */

div#wrap{
	width:780px;
	margin:36px auto 0;
	text-align:center;
}

/* title 
--------------------------------------------- */

div#title{
	width:780px;
	margin:0;
	position:relative;
	text-align:left;
}

div#title p#logoCoop{
	position:absolute;
	left:16px;
	top:-24px;
}

/* pagenavi 
--------------------------------------------- */
div#pagenavi{
	width:780px;
	height:231px;
	background:url(../img/paginavi_bg.jpg) no-repeat left top;
}

div#pagenavi p#pagenaviTtl{
	padding:12px 0 9px;
}

div#pagenavi li{
	float:left;
	padding-left:5px;
}




	/* 追加：2011.09.20 */
	div#extraSection {
		position: relative;
		margin-top: 20px;
		text-align: left;
		zoom: 1;
	}
	div#extraSection .ttl {
	}
	div#extraSection .txt {
		margin: 9px 0 0;
	}
	div#extraSection .btn {
		position: absolute;
		top: 29px;
		right: 0;
	}
	
	div#sec01 {
		margin-top: 102px;
	}



/* infoW 
--------------------------------------------- */
div.infoW{
	width:780px;
	margin-top:26px;
	text-align:left;
	position:relative;
	background:url(../img/info780px_bg_c.gif) repeat-y left top;
}

div.infoW div.siryoWrapW{
	width:488px;
	float:left;
	padding-bottom:46px;
	padding-left:12px;
}

div.infoW div.siryoWrapW h3{
	margin:0 0 12px;
}

div.infoW div.siryoWrapW p{
	margin:0 8px 12px;
}


/**/
div.infoW div.kanyuW{
	width:230px;
	float:right;
	position:relative;
	padding-bottom:46px;
	padding-right:14px;
}

div.infoW div.kanyuW h3{
	margin:0 0 12px;
}

div.infoW div.kanyuW p.kanyuWtab{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:-28px;
}

div.infoW div.kanyuW p{
	margin:0 8px 12px;
}

/**/
div.infoW p.siryouBtnW{
	position:absolute;
	left:99px;
	bottom:17px;
}

div.infoW p.kanyuBtnW{
	position:absolute;
	left:537px;
	bottom:17px;
}


/* campaginBnr
   --------------------------------------------- */
   
div#campaginBnr{
	width:780px;
	position:relative;
	margin-bottom:80px;
}

div#campaginBnr p#campaginBtn{
	position: absolute;
	top: 51px;
	left: 595px;
}



/* section base
   --------------------------------------------- */
   
div.section{
	width:780px;
	margin:0 0 10px;
	padding-top:53px;
	position:relative;
	background:url(../img/section_bg_t.gif) no-repeat left top #ffcc89;
}


div.section div.sectionInner{
	width:767px;
	margin:0 0 0 6px;
	_margin:0;/*IE6*/
	background:url(../img/section_texture.jpg) no-repeat left top;
}
/*IE7*/
*+html div.section div.sectionInner{
	width:767px;
	margin:0;
	background:url(../img/section_texture.jpg) no-repeat left top;
}

div.section p.sectionIllust{
	position:absolute;
	left:332px;
	top:-81px;
}

/* section01
   --------------------------------------------- */
   
p#section01Ttl01{
	position:absolute;
	top:-16px;
	left:10px;
}

h2#section01Ttl02{
	position:absolute;
	top:14px;
	left:128px;
}

p#section01Ttl03{
	position:absolute;
	top:-27px;
	left:651px;
}
/**/
div.section01Left{
	width:331px;
	margin-top:32px;
	margin-bottom:10px;
	padding-left:27px;
	float:left;
}

div.section01Left h3{
	margin-bottom:20px;
}

div.section01Left div.section01Block{
	margin-bottom:30px;
	padding-left:16px;
}

div.section01Left div.section01Block2{
	padding-left:16px;
}


/**/
div.section01Right{
	width:324px;
	margin-top:32px;
	padding-right:30px;
	margin-bottom:10px;
	float:right;
}

div.section01Right h3{
	margin-bottom:20px;
}

div.section01Right div.section01Block{
	margin-bottom:30px;
	padding-left:10px;
}

div.section01Right div.section01Block2{
	padding-left:10px;
}


/* section02
   --------------------------------------------- */
 

p#section02Mds{
	text-align:left;
	margin-bottom:16px;
}

p#section02Ttl01{
	position:absolute;
	top:-16px;
	left:10px;
}

h2#section02Ttl02{
	position:absolute;
	top:14px;
	left:128px;
}

p#section02Ttl03{
	position:absolute;
	top:-24px;
	left:651px;
}

ul#section02List{
	margin:32px 0 12px 34px;
	width:690px;
}

ul#section02List li{
	padding-left:18px;
	float:left;
}

ul#section02List li.last{
	padding-left:15px;
	float:left;
}




/* section03
   --------------------------------------------- */

p#section03Ttl01{
	position:absolute;
	top:-16px;
	left:10px;
}

h2#section03Ttl02{
	position:absolute;
	top:16px;
	left:128px;
}

p#section03Ttl03{
	position:absolute;
	top:-24px;
	left:651px;
}


div#section03Inner{
	width:760px;
	margin:0 0 0 2px;
	text-align:left;
}

div#section03Inner h3{
	margin: 65px 0 0 32px;
}

div#section03ImgWrap{
	width:454px;
	height:352px;
	position:absolute;
	left:307px;
	_left:309px;
	top:78px;
	background:url(../img/section03_img_bg.gif) no-repeat left top;
}

/*IE7*/
*+html div#section03ImgWrap{
	width:454px;
	height:352px;
	position:absolute;
	left:309px;
	top:78px;
	background:url(../img/section03_img_bg.gif) no-repeat left top;
}

ul#section03Img li#l01{
	position:absolute;
	top:175px;
	left:1px;
}

ul#section03Img li#l02{
	position: absolute;
	top: 45px;
	left: 25px;
}

ul#section03Img li#l03{
	position:absolute;
	top:0;
	left:152px;
}

ul#section03Img li#l04{
	position: absolute;
	top: 37px;
	left: 293px;
}
	
ul#section03Img li#l05{
	position: absolute;
	top: 215px;
	left: 269px;
}

p#section03Catalog{
	position:absolute;
	left:143px;
	top:155px;
}

p#section03Btn{
	position:absolute;
	left:98px;
	top:312px;
}
	

/* info
--------------------------------------------- */
div.info{
	width:768px;
	margin:26px 0 0 6px;
	text-align:left;
	position:relative;
	background:url(../img/info768px_bg_c.gif) repeat-y left top;
}

div.info div.siryoWrap{
	width:488px;
	float:left;
	padding-bottom:46px;
	padding-left:12px;
}

div.info div.siryoWrap h3{
	margin:0 0 12px;
}

div.info div.siryoWrap p{
	margin:0 8px 12px;
}


/**/
div.info div.kanyu{
	width:230px;
	float:right;
	position:relative;
	padding-bottom:46px;
	padding-right:12px;
}

div.info div.kanyu h3{
	margin:0 0 12px;
}

div.info div.kanyu p.kanyuWtab{
	margin:0;
	padding:0;
	position:absolute;
	left:6px;
	top:-25px;
}

div.info div.kanyu p{
	margin:0 8px 12px;
}

/**/
div.info p.siryouBtnW{
	position:absolute;
	left:99px;
	bottom:17px;
}

div.info p.kanyuBtn{
	position:absolute;
	left:527px;
	bottom:17px;
}


/* campagin
   --------------------------------------------- */
   
div.campagin{
	width:780px;
	margin:0 0 10px;
	padding-top:47px;
	position:relative;
	background:url(../img/campagin_bg_t.gif) no-repeat left top #94c226;
}


div.campagin div.campaginInner{
	width:767px;
	margin:0 0 0 6px;
	_margin:0;/*IE6*/
	background:url(../img/campagin_texture.jpg) no-repeat left top;
}

/*IE7*/
*+html div.campagin div.campaginInner{
	width:767px;
	margin:0;
	background:url(../img/campagin_texture.jpg) no-repeat left top;
}


h2#campaginTtl{
	position:absolute;
	top:-53px;
	left:0;
}

div.campagin div#campaginBlock{
	width:731px;
	margin:10px 0 5px 18px;
	_margin:10px 0 5px 0;/*IE6*/
	background:url(../img/campagin_block_bg.gif) repeat-y left top;
}

/*IE7*/
*+html div.campagin div#campaginBlock{
	width:731px;
	margin:10px 0 5px 0;
	background:url(../img/campagin_block_bg.gif) repeat-y left top;
}

div.campagin div#campaginBlockLeft{
	width:360px;
	text-align:left;
	float:left;
}

div.campagin div#campaginBlockLeftInner{
	width: 320px;
	margin: 0 auto 6px;
}

div.campagin div#campaginBlockLeftInner ul{
	width:320px;
	margin:12px 0 0;
}

div.campagin div#campaginBlockLeftInner ul li{
	float:left;
	margin-right:15px;
	margin-bottom:4px;
}

div.campagin div#campaginBlockLeftInner ul li.last{
	float:left;
	margin-right:0;
}

div.campagin div#campaginBlockRight{
	width:320px;
	text-align:left;
	float:right;
}

div.campagin div#campaginBlockRight p#campaginBlockRightPct{
	margin-left:24px;
	margin-bottom:16px;
}

div.campagin div#campaginBlockRight p.kome{
	text-align:center;
}


/* info(campagin)
--------------------------------------------- */
div.campagin div.info{
	width:768px;
	margin:26px 0 0 6px;
	text-align:left;
	position:relative;
	background:url(../img/info768px_camp_bg_c.gif) repeat-y left top;
}

div.info div.siryoWrap{
	width:488px;
	float:left;
	padding-bottom:46px;
	padding-left:12px;
}

div.info div.siryoWrap h3{
	margin:0 0 12px;
}

div.info div.siryoWrap p{
	margin:0 8px 12px;
}


/**/
div.info div.kanyu{
	width:230px;
	float:right;
	position:relative;
	padding-bottom:46px;
	padding-right:12px;
}

div.info div.kanyu h3{
	margin:0 0 12px;
}

div.info div.kanyu p.kanyuWtab{
	margin:0;
	padding:0;
	position:absolute;
	left:6px;
	top:-25px;
}

div.info div.kanyu p{
	margin:0 8px 12px;
}

/**/
div.info p.siryouBtnW{
	position:absolute;
	left:99px;
	bottom:17px;
}

div.info p.kanyuBtn{
	position:absolute;
	left:527px;
	bottom:17px;
}


/* how
   --------------------------------------------- */
   
div#how{
	width:780px;
	text-align:left;
	background-color:#f7e1be;
}

div#how div.sectionHow{
	width:768px;
	background:url(../img/how_section_bg_c.gif) repeat-y left top;
	margin:0 auto 7px;
}

div#how div.sectionHowInner{
	padding:12px 0 0 18px;
}

div#how div.sectionHowInner h3{
	margin-bottom:6px;
}

div#how div.sectionHowInner ul{
	background:url(../img/how_bg_arw.gif) no-repeat left 42px;
}

div#how div.sectionHowInner ul li{
	float:left;
	margin-right:22px;
	margin-bottom:12px;
}

div#how div.sectionHowInner ul li.last{
	float:left;
	margin-right:0;
	margin-bottom:12px;
}



/* footer
   --------------------------------------------- */
   
div#footer{
	width:780px;
	padding:16px 0 11px;
	background:url(../img/fotter_bg.gif) no-repeat left top;
}

/* pagetop
   --------------------------------------------- */
   
div.pagetop{
	width:774px;
	text-align:right;
	margin-top:10px;
}


/* common
   --------------------------------------------- */
   
.kome{
	padding-left:1em;
	text-indent:-1em;
}



/* clearfix
   --------------------------------------------- */
.clearfix:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
.clearfix{
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */