/*///////////////////////////////////
		common
////////////////////////////////////*/
html, body {
	height: 100%;
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	zoom: 1;
	
}
img { -ms-interpolation-mode: bicubic; }
body {
	line-height:1.8em;
	color:#222;
	font-size:12px;
	text-align:center;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
	background:url(../img/bg.gif);
}

ul,ol,dl{
  list-style:none;
}

li{
  display:list-item;
  zoom:normal;
}

h1,h2,h3 { line-height:1.6;font-size:14px; }
h4,h5,h6 { line-height:1.6;font-size:12px; }
p,li,dt,dl { line-height:1.6; }

img{
	vertical-align:bottom;
}
a img { border:0; }

a:link,a:visited {
   color:#F39;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
   color:#FF3366;
}
a:active {
   color:#666;
}

.align-r{
	text-align:right;
}

.align-l{
	text-align:left;
}
.align_c{
	text-align:center;
}
.cl{
	clear:both;
}
.pageup{
	width:50px;
	height:55px;
	text-indent:9999px;
	overflow:hidden;
	margin:0px 75px 0px auto;
	display:block;

}
.pageup a ,.pageup a:visited{
	width:50px;
	height:70px;
	display:block;
	overflow:hidden;
	background:url(/img/bgs.gif) 0px -1400px;
}
.pageup a:hover{
	display:block;
	background:url(/img/bgs.gif) -1000px -1400px;
}

/*////////////////////////////////////
				boxhack
////////////////////////////////////*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*////////////////////////////////////
			TOPPAGE
////////////////////////////////////*/
.topinfo{
	color:#777;
	padding-bottom:15px;
}
.h2newrelease{
	background:url(../img/bgs.gif) 0px -400px no-repeat;
	text-indent:-9999px;
	height:25px;
	width:720px;
}
.h2others{
	background:url(../img/bgs.gif) 0px -500px no-repeat;
	text-indent:-9999px;
	height:25px;
	width:720px;
}
.h2recommend{
	background:url(../img/bgs.gif) no-repeat;
	padding:3px 0 2px 20px;	
	color:#222;
	font-weight:normal;
	font-size:12px;
}


/*////////////////////////////////////
			contentstop
////////////////////////////////////*/

.btnmore{
	width:160px;
	margin:5px 5px 5px 0;	
}
.btnmore a, .btnmore a:visited{
	width:158px;
	height:34px;
	text-indent:-9999px;
	display:block;
	background:url(/img/bgs.gif) 0px -300px no-repeat;
	overflow:hidden;
}
.btnmore a:hover{
	background:url(/img/bgs.gif) -1000px -300px no-repeat;
}
.btnmarket{
	width:160px;
	margin:5px 5px 5px 0;	
}
.btnmarket a, .btnmarket a:visited{
	width:158px;
	height:34px;
	text-indent:-9999px;
	display:block;
	background:url(/img/bgs.gif) 0px -200px no-repeat;
	overflow:hidden;
}
.btnmarket a:hover{
	background:url(/img/bgs.gif) -1000px -200px no-repeat;
}
.btnlistlive{
	width:159px;
	margin:5px;
	float:left;
}
.btnlistlive a, .btnlistlive a:visited{
	width:159px;
	height:34px;
	text-indent:30px;
	display:block;
	background:url(/img/bgs.gif) 0px -400px no-repeat;
	overflow:hidden;
	padding-top:6px;
	font-weight:bold;
	color:#333333;
}
.btnlistlive a:hover{
	background:url(/img/bgs.gif) -1000px -400px no-repeat;
	text-decoration:none;
	color:#000;
}





/*////////////////////////////////////
			WORKSLIST
////////////////////////////////////*/
.bpartstnbox{
	width:168px;
	height:288px;
	float:left;
	margin-right:18px;
	margin-bottom:5px;
}
.bpartstnboximgin{
	height:240px;
	width:16px
	overflow:hidden;
}


.cat3{
	font-size:10px;
	background:url(/img/bgs.gif) 0px -100px no-repeat;
	padding-left:13px;
	font-weight:normal;
}

.cat4{
	font-size:10px;
	background:url(/img/bgs.gif) -500px -100px no-repeat;
	padding-left:13px;
	font-weight:normal;
}

.cat5{
	font-size:10px;
	background:url(/img/bgs.gif) -1000px -100px no-repeat;
	padding-left:13px;
	font-weight:normal;
}


.bpartstnbox h4 a,.bpartstnbox h4 a:visited{
	color:#222;
	font-size:10px;
	font-weight:normal;
}
.bpartstnbox h4 a:hover{
	color:#0C0;
	text-decoration:none;
}
.makeblogpartsL{
	float:left;
	width:400px;	
}

.makeblogpartsR{
	float:right;
	width:320px;	
}

