@charset "utf-8";
@import "../common.css";
@import "../reset.css";


/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/

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


	campaign common item


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

body{
	margin:0px;
	background-color:#EEEEEE;
}

a {
	color:#0088CC;
	font-weight:bold;
	text-decoration: none;

}

a:hover {
	text-decoration: underline;
}

#navi{
background:transparent url(../../images/freesoft/content_bottom.png) no-repeat scroll 0 0;
height:40px;
margin:0 auto;
text-align:center;
width:770px;
}

#navi p {
	width:auto;
	margin: auto;
	display: inline;
}


#footer ul li {
	font-weight: normal;
}

#main {
	text-align: left!important;
}

.small {
	font-size:85%;
	line-height:1.5em;
}


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


	 present 20090626


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

#present #title{
width:770px;
height:297px;
background:url(../../images/campaign/present_20090626/top_images.png) no-repeat;
overflow: hidden;
}

#present #title h1{
text-indent:-10000px;
overflow:hidden;
}

#present #title p{
position:relative;
font-size:93%;
top:142px;
margin-left:38px;
color:#FFFFFF;
width:340px;
}

#present #contents{
background:#FFFFFF url(../../images/campaign/present_20090626/back_bg.png) repeat-y;
width:770px;
	font-size: 93%;
}

#present #contents_inside{
padding:30px 40px 0
}

#present #contents_inside p{
color:#222222;
margin-bottom:30px;
}

#present #contents_inside p.clearmargin{
margin:0;
}

#present #contents h2.border{
color:#4e4e4e;
padding:2px 0 4px 8px;
border-left:#4e4e4e 4px solid;
border-bottom:#4e4e4e 1px solid;
margin-bottom:15px;
width:100%;
clear:both;
_width:auto;

}

h2#wintitle {
	background:url(../../images/campaign/present_20090626/campaign_winners_title.png) no-repeat;
	margin:0 0 10px 0;
	width:690px;
	height:52px;
	text-indent:-9999px;
	overflow:hidden;
}

#frame_area {
	background:url(../../images/campaign/present_20090626/campaign_winners_stretch.png) no-repeat 0 34px;
	width:100%;
	padding-bottom:10px;
}

#frame_btm {
	background:url(../../images/campaign/present_20090626/campaign_winners_bottom.png) no-repeat 0 bottom;
	width:100%;
	padding-bottom:8px;
	margin-bottom:40px;
	position:relative;
}


#hatena_win {
	background:url(../../images/campaign/present_20090626/campaign_winners_hatena_top.png) no-repeat 0 26px;
	width:336px;
	float:left;
}

#hatena_win em.first {
	background:url(../../images/campaign/present_20090626/campaign_winners_hatena_1st.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:306px;
	height:18px;
	margin:15px 0 10px 17px;
}

#hatena_win em.second {
	background:url(../../images/campaign/present_20090626/campaign_winners_hatena_2nd.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:306px;
	height:18px;
	margin:10px 0 10px 17px;
}


#present #contents #hatena_win h3 {
	background:url(../../images/campaign/present_20090626/campaign_winners_hatena_title.png) no-repeat;
	width:162px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

#hatena_win strong {
	font-size:108%;
	margin:0 0 10px 0;
	color:#ffffff;
	display:block;
	text-align:center;
}

#hatena_win ul li {
	color:#ffffff;
	list-style-type:none;
	font-size:100%;
	text-align:center;
	margin-bottom:5px;
}




#trackback_win {
	background:url(../../images/campaign/present_20090626/campaign_winners_trackback_top.png) no-repeat 0 26px;
	width:336px;
	float:right;
}

#trackback_win em.first {
	background:url(../../images/campaign/present_20090626/campaign_winners_trackback_1st.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:306px;
	height:18px;
	margin:15px 0 10px 17px;
}

#trackback_win em.second {
	background:url(../../images/campaign/present_20090626/campaign_winners_trackback_2nd.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:306px;
	height:18px;
	margin:10px auto 10px 17px;
}


#present #contents #trackback_win h3 {
	background:url(../../images/campaign/present_20090626/campaign_winners_trackback_title.png) no-repeat;
	width:162px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}

#trackback_win strong {
	font-size:100%;
	margin:0 0 10px 0;
	color:#ffffff;
	display:block;
	text-align:center;
}

#trackback_win ul li {
	color:#ffffff;
	list-style-type:none;
	font-size:100%;
	text-align:center;
	margin-bottom:5px;
}

.right_p {
	text-align:right;
	position:absolute;
	bottom:-20px;
	width:330px;
}


