/*-------------------------------------------------
　スタイルの初期化
/*-------------------------------------------------*/
html,body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,form,address,table,tr,td,th{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight: normal;
}

ul,
ul li{
	list-style-type:none;
}


img{
	vertical-align: top;
	border:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

html{
	height: 100%;
}

/*-------------------------------------------------
　yuiフォント
/*-------------------------------------------------*/


body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;/* 基本文字設定 */
    *font-size:small;	/* Win IE7およびWin IE6標準準拠モード向け */
    *font:x-small;		/* Win IE 5-5.5､6(後方互換モード)向け */
}
table {
    font-size:inherit;	/* モダンブラウザ向け */
    font:100%; 			/* Win IE 5-5.5､6(後方互換モード)向け */
}

/* フォントサイズ対応表
10pixel : 77%
11pixel : 85%
12pixel : 93%
13pixel : 100%
14pixel : 108%
15pixel : 116%
16pixel : 123.1%
17pixel : 131%
18pixel : 138.5%
19pixel : 146.5%
20pixel : 153.9%
21pixel : 161.6%
22pixel : 167%
23pixel : 174%
24pixel : 182%
25pixel : 189%
26pixel : 197%

*/


/*-------------------------------------------------
　リンク
/*-------------------------------------------------*/


a:link{

}

a:visited{

}

a:hover{

}

a:active{

}


/*-------------------------------------------------
　clearfix
/*-------------------------------------------------*/

.clear{
	clear:both;
	line-height:0;
	
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.reset {
  clear:both;
}
/*-------------------------------------------------
　header
/*-------------------------------------------------*/

#container_d {
    width:865px;
	margin-left:40px;
	margin-right:auto;
}

div#gnavi a:link,
div#gnavi a:visited{
	color: #666666;
	text-decoration: none;
}

div#gnavi a:hover{
	color: #FF6600;
	text-decoration: underline;
}

/*-------------------------------------------------
　header_banner
/*-------------------------------------------------*/

div#head_banner{
	width:100%;
	margin: 10px 0;

}

div#main_flash{
	margin-bottom: 10px;
}

/*-------------------------------------------------
　デジタルフォトフレームナビ
/*-------------------------------------------------*/

div#dpf_navi{
	background-color: #BBB8AF;
	padding:5px;
	margin-bottom:20px;
	width:850px;
	height:390px;
}

div#dpf_navi_sidebar{
	height:390px;
	background-color: #E1DECD;
	float: left;
	width:218px;
}

div#dpf_navi_sidebar h3{
	margin: 5px;
}
div#dpf_navi_sidebar ul{
	margin: 0px 5px; 
}

div#dpf_navi_sidebar ul li{
	margin-bottom: 3px;
	height: 40px;
	width: 218px;
	background-image: url(/image/digiphoto/bg_dpf_navi1.jpg);
	text-indent: 20px;
}

div#dpf_navi_sidebar ul li.navi1{background-image: url(/image/digiphoto/bg_dpf_navi1.jpg);}
div#dpf_navi_sidebar ul li.navi2{background-image: url(/image/digiphoto/bg_dpf_navi2.jpg);}
div#dpf_navi_sidebar ul li.navi3{background-image: url(/image/digiphoto/bg_dpf_navi3.jpg);}
div#dpf_navi_sidebar ul li.navi4{background-image: url(/image/digiphoto/bg_dpf_navi4.jpg);}
div#dpf_navi_sidebar ul li.navi5{background-image: url(/image/digiphoto/bg_dpf_navi5.jpg);}
div#dpf_navi_sidebar ul li.navi6{background-image: url(/image/digiphoto/bg_dpf_navi6.jpg);}
div#dpf_navi_sidebar ul li.navi7{background-image: url(/image/digiphoto/bg_dpf_navi7.jpg);}
div#dpf_navi_sidebar ul li.navi8{background-image: url(/image/digiphoto/bg_dpf_navi8.jpg);}
div#dpf_navi_sidebar ul li.navi9{background-image: url(/image/digiphoto/bg_dpf_navi9.jpg);}
div#dpf_navi_sidebar ul li.navi10{background-image: url(/image/digiphoto/bg_dpf_navi10.jpg);}
div#dpf_navi_sidebar ul li.navi11{background-image: url(/image/digiphoto/bg_dpf_navi11.jpg);}

