@charset "utf-8";
/* CSS Document */
/* **************************************************************************
 * Style Name: daselayout.css
 * Style URI: /css/daselayout.css
 * Description: レイアウト共通指定用
 * Version: CSS2
 * Last Up Date: 2010.03.03
 * Author: matsumura
 * ************************************************************************** */
 
/* ==========================================================================
 * 全体
 * --------------------------------------------------------------------------
 * body
 * ========================================================================== */ 
 
body{
	color: #333;
	line-height: 130%;
	background: #FFF url(../images/common/head_bg.jpg) repeat-x ;		
	} 
	
img{
	vertical-align:top;
	_vertical-align:bottom;
	}	
	
object,   
embed {   
    vertical-align: top;   
}  	
 

/* ==========================================================================
 * リンク指定
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */
a:link {color:#0669ad;}
a:visited {color:#0669ad;}
a:hover {color:#76bded; text-decoration:none;}
a:active {color:#0669ad; text-decoration:none;}
 
/* ==========================================================================
 * ヘッダ
 * --------------------------------------------------------------------------
 * Header
 * ========================================================================== */
 
#Header{
	width: 100%;
	}

/* Header > #HeaderInner ヘッダ内固定 Ｗ955px 中央寄せ*/

#HeaderInner{
	width: 955px;
	height: 110px;
	margin: auto;
	position: relative;
	padding: 30px 0 0 0;
	}

/**/

#HeaderInner #btnMember2{
	width: 200px;
	height: 200px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	}
	
#HeaderInner #btnMember2 a span{
	display: block;
	text-indent: -9999px;
	}	
#HeaderInner #btnMember2 a{
	display: block;
	width: 200px;
	height: 200px;
	background-image: url(../images/common/btn_member.png);
	background-repeat:no-repeat;
	}
	
#HeaderInner #btnMember2 a:hover{
	display: block;
	width: 200px;
	height: 200px;
	background-image: url(../images/common/btn_member.png);
	background-repeat:no-repeat;
	background-position: left -200px;
	}	

/*会員登録ボタン*/

#HeaderInner #btnMember{
	width: 200px;
	height: 168px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	}
	
#HeaderInner #btnMember a span{
	display: block;
	text-indent: -9999px;
	}	
#HeaderInner #btnMember a{
	display: block;
	width: 200px;
	zoom: 1;	
	height: 168px;
	background-image: url(../images/common/btn_memberbase.png);
	background-repeat:no-repeat;
	}
	
#HeaderInner #btnMember a:hover{
	display: block;
	width: 200px;
	zoom: 1;	
	height: 168px;
	background-image: url(../images/common/btn_memberbase.png);
	background-repeat:no-repeat;
	background-position: left -169px;
	}
	
/*ログインボタン*/

#HeaderInner #btnLoginMember{
	width: 200px;
	height: 168px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	}
	
#HeaderInner #btnLoginMember a span{
	display: block;
	text-indent: -9999px;
	}	
#HeaderInner #btnLoginMember a{
	display: block;
	width: 200px;
	height: 168px;
	background-image: url(../images/common/btn_loginbase.png);
	background-repeat:no-repeat;
	}
	
#HeaderInner #btnLoginMember a:hover{
	display: block;
	width: 200px;
	height: 168px;
	background-image: url(../images/common/btn_loginbase.png);
	background-repeat:no-repeat;
	background-position: left -169px;
	}	
	
/*ロゴ*/
#rogo{
	width: 214px;
	height: 80px;
	float: left;
	}
	
/*ヘッダ　バナーエリア*/
#HeaderInner .bnArea{
	width: 555px;
	float: left;
	text-align: center;
	padding-top: 10px;}
	
	
/*サブナビ*/

#subNavi{
	position: absolute;
	right: 210px;
	top: 7px;
	}	
	
#subNavi ul{
	list-style: none outside;
	}	
