@charset='utf-8';

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    }

body {
    font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
}
img {
	margin: 0;
	border: 0;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity:1.0;
}
a:hover img.none {
	filter: alpha(opacity=100, enabled=0);
	-moz-opacity:1.0;
	opacity:1.0;
}
.wrap_head{
	margin:auto;
	padding:0px 0px 10px 0px;
	width:320px;
}
h1 {
	margin:auto;
	padding:2px 0px 0px 0px;
	width:320px;
	color: #666666;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
}
.wrap{
	margin:auto;
	padding:0px 0px 0px 0px;
	width:320px;
}
.wrap_left{
	margin:auto;
	padding:0px 0px 0px 0px;
	width:320px;
	text-align:left;
}
.wrap_right{
	margin:auto;
	padding:0px 0px 0px 0px;
	width:320px;
	text-align:left;
}
h2{
	margin:0px 0px 10px 0px;
	padding:7px 10px 7px 27px;
	background-image:url(../images/title_bg01.png);
	background-repeat: no-repeat;
	background-color:#8ED134;
	width:283px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
}
p{
	margin:0px 15px 10px 15px;
	color: #333333;
	font-size: 13px;
	line-height:1.6em;
}
.wrap_left ul {
	margin: 0px 20px 10px 20px;
	padding: 0;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
	line-height: 200%;
}
.wrap_left ul a {
	font-size: 12px;
}
.wrap_left li {
	margin: 0 10px;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-size: 13px;
	line-height: 200%;
}
.line {
	background-color: #ffff80;
}
.wrap_bana{
	margin:0px 10px 10px 10px;
}
#right_bnr{
	display:none;
}
#right_bnr02 a{
	display:block;
	margin:auto;
	margin-bottom:10px;
	padding:0px;
	width:300px;
	height:97px;
	background-image:url("../images/CSSP02_sp.png");
	background-repeat:no-repeat;
}
#right_bnr02 a img{
	display:none;
}
#wrap_column{
	display:block;
	margin:auto;
	padding:0px;
	width:320px;
	height:29px;
	background-image:url("../images/column01_sp.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#right_list{
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 25px;
	width:283px;
	border:solid 1px #C5C5C5;
	background-color:#ffffff;
	color:#333333;
	font-size:12px;
	line-height:1.6em;
}
#right_list li{
	margin-bottom:10px;
	list-style-image:url("../images/icon01.png");
	text-align:left;
}
#right_list li a{
	text-decoration:none;
}
#right_list li a:hover{
	text-decoration:underline;
}
#wrap_homebtn{
	clear:both;
	margin:auto;
	padding:0px 0px 10px 0px;
	width:320px;
	text-align:center;
}
#wrap_homebtn a{
	display:block;
	margin:0px;
	padding:10px;
	width:298px;
	background-color:#FF9900;
	border:solid 1px #FF6600;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}
.footer {
	margin:auto;
	padding:10px 0px 10px 0px;
	background-color:#EDC086;
	width:100%;
	text-align: center;
}
.footer p{
	margin:auto;
	width:300px;
	color:#5F3E10;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.4em;
	text-align:center;
}

/*デコレーション*/
.sp-bg{
    background-color: #fcfca2;
    }

.sp-dot{
    border-bottom: 1px dotted #666;
    }


}.clearfix:after {
	content: "."; 
	display: block; 
	 height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}