@charset "UTF-8";

/*----------------------------------------------------------------------------------------------
 present_summer2010
---------------------------------------------------------------------------------------------- */
#present_summer2010{
	width:920px;
	margin:0 auto 20px auto;
	color:#444444;
}

#pan_card.present_summer2010{
	padding:7px 0 0 0; 
	text-align:right;
	font-size:10px;
	color:#7fb81c;
}

/* h2_box
---------------------------------------------------------------------------------------------- */
#present_summer2010 .h2_box {
	width:920px;
	height:486px;
	background:url(../images/bg_main.gif) no-repeat 0 0;
}

#present_summer2010 .h2_box h2,
#present_summer2010 .h2_box p{
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .title{
	padding:82px 0 0 53px;
}

#present_summer2010 .h2_box .title h2{
	display:block;
	width:401px;
	height:93px;
	margin:0;
	padding:0;
	background:url(../images/title_main.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#present_summer2010 .h2_box .title p.sub1{
	display:block;
	width:325;
	height:14px;
	margin:14px 0 0 0;
	background:url(../images/title_main_sub1.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#present_summer2010 .h2_box .detail{
	display:block;
	width:367px;
	height:147px;
	margin:40px 0 0 33px;
	padding:30px 0 0 20px;
	background:url(../images/bg_main_detail.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#present_summer2010 .h2_box .detail h3.d1{
	display:block;
	line-height:0;
	width:33px;
	height:16px;
	margin-bottom:15px;
	background:url(../images/main_detail_period.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .detail p.d1{
	display:block;
	line-height:0;
	width:281px;
	height:15px;
	margin:-31px 0 15px 53px;
	background:url(../images/main_detail_period_t.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .detail h3.d2{
	display:block;
	line-height:0;
	width:33px;
	height:16px;
	margin-bottom:15px;
	background:url(../images/main_detail_object.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .detail p.d2{
	display:block;
	line-height:0;
	width:275px;
	height:79px;
	margin:-31px 0 0 53px;
	background:url(../images/main_detail_object_t.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .qr{
	display:block;
	line-height:0;
	width:120px;
	height:129px;
	margin:-82px 0 0 400px;
	background:url(../images/main_qr.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0;
}

#present_summer2010 .h2_box .present,
#present_summer2010 .h2_box .present ul,
#present_summer2010 .h2_box .present ul li{
	display:none;
	line-height:0;
	height:0;
	font-size:0;
}

/* mobile
---------------------------------------------------------------------------------------------- */
#present_summer2010 .mobile{
	padding:0 40px 28px 28px;
	background:url(../images/bg_mobile.gif) no-repeat 0 0;
}

#present_summer2010 .mobile h3{
	width:388px;
	height:71px;
	background:url(../images/title_main_mobile.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#present_summer2010 .mobile li{
	float:left;
	line-height:0;
	height:0;
	font-size:0;
}

#present_summer2010 .mobile li.m1{
	width:277px;
	height:149px;
	margin:0 10px 0 12px;
	background:url(../images/main_mobile1.gif) no-repeat 0 0;
	text-indent:-9999px
}

#present_summer2010 .mobile li.m2{
	width:273px;
	height:149px;
	margin:0 11px 0 0;
	background:url(../images/main_mobile2.gif) no-repeat 0 0;
	text-indent:-9999px
}

#present_summer2010 .mobile li.m3{
	width:269px;
	height:149px;
	margin:0;
	background:url(../images/main_mobile3.gif) no-repeat 0 0;
	text-indent:-9999px
}

/* access
---------------------------------------------------------------------------------------------- */
#present_summer2010 .access{
	background:url(../images/bg_access.gif) no-repeat 0 0;
	width:860px;
	margin:0;
	padding:15px 30px 30px 30px;
}
#present_summer2010 .access{
	/padding:15px 30px 0 30px;
}

#present_summer2010 .access h4{
	width:820px;
	height:25px;
	margin:0 20px 10px 20px;
	background:url(../images/title_access.gif) no-repeat 0 0;
	text-indent:-9999px;
}

/* ac */
#present_summer2010 .access .ac{
	margin:0 30px 20px 30px;
}
#present_summer2010 .access .ac .fL{
	display:block;
	width:237px;
	padding:0;
}
#present_summer2010 .access .ac .fR{
	display:block;
	width:553px;
	padding:0;
}

#present_summer2010 .access .ac h5.h5_1_1{
	display:block;
	width:122px;
	height:23px;
	margin:0 0 10px 0;
	background:url(../images/title_access_qr.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#present_summer2010 .access .ac h5.h5_1_2{
	display:block;
	line-height:23px;
	width:122px;
	height:23px;
	margin:0 0 6px 0;
	background:url(../images/title_access_address.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#present_summer2010 .access .ac h5.h5_1_3{
	display:block;
	width:186px;
	height:23px;
	margin:0 0 6px 0;
	background:url(../images/title_access_imode.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#present_summer2010 .access .ac .fR div.access_imode_flow,{
	padding-bottom:10px;
}
#present_summer2010 .access .ac .fR div.access_address_url{
	display:block;
	line-height:19px;
	width:382px;
	height:19px;
	padding:2px 0 6px 158px;
	background:url(../images/access_address_url.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:13px;
	color:#0086ba;
}

#present_summer2010 .access .ac .access_qr_t{
	margin-left:10px
}

.clearfix.float_clear{
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	height:0;
}

/* application
---------------------------------------------------------------------------------------------- */
#present_summer2010 .application{
	background:url(../images/bg_application.gif) no-repeat 0 0;
	width:860px;
	padding:15px 30px 34px 30px;
}

#present_summer2010 .application{
	/padding:15px 30px 20px 30px;
}

#present_summer2010 .application h4{
	width:820px;
	height:25px;
	margin:0 20px;
	background:url(../images/title_application.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#present_summer2010 .application .flow{
	margin:0 30px;
	padding-bottom:25px;
}

/* attention
---------------------------------------------------------------------------------------------- */
#present_summer2010 .attention{
	background:url(../images/bg_attention.gif) no-repeat 0 0;
	width:860px;
	padding:15px 30px 30px 30px;
}

#present_summer2010 .attention h4{
	width:820px;
	height:25px;
	margin:0 20px 10px 20px;
	background:url(../images/title_attention.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#present_summer2010 .attention h5{
	margin:0 40px;
	padding:0;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	color:#444444;
}

#present_summer2010 .attention .attention_box{
	height:360px;
	margin-bottom:15px;
}

#present_summer2010 .attention ul{
	margin:0 40px 10px 40px;
	line-height:18px;
}

body:first-of-type #present_summer2010 .attention li{ /* for Safari3 */
	font-size:12px;
	line-height:17px;
}

/* pagetop
---------------------------------------------------------------------------------------------- */
#present_summer2010 .page_top{
	margin-right:20px;
	background:url(../images/page_top.gif) no-repeat 0 0;
}

#present_summer2010 .page_top{
	_margin-right:15px;
}