#subNavi li{	
	display: inline;
	font-weight: bold;
	margin-right: 10px;
}

#subNavi li a:link {color:#fff; text-decoration:none;}
#subNavi li a:visited {color:#fff;  text-decoration:none;}
#subNavi li a:hover {color: #76bded; text-decoration: underline;}
#subNavi li a:active {color: #76bded; text-decoration: underline;}

	
/*ナビゲーションメニュー*/	
#navi{
	height: 25px;
	width: 737px;
	float:left;
	z-index: 2;
	position: relative;
	}

#navi ul{
	list-style: none;
	color: #FFF;
	font-weight:bold;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	display: block;
	padding-right: 120px;
	}
		
#navi ul li{
	float: left;
	width: 90px;
	height: 25px;
	display: block;
	margin-top: 5px;
	}
	
#navi ul li.fr{
	float: none;
	position: absolute;
	width: 90px;
	height: 25px;
	display: block;
	margin-top: 5px;
	right: 0;
	}

#navi ul li.fr2{
	float: none;
	position: absolute;
	width: 90px;
	height: 25px;
	display: block;
	margin-top: 5px;
	right: 90px;
	}

#navi span{
text-indent: -9999px;
overflow: hidden;
display: block;
}
	
/*コメントエリア*/
	
#commentArea{
	width: 100%;
	text-align:center;
	min-width: 975px;	
	min-height: 25px;
	background-image:url(../images/common/search_bg.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
	}	
	
	
#Header #commentArea p{
	display: block;
	width: 755px;
	text-align:center;
	margin: 0px auto;
	font-weight: bold;
	padding: 5px 200px 5px 0px;
	}	
	
	
/*サーチボックス*/

	
#searchArea{
	width: 100%;
	min-width: 975px;	
	background-color: #ebebeb;
	background-image:url(../images/common/search_bg2.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	height: 35px;
	margin-bottom: 10px;
	text-align:center;
	}	
	
	
#searchArea p{
	float: left;
	margin-right: 5px;
	}
	
#searchArea #searchInner{
	width: 900px;
	margin: auto;
	padding: 3px 0px 0px 0px;
	}
	
#searchArea #searchInner input{
	width: 500px;
	margin-top: 3px;
}
#searchArea #searchInner input.sbtn{
	width: 56px;
	height: 24px;
	border: none;
	}


#searchArea #searchInner select{
	margin-top: 3px;	
}

#searchArea #searchInner button{
	margin: 0;
	padding-top:0.2em;
	padding-bottom:0.2em;	
	}
	
#searchArea #searchInner .searchFull{
	display: block;
	background:url(../images/common/zoom.gif) left 4px no-repeat;
	padding: 5px 0px 5px 20px;
	margin-left: 10px;
	}
	
/* ==========================================================================
 * コンテナ　3段カラム　レイアウト
 * --------------------------------------------------------------------------
 * container
 * ========================================================================== */
#wapper{
	width: 100%;
	min-width: 975px;
	position:relative;
	margin-bottom: 20px;
	}
	
#wapper table{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	
	}
#wapper table td{
	vertical-align:top;
	margin: 0;
	padding: 0;
	}	
	
#wapper table td.left{
	width: 210px;
	}

#wapper table td.right{
	width: 230px;
	}
	
/* ==========================================================================
 * コンテナ　3段カラム　レイアウト
 * --------------------------------------------------------------------------
 * container
 * ========================================================================== */
#subContents01{
	width: 180px;
	margin: 0px 10px 0px 20px;
	}
	
#subContents02{
	width: 200px;
	margin: 0px 20px 0px 10px;
	}	

/* ==========================================================================
 * メインページ　レイアウト
 * --------------------------------------------------------------------------
 * #container > #containerInner > #contents
 * ========================================================================== */


/*#topicPath ぱんくずリスト*/
#container #containerInner #contents #topicPath{
	background-color: #ebebeb;
	text-align:right;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

