@charset "Shift_JIS";


/*------------------------------
検索結果
------------------------------*/

#mainbox{margin-left:250px;}
#mainbox02{margin-left:20px;}
.main02{margin:25px 30px 40px 25px;}
.search_title{font-size:15px;}

.search_option{border-bottom:1px solid #c5c5c5; height:31px; margin:15px 0;}
.search_option02{border-bottom:1px solid #c5c5c5; height:31px; margin-top:15px;}
ul#search_newlist{list-style:none; float:left;}
ul#search_newlist li{float:left; margin-right:3px; height:32px;}

ul#search_page{list-style:none; float:right; padding-top:2px;}
ul#search_page li{float:left; margin-left:3px;}
ul#search_page li img{vertical-align:-3px;}
ul#search_page .page_list{margin:-3px 5px 0 8px;}
ul#search_page .page_list02{margin:-3px 0 0 5px;}
#pagebox{height:20px; width:35px; padding-left:5px;}
.photolist_btn_b{margin-top:30px;}

.pagebox_under{border:1px solid #b9b8b8; padding:8px 15px 10px; margin-top:35px; height:25px;}

.kensu_n{height:22px; font-size:15px; margin:3px 0 0 3px; width:55px;}

#back-top {background-color: rgba(000,0,0,0.8); height:75px; padding-top:18px; position:fixed; width:100%; display:none; z-index:9999;}
#back-top a{background-color:#2b989f; border-radius:5px; color:#FFF; display:block; font-size:23px; margin:0 auto; padding:10px; width:560px; text-align:center;}

@media screen and (max-width: 750px) {
  #photolist03_demo {
    min-width: 100%;
  }
}

#photolist03_demo .nanoGalleryThumbnailContainer img {
    background-image: none;
}

#photolist03_demo .label {
    height: 35px;
    margin: 5px;
    background: rgba(60, 60, 60, 0.75);
    position: relative;
    bottom: 0;
    z-index:9999;
}

#photolist03_demo .label .label__image {
    position: relative;
    text-align: center;
    display: block;
}

#photolist03_demo .label__image .lightboxicon {
    cursor: pointer;
}

#photolist03_demo .label__image .ediicon {
    position: absolute;
    top: 5px;
    right: 10px;
}


@media (max-width: 768px) {

	ul#search_page{
    padding: 20px 0 15px;
}
.photolist_btn_b{
	padding:0 30px;
}
.photolist_btn_b img{
	width: 100%;

	}
}
/*------------------------------
検索結果-詳細
------------------------------*/

