@charset "utf-8";

@media screen and (max-width: 640px) {

.spnone {
    display:none;
}

/*-----------------------------width---------------------------*/

img { max-width: 100%; }
.wid100 { width: 100%; }
.wid80 { width: 80%; }
.wid60 { width: 60%; }
.wid50 { width: 50%; }
.wid40 { width: 40%; }
.wid30 { width: 30%; }
.wid20 { width: 20%; }


/* ▼▼▼header▼▼▼ */

header #header{
	margin: 0px auto 0px 2%;
}

header #header #h_logo{
	margin: 0;
	float: none;
}

header #header #h_twitter{
	margin: 2% 0 0;
	float: none;
}
/* ▲▲▲header▲▲▲ */


/* ▼▼▼gnavi▼▼▼ */
nav#gnavi ul {
	width: 100%;
	margin: 0px auto;
}

nav#gnavi li {
	width: 33%;
	float: left;
	padding-right: 0px;
	font-weight: bold;
}

nav#gnavi #home,
nav#gnavi #colums,
nav#gnavi #counseling {
	border-bottom: 1px solid #CCCCCC;
}

nav#gnavi #counseling,
nav#gnavi #info {
	width: 34%;
}

nav#gnavi li a {
	display: block;
	text-align: center;
	font-size: 100%;
	line-height: 130%;
}

nav#gnavi #counseling a,
nav#gnavi #counseling .here,
nav#gnavi #info a,
nav#gnavi #info .here {
	background: none;
	padding-right: 0px;
}

nav#gnavi #counseling a:hover,
nav#gnavi #counseling .here,
nav#gnavi #info a:hover,
nav#gnavi #info .here {
	background-color: #00CCCC;
}

/* ▲▲▲gnavi▲▲▲ */

#contents {
	width: 97%;
	margin: 0px auto;
}

/* ▼▼▼footer▼▼▼ */

#footer #f_navi {
	width: 100%;
}

#footer #f_navi li {
	width: 33%;
	padding: 1% 0%;
	font-size: 85%;
}

#footer #f_navi #f_counseling,
#footer #f_navi #f_info {
	width: 34%;
}

#footer #f_navi li a{
	width: 100%;
	border-right: 1px solid #47A4BE;
}

#footer #f_navi #f_counseling a,
#footer #f_navi #f_info a {
	border-right: none;
	padding-right: 0px;
}

#footer #f_info_area #f_info_area_in {
	width: 100%;
}

#footer #f_info_area #f_logo {
	width: 100%;
	float:none;
}

#footer #f_info_area #f_address {
	width: 96%;
	margin: 2%;
	float:none;
	font-size: 80%;
}
/* ▲▲▲footer▲▲▲ */

}

@media screen and (max-width: 360px) {

nav#gnavi li a {
	font-size: 90%;
}

nav#gnavi li .here {
	font-size: 90%;
}
}