#container #containerInner #contents #topicPath ul{
	list-style: none outside;
	}
	
#container #containerInner #contents #topicPath li{
	display: inline;
}

#container #containerInner #contents #topicPath li span{
	margin: 0px 5px 0px 5px;
	}

	
/* ==========================================================================
 * ページトップ
 * --------------------------------------------------------------------------
 * #container > #containerInner > .PageTop	
 * ========================================================================== */

.pagetop{
	position: relative;
	height: 20px;
	margin: 10px;
	}
	
.pagetop p{
	display:block;
	position:absolute;
	right: 0;
	padding-left: 10px;
	background : url(../images/common/arrow_gray.gif) left 5px no-repeat;
	}	


.pagetop p a:link {color:#fe4365;}
.pagetop p a:visited {color:#fe4365;}
.pagetop p a:hover {color:#fe4365; text-decoration:none;}
.pagetop p a:active {color:#fe4365; text-decoration:none;}	
	
	
/* ==========================================================================
 *　レフトページ　コンテンツ一覧 #subContents01
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #contents
 * ========================================================================== */

#wapper #subContents01 #contList{
	width: 180px;
	}
		
#wapper #subContents01 p{
	padding: 5px;
	}	

#wapper #subContents01 #contList ul{
	list-style: none outside;
	font-weight: bold;	
	line-height: normal;
	}
	

#wapper #subContents01 #contList p{
	font-weight: bold;
	font-size: 105%;
	padding: 0;
	}
	
#wapper #subContents01 #contList p.title{
	padding: 5px;
	}	
	
#wapper #subContents01 #contList p a:link { color:#666;}
#wapper #subContents01 #contList p a:visited { color:#666;}
#wapper #subContents01 #contList p a:hover { color:#666; text-decoration:none;}
#wapper #subContents01 #contList p a:active { color:#666; text-decoration:none;}
	
#wapper #subContents01 #contList ul li.title{
	background: url(../images/common/icon_arrow.png) 6px 5px no-repeat;
	}	
	
#wapper #subContents01 #contList ul span{
	display: block;
	padding: 5px 25px;
	}	

#wapper #subContents01 #contList ul ul{
	display: block;
	margin: 0;
	padding: 0px;
	font-weight: normal;
}


#wapper #subContents01 #contList ul ul li.liLast{
	background:url(../images/common/list_bg2.gif) 5px 5px no-repeat;
	}
 
	
#wapper #subContents01 #contList ul ul li{
	background:url(../images/common/list_bg1.gif) 5px 5px no-repeat ;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	}	


/*#wapper #subContents01 #contList ul ul li:hover{
	}*/


#wapper #subContents01 #contList ul li.title a:hover{
	display: block;
	width: 178px;
	background:#efefef url(../images/common/icon_arrow.png) 5px 5px no-repeat;	
}

#wapper #subContents01 #contList ul li.title ul li a:hover{
	background:;
	display: block;
	width: 178px;
	background: #efefef url(../images/common/list_bg1.gif) 5px 5px no-repeat ;	
	}

	
#wapper #subContents01 #contList ul li.title ul li.liLast a:hover{
	display: block;
	width: 178px;
	background: #efefef url(../images/common/list_bg2.gif) 5px 5px no-repeat ;
	}	



/* ==========================================================================
 *　レフトページ　コンテンツ一覧：カテゴリトップ 
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #contList02
 * ========================================================================== */

#wapper #subContents01 #contList02{
	width: 180px;

	}
		
#wapper #subContents01 #contList02 ul{
	list-style: none outside;
	font-weight: bold;	
	}
	
#wapper #subContents01 #contList02 ul li ul li p{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px!important;
	}
	
#wapper #subContents01 #contList02 ul li ul li span{
	display: block;
	padding: 5px 0px 5px 25px;
	}
	
