@charset "Shift_JIS";

/* reset------------------------- */
* {
	}

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,div,iframe,caption,hr,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	clear:both;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	clear:both;
}
h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd,caption,address,th,td,b,small {
	word-break:break-all;
	word-wrap:break-word;
}
ul li,ol li{
	list-style: none;
}
img { 
	border:0;
	vertical-align:bottom;
}

/* clear float----- */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0; 
	font-size:0;
	visibility: hidden;
}
.clearfix { 
	display:inline-block;
}

/*\*/
* html .clearfix{
	height:1%;
}
* htm .clearfix{
	display:block;
}
/**/
p.pagetop {
	text-align:right;
	font-size:80%;
	margin:20px 30px 20px 0; 
	}
p.pagetop a:link ,
p.pagetop a:visited {
	color:#090;
	}
p.pagetop a:hover ,
p.pagetop a:active {
	color:#C30;
	}
	

/*common all page*/
.font_r {
	color:#F00;
	}
.center {
	text-align:center;
	}

a:hover img{
	opacity:0.80;
	filter:alpha(opacity=80);
	}
.back {
	font-size:80%;
	padding:3px 10px;
	text-align:center;
	margin:30px 0 10px 0;
	}
.back a {
	color:#630;
	border:1px solid #630;
	padding:3px 10px;
	}
.back a:link ,
.back a:visited {
	text-decoration:none;
	color:#630;
	}
.back a:hover {
	color:#FFF;
	background:#630;
	}

/*�t�b�^�[*/
div#footer {
	color:#999;
	text-align:center;
	font-size:75%;
	padding:10px 0 10px 0;
	border-top:3px double #999;
	}
div#footer p {
	text-align:center;
	}

a:link,
a:visited {
	color:#039;
	}
a:hover,
a:active {
	color:#C03;
	}

/* page all */

body {
	text-align:center;
	background:url(images/bg.gif) repeat left top;
	}
#page {
	width:780px;
	background:#FFF;
	margin:0 auto;
	border-left:1px solid #F96;
	border-right:1px solid #F96;
	}
#header {
	margin:0 auto;
	}
#main {
	width:760px;
	margin:20px auto;
	}
h1 {
	color:#FFF;
	background:#600;
	text-align:left;
	text-indent:1.5em;
	line-height:1.6;
	font-size:200%;
	font-weight:700;
	}
h1 span {
	font-size:80%;
	}
h2 {
	color:#FFF;
	font-size:160%;
	font-weight:700;
	line-height:1.6;
	padding-left:10px;
	}
h2 span {
	font-size:70%;
	color:#FFFF00;
	margin-left:40px;
	}
h2.box1 {
	background:url(images/bg_h2_box1.gif) repeat-x left top;
	}
h2.box2 {
	background:url(images/bg_h2_box2.gif) repeat-x left top;
	}	
h3 {
	background:#9C0;
	color:#FFF;
	padding-left:10px;
	margin:10px 0;
	font-size:120%;
	font-weight:700;
	line-height:1.6;
	}
.btn {
	margin:30px auto;
	width:700px;
	}
.btn li {
	display:inline;
	line-height:2;
	font-weight:700;
	}
.btn li a {
	display:block;
	padding:3px 15px 3px 20px;
	margin:2px 5px 2px 10px;
	color:#FF0;
	text-decoration:none;
	}
	
.btn li a:link {
	color:#FF0;
	}
.btn li a:visited {
	color:#FF0;
	}
.btn li a:hover {
	color:#F3C;
	}
.btn li a:active {
	color:#F3C;
	}
	
.btn .kounyu {
	float:left;
	background:url(images/bg_h2_box1.gif) repeat-x left top;
	}
.btn .kounyu a {
	background:url(images/arr_k.gif) no-repeat left;
	}
.btn .kounyu a:hover {
	background:url(images/arr_k2.gif) no-repeat left;
	}
.btn .touroku {
	float:right;
	background:url(images/bg_h2_box2.gif) repeat-x left top;
	}
.btn .touroku a {
	background:url(images/arr_t.gif) no-repeat left;
	}
.btn .touroku a:hover {
	background:url(images/arr_t2.gif) no-repeat left;
	}

.box {
	width:700px;
	margin:0 auto;
	text-align:left;
	}
.box p {
	font-size:90%;
	line-height:1.6;
	margin:5px 0;
	}
.box img {
	margin-bottom:15px;
	}
p.ex_mark {
	background:url(images/ex_mark.gif) no-repeat left;
	padding-left:35px;
	line-height:1.2;
	}
	
p.txt1 {
	line-height:1.3;
	text-align:center;
	font-size:100%;
	margin-bottom:15px;
	}
p.txt1 span {
	border:2px solid #F90;
	background:#FC6;
	padding:3px 5px;
	margin:0 5px;
	font-weight:700;
	}