@charset "utf-8";

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

body {
	background:url(../images/bg.gif) repeat-x;
	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:900px;
	margin:0px auto;
	padding:0;

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

#header h1{
	font-size:12px;
	width:850px;
	margin:0;
	padding:60px 30px 0 0;
	text-align:right;
	font-weight:normal;
	color:#666666;
}

#header2{
	width:837px;
	height:135px;
	text-align:left;
	padding:0 0 0 63px;
	background:url(../images/bg_note2.gif) no-repeat 0px 0px;
}

#headerSub{
	width:860px;
	height:106px;
	margin:0 auto;
	padding:50px 0 0 40px;
	text-align: left;
	background:url(../images/bg_header_sub.gif) no-repeat;
}

#headerSub h1{
	font-size:11px;
	width:800px;
	margin:0;
	padding:0px 0px 0 0;
	text-align:right;
	font-weight:normal;
	color:#666666;
}

#comment{
	width:900px;
	height:136px;
	text-align:left;
	padding:0 0 0 0px;
	background:url(../images/bg_comment.gif) no-repeat 0px 0px;
}

#comment p{
	width:500px;
	height:86px;
	text-align:left;
	padding:50px 0 0 100px;
}
		
#pankuzu{
	width:870px;
	height:44px;
	text-align:left;
	font-size:12px;
	padding:0 0 0 30px;
	background:url(../images/bg_pankuzu.gif) no-repeat 0px 0px;
}

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

#maincontent2{
	width:820px;
	height:auto;
	margin:0 auto;
	padding: 0 60px 0 20px;
	clear:both;
	text-align:left;
	background: url(../images/bg_note.gif) repeat-y;
}

#box1{
	width:200px;
	height:158px;
	float:left;
	padding:5px 5px;
	margin:20px 20px 0 20px;
	line-height:150%;
	background: url(../images/bg_postit.gif) no-repeat;
	}
	
#box1 h2{
	padding:0;
	margin:0;
	}
#box1 p{
	width:190px;
	padding:0px 5px 0 5px;
	margin:0;
	}
	
#box1 a{
	font-size:11px;
	font-weight:bold;
	}
	
#box2{
	width:207px;
	float:left;
	padding:0;
	margin:0px 20px 0 10px;
	line-height:150%;
	background: url(../images/menu_bg.gif) repeat-y;
	}
#box2 h2{
	font-size:14px;
	height:35px;
	padding:15px 0 10px 20px;
	margin:0;
	background: url(../images/menu_h2_bg.gif) no-repeat;
	}
#box2 ul {
	list-style:none;
	padding:0 0 0 20px;
	margin:0;
	font-size:80%;
	}
	
#box2 li{
	padding:0px 0px 0px 20px;
	height:30px;
	color:#666666;
	line-height:150%;
	background: url(../images/list.gif) no-repeat;
	}
	
#box3{
	width:570px;
	float:left;
	padding:0;
	margin:0px 0 0 10px;
	line-height:150%;
	}
#box3 h2{
	font-size:14px;
	height:35px;
	padding:15px 0 10px 20px;
	margin:0;
	background: url(../images/bg_h1.gif) no-repeat;
	}
#box3 ul{
	list-style:none;
	}
		
#box3 li{
	padding:0px 0px 0px 25px;
	height:30px;
	color:#666666;
	line-height:150%;
	font-size:12px;
	background: url(../images/list2.gif) no-repeat;
	}
	
#area{
	width:570px;
	height:80px;
	float:right;
	padding:0;
	margin:0px 0px 0 0px;
	line-height:150%;
	background: url(../images/area_bg.gif) no-repeat;
	}
	
#area h2{
	width:570px;
	height:30px;
	padding:15px 0 0 15px;
	margin:0px 0px 0 0px;
	}
	
#area p{
	width:570px;
	padding:0px 0 0 20px;
	margin:0px 0px 0 0px;
	}
/*-----------------------------------------------------------5,sidebar*/



#sidebar {
	width:220px;
	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: center;
	width:900px;
	height:96px;
	margin:0 auto;
	padding:0;
	background: url(../images/bg_footer.gif) no-repeat;
	font-size:12px;
	}

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

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

#pagetop{
	clear:both;
	text-align:right;
	padding:15px 0;
	}