@charset "UTF-8";

/* ===========================================================================
INDEX
------------------------------------------------------------------------------

	001.初期設定
	002.全体レイアウト
	003.コンテンツ・見出し
	004.コンテンツレイアウト設定
	005.プレゼントページ 基本レイアウト
	006.フッター
	007.モジュール関連
===========================================================================*/




/* ===========================================================================
	001.初期設定
===========================================================================*/

* {
	margin: 0;
	padding: 0;
	}

h1,h2,h3,h4,h5,h6,p,address,dl,dt,dd {
	font-size: 100%;
	font-weight: normal;
	font-style:normal;
	}
	
img, a img {
	margin:0px;
	padding:0px;
	border: none;
	}
	
a:link { color: #333333; }
a:visited { color: #333333; }
a:active { color: #333333; }

li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	}

/* all -------------------------------------------------*/


html {
	overflow-y:scroll;
	}
	

body {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	background:#DDDEDE;
	color: #333333;
	line-height:1.4em;
	}
	
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 804px;
	height:auto;
	background:url(../images/common/bg_line.jpg) center repeat-y;
	text-align:left;
	}
	
#main {
	margin: 0 2px;
	padding: 0px;
	width: 800px;
	height:auto;
	text-align:left;
	background: url(../images/common/header_bg.jpg) no-repeat;
	}




/* ===========================================================================
	002.全体レイアウト
===========================================================================*/


#header {
	margin: 0px 0 40px 0;
	padding: 0px;
	width: 800px;
	height: 114px;
	}


#contents {
	clear:both;
	margin: 15px auto 20px auto;
	padding: 0px;
	width: 760px;
	height: auto;
	}

#pre_contents {
	margin: 45px auto 20px auto;
	padding: 0px;
	width: 760px;
	height: auto;
	}
		
	
#footer {
	clear:both;
	margin: 0px;
	padding: 20px;
	width: 760px;
	height: 30px;
	background: #FFFFFF url(../images/common/footer_line.jpg) top repeat-x;
	border-bottom:#666666 solid 2px;
	font-size:11px;
	line-height:1.5em;
	}


/* ===========================================================================
	003.コンテンツ・見出し
===========================================================================*/


/* メイン特集---*/
#topic01{
	margin:0px;
	padding:0px;
	}
	
	
/* メイン特集　大見出し---*/	

.topic_ttl_main{
	margin:0px 0 20px 0;
	padding:0px 0px 0px 60px;
	width:700px;
	height:40px;
	background: url(../images/common/ttl_bg.jpg) top no-repeat;
	color:#39708A;
	font-size: 20px;
	font-weight:bold;
	line-height:40px;
	}

/* プレゼント　大見出し---*/	
.pre_ttl_main{
	margin:10px 0 20px 0;
	padding:0px 0px 0px 60px;
	background: url(../images/common/pre_ttl_bg.jpg) top no-repeat;
	color:#39708A;
	font-size: 20px;
	font-weight:bold;
	line-height:40px;
	}	


/* メイン特集　小見出し---*/	
h3.ttl{
	color:#27B9D8;
	font-weight:bold;
	font-size:14px;
	line-height:1.3;
	display:block;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	background:url(../images/common/sab_pic.jpg) no-repeat 0 0;
	}


#contents02 {
	margin: 45px auto 20px auto;
	padding: 0px;
	width: 760px;
	height: auto;
	}

.topic_ttl_main02{
	clear:both;
	margin:0px;
	padding:0px 0px 0px 60px;
	width:700px;
	height:40px;
	background: url(../images/common/ttl_bg.jpg) top no-repeat;
	color:#39708A;
	font-size: 20px;
	font-weight:bold;
	line-height:40px;
	}


/* トップページ　プレゼント情報----------------------*/

#mainImg{
	margin:-10px auto 0px auto;
	padding:0px;
	width:760px;
	height:332px;
	background: url(../images/common/main_imgbg.jpg) top no-repeat;
	}
.mainImg_text{
	margin:0px;
	padding:0px;
	height:156px;
	text-indent:-9999px;
	}	
#mainImgPresentArea{
	float:right;
	margin:0px; 
	padding:0px;
	width:390px;
	height:143px;
	background: url(../images/common/top_pre_bg.gif) top left no-repeat;
	overflow:visible;
	}
.mainPre_text{
	margin:0px;
	padding:0px;
	height:45px;
	text-indent:-9999px;
	}	
#mainImgPre_box{
	margin:0px; 
	padding:0px;
	width:370x;
	height:70px;
	}
#mainImgPre_txtbox{
	margin:0px; 
	padding:0 0 0 116px;
	width:250px;
	height:70px;
	}
