@charset "utf-8";
/* ===================================================================
CSS information

file name  :contents.css
style info :コンテンツ用(商品一覧/検索結果/商品詳細)

=================================================================== */
/*-------------------------------------------------
検索バー
----------------------------------------------- */
#search_area_douga {
padding: 5px;
background: -moz-linear-gradient(center top, #F6F5F3 0%,#f5f5e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F5F3),color-stop(1, #f5f5e9));
background:#F4C1BD;
clear:both;
text-align: center;
border-top:#E5E3E0 solid 1px;
}
/*jqm追記*/
#search_area_douga .ui-input-search{
border:#CCC solid 1px;
padding-top:0px;
padding-bottom:0px;
}
#search_area_douga input.ui-input-text{
font-size:14px;
}
#search_area_douga .ui-btn-corner-all{
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
}

div.index_top{
   width:100%;
   overflow:auto;
   padding-bottom:10px;
   padding-bottom:0px\9;
   background: url("../img/douga/index_bg.gif");
}
#dougacolumn .linemax {
   padding:3px 5px;
   background:#f7f7f7;
}
#dougacolumn h2.dougah2{
   background:#00A0E9;
   border-bottom:1px solid #147DAD;
   color:#fff;
   font-size:14px;
   padding:3px 5px;
}
#dougacolumn h2.dougah2_tags{
   background:#f2f2f2;
   border-bottom:1px solid #147DAD;
   font-size:14px;
   padding:3px 5px;
}
#dougacolumn .index_content {
	padding:7px 5px;
	border-bottom:1px solid #ccc;
	background-image: url(../img/common/ico_arrowHR.png);
	background-repeat: no-repeat;
	background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#dougacolumn .index_content {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#dougacolumn .index_content {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
#dougacolumn .index_content:last-child {
	border-bottom:none;
}
h3.formovie {
   background:#f7f7f7;
   border-bottom:1px solid #ccc;
   padding:2px 4px;
}
#dougacolumn .list_c {
   float:none;
   clear:both;
   padding:3px;
}
#dougacolumn .list_c p{
   float:none;
   clear:both;
   padding:3px;
   font-size:10px;
   background:#f2f2f2;
}
#dougacolumn .list_c ul.myc{
   text-align:center;
}
#dougacolumn .list_c ul li.my_comment{
padding:3px;
display:inline;
   border:1px solid #ccc;
}

#dougacolumn .bt_line {
   border-bottom:1px solid #ccc;
   padding:3px 0;
}

#dougacolumn .list_l {
   width:80px;
   text-align:center;
   float:left;
   position:relative;
   margin-right:8px;
}
#dougacolumn .list_l .time{
   text-align:center;
   position:absolute;
   right:0;
   bottom:0;
   font-size:10px;
   font-weight:bold;
   padding:1px 3px;
   background:#444;
   color:#FFFFFF;
}
#dougacolumn .list_r {
   float:left;
   width:71%;
}

#dougacolumn .list_r h4{
font-size:12px;
}

#dougacolumn .list_r ul li{
font-size:11px;
}

#dougacolumn .list_r ul li.name{
font-size:12px;
}
#dougacolumn li.status{
margin-top:5px;
}
#dougacolumn li.status span{
	font-size:12px;
	padding:2px;
	font-weight:bold;
	color:#FFFFFF;
}
#dougacolumn li.status span.yes{
	background:#FA5757;
	border:1px solid #D82626;
}
#dougacolumn li.status span.no{
	background:#555;
	border:1px solid #333;
}
#dougacolumn .detailinfo ul{
}
#dougacolumn .detailinfo ul li {
	border-bottom:1px solid #EEE;
	font-size:12px;
}
#dougacolumn .detailinfo ul li.userinfo {
	background:#f2f2f2;
	background-image: url(../img/common/ico_arrowB_P3.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:7px 5px;
	font-weight:bold;
	border-bottom:none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#dougacolumn .detailinfo ul li.userinfo {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#dougacolumn .detailinfo ul li.userinfo {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#dougacolumn #userinfo {
	background:#f2f2f2;
	padding:3px 5px;
	border:1px solid #FFF;
	clear:both;
	float:none;
}
#userinfo .userimg{
float:left;
margin-right:5px;
width:27%;
}
#userinfo .userprof{
float:left;
width:71%;
padding:5px 0;
}
#userinfo .userprof ul{
border:1px solid #ccc;
margin-bottom:10px;
}
#userinfo .userprof ul li{
border-bottom:1px solid #ccc;
background:#fff;
padding:7px 3px;
text-align:center;
}
#userinfo .userprof ul li:last-child{
border-bottom:none;
}
#dougacolumn .more{
background:#f2f2f2;
text-align:center;
padding:5px;
}
#dougacolumn .more_bt_com{
background-color:#f7f7f7;
text-align:center;
padding:3px;
margin:5px;
background-image: url(../img/common/ico_arrowB_P3.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#dougacolumn .more_bt_com{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#dougacolumn .more_bt_com{
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
#dougacolumn .close_bt_com {
background-color:#f7f7f7;
background-image: url(../img/common/ico_arrowT.png);
background-repeat: no-repeat;
background-position: right center;
text-align:center;
padding:3px;
margin:5px;
clear:both;
}