div#dpf_navi_sidebar ul li a{
	height: 40px;
	width: 218px;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height:40px;
	display: block;

}

div#dpf_navi_sidebar ul li a:hover{
	color: #FF3366;
}



div#dpf_navi_sidebar p{
	text-align:center;
	margin-top: 20px;
}


div#dpf_navi_main{
	width:612px;
	float:left;
}

.dpf_navi_inline{
	margin:0;
	padding:0;
	width:612px;
	height: 390px;
}


/*-------------------------------------------------
　contents
/*-------------------------------------------------*/

div#contents{
	width:100%
}

div#contents h3{
	border-left: solid 5px #E1DECD;
	font-size:138.5%;	/*18px*/
	text-indent: 7px;
	color: #666666;
	margin-bottom: 10px;
	font-weight: bold;
}

div#contents_sidebar{
	width: 220px;
	margin-right:20px;
	float: left;	
}

div#contents_main{
	width: 610px;
	float: left;
}

/*-------------------------------------------------
　ナビ
/*-------------------------------------------------*/

ul#sidenavi{
	margin-bottom:20px;
}

ul#sidenavi li{
	/*ナビボタンのサイズ*/
	width:220px;	
	height:41px;
	list-style-type:none;
	/* float:left; /*横並びのとき*/
}

ul#sidenavi li a{
	/*ナビボタンのサイズ*/
	display:block;
	width:220px;	
	height:41px;
}

ul#sidenavi li.bnavi01{	background:url(/image/digiphoto/btn_dpf_brand01_on.jpg);}
ul#sidenavi li.bnavi02{	background:url(/image/digiphoto/btn_dpf_brand02_on.jpg);}
ul#sidenavi li.bnavi03{	background:url(/image/digiphoto/btn_dpf_brand03_on.jpg);}
ul#sidenavi li.bnavi04{	background:url(/image/digiphoto/btn_dpf_brand04_on.jpg);}
ul#sidenavi li.bnavi05{	background:url(/image/digiphoto/btn_dpf_brand05_on.jpg);}
ul#sidenavi li.bnavi06{	background:url(/image/digiphoto/btn_dpf_brand06_on.jpg);}
ul#sidenavi li.bnavi07{	background:url(/image/digiphoto/btn_dpf_brand07_on.jpg);}
ul#sidenavi li.bnavi08{	background:url(/image/digiphoto/btn_dpf_brand08_on.jpg);}
ul#sidenavi li.bnavi09{	background:url(/image/digiphoto/btn_dpf_brand09_on.jpg);}
ul#sidenavi li.bnavi10{	background:url(/image/digiphoto/btn_dpf_brand10_on.jpg);}
ul#sidenavi li.bnavi11{	background:url(/image/digiphoto/btn_dpf_brand11_on.jpg);}
ul#sidenavi li.bnavi12{	background:url(/image/digiphoto/btn_dpf_brand12_on.jpg);}
ul#sidenavi li.bnavi13{	background:url(/image/digiphoto/btn_dpf_brand13_on.jpg);}
ul#sidenavi li.bnavi14{	background:url(/image/digiphoto/btn_dpf_brand14_on.jpg);}
ul#sidenavi li.bnavi15{	background:url(/image/digiphoto/btn_dpf_brand15_on.jpg);}
ul#sidenavi li.bnavi16{	background:url(/image/digiphoto/btn_dpf_brand16_on.jpg);}
ul#sidenavi li.bnavi17{	background:url(/image/digiphoto/btn_dpf_brand17_on.jpg);}
ul#sidenavi li.bnavi18{	background:url(/image/digiphoto/btn_dpf_brand18_on.jpg);}
ul#sidenavi li.bnavi19{	background:url(/image/digiphoto/btn_dpf_brand19_on.jpg);}
ul#sidenavi li.bnavi20{	background:url(/image/digiphoto/btn_dpf_brand20_on.jpg);}
ul#sidenavi li.bnavi21{	background:url(/image/digiphoto/btn_dpf_brand21_on.jpg);}
ul#sidenavi li.bnavi22{	background:url(/image/digiphoto/btn_dpf_brand22_on.jpg);}
ul#sidenavi li.bnavi23{	background:url(/image/digiphoto/btn_dpf_brand23_on.jpg);}
ul#sidenavi li.bnavi24{	background:url(/image/digiphoto/btn_dpf_brand24_on.jpg);}
ul#sidenavi li.bnavi25{	background:url(/image/digiphoto/btn_dpf_brand25_on.jpg);}
ul#sidenavi li.bnavi26{	background:url(/image/digiphoto/btn_dpf_brand26_on.jpg);}
ul#sidenavi li.bnavi27{	background:url(/image/digiphoto/btn_dpf_brand27_on.jpg);}

