@charset "Shift_JIS";
/* ----------------------------------------------------
Kotist 宮西 希
Copyright (C) 2010 Nozomi Miyanishi. All Rights Reserved.
---------------------------------------------------- */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff url("../../images/body_bg.gif") center top repeat-y;
}

div.base {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: transparent url("../../images/header_bg.jpg") left top no-repeat;
	border-left: 1px solid #d7d4d9;
	border-right: 1px solid #d7d4d9;
}

div.header {
	text-align: center;
	width: 780px;
	height: 140px;
	}
	div.header h1 {
		width: 207px;
		margin: 0 0 0 540px;
		padding: 25px 0 0;
	}
	div.header p {
		width: 207px;
		margin: 5px 0 0 540px;
		padding: 0;
}

div.stage {
	width: 770px;
	margin: 0 0 0 10px;
	padding: 0 0 30px;
	display: inline-block;
	}
	/* Mac版IEを除外 \*/
	div.stage {
		display: block;
	}
	/* */
	div.stage:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
	
	div#main {
		float: right;
		color: #303;
		font-size: 90%;
		width: 535px;
		margin: 0 15px 0 0;
		padding: 0;
		}
		div#main a,div#main a:link,div#main a:visited {
			color: #ff4986;
			text-decoration: none;
			}
			div#main a:hover,div#main a:active {
				color: #f6c;
				text-decoration: underline;
		}
		div#title {
			height: 46px;
			color: #4280ec;
			background: transparent url("../../images/h2_line.gif") right bottom no-repeat;
			margin: 10px 0 25px;
			padding: 0;
		}
		div#title h2 {
			text-align: left;
			color: #f69;
			font-size: 150%;
			font-family: serif;
			margin: 0;
			padding: 12px 0 0;
	}
	div#main p.ptop {
	text-align: right;
	margin-right: 10px;
	padding-top: 30px;
	font-size: 90%;
	}
	div#main p.ptop a,div#main p.ptop a:link,div#main p.ptop a:visited {
		color: #f69;
		text-decoration: none;
		}
		div#main p.ptop a:hover,div#main p.ptop a:active {
			color: #f6c;
			text-decoration: none;
}

	div#navi {
		float: left;
		text-align: left;
		font-family: serif;
		width: 215px;
		margin: 175px 0 0;
		padding: 0;
		}
		div#navi ul {
			color: #4280ec;
			margin: 0;
			padding: 10px 0 0 18px;
			}
			div#navi ul li {
				list-style-image: url("../../images/navi_list.gif");
				font-size: 90%;
				font-weight: bold;
				line-height: 120%;
				margin: 0 0 15px;
				padding: 0;
			}
			div#navi ul li#contact {
				list-style-image: url("../../images/contact_list.gif");
			}
			div#navi ul li a,div#navi ul li a:link,div#navi ul li a:visited {
				color: #ff4986;
				text-decoration: none;
				}
				div#navi ul li a:hover,div#navi ul li a:active {
					color: #f6c;
					text-decoration: underline;;
}

img {
	border: 0;
}


/* ----- コピーライト ----- */

div.footer {
	clear: both;
	width:780px;
	text-align: left;
	color: #777;
	font-size: 75%;
	line-height: 140%;
	margin: 0 auto;
	padding: 35px 0 15px;
	background: #f7f7f7 url("../../images/footer_bg.gif") left top no-repeat;
	border-left: 1px solid #d7d4d9;
	border-right: 1px solid #d7d4d9;
	display: inline-block;
	}
	/* Mac版IEを除外 \*/
	div.footer {
		display: block;
	}
	/* */
	div.footer:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}
	div#since {
		float: left;
		width:200px;
		margin: 0 0 0 5px;
	}
	div#copyright {
		float: right;
		width:550px;
		text-align: right;
		margin: 0 5px 0 0;
	}