#wapper #subContents01 #contList02 ul li.bland ul li a span{
	display: block;
	padding: 5px 0px 5px 25px;
	}	

#wapper #subContents01 #contList02 ul li ul li a:hover{
	display: block;
	background: #efefef url(../images/common/icon_catlist.gif) 6px 6px no-repeat;	
	cursor: pointer;
	}	
	
#wapper #subContents01 #contList02 ul li.bland ul li a{
	zoom: 1;
	}	
	
#wapper #subContents01 #contList02 ul li.bland ul li{	
	margin: 0;
	padding: 0;

}
	
#wapper #subContents01 #contList02 p.title{
	/*padding: 5px;*/	
	}	
		
	
#wapper #subContents01 #contList02 ul li.catList ul li{
	background: url(../images/common/icon_catlist.gif) 6px 6px no-repeat;
	}

#wapper #subContents01 #contList02 ul li.catList ul li.pull{
	position:relative;	
	z-index: 10;
	cursor: pointer;	
}

#wapper #subContents01 #contList02 ul li.catList ul li.pull:hover{
		background-color: #efefef;
}

#wapper #subContents01 #contList02 ul ul{
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}


	
#wapper #subContents01 #contList02 ul ul li{
	background: url(../images/common/arrow_gray.gif) 6px 10px no-repeat ;
	margin: 0px;
	}	



#wapper #subContents01 #contList02 ul li.bland ul li a:hover{
	display: block;
	width: 178px;
	background: #efefef url(../images/common/arrow_gray.gif) 6px 10px no-repeat ;	
	}

	


	
.catList ul{
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	}	

.bland ul{
	border-style: solid;
	border-width: 0px 1px 1px 1px;	
	}


/*プルダウン*/

			
#wapper #subContents01 #contList02 ul ul li table {
			border-collapse: collapse;
			border: none;
			padding: 0;
			position: absolute;
			top: 0;
			left: 0;
				}
				
#wapper #subContents01 #contList02 ul ul li ul.pulldown {
				visibility: hidden;
				overflow: hidden;
				position: absolute;
				top: 5px;
				left: 160px;
				width: 120px;
				height: 0;
				border-top: 1px solid #000 ;
				border-bottom: 1px solid #000 ;
				_border-left: 1px solid #000 ;
				_border-right: 1px solid #000 ;
				background:#FFF;				
			}
			
* html #wapper #subContents01 #contList02 ul ul li ul.pulldown {
				visibility: hidden;
				overflow: hidden;
				position: absolute;
				top: 5px;
				left: 120px;
				width: 120px;
				height: 0;
				border-top: 1px solid #000 ;
				border-bottom: 1px solid #000 ;
				_border-left: 1px solid #000 ;
				_border-right: 1px solid #000 ;
				background:#FFF;
				} 			
			
#wapper #subContents01 #contList02 ul ul li ul.pulldown li {
					margin-bottom: 0;
					/*width: 140px;*/
					min-height: 30px;
					background: none;
				}
			
#wapper #subContents01 #contList02 ul ul li ul.pulldown li a {
				display: block;
				text-decoration: none;
				min-height: 30px;
				z-index: 100;	
				background: url(../images/common/point_gray.gif) 10px 10px no-repeat;				
			}
			
#wapper #subContents01 #contList02 ul ul li ul.pulldown li a:hover {
				position: relative;
				display: block;
				text-decoration: none;
				min-height: 30px;
				z-index: 100;
				width: 120px;
				background: #efefef url(../images/common/point_gray.gif) 10px 10px no-repeat;								
			}
			
#wapper #subContents01 #contList02 ul ul li:hover ul.pulldown ,
#wapper #subContents01 #contList02 ul ul li a:hover ul.pulldown {
				visibility: visible;
				overflow: visible;
				height: auto;
				z-index: 10;
			}





/* ==========================================================================
 *　レフトページ　バナー掲載エリア
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #bnArea
 * ========================================================================== */