.search_detailbox{height:20px; background:#eee; margin-bottom:30px; padding:15px; border-bottom:1px solid #c6c4c5; border-left:1px solid #c6c4c5; border-right:1px solid #c6c4c5;}
.search_detail{font-size:12px;}
.search_detail dt{float:left;}
.search_detail dd{float:left; margin-left:20px;}
.check_s{vertical-align:-2px; margin-right:2px;}

.not_searchbox{float:left; padding-left:10px; border-left:1px solid #CCC; margin:-3px 0 0 15px;}
.notsearch{height:23px; font-size:12px; padding-left:5px; width:150px;}
.icon_p{vertical-align:-3px; margin-right:3px;}

.detail_leftbox{float:left; width:320px;}

table#detail_table{width:280px; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
table#detail_table label{display:block;}
table#detail_table td{vertical-align:top; line-height:20px;}
.radio_align{vertical-align:-1px; margin-right:5px;}

table#detail_table .detitle{width:100px; text-align:right;}
table#detail_table .delist{width:150px; padding-left:15px; text-align:left;}

.detail_cate{width:150px; height:25px;}
.creid{width:150px; height:25px; padding-left:3px;}

table#detail_table02{width:280px; margin-bottom:10px;}
table#detail_table02 label{display:inline-block;}
table#detail_table02 td{vertical-align:top; line-height:20px;}
.radio_align{vertical-align:-1px; margin-right:5px;}

table#detail_table02 .detitle{width:165px; text-align:right;}
table#detail_table02 .delist{width:120px; padding-left:25px; text-align:left;}
.detail_human{width:150px; margin-top:5px; height:25px;}

.detail_rightbox{float:left; width:290px;}
.color-input{width:100px;}

.deitail_btnbox{margin-top:20px;}
.arrow_det{vertical-align:1px; margin-left:3px;}

/*------------------------------
プレビュー
------------------------------*/

#main_prebox{margin-top:45px;}
.main_prein{margin:0 auto; width:950px;}

.left_imagebox{float:left;}
.preimage{background:#f6f6f6; border:1px solid #d7d6d6; width:406px; padding:15px; text-align:center; font-size:12px;}
.preimage img{background:#FFF; padding:3px;}
.preimage h2{font-weight:normal; margin-bottom:5px;}

.light_kanp{margin-top:20px;}
.light_kanp img{vertical-align:-1px; padding:0 !important; background:none; margin-right:3px;}

.img_menu{clear:both;}

.pre_price{float:left; margin-left:30px; width:480px;}
.pre_price02{float:left; margin-left:20px; width:600px;}
.pre_price h2{font-weight:normal; border-bottom:1px solid #666; margin-bottom:5px;}

table#idbox{font-size:12px;}
table#idbox td{padding:5px 20px 5px 0;}

table#pricesize{margin-top:20px; border-collapse:collapse; width:480px;}
table#pricesize th{background:#000; color:#FFF; font-size:12px; padding:5px;}
table#pricesize td{border-bottom:1px solid #b3b2b2; font-size:12px; padding:10px 5px; text-align:center;}
table#pricesize tr:hover{background-color:#e5e3e3; cursor:pointer;}
table#pricesize .shurui{cursor:pointer;}

#checkbox01{display:table-cell; height:100%; width:100%}
.standard_chui{color:#C33; font-size:14px; margin-top:5px;}

ul.dlbtnbox{list-style:none; margin-top:15px;}
ul.dlbtnbox li{float:right; margin-left:15px;}

.cleatorbox{text-align:left; margin-top:30px; font-size:13px;}
.cleatorbox h3,
.model_box h3,
.tag_box h3{border-bottom:1px dotted #333; font-size:15px; margin-bottom:10px;}

.model_box{clear:both; padding-top:50px;}
ul.modellist{list-style:none;}
ul.modellist li{float:left; border:1px solid #DDD; padding:7px 7px 0 7px; margin-right:7px;}

.tag_box{padding-top:40px;}
.tag{font-size:13px}

#main_prebox02{background:#f9f9f9;}
.pre_cate{margin:50px auto 0; width:962px;}
table#topcate {width:962px; padding:20px 5px; text-align:left;}
table#topcate th{font-size:16px;}
table#topcate td{padding:0 0 15px 60px; font-size:13px;}

div#back{
	background-image:url(/images/newbg.jpg);
	background-repeat:no-repeat;
	float:left;
}

div#main_cloumn{width:769px;float:left;margin:25px 0 50px 0; font-size:13px;}
div#main_cloumn h2{font-size:130%;color:#666;margin:0 0 15px 25px;}
div#newimage{
	background:url(/images/new_bar.jpg) no-repeat 0 0;
	width:769px;
	margin:35px 0 0 22px;
	clear:both;
}

div#newimage2{
	background:url(/images/new_bar.jpg) no-repeat 0 0;
	width:769px;
	margin:50px 0 0 22px;
	clear:both;
}

.profphoto{ float:right;margin-right:329px;}
.profinfo{
    margin: 5px 0 25px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;}
.profdetail dt{ float:left; font-weight:bold; line-height:27px;}
.profdetail dd{line-height:27px; margin-left:120px; text-align:left;}

div#newimage .subtitle,
div#newimage2 .subtitle2{
	font-weight:bold;
	padding:8px 0 0 15px;
}

div#newimage .image{margin:30px 0 0 5px;float:left;}

.imgpoint{margin:30px 0 0 180px;}
.imgpoint dt{ float:left; font-weight:bold; line-height:26px;}
.imgpoint dd{ line-height:26px; margin-left:150px; text-align:left;}

div#newimage ul{margin:30px 0 0 180px;}
div#newimage li{ font-weight:bold; line-height:26px;list-style:none;}


.threeimages{font-weight:bold; margin-top:30px;}

div#newimage2 table{width:790px;padding:3px 0 50px 5px;}
*html div#newimage2 table{margin:25px 0 0 5px;}
*:first-child+html div#newimage2 table{margin:25px 0 0 5px;}

div#newimage2 td{padding:18px 0 5px 0; border-bottom:1px solid #CCC;}
div#newimage2 .img{float:left;margin-right:10px;}

div#newimage2 .newicon{margin:10px 0 0 0;}
div#newimage2 .p1{margin:10px 0 0 0;}

/*END------------------------------
Main Column:search_top_new
------------------------------*/

/*------------------------------
▼Main Column-search
------------------------------*/

div#main_navi{font-size:13px;}

#headcontrol { float:right; margin-top:-19px;}
#headcontrol ul {list-style-type:none;}
#headcontrol li { float:right; margin-right: 8px;margin-bottom: 10px;font-weight:bold;}

div#shousai{background-color:#F5F5F5; border:1px solid #D1D1D1; margin-left:245px; height:70px;}
div#shousai02{background-color:#F5F5F5; border:1px solid #D1D1D1; margin:20px 20px 0 25px;}

.shousaitop{margin:3px 10px 0 10px; border-bottom:1px solid #D1D1D1; height:30px;}

ul#kensu{list-style:none; float:right; padding:5px 0 0 0;}
ul#kensu li{float:left; font-weight:bold; margin-left:10px;}

.kensaku{padding:5px 0 0 0; font-weight:bold; float:left;}
.kensu_select{font-size:15px; height:22px;}

#page_next{width:40px; height:10px; padding:5px;}
.shousaibottom{margin:5px 0 0 10px;}
.shousaibottom2{margin:5px 10px 0 0; text-align:right;}
.shousaibottom3{margin:0 10px 0 0; text-align:right;}

.left_pagelist{text-align:left; float:left; padding:2px 0 0 10px; font-size:15px; font-weight:bold;}
.pagei{vertical-align:bottom}
.page {font-weight:bold; font-size:120%;}
.page a {margin-right: 5px;}

div#main_navi .pagenavi {
      clear:right;
      background-color:#F5F5F5;
	  border:1px solid #D1D1D1;
	  margin:0 0 0 245px;
	  padding: 7px;
	  height: 23px;
}

/*div#main_navi .pagenavi02 {
      clear:right;
      background-color:#F5F5F5;
	  border:1px solid #D1D1D1;
	  margin:20px 20px 20px 25px;
	  padding: 7px;
	  height: 23px;
}
*/
.pagenavi .kensu {float:left; font-weight:bold;}
.pagenavi02 .kensu {float:left; font-weight:bold;}
.pagenavi .page {font-weight:bold; float:left; width:650px;}
.pagenavi02 .page {font-weight:bold; float:left; width:650px;}
.pagenavi .page a {margin-right: 10px;}
.pagenavi02 .page a {margin-right: 10px;}




.thumbnail{width:185px; float:left; height:245px; margin:15px 10px 0 0;}
.thumbnail02{float:left; display:inline; margin-left:5px;}
.thumbnailImage{height:175px;width:185px;}

.thumbnail_new{width:185px; float:left; height:243px; background-image:url(/images/newthumbg.jpg); border:1px solid #e5e5bd; margin:15px 10px 0 0;}
.newicon_thum{float:right; width:30px; height:18px;}
.editorial_thum{float:right; width:18px; height:18px;}
.leftbtn02{width:100px; float:left;}

.imgbot{padding-bottom:10px;}

.thumbnailBtn{clear:both; border-bottom:1px dotted; padding-top:5px; width:168px; border-top:1px dotted; margin-left:9px;}
.thumbnailID{margin-left:8px;}

.thumbnail_dl{width:185px; float:left; height:243px; background-image:url(/images/dlbg.jpg); border:1px solid #ffd8d8; margin:15px 10px 0 0;}


#photolist {padding:15px 10px; position:relative; margin-left:228px;}
#photolist02{padding:15px 10px; position:relative; margin-left:15px;}
#photolist03{padding:15px 0; position:relative;}

#photolist ul{list-style-type:none;}
#photolist02 ul{list-style-type:none;}

#photolist li{float: left; width:180px;}
#photolist02 li{float: left; width:180px;}

#photolist p.photolink {text-align:center; display:table; margin-bottom:1px; vertical-align:bottom;}
#photolist02 p.photolink {text-align:center; display:table; margin-bottom:1px; vertical-align:bottom;}

#photolist p.photolink a { 
	  display:block;
	  padding: 6px 0;
	  width: 180px;
	  height: 180px;
	  text-align:center;
	  display:table-cell; 
      margin-bottom:1px;
	  vertical-align:bottom;
}

#photolist02 p.photolink a { 
	  display:block;
	  padding: 6px 0;
	  width: 180px;
	  height: 180px;
	  text-align:center;
	  display:table-cell; 
      margin-bottom:1px;
	  vertical-align:bottom;
}



#photolist p.photolink a, x:-moz-any-link, x:default {height:185px;}
#photolist02 p.photolink a, x:-moz-any-link, x:default {height:185px;}

#photolist .photonavi {
	text-align:left;
	height:20px;
	margin-left:10px;
	padding-top:5px;
	width:160px;
	border-top:1px dotted;
}

#photolist02 .photonavi {
	text-align:left;
	height:20px;
	margin-left:10px;
	padding-top:5px;
	width:160px;
	border-top:1px dotted;
}

#photolist .photonavi2{border-top:1px dotted; width:160px; margin:4px 0 0 10px;}
#photolist02 .photonavi2{border-top:1px dotted; width:160px; margin:4px 0 0 10px;}

#photolist .photonavi img {margin-right: 10px;}
#photolist02 .photonavi img {margin-right: 10px;}

/*------------------------------
▲Main Column-search
------------------------------*/


/*------------------------------
▼Main Column-Login_preview
------------------------------*/

#photobk{
	background-image:url(/images/previewbk1.gif);
	background-repeat:repeat-y;
	background-color:#FFF;
	border: 1px solid #CCC;
	width:736px;
}

#caption{
	border-left:5px solid #888888;
	color:#777777;
	font-size:15px;
	line-height:15px;
	margin-bottom:8px;
	text-align:left;
	text-indent:5px;
}

