/**CSS file**/
/**01共通パーツ**/
/**全体の包含**/

div#wrapper {
	min-width:680px;
	height:1px;
	margin:0;
	padding:0;
	text-align:center;
}
div#wrapper2 {
	min-width:680px;
	margin:0;
	padding:0;
	text-align:center;
}
/**VI**/
div#hc {
	margin:0;
	padding:0;
	width:760px;
	height:377px;
	display: block;
	background:url(/images/navi/j-magazine2009/background_top.jpg) no-repeat 0 0px;
	margin:0 auto;
	text-align:left;
	position:relative;
	/*top:-16px;*/
}
*html div#hc {
	position:relative;
	/*top:-3px;*/
}
div#hc ul li {
	font-weight:normal;
	list-style:none;
}
div#hc ul li.title {
	text-align:left;
	font-size:0.6em;
	background:url('/images/navi/j-magazine2009/campaign_tit.gif') 0px 0px no-repeat;
	text-indent:-9999px;
	width:650px;
	height:39px;
	position:relative;
	top:12px;
	left:65px;
}
div#hc ul li.lead {
	text-align:left;
	font-size:0.6em;
	background:url('/images/navi/j-magazine2009/campaign_lead.gif') 0px 0px no-repeat;
	text-indent:-9999px;
	width:554px;
	height:39px;
	position:relative;
	top:14px;
	left:100px;
	background-image: url(/images/navi/j-magazine2009/campaign_lead.gif);
}
div#hc ul li.remark {
	text-align:left;
	font-size:0.6em;
	background:url('/images/navi/j-magazine2009/campaign_remark.gif') 0px 0px no-repeat;
	text-indent:-9999px;
	width:108px;
	height:14px;
	position:relative;
	top:38px;
	left:600px;
}
div#hc ul li.top_btn {
	text-align:left;
	background:url('/images/navi/j-magazine2009/top_btn.gif') 0px 0px no-repeat;
	width:176px;
	height:30px;
	text-indent:-9999px;
	display:block;
	position:relative;
	top:40px;
	left:535px;
	z-index:2;
}

div#hc ul li.remark01 {
	text-align:left;
	font-size:0.6em;
	background:url('/images/navi/j-magazine2009/campaign_remark.gif') 0px 0px no-repeat;
	text-indent:-9999px;
	width:108px;
	height:14px;
	position:relative;
	top:73px;
	left:600px;
}
div#hc ul li.top_btn01 {
	text-align:left;
	background:url('/images/navi/j-magazine2009/top_btn.gif') 0px 0px no-repeat;
	width:176px;
	height:30px;
	text-indent:-9999px;
	display:block;
	position:relative;
	top:75px;
	left:535px;
	z-index:2;
}