.askwork{
	padding:10px 0px;		
}
.askwork h2{
	font-size:20px;
	padding:15px 20px 0px 20px;
	background:url(/img/bg_workbox_top.gif) no-repeat;		
}
.askworkscontents{
	background:url(/img/bg_workmid.gif) repeat-y;
	padding:15px 8px 15px 20px;
	line-height:2;
}
.askworksLeft{
	width:360px;
	float:left;
}
.askworksRight{
	width:296px;
	background:#FF0000;
	float:right;
}
.btnaskworks{
	width:219px;
	margin:5px 5px 5px 0;	
}
.btnaskworks a, .btnaskworks a:visited{
	width:219px;
	height:29px;
	text-indent:38px;
	display:block;
	background:url(/img/bgs.gif) 0px -500px no-repeat;
	overflow:hidden;
	font-weight:bold;
	color:#444;
	padding-top:5px;
}
.btnaskworks a:hover{
	background:url(/img/bgs.gif) -1000px -500px no-repeat;
	text-decoration:none;
	color:#000;
}
.test{
	position:fixed; 
	z-index:1005;
	top:200px;
	right:0px;
}
/*////////////////////////////////////
			SUB
////////////////////////////////////*/
.btnaddbookmark{
	width:185px;
	margin:5px 0 5px 0;	
}
.btnaddbookmark a, .addbookmark a:visited{
	width:185px;
	height:67px;
	text-indent:-9999px;
	display:block;
	background:url(../img/bgs.gif) 0px -1100px no-repeat;
	overflow:hidden;
}
.btnaddbookmark a:hover{
	background:url(../img/bgs.gif) -1000px -1100px no-repeat;
}

.h4subbplist{
	height:30px;
	width:185px;
	background:url(../img/bgs.gif) -1000px -800px no-repeat;
	display:block;
	text-indent:-9999px;
}

.janre {
	padding:5px 0;
	border-top:1px dotted #999;
}
.janre li{

}
.janre li a,.janre li a:visited{
	background:url(../img/bgs.gif) 0px -200px no-repeat;
	padding:3px 0px 3px 16px;
	display:block;
	color:#333;
}
.janre li a:hover{
	background:url(../img/bgs.gif) -1000px -200px no-repeat;
	text-decoration:none;
	color:#39C;
}

.janrein{
	padding-left:25px;	
}
.janrein li,.janrein li a{
	background:none;
}
.h4subbplist2{
	width:185px;
	background:url(../img/bgs.gif) 0px -100px no-repeat;
	text-indent:17px;
	font-weight:normal;
}

.janre2 {
	padding:5px 0;
	border-top:1px dotted #999;
}
.janre2 li{

}
.janre2 li a,.janre2 li a:visited{
	background:url(../img/bgs.gif) -500px -200px no-repeat;
	padding:3px 0px 3px 16px;
	display:block;
	color:#333;
}
.janre2 li a:hover{
	background:url(../img/bgs.gif) -1000px -200px no-repeat;
	text-decoration:none;
	color:#39C;
}
.snsbox{
	width:55px;
	height:65px;
	float:left;
	padding:0 1px 2px 0px;

}
.snsbox2{
	width:72px;
	height:65px;
	float:left;
	padding:0 0 2px 0px;

}




/*////////////////////////////////////
			SINGLE
////////////////////////////////////*/

.h2bporign{
	text-indent:-9999px;
	background:url(../img/bgs.gif) 0px -800px no-repeat;	
	height:45px;
	width:600px;
	margin-top:20px;
	display:block;
}
.h2bporign2{
	text-indent:-9999px;
	background:url(../img/bgs.gif) 0px -800px no-repeat;	
	height:25px;
	width:600px;
	margin-top:15px;
	display:block;
}
.h2bpnotorign{
	background:url(../img/bgs.gif) -100px 0px no-repeat;	
	height:45px;
	margin-top:20px;
	display:block;
}
.others .h4singletitleORIGN{
	text-indent:15px;
	background:url(../img/bgs.gif) 0px -100px no-repeat;	
	height:25px;
	padding-top:4px;
	color:#666666;
}

.h4singletitleORIGN{
	text-indent:15px;
	background:url(../img/bgs.gif) 0px 0px no-repeat;	
	height:25px;
	padding-top:4px;
	color:#666666;
}
.singleL{
	width:488px;
	float:left;
}
.singleR{
	width:243px;
	float:right;
}
.signleLcontents{
	background:url(../img/bg_articlebox.png) repeat-y;	
}
.singleLcontentsentry{
	padding:0 20px;	
}


.nonothers h3{
	background:url(../img/bgs.gif) no-repeat;
	padding:3px 0 2px 20px;	
	color:#222;
	border-bottom:#333;
	border-bottom:1px dotted #CCC;

}
.others h3{
	background:url(../img/bgs.gif) 0px -100px no-repeat;
	padding:3px 0 2px 20px;	
	color:#222;
	border-bottom:1px dotted #CCC;
}