#present #contents .top_text{
clear:both;
width:460px;
float:left;
}

#present #contents .top_img{
width:210px;
float:right;
}

#present #contents .prize_content{
clear:both;
margin-bottom:10px;
}

#present #contents p.number{
float:left;
margin-right:20px;
width:70px;
}

#present #contents p.summary{
float:left;
width:370px;
margin-bottom:10px;
}

#present #contents h3{
text-indent:-10000px;
overflow:hidden;
width:330px;
height:52px;
}

#present #contents h3.trackbacks_title{
background:url(../../images/campaign/present_20090626/trackback_title.png) no-repeat;
}

#present #contents h3.bookmark_title{
background:url(../../images/campaign/present_20090626/bookmark_title.png) no-repeat;
}

#present #contents h3.final{
width:690px;
height:21px;
background:url(../../images/campaign/present_20090626/fr_campaign_close.png) no-repeat;
margin-bottom:30px;
}

#present #contents .bookmark{
float:left;
width:340px;
margin-bottom:10px;
}

#present #contents .trackbacks{
float:right;
width:340px;
margin-bottom:10px;
}

#present #contents p.notes{
clear:both;
font-size:100%;
margin-bottom:30px;
}

#present #contents p.comment{
font-size:100%;
margin-bottom:0px;
}

#present #contents hr{
border:0;
margin:0;
padding:0;
color:#FFFFFF;
}

#present #banner{
width:770px;
height:112px;
background:url(../../images/campaign/present_20090626/banner_back_bg.png) no-repeat;
text-align:center;
margin-bottom:30px;
}

#present #banner img.banner_img{
margin-top:10px;
}


#present #trackback div.trackback-info{
padding:10px 40px 0;
}

#present #trackback .trackback-info h2{
padding:0;
border:0;
margin:0;
float:left;
}

#present #trackback .trackback-info em{
background:url(../../images/campaign/present_20090626/campaign_trackback_closebadge.png) no-repeat;
font-size:100%;
float:right;
margin-bottom:10px;
width:160px;
height:18px;
text-indent:-9999px;
overflow:hidden;
}

#present #trackback div.trackback-content div.trackback{
padding-top:2px;
background:url(../../images/campaign/present_20090626/trackback_header_bg.png) top no-repeat;
}

#present #trackback div.trackback-content div.trackback div.trackback-header{
background:url(../../images/campaign/present_20090626/trackback_title_bg.png) repeat-y;
padding:8px 40px;
}

#present #trackback div.trackback-content div.trackback div.trackback-header a.article{
color:#4d799b;
font-size:100%;
float:left;
text-decoration:none;
}

#present #trackback div.trackback-content div.trackback div.trackback-header a:hover.article{
text-decoration:underline;
}

#present #trackback div.trackback-content div.trackback div.trackback-header p.title{
color:#4E4E4E;
display:inline;
float:left;
font-size:100%;
line-height:1.5em;
margin-left:15px;
}

#present #trackback div.trackback-content div.trackback div.trackback-header span.date{
color:#6A6A6A;
float:right;
font-size:93%;
text-decoration:none;
}

#present #trackback div.trackback-content div.trackback div.trackback-header a:hover.date{
text-decoration:underline;
}

#present #trackback div.trackback-content div.trackback div.trackback-content{
background:url(../../images/campaign/present_20090626/trackback_content_bg.png) repeat-y;
padding:8px 40px;
}

#present #trackback div.trackback-content div.trackback div.trackback-content p{
font-size:100%;
color:#6a6a6a;
}

#present #trackback div.trackback-content div.trackback div.trackback-content a.continue{
color:#4d799b;
text-decoration:none;
}

#present #trackback div.trackback-content div.trackback div.trackback-content a:hover.continue{
text-decoration:underline;
}

#present #trackback .continue {
	font-size: 93%;
}

#present #trackback div.trackback-content div.end_trackback{
border-top:1px solid #a8a8a8;
margin-left:4px;
width:761px;
}

#present #navi{
clear:both;
font-size:100%;
margin-top:20px;
position:relative;
text-align:center;
padding:0;
}


/* 追記20090806 #warning */

#present #warning h2 {
	background:url(../images/campaign/present_20090626/campaign_warning.png) no-repeat;
	margin:0 0 10px 0;
	width:690px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
}

#present #warning p {
	color:#ac4414;
}

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


	present_20090721


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


#present2 #title{
width:770px;
height:131px;
background:url(../../images/campaign/present_20090721/top_images.png) no-repeat;
}

