/****************************************/
/* 全体のレイアウトなど */
/****************************************/

/* 余白リセット */
*{margin:0; padding:0;}

/* BODY */
body{
	background-color : #330033;
	color:#555555;
	font-family : 
		"Hiragino Kaku Gothic Pro W3",
		"ヒラギノ角ゴ Pro W3",
		"Osaka",
		"Verdana",
		"Arial",
		"Helvetica",
		"Sans-serif" ;
	line-height:145%;
	letter-spacing:0.1em;
	text-align : center ;
	width : 100%;
}

body div{
	text-align: left;
	margin: 0 auto;
}

/* 全体 */
#container{
	background : #FFFFFF ;
	width : 702px ;
	text-align : center ;
}

/* ヘッダー */
#header{
	width : 700px ;
}

/* main */
#main{
	background : #ffffff ;
	float : right ;
	text-align : left ;
	width : 530px ;
}

/* メニュー */
#menu{
	float : right ;
	text-align : left ;
	width : 170px ;
}


/* フッター */
#footer{
	border-top : 2px solid #ff99ff;
	background : #990099;
	color : #ff66ff ;
	clear : both ;
	text-align : center ;
	width : 700px ;
}

#footer a{
	color : #ff66ff ;
}

/****************************************/
/* 詳細設定 */
/****************************************/

/* ヘッダー */
h1{
	background : #ffffff ;
	border-top: 6px solid #ff99ff ;
	border-bottom: 6px solid #ff99ff ;
	color : #006666 ;
	font-size : x-large ;
	padding : 20px 20px 20px 8px ;
	text-align : left ;
}
#header p{
	padding : 5px ;
	background : #990099 ;
	color : #ffffff ;
	font-size : x-small ;
}

/* メイン */
.section{
	margin : 20px 10px 10px 20px;
}

#main ul{
	font-size : small ;
	line-height : 1.8 ;
	list-style-type : none ;
	margin : 10px 0px 0px 15px;
}

h2{
	border-left : 3px solid #ff99ff;
	background : #ff99ff;
	font-size : large ;
	padding : 10px;
}

h3{
	border-left : 3px solid #ff99ff ;
	border-bottom : 1px solid #ff99ff ; 
	font-size : small ;
	margin-top : 10px;
	padding : 5px 0px 5px 10px;
}

#main p{
	font-size : small ;
	padding : 5px 10px 5px 15px;
}


#main a, a:link, a:visited{
	color : #990099;
	text-decoration : none;
}

#main a:hover{
	text-decoration : underline;
}

#main p.totop{
	padding : 10px ;
	text-align : right;
}


/* メニュー */
.menutitle{
	background : #990099 ;
	color : #ffffff ;
	font-size : small ;
	font-weight : bold ;
	margin-top : 20px ;
	padding : 5px 0px 5px 10px;
}
.link{
	border-left : 1px solid #990099 ; 
	padding : 10px 0px 10px 10px;
}

#menu ul{
	font-size : small ;
	line-height : 1.8 ;
	list-style-type : none ;
	margin : 10px 0px 0px 15px;
}

/* フッター */
#footer p{
	padding : 10px ;
}