div#hc ul li a {
	display:block;
	width:176px;
	height:30px;
	/* \*/overflow:hidden;/* */
}
/**コンテンツ**/
div#contents {
	width:740px;
	position:relative;
	top:-210px;
	text-align:center;
	background:url('/images/navi/j-magazine2009/contents_body.gif') 0px 0px repeat-y;
	margin:0 auto -210px;
	z-index:3;
}
*html div#contents {
	width:740px;
	position:relative;
	top:-200px;
	text-align:center;
	background:url('/images/navi/j-magazine2009/contents_body.gif') 0px 0px repeat-y;
	margin:0 auto -305px;
}
/**コンテンツ上**/
div#contents_head {
	text-align:left;
	background:url('/images/navi/j-magazine2009/contents_head.gif') 0px 0px no-repeat;
	width:740px;
	height:106px;
}
div#contents_head ul {
	position:relative;
	top:3px;
	width:680px;
	height:38px;
}
div#contents_head ul li {
	display:inline;
	font-size:1em;
	background:url('/images/navi/j-magazine2009/circle.gif') 0px 3px no-repeat;
	padding-left:15px;
	line-height:20px;
	position:relative;
	left:0xp;
}
div#contents_head ul li a {
	white-space:nowrap;
}
/**カテゴリ**/
div.category-wrapper {
	width:740px;
	text-align:center;
	margin:0 auto;
	clear:both;
	position:relative;
	left:10px;
}
div.pic {
	float:left;
	height:120px;
	width:95px;
	margin:5px 3px;
	padding:5px 0px;/**border:1px dotted silver;**/
}
div.pic ul, div.pic li {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	display: block;
}
div.pic li h2 {
	margin:0;
	padding:0;
	font-size:0.6em;
	font-weight:normal;
}
div.pic li img {
	border:1px solid;
	border-color:#ccc #aaa #aaa #ccc;
}
/**コンテンツ下**/
div#contents_foot {
	text-align:left;
	background-image:url(/images/navi/j-magazine2009/contents_foot.gif);
	width:740px;
	height:106px;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
}
*html div#contents_foot {
	text-align:left;
	background-image:url(/images/navi/j-magazine2009/contents_foot.gif);
	width:740px;
	height:106px;
	position:relative;
	clear:both;
	clear:all;
	margin:-10px;
	padding:0;
	position:relative;
	top:-10px;
}
div#fc {
	text-align:left;
	background:url('/images/navi/j-magazine2009/background_bottom.jpg') 0px 0px no-repeat;
	margin:0px auto;
	padding:0;
	width:760px;
	height:296px;
	position:relative;
	top:-130px;
	z-index:1;
}
*html div#fc {
	text-align:left;
	background:url('/images/navi/j-magazine2009/background_bottom.jpg') 0px 0px no-repeat;
	margin:120px auto 0px;
	padding:0;
	width:760px;
	height:296px;
	z-index:1;
}
p.top_btn {
	margin:0 0 0 0;
	padding:150px 0 0 575px;
	text-align:left;
	width:176px;
	height:30px;
	font-size:0.8em;
}
p.top_btn a {
	display:block;
	width:176px;
	height:30px;
	/* \*/overflow:hidden;/* */
}
p.categoty_headline {
	position:relative;
	left:5px;
	text-align:left;
	color:rgb(88,192,156);
	font-weight:bold;
	border-bottom:solid 2px rgb(88,192,156);
	width:700px;
	clear:both;
	margin:0;
	padding:16px 0 3px;
	font-size:1em;
}
*html p.categoty_headline {
	position:relative;
	left:-15px;
	text-align:left;
	color:rgb(88,192,156);
	font-weight:bold;
	border-bottom:solid 2px rgb(88,192,156);
	width:700px;
	clear:both;
	margin:0;
	padding:16px 0 3px;
	font-size:1em;
}
p.page_top {
	position:relative;
	top:-16px;
	text-align:right;
	width:700px;
	height:16px;
	clear:both;
	margin:0 20px 0 0;
	padding:16px 0 3px;
	font-size:0.8em;
}
*p.page_top {
	position:relative;
	left:-17px;
	text-align:right;
	width:700px;
	clear:both;
	margin:0 0 0 0;
	padding:16px 0 3px;
	font-size:0.8em;
}
/**02その他パーツ**/
div#title_img {
	background:url('/images/navi/j-magazine2009/title.gif') 0px 0px no-repeat;
	width:626px;
	height:44px;
	position:relative;
	top:15px;
	left:58px;
	text-indent:-9999px;
}
div.list_title {
	margin:20px 0;
	background:rgb(88,192,156);
	width:736px;
	position:relative;
	left:1px;
	top:20px;
	text-align:left;
	text-indent:12px;
	height:24px;
	padding-top:8px;
	color:rgb(255,255,0);
	font-weight:bold;
	font-size:1em;
	display:block;
}
*html div.list_title {
	margin:0;
	background:rgb(88,192,156);
	width:736px;
	position:relative;
	left:1px;
	text-align:left;
	text-indent:12px;
	height:24px;
	padding-top:6px;
	padding-bottom:3px;
	color:rgb(255,255,0);
	font-weight:bold;
}

/*プレゼントページ*/
div.present #contents_head {
	height:140px;
}
div.present #title_img {
	background:url(/images/navi/j-magazine2009/present-h1.gif) 0px 0px no-repeat;
	height:83px;
}
div.present #title_img h1{
	margin:0;
	padding:0;
}
div.present #title_img_right {
	background:url(/images/navi/j-magazine2009/present-date.gif) 0px 0px no-repeat;
	width:274px;
	height:24px;
	position:relative;
	top:15px;
	left:450px;
	text-indent:-9999px;
}
div.present #present-list {
	margin:0;
	padding:0 0 0 20px;
	top:20px;
}
div.present p.categoty_headline {
	position:relative;
	text-align:left;
	color:rgb(88,192,156);
	font-weight:bold;
	border-bottom:solid 2px rgb(88,192,156);
	margin:0;
	padding:2px 0;
	left:0px;
	width:auto;
}
div.present .contents-wrapper-a {
	width:700px;
}
div.present .contents-wrapper-a .coment-a {
	background:url(/images/navi/j-magazine2009/present-back-a.jpg) 0px 0px no-repeat;
	width:361px;
	height:197px;
	margin-top:20px;
}
div.present .contents-wrapper-bc {
	width:336px;
	margin:10px 20px 0 0;
	padding:0 0 0 0;
}
div.present .contents-wrapper-bc .coment-bc {
	background:url(/images/navi/j-magazine2009/present-back-bc.jpg) 0px 0px no-repeat;
	width:336px;
	height:146px;
	margin-top:20px;
}
div.present .contents-wrapper-def {
	width:207px;
	margin:10px 25px 0 0;
	padding:0 0 0 0;
}
div.present .contents-wrapper-def .coment-def {
	background:url(/images/navi/j-magazine2009/present-back-def.jpg) 0px 0px no-repeat;
	width:207px;
	height:147px;
	margin-top:20px;
}
div.present .present-title {
	text-align:left;
	padding:10px;
	margin:0;
}
div.present .present-text {
	text-align:left;
	padding:0 10px;
	font-size:1em;
	font-size:0.8em;
	margin:0;
}
div.present .present-number {
	text-align:right;
	padding:5px 10px;
	margin:0;
}
div.present .present-photo-a {
	margin:0;
	padding:5px;
	height:217px;
}
div.present .present-photo-bc {
	height:167px;
}
div.present .present-photo-def {
	height:133px;
}
div.present .application {
	margin:10px 0 0 0;
	padding:5px;
}
div.present .application p {
	margin:0;
	padding:5px 0px;
	font-size:0.8em;
}
div.present .ditails {
	margin:20px 0 0 0;
	padding:15px;
	font-size:0.8em;
	line-height:1.4em;
	text-align:left;
}

