@charset "utf-8";

html{color:#000;background:#FFF;}
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;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

body {
	color: #000000;
	background: #FFFFFF;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.6;
	font-size: 14px;
	/*width: 3000px;*/
	padding: 0 10px;
}

h1 {
/*
	background: #333333;
	color: #FFFFFF;
	padding: 3px 10px;
	/ * text-shadow: 2px 2px 2px #ffffff; * /
	font-size: 25px;
	font-weight: normal;
	border-radius: 5px;        / * CSS3草案 * /  
	-webkit-border-radius: 5px;    / * Safari,Google Chrome用 * /
	-moz-border-radius: 5px;   / * Firefox用 * /
*/
}

h2 {
	font-size: 18px;
	font-weight: normal;
	text-shadow: 2px 2px 2px #CCCCCC; 
	margin: 35px 0px 15px 0px;
	border: 1px dashed #999999;
	padding: 5px;
}

blockquote {
	padding: 10px;
	margin: 5px 10px 20px 10px;
	background: #ffffff;
	border:solid 1px #CCCCCC;
	margin-bottom: 10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	color: #333333;
}

/* clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}

/* contents */
a.btn {
	background: #CCCCCC;
	margin-right: 5px;
	padding: 5px 10px;	
}

div#wrap_01,
div#wrap_02,
div#wrap_03 {
	overflow: hidden;
	margin: 0 10px 0 0;
	padding: 15px;
	width: 900px;
	height: 900px;
	border: solid 1px #CCCCCC;
	float: left;
}

div#wrap_01 p,
div#wrap_02 p,
div#wrap_03 p {
	margin: 0px auto 50px;
}

div#wrap_01 p:first-letter,
div#wrap_02 p:first-letter,
div#wrap_03 p:first-letter{
	float:left;
	margin-right:7px;
	padding:10px 7px;
	font-size: 200%;
	background: #666666;
	color:#FFFFFF;
}

/* back-top */
#back-top {
	position: fixed;
	bottom: 20px;
	right: -5px;
}

#back-top a {
	width: 60px;
	height: 60px;
	display: block;
	padding-top: 5px;
	background: #000000; /* IE用 */
	background: -moz-linear-gradient(top, #333, #666 50%,#333 51%, #000);/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(0.5, #666), color-stop(0.51, #333), to(#000));/* Safari,Google Chrome用 */
	background: -o-linear-gradient(top, #333, #666 50%,#333 51%, #000);
	background: linear-gradient(top, #333, #666 50%,#333 51%, #000);
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#back-top a:hover {
	background: #EEEEEE; /* IE用 */
	background: -moz-linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.5, #FFF), color-stop(0.51, #EEE), to(#CCC));/* Safari,Google Chrome用 */
	background: -o-linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);
	background: linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);
	color: #000;
}