* {
    padding: 0;
    margin: 0;
}
body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:13px;
	line-height:1.5;
	color: #444444;
	background: #ffffff;
	padding: 0;
	margin:0;
	}
#main	{
	width:700px;
	margin:0 auto;
}
span	{
	display:inline;
	}
span.blue	{
	color:mediumblue;
	font-weight: bold;
	}
.cont01	{
	width:90%;
	margin: 0 auto;
	font-size:14px;
	background: #fff;
	}
.cont01	p span	{
	font-weight: bold;
	}
.cont02	{
	width:96%;
	margin: 0 auto;
	padding: 10px 0 25px 0;
	border:1px solid #02dd02;
	}
.cont02	p span	{
	color:blue;
	font-weight: bold;
	}
.cont02	p span.red1	{
	color:red;
	font-weight: bold;
	}

/*#sample	{
	width:100%;
	margin:0 auto;
	font-size: 13px;
	color: #444444;
	padding:5px;
	border:1px solid #20d920;
	}
.sample_content	{
	padding:10px 0 20px 0;
	border-top:2px dotted #cccccc;
	border-bottom:2px dotted #cccccc;
	}*/

/* ----------h2 header ---------- */	
h2	{font-size:18px;
	text-align: center;
	margin: 0;
	background: #ffffff;
	padding: 0 0 1px 0;
	}
h3	{font-size:16px;
	text-align: left;
	padding-left: 33px;
	margin: 20px 0 0 0;
	}
.header {
	color: #444444;
	padding-top: 0.5em;
	border-top: 6px solid #0a0fa3;
	background: #ffffff;
}
.header:before { /* contentを変更して、html内に記述 */
	display: block;
	color: #444444;
	content: "これが表示される場合は、html内に記述されていない";
	margin-bottom: 0.5em;	
	background: #ffffff;
}
.header2 {
	color: #444444;
	padding-top: 0.25em;
	border-top: 2px solid #cccccc;
}
/* ----------h2 header end ---------- */

#wrap3	{
	width: 500px;
	margin:10px auto 0 auto;
	text-align: left;
	font-size:85%;
}
#wrap3 a	{
	color:green;
	text-decoration: none;
}
#wrap3 a:hover	{
	color:orangered;
	text-decoration: underline;
}

textarea.tarea01 {
  	width: 98%;
 	height: 98%;
	min-height:60px;
}
textarea.tarea02	{
	padding:5px;
	background:#ffffff;
	border:1px solid #6266f4;
	font-size:14px;
	line-hight:1.6;
	}
#panel	{ 
	width: 500px;
	height: 200px; 
	margin: 0 auto;
	background:#fff;
	border: 5px solid #ccc;
	}
#panel p	{ 
	
	display: inline-block;
	margin:10px 0 0 135px;
	padding: 5px;
	background: #fff;
	} 

.box460	{
	margin-top: 8px;
	width:460px;
	height: 16px;
	background: #8689f9;
	text-align: left;
	color:#2e318e;
	padding:5px;
	font-size:13px;
	line-height:1.5;
}


.out	{
		padding:5px;
		background:#efefef;
		border:none;
		}
button	{
	padding: 3px 6px;
}
button.bg-blue   { /* 標準 */
	font-size: 13px;
	background: url(../images/bt_bg-blue.jpg) repeat-x; 
	cursor: pointer; 
	margin: 4px; padding: 2px; 
	border: solid 1px #777777; 
}
button.bg-gary   { 
	font-size: 13px;
	background: url(../images/bt_bg-gary2.jpg) repeat-x; 
	cursor: pointer; 
	margin: 4px; padding: 2px; 
	border: solid 1px #777777; 
}

button.changebtn	{
	padding: 3px 6px;
	margin:13px 0 13px 5px;
}
	
a	{
	margin: 10px;
	font-size: 13px;
	color: #222222;
}
a:hover	{
	color: red;
}

pre.pre01	{
	display:block;
	padding:10px;
	border:1px solid #aaaaee;
	background:#e0e0ff;	
	margin:0 0 14px 10px;
	font-size: 13px;
	width:94%;
	white-space: normal;
	}
pre.pre01	{
	display:block;
	padding:7px;
	border:1px solid #9EBEED;
	background: #ddffff;	
	margin:0 0 8px 0;
	font-size: 13px;
	width:95%;
	white-space: normal;
	}
span	{
	display:block;
	}
#li-img	{
	width:600px;
	margin:0 auto;
	position:relative;
	left:30px;
	}
#li-img li img	{
	float:left;
	margin: 5px 8px 5px 0;
	}
/*---- clearfix ----*/	
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/*---- position調整 ----*/
.pos4	{
	position: relative;
	top: 4px;
}