#wapper #subContents01 .bnArea{
	margin: 5px 0px;
	}
#wapper #subContents01 .bnArea img{
	margin: 5px 0px 5px 0px;
}

#wapper #subContents01 .bnArea p{
	margin: 0;
	padding: 0;
	}

/* ==========================================================================
 *　レフトページ　決済方法表示エリア
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #payList
 * ========================================================================== */
#wapper #subContents01 #payList{
	width: 180px;
	}
	
#wapper #subContents01 #payList .contbox p{
	font-size: x-small;
}

/* ==========================================================================
 *　ライトメニュー　ログインボックス
 * --------------------------------------------------------------------------
 * #container > #subContents02 >　#loginBlock
 * ========================================================================== */
 
 
#wapper #subContents02 .loginBlock{
	border: 1px solid #e0e0e0;
}
	
#wapper #subContents02 .loginBlock .inner{
	border: 1px solid #FFF;
	background-color: #f7f7ec;
	padding: 25px 10px 10px 10px;
	background-image:url(../images/common/title_login.png);
	background-position: 10px 5px;
	background-repeat:no-repeat;
	}
	
#wapper #subContents02 .loginBlock dl{
	margin-top: 10px;
	border-style: solid;
	border-color: #CCC;
	border-width: 0px 1px 1px 1px;	
	}
	
#wapper #subContents02 .loginBlock .inner dl dt{
	background-color: #000;
	width: 153px;
	padding: 5px 10px;
	color: #FFF;
	text-align:left;
	font-weight: bold;
	}	
	
#wapper #subContents02 .loginBlock .inner dl dd{
	background-color: #FFF;
/* 	background-image: url(../images/common/title_loginar_r.jpg); */
	background-position: 12px top;
	background-repeat:no-repeat;
	font-size: 83.5%;	
	}
	
#wapper #subContents02 .loginBlock .inner ul{
	margin: 0;
	padding: 0;
	list-style: none outside;
}	
	
#wapper #subContents02 .loginBlock .inner dl dd ul{
	text-align: left;
	display: block;
	padding: 10px 10px 10px 15px;
	color: #F90;
	font-weight:bold;
	}	
	
#wapper #subContents02 .loginBlock .inner .loguinNote li{
	min-height: 17px;
	}	
	
#wapper #subContents02 .loginBlock .inner .loguinNote li.member{
	diaplay: bloak;
	padding-left: 17px;
	background: url(../images/common/icon_first.gif) top left no-repeat;
	}
	
#wapper #subContents02 .loginBlock .inner .loguinNote li.pass{
	diaplay: bloak;
	padding-left: 17px;
	background: url(../images/common/icon_info.gif) top left no-repeat;
	}
		
#wapper #subContents02 .loginBlock .inner .loguinNote{
	margin: 10px 0px 0px 0px;
	text-align: left;
	font-size: 0.9em;
	}	
	
#wapper #subContents02 .loginBlock .inner ul .submitRule{
	text-align: right;
	}
	
#wapper #subContents02 .loginBlock .inner ul .chkRule{
	font-size: x-small;
	margin: 5px 0px;
	}
	
.loginBlocktxt{
	display: block;
	margin-bottom: 10px;
	}
	
.loginBlocktxt2{	
	display: block;
	text-align:right;
	margin-bottom: 10px;

}
	
#wapper #subContents02 .loginBlock .inner p{
	font-size: 90%;
	}
 
 
