@charset "utf-8";

/*
=======CONTENTS=======
 
 1,header
 2,globalnavi
 3,contentarea
 4,mainarea
 5,sidebar
 6,footer
 
 ============
 */

body {
	background:url(../images/bg.gif) ;
	text-align: center;
	margin:0;
	padding:0px;
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";

}

p{
	font-size:80%;
	margin:0px;
	padding:6px;
	line-height:150%;
	color:#666666;
}

a{
	color:#666666;
}

a:hover{
	color:#EC4096;
	}

#wrapper {
	width:885px;
	margin:0px auto;
	padding:0;
	background: url(../images/bg_note.gif) repeat-y;

}
/*-----------------------------------------------------------1,header*/
#header{
	width:885px;
	height:120px;
	margin:0 auto;
	text-align: left;
	background:url(../images/bg_header.gif) no-repeat;
}

#header h1{
	font-size:14px;
	width:500px;
	margin:0;
	padding:30px 40px 0px 50px;
	line-height:150%;
	text-align:left;
	font-weight:bold;
	color:#EC4096;
}

/*-----------------------------------------------------------2,globalnavi*/


#navi{
	clear:both;
	width:885px;
	height:103px;
	font-weight: bold;
	background:url(../images/bg_noteTop.gif) no-repeat 0px 0px;
}
#navi ul{
	margin:0;
	padding:0;
}
#navi li{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 0 0 30px;
	font-size:12px;
	width:201px;
}
#navi a.navi1ac{
	display:block;
	background:url(../images/bg_navi1.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi1ac{
	display:block;
	background:url(../images/bg_navi1.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}
#navi a.navi1{
	display:block;
	background:url(../images/bg_navi1_s.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi1{
	display:block;
	background:url(../images/bg_navi1_ov.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}

#navi a.navi2ac{
	display:block;
	background:url(../images/bg_navi2.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi2ac{
	display:block;
	background:url(../images/bg_navi2.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}
#navi a.navi2{
	display:block;
	background:url(../images/bg_navi2_s.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi2{
	display:block;
	background:url(../images/bg_navi2_ov.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}

#navi a.navi3ac{
	display:block;
	background:url(../images/bg_navi3.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi3ac{
	display:block;
	background:url(../images/bg_navi3.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}
#navi a.navi3{
	display:block;
	background:url(../images/bg_navi3_s.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
	text-decoration: none;
}
#navi a:hover.navi3{
	display:block;
	background:url(../images/bg_navi3_ov.gif) no-repeat 0px 0px;
	height:40px;
	padding-top:25px;
}
		
#pankuzu{
	width:450px;
	height:33px;
	clear:both;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	float:left;
	padding:0px 0 0 20px;
	}

/*-----------------------------------------------------------3,contentarea*/
#content{
	width:885px;
	height:auto;
	margin:0 auto;
	padding: 0;
	clear:both;
	text-align:left;
	background: url(../images/bg_note.gif) repeat-y;
}


/*-----------------------------------------------------------4,mainarea*/

#maincontent{
	float:right;
	width:630px;
	text-align: left;

}
#recommend {
	width:540px;
	padding:0px 0px 15px 0px;
	margin:0 20px 15px 20px;
	border:1px solid #B2B2B2;
	}
	
#recommend h2 {
	text-align:left;
	height:15px;
	font-size:11px;
	font-weight:bold;
	background:#B2B2B2;
	color:#FFFFFF;
	padding:5px 0px 0 20px;
	margin:0;
	}

#recommend ul {
	display:block;
	list-style:none;
	padding:10px 0px 15px 20px;
	margin:0;
	font-size:11px;
	}
	
#recommend li{
	padding:0 0px 0 0px;
	float:left;
	width:165px;
	}

#box1,#box2,#box3{
	width:590px;
	padding:0px 0px 0 0px;
	margin:0 0px 10px 0;
	line-height:150%;
	clear:both;
	}
	
#box1 h2 {
	text-align:left;
	height:50px;
	font-size:15px;
	font-weight:bold;
	color:#25AAF1;
	padding:3px 20px;
	margin:0;
	background:url(../images/h2_line1.gif) no-repeat 0 30px;
	}
	
#box2 h2 {
	text-align:left;
	height:50px;
	font-size:15px;
	font-weight:bold;
	color:#DC5275;
	padding:3px 20px;
	margin:0;
	background:url(../images/h2_line2.gif) no-repeat 0 30px;
	}
	
#box3 h2 {
	text-align:left;
	height:50px;
	font-size:15px;
	font-weight:bold;
	color:#EB720E;
	padding:3px 20px;
	margin:0;
	background:url(../images/h2_line3.gif) no-repeat 0 30px;
	}

#box1 ul,#box2 ul,#box3 ul {
	display:block;
	list-style:none;
	padding:0px 10px 10px 20px;
	margin:0;
	font-size:80%;
	line-height:200%;
	}
	
#box1 li,#box2 li,#box3 li{
	padding:5px 0px 5px 0px;
	width:280px;
	color:#666666;
	float:left;
	}
	
#box1 p,#box2 p,#box3 p{
	clear:both;
	text-align:left;
	padding:0px 23px;
	margin:0;
	}
	
/*----081013ここから---*/	
#box4{
	width:590px;
	margin:0 0 10px 0;
	line-height:150%;
	clear:both;
	background:url(../images/h2_line4.gif) no-repeat 0 30px;
	}

#box4 h2 {
	width:420px;
	height:50px;
	padding:3px 20px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	color:#25AAF1;
	}
	
#box4 ul{
	clear:both;
	list-style:none;
	padding:0px 20px 10px 20px;
	margin:0;
	font-size:80%;
	line-height:200%;
	}
	
#box4 li{
	padding:5px 0px 5px 30px;
	color:#666666;
	background:url(../images/list.gif) no-repeat left center;
	}
	
#box4 p{
	padding:10px 20px 0 20px;
	}
	
/*----081013ここまで追記---*/	
/*-----------------------------------------------------------5,sidebar*/



#sidebar {
	width:220px;
	text-align:left;
	margin:0;
	padding:0 0px 0 20px;
	}
	
#sidebar h2 {
	text-align:left;
	height:30px;
	padding:10px 0 0 0px;
	margin:0;
	}

#sidebar ul {
	list-style:none;
	padding:0;
	margin:0;
	font-size:80%;
	}
	
#sidebar li{
	padding:0px 0px 0px 0px;
	height:30px;
	color:#666666;
	line-height:150%;
	}

#sidebar p{
	padding:0px;
	line-height:180%;
	}

/*-----------------------------------------------------------6,footer*/
#footer{
	clear:both;
	text-align: left;
	width:885px;
	height:96px;
	margin:0 auto;
	padding:0;
	background: url(../images/bg_footer.gif) no-repeat;
	}
	
#footer img{
	padding-right:20px;
	}

#footernavi {
	font-size:80%;
	float:left;
	padding:0px 0 0 20px;
	color:#E6608B;
	
	}
address {
	margin:0 auto;
	padding:40px 0 0 0;
	text-align: center;
	font-size: 80%;
	font-style:normal;
	color:#E6608B;

}

/*-------------------------------------for any--*/

.clear{
	clear:both;
	line-height:1px;
}

#pagetop{
	text-align:right;
	padding:0px 50px 0px 0;
	}