@charset "utf-8";
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #020234 url(../images/bg.jpg) repeat-x center bottom;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p,h1,h2,h3,h4,h5,ul,ol,li,form {
	margin: 0px;
	color: #FFF;
	padding: 0px;
	font: 12px/22px Arial, Helvetica, sans-serif;
}
.box2 ul {
	margin: 0px 0px 0px 20px;
	list-style: square;
}
.box2 li {
	color: #666;
}
a {
	color: #D5D5DD;
	text-decoration: none;
}
img {
	border-style: none;
}
td {
	color: #A5A5B6;
	font-size: 12px;
	line-height: 20px;
	border-right: 1px solid #999999;
}


#topbar {
	height: 35px;
	width: 100%;
	background: url(../images/topbar.jpg) repeat-x;
	text-align: left;
	padding-left: 15px;
}
#wrapper {
	margin: 20px auto 0px;
	width: 800px;
	text-align: left;
}
#header {
	height: 150px;
	margin-bottom: 5px;
	border-bottom: 1px solid #6B6B87;
}
#logo {
	float: left;
}
#footer ul {
	list-style: none;
}
#footer li {
	display: inline;
	padding: 5px;
}
#footer {
	padding-top: 10px;
	text-align: center;
	clear: both;
}
#canvasMyID1 {
	height: 350px;
	width: 400px;
}
#side {
	float: left;
	width: 190px;
}
#cont {
	float: right;
	width: 550px;
	padding: 15px 20px;
}
#cont   h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #0099CC;
	letter-spacing: 2px;
	border-bottom: 1px solid #0099CC;
}
#cont table {
	width: 555px;
	background: #FFCDCE url(../images/boxbg.jpg) repeat-x center bottom;
	border: 3px solid #999999;
	margin-top: 10px;
}
#cont th {
	font: bold 14px "Trebuchet MS", Arial, "Sans Serif";
	padding: 2px;
	border-bottom: 2px solid #999999;
	color: #7EA9AF;
	text-align: center;
	border-right: 1px solid #999999;
}

#cont td {
	font: bold 14px "Trebuchet MS", Arial, "Sans Serif";
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #999999;
	color: #666;
}
.box2 {
	color: #FFFFFF;
	background: #FFCDCE url(../images/boxbg.jpg) repeat-x center bottom;
	padding: 15px;
	border: 3px solid #A7AAC2;
	margin-bottom: 30px;
	margin-top: 10px;
}
.box2 p {
	color: #666;
}


#cl_frame {
	overflow: hidden;
	clear: both;
	height: 200px;
	width: 240px;
}
.chart {
	height: 200px;
	width: 500px;
}

#cl_frame div {
	float: left;
	height: 20px;
	width: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.cl_check {
	background: url(../images/icon_d.gif) no-repeat center center;
}
.cl_date  {
	color: #D5D5DD;
	background: #787892;
	font-weight: bold;
	text-align: right;
	line-height: 20px;
	font-size: 12px;
}
.cl_week {
	text-align: center;
	color: #F60;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}
#side img {
	margin-top: 15px;
	margin-left: 15px;
}
.box1 {
	margin: 5px 20px;
	border-right: 3px solid #A7AAC2;
	border-left: 3px solid #A7AAC2;
	background: #3E5879 url(../images/boxbg.jpg) repeat-x center bottom;
	border-bottom: 3px solid #A7AAC2;
}
.box1 h2  {
	color: #184281;
	letter-spacing: 2px;
	font: bolder 18px/24px Arial, Helvetica, sans-serif;
	float: left;
}
.box1 img {
	float: right;
}
.box1 table {
	float: left;

}
.box1  td {
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	color: #FFFFFF;

}
.box_title  {
	background: #A7AAC2;
	padding-left: 10px;
	height: 24px;
	position: relative;
}
.box_in {
	padding: 15px;
}
.boxcomment {
	clear: both;
	border-top: 1px solid #A7AAC2;
	font-weight: bold;
	padding-top: 10px;
}
.pmenu  {
	float: right;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	background: url(../images/icon_c.gif) no-repeat left center;
	display: block;
	padding: 0px 15px;
	color: #333333;
	margin-right: 55px;
	cursor: pointer;
}
.pmenu_box {
	position: absolute;
	height: auto;
	width: 150px;
	left: 913px;
	top: 41px;
	background: #333333;
	padding: 5px;
	display: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 0;
}
.pmenu_box p,.pmenu_box h3 {
	text-indent: 1em;
	cursor: pointer;
}

.titlegif {
	padding-top: 15px;
	padding-bottom: 5px;
}

#cont2 {
	padding: 10px;
}
#firstphoto {
	height: 300px;
	width: 790px;
	position: relative;
}
#firstphoto div {
	height: 300px;
	width: 230px;
	position: absolute;
	top: 0px;
	background: url(../images/indicator.gif) no-repeat center center;
}
#topbar span {
	font-weight: bold;
	color: #66A0F9;
	letter-spacing: 1px;
	float: right;
	line-height: 30px;
	display: block;
	margin-right: 20px;
}