/*#wapper #subContents02 .loginBlock{
	border: 1px solid #e0e0e0;
}

#wapper #subContents02 .topLogin a{
	display: block;
	width: 176px;
	height: 49px;
	background: url(../images/common/btn_login.png) no-repeat;
	background-position:left top;
	}
	
#wapper #subContents02 .topLogin a:hover{
	display: block;
	width: 176px;
	height: 49px;
	background: url(../images/common/btn_login.png) no-repeat;
	background-position:left -49px;
}

#wapper #subContents02 .topLogin a span{
	display: block;
	text-indent: -9999px;	
}
	
#wapper #subContents02 .loginBlock .inner{
	border: 1px solid #FFF;
	background-color: #f7f7ec;
	padding: 25px 10px 10px 10px;
	background-image:url(../images/common/title_login.png);
	background-position: 10px 5px;
	background-repeat:no-repeat;
	}
	
#wapper #subContents02 .loginBlock .inner ul{
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#wapper #subContents02 .loginBlock .inner a.member{
	diaplay: bloak;
	padding-left: 15px;
	background: url(../images/common/icon_first.gif) no-repeat;
	
	}
	
#wapper #subContents02 .loginBlock .inner a.pass{
	diaplay: bloak;
	padding-left: 15px;
	background: url(../images/common/icon_info.gif) no-repeat;
	}
	
#wapper #subContents02 .loginBlock .inner .loguinNote{
	margin: 10px 0px 0px 0px;
	}	
	
#wapper #subContents02 .loginBlock .inner ul .submitRule{
	text-align: right;
	}
#wapper #subContents02 .loginBlock .inner ul .chkRule{
	font-size: x-small;
	margin: 5px 0px;
	}
	
.loginBlocktxt{
	display: block;
	margin-bottom: 10px;
	}
	
.loginBlocktxt2{	
	display: block;
	text-align:right;
	margin-bottom: 10px;

}
ol.loginPoint{
	display: block;
	position:static  ;
	margin: 0 0 0 2em;
	padding: 8px;
	font-weight: bold;
	}
	
ol.loginPoint p{
	font-weight: normal;
	margin: 0;
	padding:;
	}	

.loginPointBlock{
	background: #FFF;
	border: 1px solid #999;
	}

ol.loginPoint li{
	margin: 0px;
	padding: 0;
	}	
	
	
#wapper #subContents02 .loginBlock .inner p{
	font-size: 90%;
	}

*/

/* ==========================================================================
 *　ライトメニュー　ログインボックス:ログイン時
 * --------------------------------------------------------------------------
 * #container > #subContents02 >　.loginBlockAfter
 * ========================================================================== */
 
#wapper #subContents02 .loginBlockAfter{
	border: 1px solid #e0e0e0;
}


#wapper #subContents02 .loginBlockAfter .inner{
	border-style: solid;
	border-color:  #FFF;
	border-width: 1px 1px 0px 1px;	
	background-color: #f7f7ec;
	padding: 10px;
	}
	
#wapper #subContents02 .loginBlockAfter .inner .name{	
	font-size: 120%;
	font-weight:bold;
}

#wapper #subContents02 .loginBlockAfter .inner .myp{	
	text-align: center;
	padding: 10px 0px 5px 0px;
}
#wapper #subContents02 .loginBlockAfter .inner ul,
#wapper #subContents02 .loginBlockAfter .logOut ul{
	margin: 0;
	padding: 0;
	list-style: none outside;
}

#wapper #subContents02 .loginBlockAfter .inner a.member{
	diaplay: bloak;
	padding-left: 15px;
	background: url(../images/common/icon_first.gif) no-repeat;
	
	}
	
#wapper #subContents02 .loginBlockAfter .inner a.pass{
	diaplay: bloak;
	padding-left: 15px;
	background: url(../images/common/icon_info.gif) no-repeat;
	}
	
#wapper #subContents02 .loginBlockAfter .inner .loguinNote{
	margin: 10px 0px 0px 0px;
	}	
	
#wapper #subContents02 .loginBlockAfter .inner ul .submitRule{
	text-align: right;
	}
#wapper #subContents02 .loginBlockAfter .inner ul .chkRule{
	font-size: x-small;
	margin: 5px 0px;
	}	
	
