/* ---------------------------------------------------------------------------------------------
 　基本設定
--------------------------------------------------------------------------------------------- */

BODY {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font: 13px/20px "Meiryo",Hiragino Kaku Gothic Pro;
	color: #666666;
	margin: 0px auto;
	padding: 0px; auto;
	text-align: center;
}



/* ---------------------------------------------------------------------------------------------
 　トップページ/その他ページ共通の設定
--------------------------------------------------------------------------------------------- */

.outwrapper {
	width: 920px;
	height: auto;
	background: url(../image/back.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

.wrapper {
	width: 900px;
	hieght: auto;
}

html >/**/body .wrapper {
	margin-left: 10px;
}

*html .wrapper {
	margin-left: 5px;
}

.box1 {
	width: 900px;
	height: 80px;
	background: url(../image/back1.jpg);
	text-align: left;
}

.box1s {
	width: 900px;
	height: 105px;
	text-align: left;
}

.box1-1 {
	float: left;
	width: 283px;
	height: 78px;
}

.box1-2 {
	float: left;
	width: 610px;
	height: 20px;
	text-align: right;
}

.box2 {
	width: 900px;
	height: 35px;
}

.box3 {
	width: 900px;
	height: 527px;
	background-color: #FFFFFF;
	border-top: 1px #D8D2D2 solid;
	border-bottom: 5px #D8D2D2 solid;
}

.box3s {
	width: 900px;
	height: 150px;
	border-top: 1px #E1E1E1 solid;
	border-bottom: 3px #E1E1E1 solid;
}

.box4 {
	width: 900px;
	height: auto;
	margin-top: 20px;
}

.box4s {
	width: 800px;
	height: auto;
	text-align: left;
	margin-bottom: 20px;
}

html >/**/body .box4s {
	margin-left: 50px;
}

.box4-1 {
	float: left;
	width: 490px;
	height: auto;
	text-align: left;
	margin: 0px 10px 30px 40px; 
}

*html .box4-1 {
	margin: 20px 10px 20px 20px;
}

.box4-2 {
	float: left;
	width: 170px;
	height: auto;
	text-align: left;
	margin: 20px 0px 20px 0px;
}

.box5 {
	width: 900px;
	height: 60px;
	background-color: #FFF0F1;
	text-align: left;
}

.box5-1 {
	float: left;
	width: 440px;
	height: auto;
	padding: 10px 0px 0px 15px;
}

.box5-2 {
	float: left;
	width: 435px;
	height: 20px;
	text-align: right;
	margin-top: 25px;
}

.navi {
	width: 800px;
	height: 20px;
	text-align: right;
	margin: 0px 0px 20px 0px;
}

.right {
	width: 500px;
	height: 20px;
	text-align: right;
	margin: 5px 0px 50px 0px;
}

.profile {
	position: absolute;
	width: 280px;
	height: auto;
	background-color: #FFF0F1;
	text-align: left;
	border-radius: 8px;
	padding: 20px;
	margin: 50px 0px 0px 550px;
}



/* --------------------------------------------------------------------------------------------
 　『クレイクラフトとは？』ページの設定
-------------------------------------------------------------------------------------------- */

.about1 {
	float: left;
	width: 230px;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
}

.about2 {
	float: left;
	width: 550px;
	height: auto;
	margin: 0px 0px 20px 20px;
}



/* --------------------------------------------------------------------------------------------
 　『カリキュラムコース』ページの設定
-------------------------------------------------------------------------------------------- */

.curriculum {
	width: 750px;
	height: auto;
	text-align: left;
	margin-left: 25px;
}

.curriculumtable {
	width: 750px;
	height: auto;
	border-collapse: collapse;
	border: 1px #CCCCCC solid;
}

.curriculumtable th {
	width: auto;
	height: auto;
	font-weight: 500;
	text-align: right;
	border: 1px #CCCCCC solid;
	padding: 5px 10px 5px 10px;
}

.curriculumtable td {
	width: auto;
	height: auto;
	text-align: left;
	border: 1px #CCCCCC solid;
	padding: 5px 10px 5px 10px;
}



/* --------------------------------------------------------------------------------------------
 　『ワガママコース』ページの設定
-------------------------------------------------------------------------------------------- */

.wagamama1 {
	float: left;
	width: 300px;
	height: auto;
}

.wagamama2 {
	float: left;
	width: 500px;
	height: auto;
}

*html .wagamama2 {
	width: 500px;
}



/* --------------------------------------------------------------------------------------------
 　『ギャラリー』ページの設定
-------------------------------------------------------------------------------------------- */

iframe {
	border: none;
}


/* --------------------------------------------------------------------------------------------
 　『アクセス』ページの設定
-------------------------------------------------------------------------------------------- */

.access1 {
	float: left;
	width: 500px;
	height: 500px;
	border: 1px #CCCCCC solid;
}

*html .access1 {
	margin: 0px 0px 0px -20px;
}

.access2 {
	float: left;
	width: 278px;
	height: auto;
	margin-left: 20px;
}



/* --------------------------------------------------------------------------------------------
 　リンクの設定
-------------------------------------------------------------------------------------------- */

A img { border-style:none; } 

A:link { color: #003399; }
A:visited { color: #551A9E; }
A:hover { color: #FF0000; }
A:active { color: #FF0000; }

#new:link { color: #FFFFFF; }
#new:visited { color: #FFFFFF; }
#new:hover { color: #FF0000; }
#new:active { color: #FF0000; }

#caution:link { color: #FFFFFF; }
#caution:visited { color: #FFFFFF; }
#caution:hover { color: #990000; }
#caution:active { color: #990000; }

#linksub:link     { color: #CC0066; }
#linksub:visited { color: #CC0066; }
#linksub:hover  { color: #FF4A93; }
#linksub:active { color: #FF0066; } 
#linksub { text-decoration: none; } 

#move:hover { position: relative; top: 1px; left: 1px; }



/* --------------------------------------------------------------------------------------------
 　その他設定
-------------------------------------------------------------------------------------------- */

*html img, div { behavior: url(js/iepngfix.htc); }

H1 {
	font: 10px/15px;
	color: #FFFFFF;
	line-height:135%;
	font-weight:normal;
	margin: 0px;
	text-align:left;
	display: inline;
}

FORM {
	margin: 0;
	padding: 0;
}

STRONG { font-weight: 100; }

STRONG.b { font-weight: 700; }

HR {
	color: #CCCCCC;
	border-style: dotted;
	border: 1px;
	margin: 10px 0px 10px 0px;
}

#law {
	color: #CCCCCC;
	border-style: dotted;
	border: 1px;
	margin: 0px 0px 0px 0px;
}

.maps {
	list-style: url(../image/sankaku2.jpg);
}

.mapss {
	list-style: url(../image/sankaku3.jpg);
}

.none {
	list-style: none;	
}

.non {
	border: none;
	margin: 0px 0px 0px -10px;
}

.navi {
	border-bottom: 1px #FFFFFF solid;
	margin: 0px 0px 0px 0px;
}


.red {
	color: #CC0000;
}

.blue {
	color: #0033FF;
}

.blues {
	color: #006699;
}

.green {
	color: #009933;
	font-weight: 700;
	text-decoration: underline;
}

.clear {
	clear: both;
}

.asta {
	font: 10px/20px "MS PGothic",Osaka;
	color: #CC0000;
}

.rights {
	width: 100%;
	height: auto;
	text-align: right;
}