@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;
}
/**/
img { border:none; vertical-align:bottom;}
body {
	text-align:center;
	}
.btn {
	margin:10px 0;}
.btn li {
	float:left;
	}
.btn li a {
	width:200px; height:50px;
	background:url(bg_botann.gif) no-repeat left top;
	margin:5px 2px;	
	display:block;
	}
.btn li a:hover img{
	opacity:0.70;
	filter:alpha(opacity=70)
	}

#page {
	width:700px;
	padding:0;
	margin:0 auto;
	background:none;
	text-align:center;
	}
#header {
	background:none;
	padding-top:10px;
	margin:0 auto 15px auto;
	text-align:center;
	}

#footer {
	background:none;
	font-size:80%;
	margin:30px 0 5px 0;
	text-align:center;
	}

#header .exp {
	text-align:left;
	margin-left:10px;
	}
#main {
	width:700px;
	text-align:center;
	margin:0 auto;
	}
h1 {
	color:#FFF;
	background:#3798E8;
	padding:10px 5px 5px 5px;
	margin:0 auto 15px auto;
	text-align:center;
	font-size:160%;
	font-weight:700;
	}

.left {
	float:left;
	margin-right:20px;
	}
.right {
	float:right;
	}
.design_pattern {
	width:700px;
	margin:0 auto;
	}
* html .design_pattern {
	padding:0;
	margin:0;
	}
.design_pattern li {
	float:left;
	width:250px;
	margin:1px;
	text-align:center;
	border-bottom:3px dotted #66c;
	padding:10px 30px  20px 30px;
	margin:0 20px;
	}
.pattern {
	font-size:130%;
	font-weight:700;
	border-left:5px solid #F90;
	margin-bottom:5px;
	padding-left:7px;
	line-height:0.9;
	text-align:left;
	}
.big {
	margin-top:10px;
	text-align:center;
	width:250px;
	}
* html .big {
	width:220px;
	}
.big a {
	width:180px;
	height:25px;
	display:block;
	margin:0 auto;
	}
.big a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	}

.center {
	text-align:center;}
.exp {
	background:url(images/bg_exp.gif) no-repeat left ;
	padding-left:18px;
	text-align:left;
	}
.space_20 {
	margin:20px;
	}

.txt {
	font-size:95%;
	margin:15px 0;
	line-height:1.35;
	}
.font_r {
	color:#f00;
	}
.font_s {
	font-size:80%;
	}

#footer p {
	margin:10px 0 20px 0;
	}


.kakudai {
	width:460px; 
	margin:0 auto;
	text-align:center;
	}
.kakudai h1 {
	color:#FFF;
	background:#F90;
	width:400px;
	padding:2px 0 2px 10px;
	margin:0 auto 15px auto;
	border-left:5px solid #F90;
	text-align:left;
	font-size:130%;
	font-weight:700;
	line-height:1.6;
	}