/*レビューコンテスト*/
div.review #title_img {
margin-left:28px;
	background:url("/images/navi/j-magazine2009/review-h1.gif") no-repeat;
	height:99px;
	width:600px;
	position:relative;
	top:8px;
}
div.review p{
	font-size:0.8em;
	line-height:1.4m;
	margin-top:10px;
	padding:0;
}
div.review p.text{
	text-align:left;
	padding:15px;
}
div.review .ditails {
	margin:20px 0 0 0;
	padding:15px;
	font-size:0.8em;
	line-height:1.4em;
	text-align:left;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.red {
	color:#FF0000
}
.font-m {
	font-size:0.8em;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.margin-right5{
	margin-right:5px;
}
.margin-right10{
	margin-right:10px;
}

/*TOP*/
#campaign-top{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
#campaign-top p{
	margin:0;
	padding:0;
}
#campaign-top h2{
margin:0;
padding:0;
}
#campaign-top .campaign-contents{
	margin:0 auto;
	padding:0;
	width:760px;
}
#campaign-top .campaign-contents .head{
margin:0;
padding:0;
background-image:url(/images/navi/j-magazine2009/background_top-top.jpg);
background-repeat:no-repeat;
height:279px;
}
#campaign-top .campaign-contents .head h1{
	margin:0;
	padding:25px 0 0 0; 
	height:100px;
	display:block;
	text-indent:-9999px;
}
*html #campaign-top .campaign-contents .head h1{
	margin:25px 0 0 0;
	padding:0; 
}
#campaign-top .campaign-contents .head p.about-jmag{
	padding:0 10px 0 0;
	text-align:right;
	position:relative;
	top:-57px;
}
#campaign-top .campaign-contents .head .sub{
	padding:0 10px 0 0;
	top:-10px;
	position:relative;
	font-size:0.6em;
	height:1em;
	width:14em;
	float:right;
}
#campaign-top .campaign-contents .head .sub p{
	text-indent:-9999px;
}
#campaign-top .campaign-contents .main{
margin:0;
padding:0 7px;
background-image:url(/images/navi/j-magazine2009/top-back_05.gif);
background-position:top;
background-repeat:no-repeat;
text-align:left;
height:764px;
}

#campaign-top .campaign-contents .main .btn{
	padding:55px 5px 0 0;	
}
#campaign-top .campaign-contents .main #present-cam .btn{
	padding-top:0;	
}
#campaign-top .campaign-contents .main #present-cam{
	width:368px;
	height:678px;
	padding:5px 0 0 0;
	text-align:center;
	float:left;
}
#campaign-top .campaign-contents .main #present-cam .up{
	position:relative;
	top:-545px;
}
#campaign-top .campaign-contents .main .cam{
	width:367px;
	height:220px;
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
	float:right;
}
#campaign-top .campaign-contents .main #review-cam{
	margin-top:5px;
}
*html #campaign-top .campaign-contents .main #review-cam{
position:relative;
top:-5px;
}
*html #campaign-top .campaign-contents .main #review-cam{
	margin-top:10px;
}
#campaign-top .campaign-contents .main #review-cam .btn{
	padding-top:40px;	
}
#campaign-top .campaign-contents .main #off-cam{
	margin-top:3px;
}
*html #bn-cam{
position:relative;
top:8px;
}



#campaign-top .campaign-contents .bottom{
margin:0;
padding:0 7px 180px 7px;
background-image:url(/images/navi/j-magazine2009/background_bottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:left;
display:block;
position:relative;
top:-50px;
}
#campaign-top .campaign-contents .bottom p{
	font-size:0.8em;
	line-height:1.4em;
	margin:0 10px;
	padding:10px 0;

}

/**追加修正分**/
div.pic li p{
	margin:0;
	padding:0;
	font-size:0.6em;
	font-weight:normal;
}
div.pic {
	float:left;
	height:136px;
	width:95px;
	margin:5px 3px;
	padding:5px 0px;/**border:1px dotted silver;**/
}
*html div.list_title {
	margin:0;
	background:rgb(88,192,156);
	width:736px;
	position:relative;
	left:1px;
	top:0;
	text-align:left;
	text-indent:12px;
	height:24px;
	padding-top:6px;
	padding-bottom:3px;
	color:rgb(255,255,0);
	font-weight:bold;

}