/* charset */
@charset "utf-8";

*,h1,h2,h3,h4,a,p,img {
	margin:0;
	padding:0;
}



body {
	margin-bottom:40px;
	font:13px 'meiryoKe_PGothic','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    *font-size:small;
    *font:x-small;
}

li {
	list-style-type:none;
}

img {
	border:none;
}

p {
	line-height:1.6em;
}


/** clearfix **/

.clearfix:after {
	content: "";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/** clearfix **/


/*/////////////////////////
header
/////////////////////////*/

#header {
	width:770px;
	margin:auto;
}

#header img {
	float:left;
}


/*/////////////////////////
copy
/////////////////////////*/


#copy {
	color:#666666;
	text-align:center;
	margin:10px 0 0 0;
}


/*/////////////////////////
main
/////////////////////////*/

#main {
	width:770px;
	margin:50px auto 0;
	background:url(../imgs/upie8kuma/back_mid.png) repeat-y;
	padding:0;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

index ページ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/



/*/////////////////////////
title
/////////////////////////*/

#index #title {
	position:relative;
	width:770px;
}

#index #title h1 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/top_image.png) no-repeat;
	width:770px;
	height:463px;
}

#index #title a {
	text-indent:-9999px;
	overflow;:hidden;
	display:block;
	position:absolute;
	top:340px;
	left:400px;
	width:271px;
	height:64px;
	background:url(../imgs/upie8kuma/top_linkbtn.png) no-repeat;
}



/*/////////////////////////
content
/////////////////////////*/

#index #content {	
	margin:50px 55px 0 55px;
}

#index #content img#h2_img {
	float:left;
	margin-right:20px;
}

#index #content h2 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/h2.png) no-repeat;
	width:501px;
	height:27px;
	margin:15px 0 0;
	float:left;
}

#index #content img#kuma_1 {
	clear:both;
	margin:50px 0 40px;
}

#index #content .left {
	float:left;
	width:310px;
}

#index #content .left h3#h3_left1 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/ie6_h3_1.png) no-repeat;
	margin:0 0 10px 41px;
	width:228px;
	height:23px;
}

#index #content .left h3#h3_left2 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/ie6_h3_2.png) no-repeat;
	margin:20px 0 10px 54px;
	width:228px;
	height:23px;
}

#index #content .right {
	float:right;
	width:310px;
	margin-bottom:40px;
}

#index #content .right h3#h3_right1 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/ie8_h3_1.png) no-repeat;
	margin:0 0 10px 0;
	width:290px;
	height:23px;
}

#index #content .right h3#h3_right2 {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/ie8_h3_2.png) no-repeat;
	margin:20px 0 10px 72px;
	width:160px;
	height:23px;
}

#index #attention {
	clear:both;
}

#index #attention img#attention_img {
	float:left;
	margin:10px 20px 0 0;
}

#index #attention p {
	text-indent:-9999px;
	overflow;:hidden;
	background:url(../imgs/upie8kuma/attention.png) no-repeat;
	width:571px;
	height:79px;
	float:left;
	margin-bottom:30px;
}

#index #attention img#arrow {
	clear:both;
	margin:0 0 30px 298px;
	width:63px;
}

#index #content img#kuma_2 {
	clear:both;
	margin:0px 0 40px;
}


#index #fotter {
	position:relative;
	width:770px;
	height:525px;
	overflow:hidden;
	font-size:0px;
}

#index #fotter a {
	text-indent:-9999px;
	overflow;:hidden;
	display:block;
	position:absolute;
	top:300px;
	left:305px;
	width:369px;
	height:86px;
	margin:0;
	background:url(../imgs/upie8kuma/bottom_linkbtn.png) no-repeat;
	font-size:0px;
}

#index #fotter img#bottom_image {
	margin:0;
	width:770px;
	height:463px;
	overflow:hidden;
	font-size:0px;
	background-color:#fef26f;
}

#index #fotter img#dlarea {
	margin:0;
	width:770px;
	height:62px;
	overflow:hidden;
	background-color:#000000;
	font-size:0px;
}





/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

upie8kumajs ページ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


/*/////////////////////////
title
/////////////////////////*/


#upie8kumajs #title {
	background:url(../imgs/upie8kumajs/back_top.png) no-repeat;
	padding:60px 0 0 44px;
}

#upie8kumajs #title h1 {
	background:url(../imgs/upie8kumajs/title.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:299px;
	height:46px;
}


/*/////////////////////////
content
/////////////////////////*/


#upie8kumajs #content {
	margin:20px 44px 0;
}

#upie8kumajs #content h2#h2_1 {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../imgs/upie8kumajs/h2_1.png) no-repeat;
	width:209px;
	height:23px;
	margin-bottom:10px;
}

#upie8kumajs #content h2#h2_2 {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../imgs/upie8kumajs/h2_2.png) no-repeat;
	width:43px;
	height:21px;
	margin:30px 0 10px 0;
}

#upie8kumajs #content p {
	margin-bottom:10px;
}

#upie8kumajs #content p.small {
	font-size:85%;
}

#upie8kumajs #content img#sc_1 {
	padding-right:51px;
	margin-right:19px;
	background:url(../imgs/upie8kumajs/arrow.png) no-repeat right 69px;
	float:left;
}

#upie8kumajs #content img#sc_2 {
	float:left;
	margin-bottom:30px;
}

#upie8kumajs #content h2#h2_3 {
	clear:both;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../imgs/upie8kumajs/h2_3.png) no-repeat;
	width:84px;
	height:21px;
	margin:30px 0 10px 0;
}

#upie8kumajs #content h3 {
	text-indent:-9999px;
	overflow:hidden;
	background:url(../imgs/upie8kumajs/h3.png) no-repeat;
	width:74px;
	height:15px;
	margin:30px 0 10px 0;
}

#upie8kumajs textarea {
	width:400px;
	height:50px;
	margin-bottom:40px;
}

#upie8kumajs #fotter {
	background:url(../imgs/upie8kumajs/back_bottom.png) no-repeat;
	height:15px;
	width:770px;
	margin:0 auto;
}