#wapper #subContents02 .loginBlockAfter .logOut{
	border-style: solid;
	border-color:  #FFF;
	border-width: 0px 1px 1px 1px;	
	background-color: #efefef;
	padding: 10px 5px 5px 5px;
	margin: 0px;
	text-align: right;
}

#wapper #subContents02 .loginBlockAfter .logOut li.submitRule{
	display: block;
	background: url(../images/common/icon_logout.png) 60px 3px no-repeat;
	padding-left: 15px;
	
	}	
	
/* ==========================================================================
 *　ライトページ　バナー掲載エリア
 * --------------------------------------------------------------------------
 * #container > #subContents01 > #bnArea
 * ========================================================================== */

#wapper #subContents02 .bnArea{
	/*margin: 5px 0px;*/
	}
#wapper #subContents02 .bnArea img{
	/*margin: 5px 0px 5px 0px;*/
	margin-bottom: 10px;
}	

#wapper #subContents02 .bnArea p.mm{
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	}

/*#wapper #subContents02 .bnArea p.mm a{
	display: block;
	width: 200px;
	height: 59px;
	background: url(../images/common/bn_mail.jpg) no-repeat;
	background-position:left top;
	}
	
#wapper #subContents02 .bnArea p.mm a:hover{
	display: block;
	width: 200px;
	height: 59px;
	background: url(../images/common/bn_mail.jpg) no-repeat;
	background-position:left -59px;
}

#wapper #subContents02 .bnArea p.mm a span{
	display: block;
	text-indent: -9999px;	
}*/

/* ==========================================================================
 *　ライトメニュー　オススメ一覧
 * --------------------------------------------------------------------------
 * #container > #subContents02 >　.rankBlock
 * ========================================================================== */
 
#wapper #subContents02 .rankBlock{
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
}

#wapper #subContents02 .rankBlock .inner ul p.title {
	diaplay: block;
	position: relative;
}

#wapper #subContents02 .rankBlock .inner ul p.title span {
	display: block;
	position: absolute;
	right: 0; top: 2;
	padding-left: 10px;
	background : url(../images/common/point_gray.gif) 3px left no-repeat;	
}

#wapper #subContents02 .rankBlock .inner{
	border: 1px solid #FFF;
	background-color: #f7f7ec;
	padding: 10px;
	}
	
#wapper #subContents02 .rankBlock .inner ul{
	list-style: none outside;
	display: block;		
}

#wapper #subContents02 .rankBlock .inner ul ul{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #bebebe;
	position: relative;
	display: block;	
}

#wapper #subContents02 .rankBlock .inner ul ul ul{
	margin: 0;
	border: none;
}

#wapper #subContents02 .rankBlock .inner li{
	width:100%; vertical-align:bottom;}



#wapper #subContents02 .rankBlock .inner ul li .status{
	display: block;
	width: 70px;
	position: absolute;
	right: 0;
	top: 0;

}

#wapper #subContents02 .rankBlock .inner ul li .status li{
	margin-bottom: 3px;	
}

#wapper #subContents02 .rankBlock .inner ul .itemTitle{
	font-weight: bold;
	display: block;
	margin: 5px 0px;
	padding: 0;
	}
	
#wapper #subContents02 .rankBlock .inner ul .itemStxt{
	font-size: x-small;
	color: #333;
	}	
	
/* ==========================================================================
 *　ライトメニュー　ランキング
 * --------------------------------------------------------------------------
 * #container > #subContents02 >　#rankBlock2
 * ========================================================================== */
 
#wapper #subContents02 .rankBlock02{
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	
}

#wapper #subContents02 .rankBlock02 .inner ul p.title {
	diaplay: block;
	position: relative;
}

#wapper #subContents02 .rankBlock02 .inner ul p.title span {
	display: block;
	position: absolute;
	right: 0; top: 2px;
	padding-left: 10px;
	background : url(../images/common/point_gray.gif) left 3px no-repeat;	
}

