@charset "UTF-8";

@import url(css/reset.css) screen and (min-width: 769px);
@import url(css/style.css) screen and (min-width: 769px);
@import url(css/smart.css) screen and (max-width: 768px);


/* ボタンリンク */

.btn a {
  font-size: 130%;
  display: inline-block;
  padding: 10px 10px;
  color: #fff;
  background-color: #00CC00;
  border: 2px solid #669933;
  text-decoration: none;
  margin-left:auto;margin-right:auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* ボタンリンク マウスオーバー*/

.btn a:hover {
  background-color: #99FFCC;
  border: 2px solid #33FF00;
}

/* ボタンリンク。必要であれば。 */
#adbtn a.btn {
	display:block;
	width:250px;
	margin: 15px auto 0;
	padding: 5px;
	border: 1px solid #00CC00;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	background: #00CC00;
	color:#fff;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
	-moz-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
}

/* バナータグ用 */
#banner{
	text-align: center;
}

#banner a{
	display: block;
	color: #0066FF;
	font-size: 16px;
	text-decoration: underline;
	padding: 10px 0 10px 0;
}

/* セクション */
#about {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 3px solid #dddddd;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: #fff;
}	

#about_any {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border:1px solid #dddddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddddd));
	background: -moz-linear-gradient(#fff,#dddddd);
	-webkit-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
	-moz-box-shadow:3px 3px 3px rgba(000,000,000,0.2);
}	
#about_any a{
	color: #666;
	text-decoration: none;
}

#about_any p{
        padding: 5px; 
}

/*/ HR/*/
hr {
	margin-bottom: 1em;
	border: 1px dashed #ff8040;
}


div.pankuzu {
	font-size: 60%;
	padding : 5px;
	background-color: #CCCCCC;
}

/* マーカー */
.ylw{
	background-color:#FFE566;
	font-weight:bold;
	padding:2px;
}


/* ボックス */

.nmlbox,.dottbox,.ylwbox,.graybg{
	padding:15px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

.graybg{
	background-color:#EBEBEB;
}

.dottbox{
	border:dotted 1px #666;
}
.nmlbox {
	border: 2px solid #CCCCCC;
}
.ylwbox {
	background-color: #FFFFD2;
	border: 2px solid #CC0000;
}

.txt-img img {
	margin:0 10px 10px;
}

 .user1,.user2 {
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}

 .user1{
	background-image: url(./images/user1.png);
}

 .user2{
	background-image: url(./images/user2.png);
}