ul#sidenavi li.bnavi01,
ul#sidenavi li.bnavi01 a{
	height:42px;
}

ul#sidenavi li a:hover {
	background-color:transparent;
}

ul#sidenavi li a:hover img{
	visibility:hidden
}



/*-------------------------------------------------
　ピックアップ
/*-------------------------------------------------*/


div#dpf_pickup{
	width:100%;
	padding-bottom:8px;
	background-image: url(/image/digiphoto/bg_dpf_pickup.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-color: #ECE9D8;
}

.dpf_pickup_item{
	width: 295px;
	height: 320px;
	margin: 7px 0 0px 7px;
	background-image: url(/image/digiphoto/bg_dpf_pickup4.jpg);
	background-repeat: no-repeat;
 	float: left;
	display: inline;
}

.pickup_fun{background-image: url(/image/digiphoto/bg_dpf_pickup1.jpg);}
.pickup_lady{background-image: url(/image/digiphoto/bg_dpf_pickup3.jpg);}
.pickup_value{background-image: url(/image/digiphoto/bg_dpf_pickup2.jpg);}
.pickup_new1{background-image: url(/image/digiphoto/bg_dpf_pickup5.jpg);}

.dpf_pickup_item div.item_name{
	margin-top: 60px;
	/* font-size: 123.1%; /*16pixel*/
	font-size:16px;
	line-height:1.1;
	font-weight:bold;
	color:#333333;
	padding: 0 10px;
}

.dpf_pickup_item div.item_catch{
	/*font-size: 108%; /*14pixel*/
	font-size:14px;
	line-height: 1.3;
	padding: 10px;
	font-weight: bold;
	color: #0099CC;
}

.dpf_pickup_item div.item_catch img{
	float: left;
	margin-right:5px;
}


.dpf_pickup_item div.item_caption{
	padding: 0 10px 10px 10px;
	font-size:12px;
	line-height: 1.3;
	color: #666666;

}

.item_button{ text-align: center;}
.item_button a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}	

.dpf_pickup_item div.item_caption img{
	text-align: center;
}

ul#dpf_etc_banner li{
	display: block;
	float: left;
	margin: 0 0 5px 5px;
	display: inline;
}


.oguchi {
    margin:10px 0;
}
.oguchi1 {/*ボーナスセール用*/
    margin:-15px 0 25px 0;
}




/* 下部リニューアルCSS */
.clear { clear: both; }

#mygmakatitle { margin-top:20px; }
#mygyosantitle { margin-top:20px; }
#mygsizetitle { margin-top:20px; }

.mygbotan img { margin-right:8px; width:275px; height:67px; margin-bottom:10px; }

#mekaspace { width:850px; padding-left:20px; }
#mekaspace li {  float:left; }

#yosanspace  { width:850px;  margin-left:20px; }
#yosanspace img  { margin-right:10px; float:left; }

#sizespace img  { float:left; }

.linespace { margin:20px 0px 0px 0px; }
.linewspace { margin:20px 0px 20px 0px; }

.bannerspace { margin:60px 0px 0px 0px; }



/* 2011.1 リニューアル追加CSS */

div#dpftest a:hover img { opacity:0.1;
	filter:alpha(opacity=0,finishopacity=100);
	-ms-filter:"alpha( opacity=0,finishopacity=100 )";}
	
div#dpfhaba { width:930px; float:left; }