@charset "UTF-8";
/* CSS Document */

body {
	background-repeat: repeat;
	background-image: url(img/back.gif);
}


img{
	border: none;
}

.main {
	background-color: #FFFFFF;
	width: 750px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(img/back_2.gif);
	background-repeat: repeat-y;
}


.header {
	width: 750px;
}


.logo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;		
}


.text_01{
	font-size: small;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 550px;
}


.kakko{
	font-size: small;
	color: #990000;
}


.pen{
	background-image: url(img/chance_change.gif);
	border-top: 1px solid #cc6633;
	border-left: 1px solid #cc6633;
}

.pen_title{
	background-image: url(img/chance_change.gif);
	font-size: large;
	color: #6666FF;
	font-weight: bold;
	border-top: 1px solid #cc6633;
	border-right: 1px solid #cc6633;
}

.pen_text{
	background-image: url(img/chance_change.gif);
	border-left: 1px solid #cc6633;
	border-right: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
	font-size: small;
	color: #333333;
	padding: 10px;	
}






.chance_1{
	background-image: url(img/chance_1.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #cc6633;
	border-left: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
}

.chance_2{
	background-image: url(img/chance_2.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #cc6633;
	border-left: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
}

.chance_3{
	background-image: url(img/chance_3.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #cc6633;
	border-left: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
}

.chance_4{
	background-image: url(img/chance_4.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #cc6633;
	border-left: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
}


.change_chance{
	background-image: url(img/chance_change.gif);
	border-top: 1px solid #cc6633;
	border-right: 1px solid #cc6633;
	border-bottom: 1px solid #cc6633;
	font-size: small;
	color: #333333;
}

.change_chance_title{
	font-size: large;
	color: #6666FF;
	font-weight: bold;	
}

.change_title{
	font-size: small;
	color: #6666FF;
	font-weight: bold;
}


.text_02{
	font-size: medium;
	color: #006666;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 680px;
}

.text_03{
	font-size: small;
	color: #006699;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 500px;
	background-color: #FFFFCC;
	border: solid #cc6633 2px;
	padding: 25px;
}



.cd{
	width: 700px;
	height: auto;
	margin-left: 25px;
	margin-right: 25px;
	font-size: x-small;
	color: #666666;
	}

img#cd_image{
	float: left;
}


.course{
	width: 350px;
	height: 30px;
	background-color: #FFCC66;
	border: solid #ff3300 3px;
	font-size: large;
	color: #333333;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 15px;
}


.goto_top{
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
}


.footer{
	color: #FF6633;
	font-size: small;
}


a.footer:link{
	color: #660033;
	text-decoration:none;
}	

a.footer:visited {
color: ##660033;
	text-decoration: none;
}
a.footer:hover {
color: #660033;
	text-decoration: none;
}
a.footer:active {
color: #660033;
	text-decoration: none;
}



.copyright{
	font-size: small;
	font-weight: bold;
	color: #006666;
	text-align: center;
}



a.footer:visited {
color: #FF6633;
	text-decoration: none;
}
a.footer:hover {
color: #FF6633;
	text-decoration: none;
}
a.footer:active {
color: #FF6633;
	text-decoration: none;
}


.underline{
	text-decoration: underline;
	color: #FF0000;
}


.info{
	width: 600px;
	height: auto;
	margin-left: 75px;
	margin-right: 75px;
	font-size: small;
	color: #666666;
	text-align: left;
	}
	
	
.style1 {color: #FF0000}

.style2 {
	color: #000000;
	font-weight: bold;
}

.reason{
	background-image: url(img/waku.gif);
	font-size: medium;
	color: #666666;
	text-align: left;
	background-repeat: no-repeat;
	height: 180px;
	padding:  20px 20px 10px;
}