#present2 #title h1{
text-indent:-10000px;
overflow:hidden;
}

#present2 #contents{
background:#eeeeee url(../../images/campaign/present_20090721/back_bg.png) repeat-y;
}

#present2 #contents_inside{
padding:30px 40px 0;
}

#present2 #contents_inside p{
color:#222222;
margin-bottom:20px;
}

#present2 #contents_inside p.notes{
text-align:right;
font-size:93%;
margin-bottom:30px;
}

#present2 #contents_inside ul{
margin-bottom:20px;
}

#present2 #contents_inside li{
font-size:100%;
line-height:150%;
}

#present2 #contents_inside p.text{
float:left;
width:260px;
}

#present2 #contents_inside img.image{
float:right;
margin-bottom:20px;
}


#present2 #contents_inside h2{
width:691px;
height:166px;
background:url(../../images/campaign/present_20090721/present_banner3.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
margin-bottom:40px;
}

#present2 #contents_inside h3{
background:url(../../images/campaign/present_20090721/h3_border.png) no-repeat left center;
padding-left:12px;
color:#6a6a6a;
margin-bottom:8px;
}

#present2 #form_head{
width:690px;
height:42px;
background:url(../../images/campaign/present_20090721/form_head.png) no-repeat;
}

#present2 #form{
background:url(../../images/campaign/present_20090721/form_bg.png) repeat-y;
padding:10px 20px;
}

#present2 #form p{
color:#4a4a4a;
margin-bottom:5px;
}

#present2 #form strong{
color:#c35718;
}

#present2 #form div.left{
width:254px;
float:left;
}

#present2 #form div.right{
width:360px;
float:right;
}

#present2 #form .form_area{
margin-bottom:10px;
display: inline;
}

#present2 #form div.transmission{
text-align:right;
}

#present2 #form .attention{
color:#cd3636;
font-size:93%;
margin-left:5px;
}

#mail_tip,
#name_tip,
#remail_tip {
	display: inline;
	border:1px solid #F0F0F0;
	line-height: 100%;
}
*html #mail_tip, 
*html #name_tip, 
*html #remail_tip {
	vertical-align: middle;
}

#present2 #form_bottom{
width:690px;
height:16px;
background:url(../../images/campaign/present_20090721/form_bottom.png) no-repeat;
}

#present2 #navi{
clear:both;
color:#888888;
margin-top:70px;
position:relative;
text-align:center;
padding:0;
}

#present2 #navi img{
vertical-align:middle;
}

#present2 #prize h2{
text-indent:-10000px;
overflow:hidden;
margin-bottom:10px;
width:691px;
height:39px;
background:url(../../images/campaign/present_20090721/prize_title.png) no-repeat;
}

#present2 #announce{
margin-bottom:20px;
height:auto;
overflow:hidden;
width:691px;
}

#present2 #announce h2{
text-indent:-10000px;
overflow:hidden;
width:691px;
height:77px;
background:url(../../images/campaign/present_20090721/card_title_out.png) no-repeat;
margin-bottom:5px;
}

#present2 #announce ul{
margin-bottom:0px;
}

#present2 #announce ul.left{
float:left;
width:260px;
margin-left:85px;
text-align:center;
display:inline;
}

#present2 #announce li{
color:#FFFFFF;
margin-bottom:5px;
font-size:100%;
font-weight:bold;
}

#present2 #announce ul.right{
float:right;
width:260px;
margin-right:85px;
text-align:center;
display:inline;
}


#present2 #announce_bottom{
width:691px;
height:18px;
background:url(../../images/campaign/present_20090721/prize_bottom.png) no-repeat;
}

#present2 #warning{
margin-bottom:50px;
}

#present2 #warning h2{
text-indent:-10000px;
overflow:hidden;
width:691px;
height:23px;
background:url(../../images/campaign/present_20090721/warning_title.png) no-repeat;
margin-bottom:5px;
}

#present2 #warning p{
color:#ac4414;
}


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


	present_20090831


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

#present3 #title{
width:770px;
height:131px;
background:url(../../images/campaign/present_20090831/top_images.png) no-repeat;
}

#present3 #title h1{
text-indent:-10000px;
overflow:hidden;
}

#present3 #contents{
background:#eeeeee url(../../images/campaign/present_20090831/back_bg.png) repeat-y;
}

#present3 #contents_inside{
padding:30px 40px 0;
}

#present3 #contents_inside p{
color:#222222;
margin-bottom:20px;
}

#present3 #contents_inside p.top_text{
margin-bottom:40px;
}

