@charset "shift_jis";
/* CSS Document */
/*===============■■■構造■■■===============*/
* {
	margin:0;
	padding:0;
}


body {
	background: #666;
	background: #f00;
	text-align: center;
	color:#333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height:1.6;
}

#BODY #CONTAINER {
	width: 800px;
	background-color: #FFF;
	margin: 0 auto; 
	border: 1px solid #000;
	text-align: left;
}
img {
	border:none;
}

#MAIN {
	padding: 0 30px;
	background: #FFF;
}
.clear {
	clear:left;
}
/*===============■■■テキスト■■■===============*/
h2 {
	margin:45px 0 0 20px;
	padding-left:5px;
	border-left:5px solid #a63936;
	font-size:18px;
	color:#a63936;
}
h3 {
	width:250px;
	font-weight:normal;
	font-size:12px;
	letter-spacing:0.07em;
	background:url(../img/icon_h3.gif) no-repeat 5px 4px;
	padding:2px 20px;
	float:left;
}
p {
	line-height:1.3em;
	margin-left:20px;
}
a {
	text-decoration:none;
	color:#4693AC;	
}
a:hover {
	background-position:0 -11px;
	color:#C30;
}
.stng {
	font-size:14px;
	text-align:center;
}

/*===============■■■ボックス■■■===============*/
/*未来画素です*/
#BOX01 {
	width:700px;
	margin:0 auto;
	padding-top:270px;
	background:url(../img/copy01.gif) no-repeat center 30px;
	border-bottom:2px dotted #444;
}

/*こんなことやってます*/
#works {
	display:block;
	margin-top:100px;
}
#BOX02 {
	width:700px;
	margin:0 auto;
	padding-top:270px;
	background:url(../img/copy02.gif) no-repeat center 30px;
	border-bottom:2px dotted #444;
}
#MENU {
	margin:55px 0 0 20px;
}
*+html #MENU {/*IE7 hack*/
	margin:320px 0 0 20px;
}
* html #MENU {/*IE6 hack*/
	margin:320px 0 0 20px;
}
#MENU li {
	display:inline;
	list-style-type:none;
	padding:0 10px;
	border-right:1px solid #666;
}
#MENU .liR {
	display:inline;
	list-style-type:none;
	padding:0 10px;
	border:none;
}
.box03 {
	width:100%;
	height:auto;
	margin-top:32px;
	padding:0 0 70px 0px;
	border-bottom:2px dotted #444;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.box04 {
	width:700px;
	height:auto;
	margin-top:32px;
	padding-bottom:70px;
}
/*お問合せ待ってます*/
#BOX05 {
	width:700px;
	margin:0 auto;
	padding-top:270px;
	background-image:url(../img/copy03.gif);
	background-repeat:no-repeat;
	background-position:center 30px;
	border-bottom:2px dotted #444;
}
*html #BOX05 {/*IE6 hack*/
	padding-top:300px;
}
/*送信完了しました*/
#BOX06 {
	width:740px;
	margin:0 auto;
	padding-top:270px;
	background-image:url(../img/copy04.gif);
	background-repeat:no-repeat;
	background-position:center 30px;
	border-bottom:2px dotted #444;
}
/*メール送信エラー*/
#BOX07 {
	width:740px;
	margin:0 auto;
	padding-top:270px;
	background-image:url(../img/copy05.gif);
	background-repeat:no-repeat;
	background-position:center 30px;
	border-bottom:2px dotted #444;
}


/*===============■■■プロフィール■■■===============*/
table .email {
	background:url(../img/mail.gif) no-repeat -2px 5px;
	background-repeat:no-repeat;
	background-position:-2px 5px;
}
html* table .email {/*hack*/
	background-position:-2px 8px;
}
*+html table .email {/*IE7 hack*/
	background-position:-2px 5px;
} 
/*===============■■■WEB制作■■■===============*/
.block01 {
	width:328px;
	height:auto;
	margin:0 0 40px 0px;
	float:left;
}
.block02 {
	width:328px;
	height:auto;
	padding:0 0 70px 40px;
	float:left;
}
* html .block02 {/*IE6 hack*/
	padding:0 0 70px 25px;
}
.block01 .title, .block02 .title {
	border:1px solid #CCC;
	background-color:#EEE;
	height:18px;

}
.title .icn_web {
	display:block;
	margin:2px 10px 0 10px;
	float:left;
	border:none;
}
/*.block01 p, .block02 p {
	margin-left:20px;
}*/
.block01 img, .block02 img {
	margin-top:20px;
}