#dougacolumn .detailinfo {
padding:3px;
}
#dougacolumn .detailinfo ul li{
padding:2px 0;
}
a.tags{
padding:3px;
margin-right:6px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
background:#F4FBD6;
}
#dougacolumn span.douga_list{
font-weight:bold;
}
#dougacolumn .r_products {
}
#dougacolumn .r_products .r_products_d{
border-bottom:1px solid #ccc;
padding:5px 0;
margin-bottom:5px;
}

#dougacolumn #message_alert_fav{
background:#fff;
border:2px solid #CF1634;
padding:5px;
font-size:12px;
}
#dougacolumn .dougafavcolumn{
background:#f7f7f7;
padding:3px 5px;
}
.fav_tab {
clear:both;
float:none;
margin-top:10px;
}
.fav_border_color{
border:1px solid #6CBC3B;
}
.fav_border_color_user{
border:1px solid #3B8DBC;
}
.fav_tab ul {
clear:both;
}
.fav_tab ul li{
float:left;
width:45%;
text-align:center;
padding:3px;
background:#fff;
border-bottom:none;
}
.fav_tab ul li a{
display:block;
padding:3px;
background:#f7f7f7;
}
.fav_tab ul li a.on_movie{
background:#E4F2DB;
}
.fav_tab ul li a.on_user{
background:#E0F1FA;
}
.fav_tab ul li.right{
float:right;
border-bottom:none;
}
.fav_tab ul li.on{
background:#fff;
color:#FFFFFF;
margin-bottom:-1px;
border-bottom:1px solid #fff;
}
.fav_div {
clear:both;
float:none;
padding:5px;
background:#fff;
}
.fav_content {
border-top:1px dotted #111;
padding:5px 0;
}
.fav_content:last-child {
border-bottom:1px dotted #111;
}

#dougacolumn .list_rc {
   float:left;
   width:50%;
}
#dougacolumn .list_rr {
   float:right;
   width:19%;
   text-align:center;
}
#dougacolumn .list_rr #m_edit_bt{
}
#dougacolumn .list_rr #m_delete_bt{
}