#bpexample{
	text-align:center;
	padding:10px 0 20px 0;
}
#codebox{
	padding:25px 0;	
}
#codebox textarea{
width: 482px;
height: 12em;
line-height: 1.5em;
font-size:12px;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
padding:2px;
text-align:left;
}
#code{
	background:#GGG;
	border:1px solid #CCC;
	color:#666;
	overflow:scroll;
	padding:8px;
	height:90px;
}

.h4code{
	text-indent:20px;
	background:url(../img/bgs.gif) 0px -700px no-repeat;	

	margin-top:20px;
	display:block;
}
.btnotherbplink{
	margin:30px auto;
	width:350px;
	height:60px;	
}
.btnotherbplink a, .btnotherbplink a:visited{
	width:350px;
	height:60px;
	padding-top:20px;
	text-indent:65px;
	display:block;
	background:url(../img/bgs.gif) 0px -1200px no-repeat;
	font-weight:bold;
	overflow:hidden;
	color:#090;
	font-size:14px;
}
.btnotherbplink a:hover{
	background:url(../img/bgs.gif) -1000px -1200px no-repeat;
	color:#09C;
}
.AFadbox{
	padding:5px 0;
}
.AFadbox_M{
	float:left;
	width:115px;
}

.AFadbox_M a,.AFadbox_M a:visited,.AFadbox_M a:hover{
	text-indent:-9999px;
	display:block;
	background:url(/img/bgphone.jpg) no-repeat;
	width:115px;
	height:340px;
}

.AFadbox_F{
	float:right;
	width:115px;
}
.AFadbox_F a,.AFadbox_F a:visited,.AFadbox_F a:hover{
	text-indent:-9999px;
	display:block;
	background:url(/img/bgphone.jpg) -500px 0px no-repeat;
	width:115px;
	height:340px;
}
.adbox{
	padding:70px 0px 10px 0px;	
}
.h2page{
	background:url(/img/bgs.gif) 0 -1300px;
	padding-top:15px;
	margin-top:15px;
	height:65px;
	text-indent:65px;	
}


.blogsystem h5{
	border-left:7px solid #F39;
	font-size:18px;
	color:#999;	
	margin-bottom:5px;
	padding-left:5px;
}
.blogsystemstep{
	
	padding-bottom:30px;	
}
.blogsystemstep p{
	
	padding-bottom:5px;	
}
.blogsystembox{
	width:168px;
	height:288px;
	float:left;
	margin-right:18px;
	margin-bottom:5px;
}
.blogsystembox img{
	padding-bottom:5px;	
}
/*////////////////////////////////////
			contact
////////////////////////////////////*/
.h2contact{
	height:70px;
	padding:20px 0px 5px 180px;
	color:#666;
	font-size:14px;
	background:url(/img/bg_subheader.jpg) 0px -200px no-repeat;
}
.h2widget{
	height:70px;
	padding:25px 0px 0px 180px;
	color:#666;
	font-size:14px;
	background:url(/img/bg_subheader.jpg) 0px -400px no-repeat;
}
.h2blog{
	height:70px;
	padding:25px 0px 0px 180px;
	color:#666;
	font-size:14px;
	background:url(/img/bg_subheader.jpg) 0px -500px no-repeat;
}
.contactbox{
	padding-bottom:45px;
	
}
.contactlist{
	padding-bottom:30px;	
}

.contactlist li a,.contactlist li a:visited{
	background:url(/img/bgs.gif) 0px -1595px no-repeat; 
	padding:2px 0px 2px 20px;
}
.contactlist li a:hover{
	background:url(/img/bgs.gif) -1000px -1595px no-repeat; 
}

.singlein{
	width:527px;
	float:left;
	padding:20px 0 0 0;	
}