#main_pre .photoleft{width:410px; text-align:center; float:left; padding:12px 22px 22px 22px;}
.preimg{background-color:#FFF; padding:3px; max-width:400px; max-height:400px;}

.details{float:left; padding-top:30px;}
.pretitle{font-size:150%; font-weight:bold;}

.textdetails{margin:5px 0 10px 0; font-size:90%; width:270px;}
.textdetails tr{ border-bottom:1px solid #CCC;}
.textdetails th{text-align:left; padding-right:10px; border-bottom:1px solid #cccccc; width:115px;}
.textdetails td{padding:2px; border-bottom:1px solid #cccccc;}

.profiles{margin:10px; font-size:90%;}
.photoicon{ float:left;}
.name{float:left; margin-left:5px;}
.profile{float:left; margin-left:10px;}
.port{float:left;}

.memberbox{float:right; margin-right:50px;}
*html .memberbox{margin-right:25px;}
*:first-child+html .memberbox{margin-right:25px;}

.pbox1{ clear:both; color:#cc3333; text-align:right; margin-right:50px;}

/*   エクストラライセンス  */
div#main_preview table.extra{width:740px; border-collapse:collapse; border:1px solid #CCC; margin-top:30px;}
div#main_preview table.extra th{border-bottom:1px solid #CCC; padding:3px; text-align:center; background-color:#EEE;}
div#main_preview table.extra td{border-right:1px solid #CCC; padding:4px 14px 4px 14px; text-align:center;}
.extitle{font-weight:bold; font-size:14px; margin-top:5px;}
div#main_preview table.extra td.checkbg{background-image:url(/images/check_bg.jpg); width:32px; height:31px;}
.pointtx{color:#CC3333;}


div#main_preview table.dllist{
	clear:both;
	width: 740px;
	border-collapse:collapse;
	margin: 30px 0;
}

.dllist th{padding:6px; background-color:#EEEEEE;}
.dllist tr{line-height:15px;padding:5px;}
.dllist td{
	text-align:center;
	padding:6px 5px;
}

div#imagekeyword{width:380px;padding-bottom:15px;float:left;}

div#main_preview .keyword,
div#main_preview .color{
	font-weight:bold;
	margin-top:10px;
	background: url(/images/under.jpg) repeat-x left bottom;
	padding-bottom: 5px;
}

div#main_preview .key{line-height:23px; margin-top:5px;}
#colorchart{margin-left:20px;width:365px;float:left;padding-bottom:15px;}
#colorchart table { border-collapse:separate; border-spacing: 2px; margin-top:5px;}
#colorchart td { width:20px; height:20px;}

.ruiji{margin:10px 0;}
ul#ruiji_list{ list-style:none;}
ul#ruiji_list li{float:left; width:87px; height:87px; border:1px solid #E7E7E7; margin-right:4px;}

table#ruiji_image{width:87px; height:87px;}
table#ruiji_image td{vertical-align:middle; text-align:center;}


/*  スクロール　会員登録　*/

.fixed-bottom {
	position:fixed;
	bottom:0;
	left:0;
	width:100% !important;
	z-index:8000;
	padding:5px 0;
	background:none repeat scroll 0 0 rgba(203, 203, 203, 0.8) !important;
	background:rgb(203,203,203);
	filter:alpha(opacity=80);
	border-top:1px solid #CCC;
}

.member_scroll{
	display:block !important;
	background-image:url(/images/member_btn_m.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	text-indent: -9999px;
	width:600px !important;
	height:40px !important;
	border-style: none;
	margin-left:260px;
}
.member_scroll:hover{background-position:0 bottom;}


*html #photolist p.photolink a{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #photolist p.photolink a {/* IE 7 */
display:inline;
zoom:1;
height: 180px;
}


/*  新価格表　*/

h2{font-size:25px; margin:0;}
.pri_t{font-size:15px; margin-top:5px;}

.packpricebox{margin:30px 0;}
section.pack{width:300px; text-align:center; border:1px solid #CCC; float:left; margin-right:25px;}
section.pack02{width:300px; text-align:center; border:1px solid #CCC; float:left;}
section.pack h3{background-color:#333; border-bottom:5px solid #4fabb9 !important; color:#FFF; font-size:20px !important; padding:6px; width:288px !important;  margin-bottom:0 !important;}
section.pack02 h3{background-color:#333; border-bottom:5px solid #4fb94f !important; color:#FFF; font-size:20px !important; padding:6px; width:288px !important; margin-bottom:0 !important;}

.subpbox{padding:0 25px;}
.price_pt00{border-bottom:1px dotted #CCC; padding:13px 0;}
.price_pt01{border-bottom:1px dotted #CCC; padding:13px 0;}
.price_pt{border-bottom:1px dotted #CCC; padding:13px 0;}
.spt01{font-size:35px;}
.month{font-size:13px;}
.totalprice{font-size:13px;}
.pript{font-size:15px;}
.subscpt{font-size:12px; padding:13px 0;}
.ppt03{padding:20px 0 25px 0;}
.kikan{font-size:15px;}

.period{overflow:hidden; list-style:none; padding:15px 0 0 60px;}
.period li{border:1px solid #999; cursor:pointer; float:left; margin-right:-1px; padding:5px;}
.period li.select{background:#1082b7; color:#FFF;}
.hide {display:none;}

.valuelist{list-style:none; text-align:left; padding-left:60px;}
.valuelist li{margin-bottom:5px;}