@charset "UTF-8";


/*/////////////////////////////
 index - 目次
 /////////////////////////////*/
 
 /* 
 
 login - ログインページ
 release - プレスリリース
 yp/creative.php - 全国Webサイト制作会社一覧表
 periodic/
 
 * ------------------------- */
 
 

/*/////////////////////////////
 login - ログインページ
 /////////////////////////////*/

/* 
 * ------------------------- */

.userloginForm {
	width: 100%;
	margin-left: 130px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
	.userloginForm {
		width: 100%;
		margin: 0 0 20px;
	}
}
.userloginForm dt {
	width:8em;
	float:left;
	margin:0 0 1em 0;
}
@media only screen and (max-width: 768px) {
	.userloginForm dt {
		float:none;
		margin: 0;
	}
}
.userloginForm dd {
	margin:0 0 1em 8em;
}
@media only screen and (max-width: 768px) {
	.userloginForm dd {
		margin: 0;
	}
}

.userloginForm dd input {
	width:200px;
	border: 1px solid #bbbbbb;
	padding:5px;
}

.userloginSubmit {
	text-align: center;
}
 
	.userloginBtn {
		font-size:15px;
		background-color:#013a83;
		color:#fff;
		border-style:none;
		width: 240px;
		padding: 14px 0;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
 	}
 
	.userloginLink {
		margin-top: 20px;
	}	
	.userloginLink li a {
		color:#0957bc;
		background:url(../img/common/icon_arrow_red.png) no-repeat left center;
		padding: 0 0 0 15px;
	}

/* 　各サービスログイン　2016.10
 * ------------------------- */
 
.each_service_login {
	width:58%;
	margin: 40px auto 60px;
}
@media only screen and (max-width: 768px) {
	.each_service_login {
		width:80%;
	}
}

.each_service_login li {
	text-align:center;
	margin-bottom:30px;
	line-height:1.2;
}

.each_service_login li a {
	display:block;
	font-size:15px;
	background-color: #013a83;
    color: #fff;
    padding: 18px 20px 18px;
    cursor: pointer;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
.each_service_login li .btnGray {
	background-color: #4d4d4d;
	width: 100%;
}
	.each_service_login_back {
		margin:0 auto 30px;
		text-align:center;
	}
	
	.each_service_login_back a {
		display:block;
		width:30%;
		margin: 0 auto;
		font-size: 15px;
    	background-color: #d7e4f5;
		color: #013a83;
		border-style: none;
    	padding: 10px 20px 12px;
    	line-height: 1;
    	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
	
	.each_service_login li a:hover,
	.each_service_login_back a:hover {
		text-decoration:none;
	}


/*/////////////////////////////
 yp/creative.php - 全国Webサイト制作会社一覧表
 /////////////////////////////*/
 
 /* ypSearchTool
 * ------------------------- */
 
.searchTool {
	 margin:0 0 20px 0;
 }
 
.searchToolTitle {
	 font-size:15px;
	 background-color:#ededed;
	 padding:9px 10px 8px;
	 border-top:1px solid #e0e0e0;
	 border-right:1px solid #e0e0e0;
	 border-left:1px solid #e0e0e0;
 }
 
 .queryMenu {
	border:1px solid #e0e0e0;
	padding:9px 10px 8px;
	overflow:hidden;
 }
 
  .queryMenu li {
	  float:left;
	  margin:0 20px 10px 0;
	  white-space: nowrap;
	  min-width: 7em;
  }
  
  .queryMenu li a.active {
	  font-weight:bold;
	  color:#000;
  }
  
  .queryMenu li a {
		background:url(../img/common/icon_arrow_red.png) no-repeat left center;
		padding: 0 0 0 10px;
		color:#bb0000;
  }
  
  
  /* ypCompanyList
 * ------------------------- */
 
 .ypSection {
	 margin:0 0 40px 0;
 }
 
 .title03 {
	 font-weight:bold;
	 font-size:19px;
	 color:#333;
	 border-bottom:1px solid #000;
	 padding:0 0 15px;
	 margin:0 0 15px;
 }
 
 .table05 {
	 table-collapse : collapse;
 }
 
 .table05 thead td {
	 background-color:#ededed;	 
	 border-top:1px solid #e0e0e0;
	 border-right:1px solid #e0e0e0;
	 border-left:1px solid #e0e0e0;
 }
 
 .table05 thead td {
	 padding:9px 10px 8px;
 }
 
 .table05 tbody th,
 .table05 tbody td {
	 border:1px solid #e0e0e0;
	 padding:9px 10px 8px;
	 vertical-align:top;
 }
 
 .table05 th {
	 width:200px;
 }
 
 .ypCompany {
	 margin:0 0 1em 0;
 }
 
 .ypCompany a {
	 color:#bb0000;	
	 font-weight:bold;
	 background:url(../img/common/icon_targetblank.png) no-repeat right top;
	 padding: 0 12px 0 0;
 }
 
 .ypWorkContents a {
	 color:#bb0000;	
 }
 
   
  /* ypGuideline
 * ------------------------- */
 
 #ypGuideline {
	 border:1px solid #e0e0e0;
	 margin:0 0 40px 0;
	 padding:12px 15px;
	 background-color:#ededed;
 }
 
 .ypGuidelineTitle {
	 font-size:15px;
	 margin:0 0 8px 0;
 }
 
 .ypGuidelineList {
	 overflow:hidden;
 }
 
 .ypGuidelineList ul {
	 float:left;
	 width:270px;
	 margin:0 10px 0 0;
 }
 
  .ypGuidelineList ul.lastChild {
	  margin:0;
	  width:260px;
  }
  
  
  
/*/////////////////////////////
 periodic/ - 定期購読
 /////////////////////////////*/
 
  /* howto.php
 * ------------------------- */
 
.periodicBlock a {
	color:#bb0000;
}

  /* index.php
 * ------------------------- */
 
h2.periodicHeader {
	margin:0 0 20px 0;
	}
 
#periodicOtoku {
	margin:0 0 30px 0;
	}
	
	#periodicOtoku li {
		margin:0 0 3px 0;
	}
	
	#periodicOtoku li img {
		vertical-align:middle;
		}
	
.periodicCamp {
	border: 3px solid #6fba2c;
	background-color: #f3faed;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 15px 20px;
	margin: 0 0 20px;
}

h3.periodicCampTitle {
	font-size:17px;
}

	.periodicRed {
		color:#CC0033;
		}
		
.periodicProductWrap {
	border:1px solid #c4c4c4;
	padding:12px 15px 10px;
	margin:0 0 30px 0;
	overflow:hidden;
	}
	
	.periodicProductText {
		width:370px;
		float:left;
		}
		
		.periodicProductTitle {
			font-weight:bold;
		}
		
		.periodicProductPrice {
			color:#ff0000;
			font-weight:bold;
			}
		
	.periodicProductBtn {
		width:170px;
		float:right;
	}
	
  /* rules.php
 * ------------------------- */
 
 #periodicRulesFrame {
 	background-color:#f2f2f2;
 	height:300px;
 	overflow:auto;
 	padding:12px 15px;
 	margin:0 0 30px 0;
 	font-size:13px;
 	line-height:1.5;
 }
 
 	dl.periodicRules {
 		margin:0 0 20px 0;
	}
	
	dl.periodicRules dt {
		font-weight:bold;
		border-bottom:1px solid #000;
		margin:0 0 5px 0;
		}
		
 #periodicRulesAll {
 	font-size:13px;
 	line-height:1.5;
 }