body { 
text-align:left; /* 行揃えの位置・均等割付を指定する */
text-color:#333333;
 }

#outline {
	text-align:center; /* 行揃えの位置・均等割付を指定する */
	margin:0 auto;/* ボックスのマージン領域の幅を指定 */
	width: 720px;
 }
 
.outline-margin { margin:0 0px; }/* ボックスのマージン領域の幅を指定 */

.head {
	width:720px;

	}

#menu
	{
	width: 720px;
	text-align:center; /* 行揃えの位置・均等割付を指定する */
	}
	
#footer {
	text-align:center;
	max-width:720px;
	color:#777;
	
 }
	.footer_cont
	{

	font-size: 7pt;
	text-align: right;
	float:right;
	width:60%;
	height: 5px;
	}
	.footer_left
	{

	font-size: 7pt;
	text-align: left;
	float:left;
	width:40%;
	height: 5px;
	} 

#footer a {
	text-decoration:none;
	color: #74D0F5;
	}

#footer a:hover {
	text-decoration:underline;
	color: #FF6699;
}

#footer p#link {
	margin: 3px auto;	
	padding: 1px;
	width: 720px;
	text-align: center;
	float: none;
	text-color:#333333;
	font-size: 10pt;
	font-weight: normal;
}

#footer p#copyright {
	padding: 5px; /* 余白 */
	text-align:center;
	font-size:10px;
	background-color:#CCCCCC;
	font-weight: normal;
}

.c-both { clear:both; }


.s1 {
	margin: 3px auto;	/* ボックスのマージン領域の幅を指定 */
	padding: 5px; /* 余白 */
	width: 600px;
	text-align: center; /* 行揃えの位置・均等割付を指定する */
	float: none;
	text-color:#333333;
	font-size: 12pt;
}

.s2 {
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
	padding: 5px; /* 余白 */
	width: 650px;
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
	text-color:#333333;
	font-size: 9pt;
}


.pt {
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
	padding: 5px; /* 余白 */
	width: 600px;
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
	text-color:#333333;
	font-size: 12pt;

}     /* 12pt */

.w400 {
	width: 400px;
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
}

.w500 {
	width: 500px;
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
}

.w600 {
	width: 600px;
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
}

.w700 {
	width: 700px;
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
}


.pt600 {
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
	padding: 5px; /* 余白 */
	width: 600px;
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
	text-color:#333333;
	font-size: 12pt;

}     /* 12pt */ 

.pc1 {
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	float: none;
}

.pc2 {
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
    padding-left: 30px; /* 余白 */
	text-align: center; /* 行揃えの位置・均等割付を指定する */
	float: none;
}

.title01{
	background-image: url("../images/apple01.gif");
	background-repeat: no-repeat;
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	padding-left: 30px; /* 余白 */
	line-height: 130%; /* 行の高さ */
	color : #000099;
	font-size: 26px;
	font-weight: bold; /* フォントの太さを指定 */
	width: 720px;
}

.title02{
	color: #ff3366;
	padding: 4px 0px 0px 8px; /* 余白 */
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	font-size: 20px;
	font-weight: bolder; /* フォントの太さを指定 */
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 15px solid #0099FF;
}

