/*----------------------------------------------------------------
****
**** <sub.css>
****
**** Copyright (C) 2010 Wellenetz Inc.All Rights Reserved.
**** URL : http://www.wellenetz.co.jp/
****
----------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	line-height: 1;
	font-size: 100%;
	font-style: normal;
}
body {
	margin: 0;
	padding: 0;
	color: #333333;/*基本フォントカラー*/
	font-family: "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	background:url(../img/wrapperBg02.jpg) top repeat-x;
}
img { border: none;}
p { margin:0; padding: 0; line-height:1.4em;}
h1,h2,h3,h4 { line-height: 1; font-family: "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3"; font-weight:normal; font-size:12px;}

a{text-decoration:none; color:#333333;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

textarea { text-align:left;}

.blackTxt,.blackTxt a,.blackTxt a:visited,.blackTxt a:hover{color:#000000; text-decoration:none;}
.blueTxt,.blueTxt a,.blueTxt a:visited,.blueTxt a:hover{color:#3B5E85; text-decoration:none;}
.greenTxt,.greenTxt a,.greenTxt a:visited,.greenTxt a:hover{color:#79A718; text-decoration:none;}
.redTxt,.redTxt a,.redTxt a:visited,.redTxt a:hover{color:#C61722; text-decoration:none;}

.notesTxt{
	color:#ff3300; text-decoration:none;
	margin:0;
	text-align:left;
	line-height:1.4em;
}
.boldTxt{font-weight:bold;}

.blueArrow{
	padding-right:5px;
}
.blueArrow_d{
	padding-left:10px;
}
.sqArrow{
	padding-right:10px;
}
.sqArrow10{
	padding-left:16px;
	display:block;
	background:url(../img/sqArrow.gif) center left no-repeat;
}/*必ずwidthを指定*/


/*---------- common ----------*/

.floatR {
	float:right;
}
.floatL {
	float:left;
}

.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mr15{
	margin-right:15px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.ml20{
	margin-left:20px;
}


/*--------------------2.デザイナー規約ー--*/

.ruleBox{
	margin:0 0 20px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCCCCC;
}
.ruleBox h3{
	font-size:16px;
	margin-bottom:17px;
	line-height:1.2em;
}
.ruleBox ul{
	list-style:none;
	margin-bottom:20px;
}
.ruleBox ul li{
	line-height:1.3em;
	text-indent:-2.2em;
	margin-left:2.2em;
	margin-bottom:7px;
}
.ruleBox h4{
	margin:0 0 10px 0;
	font-size:12px;
	line-height:1.3em;
	font-weight:bold;
}
.ruleBox p{
	line-height:1.3em;
	margin-bottom:17px;
}

.ruleBox dt,.ruleBox dd{
	line-height:1.3em;
}

/*****************************/

/*--------------------3.デザイナー登録についてー--*/

.registBox p{
	line-height:1.3em;
	margin-bottom:17px;
}

.registBox a{ font-weight:bold; color:#C61722;}

/*****************************/

/*--------------------4.特定商取引についてー--*/

.scfBox{
	clear:both;
	float:left;
	margin:auto 0 15px 0;
}

.label{
	display:block;
	float:left;
	width:18em;
	padding-top:7px;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
}
.control{
	padding:0;
	margin:7px 0 0 0;
	float:left;
}

/*****************************/

/*--------------------5.運営会社ー--*/
dl.category{
	margin:0 0 10px 0;
}
.category dt{
	margin:0 20px 0 0;
	padding:7px 0 0 0;
	width:280px;
	display:block;
	text-align:right;
	font-weight:bold;
	float:left;
}
.category dd{
	margin:0;
	padding-top:5px;
	display:block;
	line-height:1.4em;
	float:left;
}

/*****************************/

/*--------------------1.プライバシーポリシー--*/

#ContentsBox{
	width:830px;
	margin:0 0 0 30px;
	padding:0;
}
#ContentsBox02{
	width:830px;
	margin:30px auto;
	padding:0;
}
#ContentsBox h3,
#ContentsBox02 h3{
	margin:35px 0 20px 0;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
#ContentsBox h4{
	margin:0 0 20px 15px;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

#ContentsBox h4.date{
	margin:30px 0 10px 0;
	line-height:0;
	font-weight:bold;
}
#ContentsBox h4.date a:hover{
	color:#000000;
}
#ContentsBox p.title,
#ContentsBox02 p.title{
	margin:0 0 10px 0;
	padding:5px;
	background:#FFCC00;
	font-weight:bold;
}
#ContentsBox p.bg,
#ContentsBox02 p.bg{
	padding:15px;
	background:#FFCC00;
}
#ContentsBox .bgW,
#ContentsBox02 .bgW,
#ContentsBox p.bgW,
#ContentsBox02 p.bgW{
	padding:15px;
	background:#FFFFFF;
}

#ContentsBox02 p.bg{
	margin:0 0 20px 0;
	padding:15px;
	background:#FFCC00;
}

#ContentsBox02 dl.privacyDl dt { font-weight:bold; margin:10px 0 10px 0;}
#ContentsBox02 dl.privacyDl dd { margin:0 0 0 10px; line-height:1.4em;}
#ContentsBox02 dl.privacyDl dd ol { margin:10px 0;}
#ContentsBox02 dl.privacyDl dd ol li { list-style:decimal; margin:0 0 0 25px; line-height:1.4em;}
#ContentsBox02 dl.privacyDl dd ul li { list-style:disc; margin:0 0 0 20px; line-height:1.4em;}

#ContentsBox02 .privacyMark {margin:20px 0 0 0;}
#ContentsBox02 .privacyMark p img { margin:0 15px 0 0;float:left; line-height:1.4em;}

/*****************************/


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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}