* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	background-color: #C0C0C0;
	background-image: url('y_page_img/back.jpg');
	background-repeat: repeat-x;
}
body div {
	text-align: left;
	margin: 0 auto;
}
#container {
	width: 790px;
	background-color: #e7e7e7;
	}
#container2 {
	width: 790px;
	background-color: #FFFFFF;
	}
#menu {
	width: 220px;
	float: right;
	background-color: #e7e7e7;
}
#main {
	width: 570px;
	float: left;
	background-color: #FFFFFF;
}
#footer {
	width: 790px;
	clear: both;
	background-color: #000099;
	color: #FFFFFF;
	font-size: 85%;
	text-align: right;
}
#main p {
	margin: 20px;
	line-height: 150%;
	text-indent: 0.8em;
	font-size: 95%;
}
#top{
	width: 570px;
	height: 263px;
	background-color: #FFFFFF;
	background-image: url('y_page_img/photo_back.jpg');
	background-repeat: no-repeat;
}

ul.main{
	width:220px;          /* リスト全体の幅 */
	height:245px;          /* リスト全体の高さ */
	list-style:none;      /* リストマークを無しにする */
	text-align:left;    /* 文字を中央 */
	font-size:85%;       /* 文字を大きく */
	font-weight:bold;     /* 文字を太く */
	line-height:230%;     /* 行の高さを調整 */
	margin: 0px;
	padding: 0px;
	}

/* 各項目 */
li.main{
	width:220px;          /* 項目の幅 */
	height:35px;          /* 項目の高さ */
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

/* リンク部分 */
a.main{
	display:block;          /* リンク範囲をブロックに変換 */
	width:220px;             /* リンク範囲（幅）をリスト項目範囲全て */
	height:100%;            /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(y_page_img/but01.gif);     /* リンク範囲の背景画像設定 */
	background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	color:#333333;                    /* リンク文字色 */
	text-decoration:none;             /* リストの下線を表示しない */
	}

a:link.main{
	color:#333333;
	}                 /* まだ見ていないリンク色 */
   

a:visited.main{
	color:#333333;
	}                 /* 既に見たリンク色 */
 
a:hover.main{
	background-image:url(y_page_img/but02.gif);   /* マウスが上に来た時の背景画像設定 */
	color:#0000ff;                  /* マウスが上に来た時の文字色 */
	}
td.color1{
	border-right: 2px solid #999999; 
	width: 13%;
	background-color: #EACEEA;
	padding-left: 3px;
	}
td.color2{
	border-right: 2px solid #999999; 
	width: 13%;
	background-color: #CC99FF;
	padding-left: 3px;
	}
td.color3{
	border-right: 2px solid #999999; 
	width: 13%;
	background-color: #E7E7E7;
	padding-left: 3px;
	}
td{
	padding-top: 10px;
	padding-bottom: 10px;
	}

ol{
	padding-left: 80px;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 100%;
	line-height: 150%;
	}
table,td,tr table1{
	font-size: 100%;
	line-height: 150%;
	padding: 10px;
	}
#profile{
	width: 790px;
	background-color: #FFFFFF;
}

#datsu{
	width: 790px;
	background-color: #FFFFFF;
}
#datsu p {
	margin: 30px;
	line-height: 180%;
	text-indent: 0.8em;
	text-align: justify; 
	text-justify: inter-ideograph; 
}
.big1{
	font-size: 150%;
	font-weight: bold;
}
.small1{
	font-size: 80%;
}
h3.profilepage{
	background-color: #000099;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-size: 150%;
	margin: 0px 30px 30px 30px;
}
h3.datsupage1{
	background-color: #000099;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	font-size: 150%;
	margin: 0px 30px 30px 30px;
}
h3.datsupage2{
	padding: 10px 20px 10px 20px;
	font-size: 150%;
	margin: 0px 30px 30px 30px;
	
}
h4.datsupage3{
	background-color: #E7E7E7;
	padding: 5px 20px 5px 20px;
	font-size: 120%;
	margin: 0px 30px 30px 30px;
}
h3.datsupage4{
	padding: 10px 20px 10px 20px;
	font-size: 140%;
	margin: 0px 30px 10px 30px;
}
div .table_out{
	padding: 0px 30px 0px 30px;
}

div .page01{ text-align: center; font-weight: bold; background-color: #000099; color: #FFFFFF;}
div .page02{ text-align: center;}
div .page03{ text-align: center; font-weight: bold; font-size: 150%; background-color: #000099; color: #FFFFFF;}
div .page04{ text-align: center; color: #FFFFFF; background-color: #FF0000;width: 180px; font-weight: bold; font-size: 95%; margin-bottom: 7px; border: 0px solid #FF0000; background-image: url('y_page_img/new.gif'); background-repeat: no-repeat; padding: 2px;}
div .page04b{ text-align: center; background-color: #FF0000; color: #FFFFFF; width: 200px; padding:3px; font-weight: bold;}
div .page05{ width: 150px; height: 143px;}
.page05 a:hover{
    /* IE */
    filter: alpha(opacity=70);
    zoom: 1;  
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}
div .page06{ font-size: 70%; padding: 0px 5px 0px 5px; margin-bottom: 7px; font-family: Verdana;}
div .page06b{ font-size: 90%; padding: 0px 5px 5px 5px; margin-bottom: 7px; line-height: 150%;}
/*top*/
div .page07{ font-weight: bold; font-size: 180%; padding-left: 10px;}
.page08{ font-size: 160%; font-weight: bold;}
div .page09{ height: 63px;}
div .page10{ font-size: 85%; line-height: 170%; padding: 2px 20px 2px 20px; background-color: #FFFFFF; filter:alpha(opacity=60); opacity:0.6; height: 65px;}
div .page11{ font-size: 130%; font-weight: bold;}
div .page12{ font-size: 75%;}

div .pro01{ font-size: 80%; padding: 20px 0px 10px 30px;}
div .pro02{ font-size: 80%;}
div .pro03{ font-size: 180%; font-weight: bold; font-family: AR丸ゴシック体M;}
div .pro04{ font-size: 120%; font-weight: bold;}
div .pro05{ font-size: 80%; padding: 20px 0px 10px 30px;}

div .datsu01{ font-size: 80%; padding: 20px 0px 10px 30px;}
div .datsu02{ margin: 0px 30px 10px 100px; font-weight: bold; background-color: #CCCCFF; padding: 10px; border: 1px solid #999999; text-indent: 0.8em;}
div .datsu03{ padding-left: 100px;}
div .datsu04{ text-align: left;}
div .datsu05{ text-align: right; margin-right: 30px;}
div .datsu06{ font-size: 80%; padding: 20px 30px 10px 30px;}

a{ text-decoration: none; 
}
a:link{
	color:#0000FF;
	}
a:visited{
	color:#0000FF;
	}
a:hover{
	color:#FF0000;
	}
#rireki {
	width: 600px;
	background-color: #FFFFFF;
	}
#r_page {
	width: 600px;
	background-color: #FFFFFF;
	padding: 20px;
	font-family: Verdana;
	}
#rireki_top{
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;
	background-color: #FF0000;
	color:#FFFFFF;
}
.red{ color: #FF0000;}