#present3 #contents_inside p.notes{
font-size:93%;
color:#6a6a6a;
}

#present2 #contents_inside ul{
margin-bottom:20px;
}

#present3 #contents_inside li{
font-size:100%;
line-height:150%;
}

#present3 #contents_inside p.text{
float:left;
width:302px;
margin-right:20px;
}

#present3 #contents_inside img.image{
float:left;
margin-bottom:20px;
}


#present3 #contents_inside h2#h2title{
width:691px;
height:166px;
background:url(../../images/campaign/present_20090831/present_banner.png) no-repeat;
text-indent:-10000px;
overflow:hidden;
margin-bottom:10px;
}

#present3 #contents_inside h3{
background:url(../../images/campaign/present_20090831/h3_border.png) no-repeat left center;
padding-left:12px;
color:#6a6a6a;
margin-bottom:8px;
}

#present3 #contents_inside span.number{
margin-left:20px;
}

#present3 #grani_skin{
text-align:center;
margin-bottom:30px;
}

#present3 #grani_skin h3{
text-indent:-10000px;
overflow:hidden;
width:691px;
height:249px;
margin-bottom:15px;
background:url(../../images/campaign/present_20090831/skin_image.png) no-repeat;
}

#present3 #form_head{
width:690px;
height:42px;
background:url(../../images/campaign/present_20090831/form_head.png) no-repeat;
}

#present3 #form{
background:url(../../images/campaign/present_20090831/form_bg.png) repeat-y;
padding:10px 20px;
}

#present3 #form p{
color:#4a4a4a;
margin-bottom:5px;
}

#present3 #form strong{
color:#c35718;
}

#present3 #form div.left{
width:254px;
float:left;
}

#form textarea {
	font-size: 100%;
}

#present2 #form div.right{
width:360px;
float:right;
}

#present3 #form .form_area{
margin-bottom:10px;
}

#present3 #form div.transmission{
text-align:right;
}

#present3 #form .attention{
color:#cd3636;
font-size:93%;
margin-left:5px;
}

#present3 #form_bottom{
width:690px;
height:16px;
background:url(../../images/campaign/present_20090831/form_bottom.png) no-repeat;
}

#present3 #navi{
clear:both;
margin-top:70px;
position:relative;
text-align:center;
padding:0;
}


#present3 div.prize_content p.summary {
float:left;
margin-bottom:10px;
width:400px;
}

#present3 div.prize_content p.number {
float:left;
margin-left:40px;
width:70px;
}

#present3 .body_botm{
margin-bottom:30px;
}



#present3 #announce h2 {
background:transparent url(../../images/campaign/present_20090831/prize_title.png) no-repeat scroll 0 0;
height:39px;
margin-bottom:10px;
overflow:hidden;
text-indent:-10000px;
width:691px;
}


#present3 #prize {
margin-bottom:20px;
}
#present3 #prize_inside {

width:691px;

}

#present3 #prize h3.device {
background:transparent url(../../images/campaign/present_20090831/card_title_out.png) no-repeat scroll 0 0;
height:77px;
}

#present3 #prize h3 {
margin-bottom:10px;
overflow:hidden;
text-indent:-10000px;
width:691px;
}

#present3 #prize h3.sticker {
background:transparent url(../../images/campaign/present_20090831/sticker_title.png) no-repeat scroll 0 0;
height:24px;
}

#present3 #prize_inside ul.left {
color:#FFFFFF;
float:left;
margin-left:80px;
text-align:center;
width:265px;
}

#present3 #prize_inside ul.right {
color:#FFFFFF;
float:right;
margin-right:80px;
text-align:center;
width:265px;
}

#present3 #prize_inside ul {
margin-bottom:10px;
}


#present3 #prize #prize_bottom {
background:transparent url(../../images/campaign/present_20090831/prize_bottom.png) no-repeat scroll 0 0;
height:12px;
width:691px;
}

#present3 #prize_inside p {
color:#FFFFFF;
text-align:center;
}


#present3 #contents_inside p {
margin-bottom:20px;
}

#present3 #prize h3.sticker {
background:transparent url(../../images/campaign/present_20090831/sticker_title.png) no-repeat scroll 0 0;
height:24px;
}

#present3 #prize p.notes {
font-size:75%;
text-align:right;
}

#present3 #notice h3 {
background:transparent url(../../images/campaign/present_20090831/notice_title.png) no-repeat scroll 0 0;
height:25px;
margin-bottom:10px;
overflow:hidden;
text-indent:-10000px;
width:691px;
}

#present3 #notice p {
color:#AC4414;
}