/*===============■■■執筆活動■■■===============*/
#BOX02 .box03 .block03 {
	width:176px;
	margin:0 39px 30px 0px;
	padding:0 0 0 9px;
}
#BOX02 .box03 .block03 img {
	border:1px solid #777;
}
#BOX02 .box03 .block03 ul {
	margin:5px 0 0 0;
}
#BOX02 .box03 .block03 ul li  {
	list-style:none;
	line-height:1.4em;
}
#BOX02 .box03 .block03 .s_img {
	border:none;
}

/*===============■■■講師■■■===============*/
.box04 ul {
	margin-left:40px;
	list-style-type:square;
}
.box04 ul li {
	margin-top:10px;
}

/*===============■■■お問合せ■■■===============*/
#contact {
	display:block;
	margin-top:100px;
}
.form01 {
	width:140px;
	text-align:right;
	margin-top:48px;
	padding:3px 0;
	float:left;
}
*html .form01 {/*IE6 hack*/
	margin-top:15px;
}
.form02 {
	margin-top:40px;
	margin-left:33px;
	float:left;
}
*html .form02 {/*IE6 hack*/
	margin-top:15px;
	margin-left:13px;
	float:left;
}
*+html .form02 {/*IE7 hack*/
	margin-top:40px;
	margin-left:13px;
	float:left;
}
.form02 input,
.form02 textarea {
	padding:8px 3px;
	border:1px solid #ccc;
}
.form02 textarea {
	width:300px;
}
.btn01 {
	display:block;
	float:left;
}
.btn02 {
	display:block;
	float:left;
	margin-left:30px;
}
.block05 {
	margin-left:80px;
	height:25px;
}
*html .block05 {/*IE6 hack*/
	margin-left:50px;
	height:15px;
}
*+html .block05 {/*IE7 hack*/
	margin-left:80px;
	height:45px;
}
.block06 {
	display: flex;
	justify-content: center;
	margin:30px 0;
}
.block06 input:first-child{
	margin-right:30px;
}

/*===============■■■メール送信完了■■■===============*/
.block07 {
	width:320px;
	margin:80px auto;
}
.block07 p {
	line-height:2em;
	margin-top:20px;
}
#HOME {
	width:80px;
	margin:70px auto;
}
#HOME a {
	padding:3px;
	border:1px solid #666;
	text-align:center;
}
#HOME a:hover {
	border:1px solid #C30;
}



/*===============■■■テーブル■■■===============*/
#BOX01 table {
	width:430px;
	margin:55px 0 50px 165px;
	border-collapse:collapse;
	letter-spacing:0.07em;
}
* html #BOX01 table {
	width:430px;
	margin:355px 0 50px 145px;
	border-collapse:collapse;
	letter-spacing:0.07em;
}
*+html #BOX01 table {
	width:430px;
	margin:325px 0 50px 145px;
	border-collapse:collapse;
	letter-spacing:0.07em;
}
#BOX01 table td {
	border:0;
	padding-top:6px;
	vertical-align:top;
}
#BOX01 table th {
	width:70px;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	padding:6px;
	padding-right:15px;
}
/*===============■■■ページトップ■■■===============*/
.pagetop {
	width:60px;
	height:11px;
	margin-top:10px;
	margin-left:630px;
	padding-left:15px;
	letter-spacing:0.03em;
	background-image:url(../img/icn_top.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
}

/*===============■■■フッター■■■===============*/
#FOOTER {
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}
#FOOTER img {
	border:none;
}