/* 外部スタイルシート、ファイル名：style.css */
/* Hanako's Strawberry Factory　：フォント */

/*メイン枠部分ここから*/
body {
 	margin: 0;	/*領域間のスペース*/
	padding: 0;	/*領域内のスペース*/
	text-align: center;
	line-height:1.4;
	color:#333333;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	background-image:url(images/back.gif);
	SCROLLBAR-FACE-COLOR: #FFE1EF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-BASE-COLOR: #FFEEFF;
	SCROLLBAR-DARKSHADOW-COLOR : #FFEEFF	
}

a { text-decoration: none; }
a:link    { color: blue; }    
a:visited { color: green; }   
a:hover   { color: red; } /*マウスオーバーでリンクが赤になる*/
a:active  { color: gray; }  
img {border:none;}  

#main{  /*外枠*/
	width:800px;
	padding: 0px;    
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
	background-color: #FFFFFF;
}

#main-in{ margin:0 10px;} /*内枠：左右マージン設定部分*/

#hidari { width:150px; float:left; }   /*左部分*/
#migi { width:630px; float:right; text-align:center;}    /*右部分*/
#mate-hidari { width:150px; float:left; font-size:0.8em; text-align:left;}   /*sozai左部分*/

.title{  /*タイトル部分*/
	width:800px;
	height:250px;
}

.line{	/*Copylight*/
	width:800px;
	background-color: #FFFFFF;
	height:16px;
	padding: 0px;
	margin: 0 auto;
	text-align: right; 
}
.line2{	/*ページ一番下のライン*/
	width:800px;
	height:8px;
	padding: 0px;
	margin: 0 auto;
	background-image:url(images/line-1.gif);	
}
.line3{	/*ページ一番下のlink*/
	width:800px;
	background-color: #FFFFFF;
	height:16px;
	padding: 0px;
	margin: 0 auto;
	text-align: center; 
	font-family:Arial, sans-serif;
	font-size:0.8em;	
}

.box-1{ /**/
	margin:0px;
	padding:0px;
	width:620px;
}

.box-2{
	margin:0px;
	padding:20px;
	width:620px;
	height:150px;
	background:url(images/waku.gif);
	background-repeat:no-repeat; 
	color:#333333;
	font-family:Arial, sans-serif;
	font-size:0.8em;
	text-align:left;		
}

.box-3{   /*文章の部分*/
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
	padding:20px;
	width:700px;
	color:#333333;
	font-family:Arial, sans-serif;
	font-size:0.8em;
	text-align:left;
}

.box-4{   /*文章の部分:せまめ*/
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
	padding:20px;
	width:700px;
	font-size: 0.9em;
}

.sozai{
	text-align:right;
	width:530px;
	height:50px;
	padding: 0px;
	margin: 0px;
}
.clear { clear:both; }   
.clear hr { display:none; }