#wapper #subContents02 .rankBlock02 .inner{
	border: 1px solid #FFF;
	background-color: #f7f7ec;
	padding: 10px;
	}
	
#wapper #subContents02 .rankBlock02 .inner ul{
	list-style: none outside;
	display: block;		
}

#wapper #subContents02 .rankBlock02 .inner ul ul{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #bebebe;
	position: relative;
	display: block;	
}

#wapper #subContents02 .rankBlock02 .inner ul ul ul {
	margin: 0;
	border: none;
}

#wapper #subContents02 .rankBlock02 .inner li{
	width:100%; vertical-align:bottom;}



#wapper #subContents02 .rankBlock02 .inner ul li .status{
	display: block;
	width: 70px;
	position: absolute;
	right: 0;
	top: 0;

}

#wapper #subContents02 .rankBlock02 .inner ul li .status li{
	margin-bottom: 3px;	
}

#wapper #subContents02 .rankBlock02 .inner ul .itemTitle{
	font-weight: bold;
	display: block;
	margin: 5px 0px;
	padding: 0;
	}
	
#wapper #subContents02 .rankBlock02 .inner ul .itemTitle p.rank1{
	display: block;
	background:url(../images/common/icon_rank1.gif) left top no-repeat;
	padding-left: 45px;
}

#wapper #subContents02 .rankBlock02 .inner ul .itemTitle p.rank2{
	display: block;
	background:url(../images/common/icon_rank2.gif) left top no-repeat;
	padding-left: 45px;
}

#wapper #subContents02 .rankBlock02 .inner ul .itemTitle p.rank3{
	display: block;
	background:url(../images/common/icon_rank3.gif) left top no-repeat;
	padding-left: 45px;
}
	

/* ==========================================================================
 *　フッター
 * --------------------------------------------------------------------------
 * #Fotter
 * ========================================================================== */	
 
 
#FotterLine{
	background: url(../images/common/fotter_bg.gif) repeat-x;
	height: 5px;
	margin-bottom: 5px;
	min-width: 975px;
}
 
#Fotter{
	width: 100%;
	min-width: 975px;
	background: #efefef;
	}

/* Header > #HeaderInner ヘッダ内固定 Ｗ955px 中央寄せ*/

#FotterInner{
	margin: auto;
	padding: 30px 30px;
	text-align:right;
	}
	
#Fotter ul{
	list-style: none outside;
	}	

#Fotter li{
	display: inline;	
}

/* ==========================================================================
 *　コピーライト
 * --------------------------------------------------------------------------
 * #copy
 * ========================================================================== */	

#copy{
	padding: 30px;
	}	
	

/* ==========================================================================
 *　フリーエリア
 * --------------------------------------------------------------------------
 * .sectionFree2 .freeCont
 * ========================================================================== */	

.sectionFree2 .freeCont{
	background-color:#ffffff;
	padding: 5px;
	border-bottom:2px dotted  #999;
	}
	

.sectionFree2 .freeCont .main
	{
	float:right;
	width:100%;
	margin-left:-120px;
	}
.sectionFree2 .freeCont .main .wrap
	{
	padding-left:130px;
	}

.sectionFree2 .title
	{
        padding-top:5px;
        font-size:16px;
        font-weight:bold;
	}

.sectionFree2 .freeCont .sub
	{
	float:right;
	width:120px;
	}

/*マイページ壁紙プレゼント用*/
.sectionFree2 .freeCont .present{
	float: none;
	width: 100%;
	}	
	
.sectionFree2 .freeCont .present .wrap	{
	float: none;
	width: 100%;
	margin: 0;
	padding: 5px;
	}

.sectionFree2 .freeCont .present .wrap p{
	width: 98%;
	padding: 5px 0px 5px 5px;
	}

.sectionFree2 .freeCont .present .wrap p img{
	float: left;
	margin: 0px 5px 0px 0px;
	}