/* -------------------------------- */
/* 文章内のリンクをボタン化する装飾 */
/* -------------------------------- */
div.sample1 a {
			/* ▼枠線 */
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			/* ▼角丸 */
			-webkit-border-radius: 1px; /* Chrome,Safari */
			-moz-border-radius: 1px;    /* Firefox */
			border-radius: 1px;         /* CSS3 */
			/* ▼サイズ */
			width: 100%;
			/* ▼余白 */
			padding: 0.3em 0.9em;
			margin: 0px 0.1em;
			/* ▼文字装飾 */
			text-decoration: none;
			/* ▼背景 */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			/* ▼行高 */
			line-height: 2em;
			/* ▼空白・改行の扱い */
			white-space: nowrap;
		}




/* ---------------------------------------- */
/* リンクを横幅一杯に広げてボタン化する装飾 */
/* ---------------------------------------- */
div.sample2 a {
			/* ▼表示形態 */
			display: block;
			/* ▼サイズ */
			width: 100%;
			/* ▼余白 */
			padding: 0.4em 0px;
			margin: 0.1em auto;
			/* ▼枠線 */
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			/* ▼角丸 */
			-webkit-border-radius: 1px; /* Chrome,Safari */
			-moz-border-radius: 1px;    /* Firefox */
			border-radius: 1px;         /* CSS3 */
			/* ▼文字装飾 */
			text-decoration: none;
			/* ▼文字位置 */
			text-align: center;
			/* ▼背景 */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
		}
		div.sample2 a.max {
			/* ▼サイズだけ上書き */
			width: 95%;
		}
		div.sample2 a.mid {
			/* ▼サイズだけ上書き */
			width: 80%;
		}


div.sample3 a {
			/* ▼表示形態 */
			display: block;
			/* ▼サイズ */
			width: 100%;
			/* ▼余白 */
			padding: 0.4em 10px;
			margin: 0.1em auto;
			/* ▼枠線 */
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			/* ▼角丸 */
			-webkit-border-radius: 1px; /* Chrome,Safari */
			-moz-border-radius: 1px;    /* Firefox */
			border-radius: 1px;         /* CSS3 */
			/* ▼文字装飾 */
			text-decoration: none;
			/* ▼文字位置 */
			text-align: left;
			/* ▼背景 */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
		}
		div.sample3 a.max {
			/* ▼サイズだけ上書き */
			width: 90%;
		}
		div.sample3 a.mid {
			/* ▼サイズだけ上書き */
			width: 80%;
		}



/* ---------------------------------------- */
/* 普通のリンク装飾を消す＋α */
/* ---------------------------------------- */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.ex1 { border-bottom: 2px dotted; }
a.ex2 { border-bottom: 3px double; }
a.ex3 { border-bottom: 1px dashed; }