/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*---通常---*/
dl.a {
	margin-bottom: 5em;
	padding: .5em;
	width: 97%;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 1em;
}

dl.a dt {
	margin: 0;
	padding: .5em;
	font-weight: bold;
	background-color: #e0e0e0;
	border-bottom: 1px solid #000;
}

dl.a dd {
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #f2f2f2;
}


.gray_box {
width: auto;
margin: 1em auto;
margin-bottom: 50px;
padding: 5px 12px;
background-color: #fff9ef;
border: 2px solid #2d2d2d;
overflow: hidden;
}

.article h2 {
 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
  background-color: #003801;
  margin: 20px 10px 0px 0px;
  padding:20px 0px 18px 10px;
  font-size:23px;
	color: #fff;
}

.article h3,
#comment-area h3,
#related-entries h3{
  font-size:20px;
  background-color: #e0fce1;
  padding:5px 5px 5px 5px;
	border:1px solid #000;
}


/* 画像の角を丸くする */
.image img{
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}


.mt10 {
margin-top: 10px;
}

.mt30 {
margin-top: 3em;
}

.mt50 {
margin-top: 5em;
}

.mt80 {
margin-top: 80px;
}

.mt100 {
margin-top: 100px;
}


.mb20 {
margin-bottom: 2em;
}

.mb30 {
margin-bottom: 3em;
}

.mb50 {
margin-bottom: 5em;
}


.mb100 {
margin-bottom: 100px;
}



.futo {
font-weight: bold;
}

.futoaka {
font-weight: bold;
color: #ff0000;
}

.futomido {
font-weight: bold;
color: #149b14;
}

.marker {
background: linear-gradient(transparent 0%, #ffff66 0%);
}

.futomm {
font-weight: bold;
background: linear-gradient(transparent 60%, #ffff66 0%);
}


.clear {
clear: both;
}

ul.example {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.example li {
float: left;
width: 8em;
margin-right: 5px;
padding: 2px;
border: 1px #ffb366 solid;
background-color: #fffdee;
text-align: center;
}

.clearLeft { 
clear: left; 
}


.classname {
        margin-top: 10px;
        margin-bottom: 10px;
	-moz-box-shadow:inset 0px -1px 7px 1px #ebbcb7;
	-webkit-box-shadow:inset 0px -1px 7px 1px #ebbcb7;
	box-shadow:inset 0px -1px 7px 1px #ebbcb7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
text-indent:0px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Courier New;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
height:70px;
	line-height:70px;
width:650px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 0px 0px #b23e35;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.classname:active {
	position:relative;
	top:1px;
}

.button a {
  width: 80px;
  background-color: #aaaaaa;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
}
.button a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}

/*--------------------------------------
  リスト
--------------------------------------*/

ul {
list-style-type: square;
}

ol {
list-style-type: decimal;
}

/*---ul {
list-style-image: url(mark.gif);
}---*/