.title03{
  color: #1D4652; /* 文字の色 */
  text-align: left; /* 行揃えの位置・均等割付を指定する */
  font-size: 20px;
  font-weight: bolder; /* フォントの太さを指定 */
  padding-left: 10px; /* 左の余白 */
  border-width: 0px 0px 2px 20px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #FFD483; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}

H1{

  background-image: url("../images/apple01.gif"); /* 画像の指定 */
  background-repeat: no-repeat; /* 画像の並び */
  padding-left: 30px; /* 余白 */
  line-height: 130%; /* 行の高さ */
  color : #000099;
  font-size: 26px;
}

H2{
 margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
 padding: 5px; /* 余白 */
 width: 650px;
 text-align: left; /* 行揃えの位置・均等割付を指定する */
 white-space:pre; /* 空行や改行をそのまま表示 */
 color : #0000FF;
 font-size:20px;
 font-weight: bold; /* フォントの太さを指定 */
}

H3{
 margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
 padding: 5px; /* 余白 */
 text-align: left; /* 行揃えの位置・均等割付を指定する */
 white-space: pre; /* 空行や改行をそのまま表示 */
 color : #FF2208;
 font-size:20px;
 font-weight: bold; /* フォントの太さを指定 */

}

h4{
 font-size: 22px;
 color : #333333;
}

H5{
  color : #006633;
}

H6{
	margin: 3px auto;/* ボックスのマージン領域の幅を指定 */	
	padding: 5px; /* 余白 */
	width: 720px;
	text-align: center; /* 行揃えの位置・均等割付を指定する */
	float: none;
	text-color:#333333;
	font-size: 10pt;
}

a.h4 { 
	text-decoration: none; /* テキストの下線・上線・打ち消し線・点滅を指定 */
	color: #ffffff;
	background-color: #3A8BA5;

} 

a.h4:hover {
	text-decoration:  /* テキストの下線・上線・打ち消し線・点滅を指定 */
	underline; color: #FF3366;
	background-color: #ffeaf4; 
} 


P{
	text-indent : 5px;
	border-color : gray gray gray gray;
	font-size: small;
	text-align: left; /* 行揃えの位置・均等割付を指定する */
	display: table-header-group;
	list-style: decimal inside;

}

li {
 list-style-type: none;
 background: url('../images/mb1.gif') no-repeat 0px 4px;
 padding-left: 20px;/* 余白 */
 width: 600px;
 float: none;/* 回り込み */
 line-height: 160%; /* 行の高さ */
 text-align: center; /* 行揃えの位置・均等割付を指定する */
 list-style-position: inside;
 font-size:14px;
 text-align: left; /* 行揃えの位置・均等割付を指定する */
 
 }
 
.cc { list-style: url("../images/mb1.gif") outside }

li#none{
 list-style-type:disc;
 list-style-image:none;
 font-weight: bold; /* フォントの太さを指定 */
}

hr.pink1 {
	color: #FF9083; /* 線の色(IE用) */
	background-color: #FFA69F; /* 線の色(NN用) */
	border: 0px; /* 枠の太さ */
	height: 2px; /* 線の太さ */
	text-align: center; /* 線の位置*/ /* 行揃えの位置・均等割付を指定する */
	border-style: solid; /* 枠の種類 */
	width: 700px;
	margin: 0px;/* ボックスのマージン領域の幅を指定 */
	padding: 0px; /* 余白 */
  }
  
hr.pink2 {
  color: #FF9083; /* 線の色(IE用) */
  background-color: #FFA69F; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 2px; /* 枠の太さ */
  text-align: center; /* 線の位置*/ /* 行揃えの位置・均等割付を指定する */
  border-style: dashed; /* 枠の種類 */
  width: 650px;
  margin: 5px;/* ボックスのマージン領域の幅を指定 */

}
  
hr.pink3 {
	color: #FF9C9C;
	background-color: #cc6666;
	height: 3px;
	width: 650px;
	background-position: center center;
	text-align: center; /* 行揃えの位置・均等割付を指定する */
	margin: 0px;/* ボックスのマージン領域の幅を指定 */
	padding: 0px; /* 余白 */
	border-top: 1px dotted #993333;
	border-right: 1px dotted #ff9999;
	border-bottom: 1px dotted #ff9999;
	border-left: 1px dotted #993333;
}
hr.gray1 {
  color: #D7D7D7; /* 線の色(IE用) */
  background-color: #D7D7D7; /* 線の色(NN用) */
  border: 0px; /* 枠の太さ */
  height: 1px; /* 線の太さ */
  text-align: center; /* 線の位置*/
  border-style: solid; /* 枠の種類 */
  width: 100%;
  margin: 0px;
  padding: 0px;
  }