.photo0 {
	left: 560px;
}
.photo1 {
	left: 420px;
}
.photo2 {
	left: 280px;
}
.photo3 {
	left: 140px;
}
#sm  {
	float: right;
	display: block;
	font-size: 12px;
	color: #B3B3C1;
	margin-top: 30px;
}
#sm a {
	font-weight: normal;
	color: #FFFFFF;
}
#sm a:hover {
	color: #0080FF;

}


#profilebox {
	margin: 20px auto;
	width: 508px;
	text-align: center;
}
#sitemapbox {
	margin: 20px auto;
	width: 500px;
}
.bframe {
	float: left;
	background: #020234;
	margin-left: 20px;
	border: 4px solid #A7AAC2;
	text-align: right;
	padding: 10px 10px 5px;
	margin-top: 20px;
}
.bframe a {
	color: #FF6600;
	text-decoration: none;
	line-height: 20px;
	font-size: 12px;
}
.up {
	font-size: 14px;
	cursor: pointer;
	float: right;
}
.upframe {
	clear: both;
	height: 20px;
}
.img_border {
	border: 4px solid #A7AAC2;
}
#mailform {
	margin: 20px auto;
	width: 450px;
	text-align: left;
	border: 2px solid #90A2B8;
	background: #395374 url(../images/boxbg.jpg) repeat-x center bottom;
}
#mailform table {
	margin: 10px auto;
	width: 100%;
}
#mailform  td {
	padding: 3px 3px 3px 15px;
	color: #FFFFFF;
}
.formtitle {
	width: 200px;
	float: left;
}
.formvalue {
	width: 300px;
	float: left;
}
#mailform input {
	border: 2px solid #999999;
}
#mailform select {
	border: 2px solid #999999;
}
#mailform textarea {
	border: 2px solid #999999;
}
#mailform .input_c {
	border-style: none;
}

#chart  td {
	padding: 5px;
	height: 25px;
	color: #333333;
	font: italic bold 14px "Trebuchet MS", Arial, "Sans Serif";
	border-bottom: 1px solid #999999;
	text-align: center;
}
#chart table {
	background: #E1E1E1;
	border: 4px solid #666666;
}

#chart th {
	padding: 5px;
	height: 25px;
	color: #020234;
	font: italic 18px "Trebuchet MS", Arial, "Sans Serif";
	border-bottom: 2px solid #666666;
}
#cont h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #C03;
}
.box2 ol {
	margin-left: 20px;
}
#sitemapbox ul {
	margin-left: 35px;
}
#mailform h2 {
	background: #90A2B8;
	padding-left: 15px;
}
.chartMonth {
	font-size: 26px;
	line-height: 30px;
}
.counter {
	text-align: right;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1px;
}
.amp {
	line-height: 18px;
	font-weight: bold;
	color: #C9D1DC;
}
.amp_1 {
	font: normal 24px/30px "Times New Roman", Times, serif;
	color: #F03;
}
.amp_2 {
	font: normal 12px "Times New Roman", Times, serif;
	color: #FF6600;
}
#subtitle  {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	background: right;
	text-align: left;
	padding: 5px 15px;
	font-weight: bold;
}
#subtitle strong {

}
#link_left {
	width: 480px;
	padding: 10px;
	float: left;
}
#link_left textarea {
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}
#link_left pre {
	background: #E2EBFE;
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 12px;
	line-height: 20px;
}
#link_right {
	float: right;
	width: 267px;
	border: 3px solid #666666;
	padding: 10px;
	background: #395374;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
#link_left img {
	margin-top: 15px;
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#link_right p {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
#language {
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	float: right;
}
#language  a:hover {
	color: #FF6600;
}
#language .current {
	color: #FF6600;
}
.note {
	margin-left: 15px;
}
#cont .note p {
	font-weight: normal;
}
#footer a {
	color: #D5D5DD;
}
#footer  a:hover {
	color: #0080FF;
}
.amp_3 {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
#ab_em {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #FFCC33;
	text-align: center;
	height: 50px;
	width: 330px;
}
#ab_em em {
	display: none;
}
#ab_em a {
	display: block;
	background: url(../images/ab_button.jpg) no-repeat left top;
	height: 50px;
	width: 330px;
}
#ab_em  a:hover {
	display: block;
	background: url(../images/ab_button.jpg) no-repeat left bottom;
	height: 50px;
	width: 330px;
}
.nomaal {
	font-weight: normal;
}
.myem3 {
	font-weight: bold;
	color: #80A4CD;
	margin-right: 5px;
}
#sm  .amp a {
	color: #9191B3;
	font-weight: bold;
	letter-spacing: 1px;
}
#sm   .amp  a:hover {
	color: #FF9933;
	font-weight: bold;
	letter-spacing: 1px;
}
.center_img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.kuei  {
	font-size: 28px;
	color: #f00;
	letter-spacing: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 40px;
	text-align: center;
}
.kuei span  { font-size: 18px; 
}
#cont .box2 img {
	float: left;
	margin-right: 10px;
}
#news {
	color: #FFFFFF;
	background: #FFCDCE url(../images/boxbg.jpg) repeat-x center bottom;
	padding: 10px;
	border: 3px solid #A7AAC2;
	margin-bottom: 15px;
	margin-top: 10px;
}