#mainImgPre_btn{
	margin:3px 0 0 172px; 
	padding:0px;
	width:64px;
	}

/* ===========================================================================
	004.コンテンツレイアウト設定
===========================================================================*/

/* メインボックス・サブボックス・プレゼントボックス共通設定 */
.topic_main_box,
.topic_sub_box,
.pre_main_box,
.pre_sub_box
{
	margin:0px 10px 20px 10px;
	padding:0px 0px 15px 0px;
	border-bottom:#CCCCCC 1px solid;
	}

.topic_main_box table,
.topic_sub_box table,
.pre_main_box table,
.pre_sub_box table
{
	margin:0px;
	padding:0px;
	width:100%;
	}

.topic_main_box table td,
.topic_sub_box table td,
.pre_main_box table td,
.pre_sub_box table td
{
	text-align:left;
	vertical-align:top;
	}

.topic_main_box table td.tblpic,
.pre_main_box table td.tblpic
{
	width:265px;
	}

.topic_sub_box table td.tblpic,
.pre_sub_box tabletd.tblpic
{
	width:160px;
	}
	
table td.tbltxt{
	padding: 0 0 0 20px;
	}




/* 全体調整　*/
.topic_main_box p,
.topic_sub_box p,
.pre_main_box p,
.pre_sub_box p
{
	margin:0 0 10px 0;
	padding:0px;
	}
	
.p.linkbtn{
	margin:0px;
	padding:0px;
	}
	
.topic_main_box img{
	padding:0px;
	float:left;
	}
	
/* その他の特集　----------------------*/	



/* その他特集---*/
#topic02{
	clear:both;
	margin:50px 0px 10px 0px;
	padding:0px;
	}
#other_ttl{
	margin:0 0 10px;
	padding:0px;
	width:760px;
	height:25px;
	background: url(../images/common/ttl_02_bg.jpg) top repeat-x;
	}		
	
.topic02_main{
	margin:0px 10px 20px 10px;
	padding:0px;
	}
	
	
/* ===========================================================================
	005.プレゼントページ 基本レイアウト
===========================================================================*/

/* 左---*/
#pre_left{
	margin:0px;
	padding:0px;
	width:550px;
	float:left;
	}
		
/* 右---*/
#pre_right{
	margin:0px 0px 0px 20px;
	padding:0px;
	width:190px;
	float:right;
	}	
	

	

	
/*プレゼントページ　特集一覧---------------------------*/		


#pickup_list_box{
	margin:0px;
	padding:0px 0px 0px 0px;
	background: url(../images/common/list_bg.jpg);
	width:190px;
	}

#pickup_list_box ul{
	margin:0px;
	padding:0px;
	width:190px;
	}

#pickup_list_box ul li{
	margin:0px 0px 0px 0px;
	padding:18px 10px 18px 20px;
	width:160px;
	background: url(../images/common/list_pic.jpg) top left no-repeat;
	background-position:10px 20px;
	border-bottom:#FFFFFF solid 1px;
	line-height:1.4em;
	}
	
#pickup_list_box ul li p{
	margin:0px 0px 0px 10px;
	padding:0px;
	width:150px;
	line-height:1.4em;
	}



/* ===========================================================================
	006.フッター
===========================================================================*/

#foot_btn_box{
	clear:both;
	margin:0px auto;
	padding:0px 0px 30px 0px;
	width:760px;
	}
	
	
/* トップページへ戻るボタン----------------------*/

#index_btn_box{
	float:left;
	margin:0px;
	padding:0px;
	width:550px;
	}
#index_btn{
	margin:0px auto;
	padding:0px;
	width:200px;
	}

/* ページの先頭へボタン----------------------*/

#jump_btn{
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:right;
	}

	
/* link bana----------------------*/

#link_bana{
	clear:both;
	margin: 0px auto;
	padding: 0px 10px 10px 0px;
	width: 730px;
	height:auto;
	}
#link_bana dl dt{
	margin:0px 10px 0px 0px;
	padding:0px;
	width:80px;
	float:left;
	}

#link_bana dl dd{
	margin:0 0 0 90px;
	}

#link_bana dl dd img{
	margin:0px 6px 6px 0px;
	padding:0px;
	}
	
	
/* footerその他----------------------*/

address {
	margin:0;
	padding:0;
}



/* ===========================================================================
	007.モジュール関連
===========================================================================*/

.clear{
	clear:both;
}

.clearfix:after{
	clear				 : both;
	content				 : url(pixel.gif);
	display				 : block;
	height				 : 0;
}

	/* IE6 */
	* html .clearfix{
		display			 : inline-block;
	}

	/* IE7 */
	*+html .clearfix{
		display			 : inline-block;
	}