.favuser_new{
margin:10px 0;
}
.favuser_new h3{
background:#E0F1FA;
padding:3px;
}
.favuser_new_list {
background:#fff;
border:2px solid #E0F1FA;
border-top:none;
padding:7px 3px;
	background-image: url(../img/common/ico_arrowHR.png);
	background-repeat: no-repeat;
	background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.favuser_new_list {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.favuser_new_list {
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.relatetags_d {
padding:7px 3px;
}
.tag_div {
line-height:30px;
}
#d_profile{
padding:5px;
}
#d_profile p {
text-align:center;
margin:7px 0;
}
#d_profile p img{
padding:5px;
border:1px solid #EEE;
background:#f7f7f7;
}
#d_profile_r ul{
float:none;
clear:both;
padding:5px;
border:1px solid #EEE;
background:#f7f7f7;
}
#d_profile_r ul li.name{
font-size:16px;
font-weight:bold;
}
#d_profile_r ul li.left{
font-weight:bold;
width:30%;
float:left;
}
#d_profile_r ul li.right{
width:67%;
float:left;
}
#d_profile_r ul li.prof_c{
width:100%;
font-size:12px;
}
.douga_more_bt {
padding:4px;
font-size:16px;
font-weight:bold;
}
.notfound {
border:3px solid #EEE;
background:#f7f7f7;
padding:20px 0;
text-align:center;
}
.tag_content_d {
border:2px solid #eee;
padding:5px 0;
}
.tag_content_d a.tags{
display:block;
float:left;
padding:2px;
margin:3px 5px;
}
.tag_list {
padding:3px;
}
.tag_list h3 {
background:#f7f7f7;
border-top:1px solid #eee;
border-bottom:2px solid #eee;
padding:5px;
margin-top:20px;
}
.tag_list h3.top {
margin-top:5px;
}
.tag_list .tag_l {
width:28%;
float:left;
background:#f7f7f7;
text-align:center;
padding:2px;
margin:3px 0px;
font-weight:bold;
}
.tag_list .tag_r {
width:68%;
float:right;
}

