@charset "shift_jis";

html {
	margin:0;
	padding:0;
}

html,body {
	height: 100%;
	background-color: #777;
	background-color: #555;
}

body, p, form, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
}

body {
	font-family: "Osaka", "MS UI Gothic";
	color: #222;
	color: #333;
	color: #111;
	color: #005E6B;
	color: #003E4B;
	color: #4553A3;
	color: #FDD100;
	color: #FFF;
	text-align: center;
	background-color: #777;
	background-color: #555;
	line-height: 1.0;
}

/* 基本リンクカラー */
a:link {
	color: #4E261A;
	color: #333;
	color: #BDE2DB;
	color: #705043;
	color: #003E4B;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	/*text-decoration: none;*/
	text-decoration: underline;
	}
a:visited {
	color: #4E261A;
	color: #333;
	color: #BDE2DB;
	color: #705043;
	color: #003E4B;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	/*text-decoration: none;*/
	text-decoration: underline;
	}
a:hover {
	color: #FC0;
	color: #F90;
	color: #FB0;
	color: #FA0;
	text-decoration: underline;
	}
a:active {
	/*color: #F90;*/
	color: #F00;
	text-decoration: underline;
	}

/* 全体 */
#container {
	/* これ以降Mac IE 5には適用されない \*/
	min-height: 100%;
	height: auto !important;
	/* これ以降Mac IE 5にも適用される */
	height: 100%;
}

#container {
	width: 766px;
	/*height: 100%;*/
	margin: 0 auto;
	padding: 0px 0 14px 0;
	padding: 0px 0 7px 0;
	padding: 0px 0 0px 0;
	text-align: center;
	background-color: #828B70;
	background: #828B70 url(../pic/top_bg.gif) repeat-y left top;
}

#main {
	width: 750px; /* peek-a-boo対策 */
	/*height: 732px;*/
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	/*text-align: left;*/
	text-align: center;
	/*background-color: #F2FBA8;*/
	background: #828B70 url(../pic/top_yunosuke.jpg) no-repeat left top;
}

#left {
	width: 400px;
	width: 520px;
	width: 516px;
	/*height: 540px;
	height: 800px;
	height: 780px;
	height: 770px;*/
	float: left;
	/*background: #00A7DB url(../pic/title_back.gif) no-repeat 0px 0px;*/
	/*text-align: left;*/
	text-align: center;
	position: relative;
	/*padding-bottom: 20px;*/
	/*background-color: #DDD;*/
}

#titleArea {
	width: 520px;
	height: 728px;
	height: 820px;
}

#left h1 {
	font-size: 14px;
	width: 120px;
	position: absolute;
	top: 147px;
	left: 5px;
}

/*#left p#term {
	font-size: 12px;
	position: absolute;
	width: 230px;
	top: 616px;
	left: 144px;
	top: 613px;
	left: 140px;
}*/

#left div#event {
	border: solid 1px #FFF;
	/*width: 450px;*/
	/*margin-left: 20px;*/
	margin: 345px 20px 0px 20px;
	padding: 12px 14px 7px 14px;
	/*margin-top: 340px;*/
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}

#left div#event p {
	padding-bottom: 0.3em;
}

#left div#event p.indnt {
	padding-left: 1em;
	text-indent: -1em;
}

#left div#aori {
	width: 330px;
	width: 400px;
	width: 390px;
	width: 375px;
	/*margin-left: 20px;*/
	font-size: 12px;
	line-height: 150%;
	line-height: 160%;
	text-align: center;
	text-align: right;
	text-align: left;
	position: absolute;
	top: 642px;
	top: 610px;
	top: 718px;
	/*left: 185px;*/
	right: -1px;
	/*padding-top: 370px;
	padding-top: 350px;
	padding-top: 340px;
	padding-top: 12px;*/
	color: #753A4E;
	color: #FDD100;
	color: #EC0;
	border: solid 1px #FDD100;
	border: solid 1px #CA0;
	background-color: #000;
}

#left div#aori p {
	padding-bottom: 0.5em;
	padding:12px 10px 12px 22px;
}

#right {
	width: 185px;
	width: 217px;
	width: 217px;
	float: right;
	text-align: left;
	padding-top: 18px;
	padding-top: 16px;
}

#right div#sakuhin li span.nengou {
	color: #FFF;
	color: #CCC;
	color: #D5D5D5;
}

#right div#sakuhin ul {
	margin: 0px;
	/*margin-left: 2px;*/
	padding: 12px 0 10px 9px;
	padding: 0px 0 10px 8px;
	padding: 0px 0 8px 8px;
	padding: 0px 0 8px 2px;
	list-style-type: none;
}

#right div#sakuhin li {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	margin-bottom: 4px;
	/*margin-left: 1em;
	text-indent: -1em;*/
	font-size: 12px;
	line-height: 120%;
}

#right div#sakuhin a:link {
	color: #705043;
	color: #FFFCDB;
	color: #745858;
	color: #56B;
	color: #4553A3;
	color: #FFF;
	text-decoration: none;
	}
#right div#sakuhin a:visited {
	color: #705043;
	color: #FFFCDB;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	text-decoration: none;
	}
#right div#sakuhin a:hover {
	color: #D60;
	color: #F60;
	color: #FA0;
	text-decoration: underline;
	}
#right div#sakuhin a:active {
	color: #F90;
	color: #F00;
	text-decoration: underline;
	}

#right div#mokuji {
	font-size: 12px;
	line-height: 180%;
	/*padding-top: 24px;
	padding-top: 18px;*/
	color:#BDE2DB;
	color: #806054;
	color: #D5B06B;
	color: #FFFCDB;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	/*text-align: center;*/
	/*background-color: #DDD;*/
	padding-bottom: 17px;
	padding-bottom: 10px;
}

#right div#mokuji a:link {
	color: #705043;
	color: #D5B06B;
	color: #FFFCDB;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	text-decoration: underline;
	}
#right div#mokuji a:visited {
	color: #705043;
	color: #D5B06B;
	color: #FFFCDB;
	color: #745858;
	color: #4553A3;
	color: #FFF;
	text-decoration: underline;
	}
#right div#mokuji a:hover {
	color: #F90;
	color: #F60;
	color: #D60;
	color: #FA0;
	text-decoration: underline;
	}
#right div#mokuji a:active {
	color: #F00;
	text-decoration: underline;
	}

/*p#copyright {
	margin: 0 auto;
	width: 640px;
	padding: 0px 0px 0 0px;
	text-align: right;
}*/

/* ログ取得＆カウンターボックス */
#o_counter {
	clear: both;
	/*margin: 0px auto 0 auto;
	width: 640px;*/
	padding: 0px 0px 0px 20px;
	padding: 20px 0px 0px 140px;
	padding: 24px 0px 0px 140px;
	/* これ以降Mac IE 5には適用されない \*/
	padding-bottom: 8px;
	/* これ以降Mac IE 5にも適用される */
	text-align: left;
	/*background-color: #DDD;*/
}