/*////////////////////////////////////
			open
////////////////////////////////////*/
#spwrap{
	background:url(/img/bg2.gif);	
}
.openWrap{
	text-align:left;
	width:760px;
	padding:10px 20px;
	margin:0 auto;
	background:#FFFFFF;
}
.openWrap #codebox{
	padding-top:0px;
}
#opheader{
	padding:15px 0 5px 0;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;	
}
.openWrap h3{
	background:url(../img/bgs.gif) no-repeat;
	padding:3px 0 2px 20px;	
	color:#222;
	border-bottom:#333;
	border-bottom:1px dotted #CCC;

}
.opclosebtn{
	width:100px;
	height:24px;
	margin:5px auto;
}
.opclosebtn a,.opclosebtn a:visited{
	width:100px;
	height:24px;
	background:url(/img/btnclose1.gif);
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.opclosebtn a:hover{
	background:url(/img/btnclose1.gif) -100px 0px;
}
.opselect img{
	padding-right:5px;
	padding-bottom:5px;
}
.opselect{
	padding-top:8px;	
}
.opad{
	width:480px;
	margin:3px auto;	
}

.flashboxL{
	float:left;
	width:190px;

}
.flashboxR{
	float:left;
	width:530px;
}
.flashboximgin{
	background:url(/img/bg_garakei.jpg) no-repeat;
	padding:30px 0 0 15px;
	height:500px;
}
/*////////////////////////////////////
			entry
////////////////////////////////////*/

.entry{

}
.entry2{
}
.entry a, .entry2 a{
}
.entry a:hover, .entry2 a:hover{
}
.entry h2{
}
.entry2 h2{
}
.entrybody{
}
.emore{
}
.emo-r{
}
.dl-r{
}
.dl{
}

#nav_preback{
	padding:5px 10px;
	font-size:10px;
	border:1px dotted #CCCCCC;
	margin:5px;
}
.navf{
	float:left;
	width:275px;
	text-align:left;
}
.navb{
	float:right;
	width:275px;
	text-align:right;
}
/*////////////////////////////////////
			searchbox
////////////////////////////////////*/

.searchbox{
	background:url(/img/bg_search.jpg) no-repeat;
	width:188px;
	padding:10px 10px 5px 7px;
	height:90px;
	font-size:12px;
}

.searchbox h4{
	color:#333333;
}
.searchbox form{
	padding:5px 0;	
}
.txtboxA{
	width:99%;
	border:0px;
	padding:2px;
	margin-bottom:5px;
}
.btnsumit{
	background:#FFFFFF;
	border:1px solid #999;
	font-size:12px;
	padding:2px 5px;
	font-weight:bold;
}

/*////////////////////////////////////
			comment
////////////////////////////////////*/
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	
	}
#commentform textarea {
width:95%;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
/*	text-align: justify; */
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
.commentmetadata a{
 color:#FFFF66;
}
/* End Comments */
/*////////////////////////////////////
		AD
////////////////////////////////////*/
.ad{
	text-align:right;
}
.prurban{
	padding:15px 10px;
	width:536px;
	text-align:left;
}

.prurban h5{
	font-size:12px;
	background:url(/img/bgprcd.gif) 0 -495px;
	padding:3px 0px;
	text-indent:20px;
	border-bottom:dotted 1px #CCC;
	margin-bottom:3px;
}
.prurbanL{
	width:260px;
	float:left;
}
.prlink a,.prlink a:visited{
	background:url(/img/bgprcd.gif) 0 6px;
	padding:5px 0 5px 15px;
	font-weight:bold;
}
.prlink a:hover{
	background:url(/img/bgprcd.gif) 0 -94px;
	text-decoration:none;
}
.prcd{
	background:url(/img/bgprcd.gif) 0 -200px no-repeat;
	height:160px;
}

.prurbanR{
	width:247px;
	float:right;
}

/*////////////////////////////////////
		Designers
////////////////////////////////////*/
.Designersicon{
	float:left;
	width:150px;
	height:200px;
	padding:3px;
	border:2px solid #EDEDEC;
}
.Designerprofile{
	float:right;
	width:375px;
}
.Designerprofile li{
	border-bottom:1px dotted #666;
	padding:3px 0 3px 0;
}
.Designerprofile ul{
	padding-bottom:5px;
}
.worksample a{
	float:left;
	border:2px #ECECEB;
	margin:4px;
}
.worksample{
	padding-bottom:15px;
}
.designerscomment{
 background:#ECECEB url(/img/promessageup.gif) no-repeat;
 padding:0;
 margin:15px 2px;
}
.designerscomment h6{
	padding-bottom:2px;
}
.designerscomment p{
	padding:25px;
}
.entry4{
	background:#FFFFFF;
	float:left;
	margin:6px;
	width:170px;
	height:250px;
	padding:5px;
	border:2px #ECECEB;
}
.entry4 img{
	padding:2px 10px;
}
.topeconprofile{
	background:#FFFFFF;
	padding:0px 10px 10px 10px;
	margin:10px;
}

.topeconprofile a,.topeconprofile a:visited{
	color:#00CCFF;
}
/*////////////////////////////////////
		recommend
////////////////////////////////////*/
#recoBox{
	overflow:hidden;
	padding:15px 0;
	text-align:left;
	margin-left:-10px;
}

#recoBox .recoboxin{
	float:left;
	width:240px;
	margin:0 5px 10px 5px;
}
#recoBox .recoboxin img{
	float:left;
	width:75px;
	padding:1px;
border:1px solid #CCC;
}

#recoBox .recoboxin p.recoinp{
	float:right;
	width:155px;
	margin-left:2px;

	text-align:left;
}