#mydouga_detail {
padding:5px;
background:#f7f7f7;
border:2px solid #eee;
}
#mydouga_detail h2{
padding:2px;
background:#E5EFF9;
margin-top:20px;
font-size:12px;
}
#mydouga_detail h2.top{
margin-top:0px;
}
.mycom_data {
background:#f7f7f7;
border:1px solid #CCC;
padding:2px;
margin-bottom:10px;
}
.mycom_data li{
padding:2px;
border-bottom:1px dotted #DDD;
}
.mycom_data li:last-child{
border-bottom:none;
}
.myd_menu {
background:#f7f7f7;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.myd_menu ul li{
width:33%;
height:50px;
float:left;
border-right:1px solid #EEE;
}
.myd_menu ul li:last-child{
border-right:none;
}
.myd_menu ul li a{
display:block;
width:100%;
height:50px;
}
.myd_menu ul li a em{
display:none;
}
.myd_menu ul li a.mydouga {
background: url(../img/douga/mymenu_douga_75.png) center center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.myd_menu ul li a.mydouga {
background: url(../img/douga/mymenu_douga.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.myd_menu ul li a.mydouga {
background: url(../img/douga/mymenu_douga.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
.myd_menu ul li a.mycomment {
background: url(../img/douga/mymenu_comment_75.png) center center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.myd_menu ul li a.mycomment {
background: url(../img/douga/mymenu_comment.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.myd_menu ul li a.mycomment {
background: url(../img/douga/mymenu_comment.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
.myd_menu ul li a.myprofile {
background: url(../img/douga/mymenu_profile_75.png) center center no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.myd_menu ul li a.myprofile {
background: url(../img/douga/mymenu_profile.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.myd_menu ul li a.myprofile {
background: url(../img/douga/mymenu_profile.png) center center no-repeat;
-webkit-background-size: 75px 50px;
background-size: 75px 50px;
}
}
.p_select {
background:#f7f7f7;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
text-align:center;
padding:5px 0;
}
#douga_list_column{
background:#F6FBFE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px 0;
}
#douga_list_column ul li{
width:49.5%;
float:left;
text-align:center;
border-right:1px solid #CCC;
font-size:14px;
}
#douga_list_column ul li:last-child{
border-right:none;
float:right;
}

.popup_categorylist_douga{
width:99%;
display: none;
position: absolute;
line-height:1.2;
z-index: 1;
}
.popup_categorylist_douga ul{
background:#fff;
}
.popup_categorylist_douga ul li{
padding:10px;
border-bottom:1px dotted #CCC;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_categorylist_douga ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_categorylist_douga ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_categorylist_douga ul li.on_category{
background:#DBEFFB;
}
span.on_catspan {
font-weight:bold;
color:#F47373;
}
.popup_categorylist_douga ul li:first-child{
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	position:relative;
}
.popup_categorylist_douga ul li:last-child{
	border-bottom:none;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	position:relative;
}
.popup_categorylist_douga ul li.level1{
}
.popup_categorylist_douga ul li.level2{
text-indent:20px;
}
.popup_categorylist_douga ul li.level3{
text-indent:30px;
}
.popup_orderby_douga{
width:99%;
display: none;
position: absolute;
line-height:1.2;
background:#fff;
z-index: 1;
}
.popup_orderby_douga ul{
background:#fff;
}
.popup_orderby_douga ul li{
padding:10px;
border-bottom:1px dotted #CCC;
background-image: url(../img/common/ico_arrowHR.png);
background-repeat: no-repeat;
background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.popup_orderby_douga ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.popup_orderby_douga ul li{
background-image: url(../img/common/ico_arrowHR2.png);
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
}
}
.popup_orderby_douga ul li.on_orderby{
background:#DBEFFB;
}
.popup_orderby_douga ul li:first-child{
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	position:relative;
}
.popup_orderby_douga ul li:last-child{
	border-bottom:none;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	position:relative;
}
span.on_orderbyspan {
font-weight:bold;
color:#F47373;
}
.form_checkdiv{

}
ul.form_checkbox {
clear:both;
padding:6px 0;
}
ul.form_checkbox li{
width:31.33%;
float:left;
padding:1%;
background:#DDD;
font-size:11px;
display:block;
}
ul.form_checkbox li#n_tall{
width:98%;
padding:1%;
float:none;
clear:both;
}
ul.form_checkbox li.disp_true{
background:#fff;
}
input[type="checkbox"].douga_check{
padding:10px;
}

ul.form_checkbox_asobi {
clear:both;
padding:6px 0;
}
ul.form_checkbox_asobi li{
width:48%;
float:left;
padding:1%;
font-size:11px;
display:block;
}
.comment_r {
width:100%;
clear:both;
}
.comment_r .comlist_l {
   width:65%;
   float:right;
}
.comment_r .comlist_r {
   width:90px;
   float:right;
   margin-left:10px;
   text-align:center;
}
ul.social {
padding:5px;
background:#f7f7f7;
border:1px solid #EEE;
margin:5px 0 0;
}

h2.d_h2 {
margin-top:20px;
background:#666;
color:#FFFFFF;
border-bottom:1px solid #DDD;
padding:5px;
font-size:14px;
}

.comment_bt {
	background:#f0f0f0;
	background-image: url(../img/common/ico_arrowB_P3.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:8px 4px;
	font-weight:bold;
	font-size:14px;
	border-bottom:none;
	text-align:center;
	width:95%;
	margin:5px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.comment_bt {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.comment_bt {
background-image: url(../img/common/ico_arrowB_P4.png);
-webkit-background-size: 10px 8px;
background-size: 10px 8px;
}
}
.close_bt {
	background:#AAA;
	background-image: url(../img/common/ico_arrowT.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding:8px 4px;
	font-weight:bold;
	font-size:14px;
	border-bottom:none;
	text-align:center;
	width:95%;
	margin:5px auto;
}
div#comment_vote {
	background:#f0f0f0;
	padding:8px 4px 4px;
	width:95%;
	margin:5px auto;
	margin-top:-7px;
}
.d_comment_d {
	padding:5px;
	font-size:12px;
}
.d_comment_d_cus {
	margin:-3px auto 5px;
	background:#fff;
	border:2px solid #90d157;
	padding:5px;
	text-align:left;
	background:#F3FCEA;
}
.d_comment_d_cus p{
	text-align:center;
	margin:5px auto;
	padding:5px 0;
	background:#C7EDA5;
	border:2px solid #90d157;
}
.comment_subdiv {
    padding:5px;
}
.comment_subdiv #comment {
    width:100%;
}
.non_login {
	text-align:center;
	padding:5px 0;
	background:#FCEAEC;
	border:2px solid #F24055;
	width:95%;
	margin:5px auto;
}
#douga_list_column_now ul {
}
#douga_list_column_now ul li{
border-bottom:1px dotted #ccc;
padding:5px;
   font-size:12px;
}
#douga_list_column_now ul li:last-child{
border-bottom:none;
}
#douga_list_column_now ul li.search_name{
	background:#FCEAEC;
}
.m_order {
padding:5px 0;
}
.useriine {
padding:5px 8px;
}
h3.myd_h3 {
padding:5px;
}
#recommend_p {
position:relative;
}
.comment_cont {
padding:5px;
}