@charset "utf-8";

/* ------------------------------------------

Style Name: style.css
Since:      2007-09-01
Modified:   2008-01-23
Version:    1.0
Auther:     Toshio Nagasaka

------------------------------------------*/

/* ------------------------------------------

browser style clear

------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	background: transparent;
}

html {
	height: 100%;
	overflow-y: scroll;
}

ul,li,dl,dt,dd{
	list-style:none;
}
img{
	vertical-align: top;
}
a img{
	border: none;
}
a{
	text-decoration: underline;
}
a:link{
	color: #01349d;
}
a:visited{
	color: #5D4136;
}
a:hover{
	color: #EC8C98;
	text-decoration: none;
}
a:active{
	color: #01349d;
}

body {
	background:#fff url(img/bg.jpg) repeat-y center;
	text-align: center;
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3", meiryo, "ＭＳ Ｐゴシック" ,sans-serif;
	color: #000000;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size: 100%;
}

p {
	margin: 0 0 1em 0;
}

select option {
	padding: 0 5px;
}


/* ------------------------------------------

wireframe

------------------------------------------*/

div#header {
	margin: 20px auto 0px auto;
	width: 840px;
	background-color:#fff;
}

div#wrapper {
	margin: 0 auto;
	width: 840px;
	min-height:100%;
	text-align: center;
}

div#pankuzu {
	width:840px;
	text-align:right;
	font-size:x-small;
}

div#mainContent {	
	float:left;
	margin-top:30px;
	margin-bottom: 20px;
	width: 640px;
	background:#fff;
	text-align:left;
}

div#secondly {	
	float:right;
	margin: 30px 0 20px 20px;
	width: 180px;
	height:100%;
	min-height:400px;
	text-align:left;
/*	background:url(img/bg_flower.gif) no-repeat bottom;*/
}


div#footer {	
	background-color:#eee;
/*	background:url(img/bg_footer.png) no-repeat top;*/
	border-top:1px solid #DE98A8;
	border-bottom:5px solid #B71840;
	margin: 20px auto;
	padding:10px 0;
	clear:both;
	width: 840px;
	height:20px;
	text-align:center;
}

/* ------------------------------------------

nav

------------------------------------------*/


div#pankuzu p{
	margin-top:-25px;
	margin-bottom:0;
	}

div#mainContent p{	
	line-height:1.5;
	color:#333;
}

div#mainContent h2{	
	margin-bottom:20px;
}

div#mainContent h3{	
	background-color:#eee;
	padding:5px 5px 5px 15px;
	border-left:5px solid #790923;
	color:#790923;
	margin:20px 0 10px 0;
	font-size:larger;
}


div#secondly img{
	margin-bottom:10px;
}	

div#secondly ul {
	width: 180px;
	margin: 0 auto;
	}

div#secondly ul li {
	height: 40px;
	margin-bottom:10px;
}

div#secondly ul li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
}


li#nav_001 a {
	background: url(img/menu_index.jpg) no-repeat left top;
}

li#nav_001 a:hover {
	background: url(img/menu_index.jpg) no-repeat -190px top;
}


li#nav_002 a {
	background: url(img/menu_intro.jpg) no-repeat left top;
}

li#nav_002 a:hover {
	background: url(img/menu_intro.jpg) no-repeat -190px top;
}

li#nav_003 a {
	background: url(img/menu_profile.jpg) no-repeat left top;
}

li#nav_003 a:hover {
	background: url(img/menu_profile.jpg) no-repeat -190px top;
}

li#nav_004 a {
	background: url(img/menu_access.jpg) no-repeat left top;
}

li#nav_004 a:hover {
	background: url(img/menu_access.jpg) no-repeat -190px top;
}



div#footer p {	
	color:#790923;
	font-size:smaller;
	margin: 0px auto;
	text-align:center;
	padding-right:10px;
}

dl {
	margin-left:20px;
	}
	
dt {
	float:left;
	}

dd {
	margin-left:6em;
	}

.left {
	float:left;
	margin:0 20px 20px 0;
	}

td {
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:center;
	}
	
p.info {
	margin-left:20px;
	border-bottom:1px dotted #ccc;
	}
p.info strong {
	color:#B71840;
	}