@charset "Shift_JIS";

/*////////////////////////////////////////////////////////////
	html_body and (*)
////////////////////////////////////////////////////////////*/

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body{
	color: #666666;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN",Arial,Verdana,Helvetica;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/common/bg_01.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px;
	text-align: center;
}

h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
}


/*////////////////////////////////////////////////////////////
	layout
////////////////////////////////////////////////////////////*/

#wrapper {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: left;
}
#header {
	margin-top: 15px;
	margin-bottom: 15px;
}
#gnavi {
	margin-bottom: 30px;
}
#gnavi table td {
	vertical-align: bottom;
}
#fnavi {
	text-align: center;
}
#fnavi a {
	margin-right: 10px;
	margin-left: 10px;
}
#footer {
	background-image: url(../img/common/lin_01.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	padding-bottom: 90px;
	text-align: center;
	margin-top: 15px;
}
#footer td#nnavi {
	text-align: left;
}

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer ul li {
	display: inline;
	margin-right: 20px;
}
#footer #copyright {
	text-align: center;
	margin-top: 15px;
}

/*////////////////////////////////////////////////////////////
	common
////////////////////////////////////////////////////////////*/

h1 {
	display: inline;
}
h2 {
	display: inline;
}
h3 {
	margin-bottom: 15px;
}
a#pagetop {
	display: block;
}
#bg-box-02 {
	background-image: url(../img/common/bg_box_02.gif);
	background-repeat: repeat-y;
}

/*////////////////////////////////////////////////////////////
	home
////////////////////////////////////////////////////////////*/

#home #navi  {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
#home #spec {
	text-align: center;
	margin-bottom: 15px;
}
#home #header {
	margin-bottom: 0px;
}
#home #notice {
	text-align: left;
	margin-bottom: 25px;
}
#home #notice .tl{
	background-image: url("../img/home/tl.gif");
}
#home #notice .tc{
	background-image: url("../img/home/tc.gif");
	background-repeat: repeat-x;
}
#home #notice .tr{
	background-image: url("../img/home/tr.gif");
}
#home #notice .ml{
	background-image: url("../img/home/ml.gif");
	background-repeat: repeat-y;
}
#home #notice .mc{
	margin: 5px 10px;
}
#home #notice .mr{
	background-image: url("../img/home/mr.gif");
	background-repeat: repeat-y;
}
#home #notice .bl{
	background-image: url("../img/home/bl.gif");
}
#home #notice .bc{
	background-image: url("../img/home/bc.gif");
	background-repeat: repeat-x;
}
#home #notice .br{
	background-image: url("../img/home/br.gif");
}

/*////////////////////////////////////////////////////////////
	whatis
////////////////////////////////////////////////////////////*/

#whatis #contents1 {
	margin-bottom: 15px;
}
#whatis #contents1 p {
	display: inline;
}
#whatis #contents2 #bg {
	background-image: url(../img/whatis/img_06.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#whatis #contents2 #item1 {
	margin-bottom: 20px;
}
#whatis #contents2 table td {
	vertical-align: top;
}
#whatis #contents2 p {
	width: 270px;
}

/*////////////////////////////////////////////////////////////
	training
////////////////////////////////////////////////////////////*/

#training #contents1 {
	margin-bottom: 20px;
}
#training #contents1 p {
	margin-bottom: 0px;
}
#training #contents2 p {
	width: 380px;
	text-align: left;
}
#training #contents2 #bg-btn {
	background-image: url(../img/training/index/bg_01.gif);
	background-repeat: no-repeat;
	height: 80px;
}

/*////////////////////////////////////////////////////////////
	training pop up
////////////////////////////////////////////////////////////*/

body#trpu {
	background-image: url(../img/training/popup/bg_02.gif);
	background-repeat: repeat-y;
	background-position: center -80px;
}

#trpu #wrapper {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#trpu #header {
	margin: 0px;
	padding-top: 15px;
}

#trpu #header .ci {
	margin-bottom: 30px;
}
#trpu #header h1 {
	margin-bottom: 10px;
	display: block;
}
#trpu #header .kyoukai {
	text-align: right;
}
#trpu #body {
	text-align: left;
	line-height: 26px;
	background-image: url(../img/training/popup/bg_01.gif);
}
#trpu #btn {
	text-align: center;
	margin-bottom: 60px;
}
#trpu p {
	margin-bottom: 26px;
}

/*////////////////////////////////////////////////////////////
	question
////////////////////////////////////////////////////////////*/

#q .genre {
	background-image: url(../img/question/index/bg_box_02.gif);
	background-repeat: repeat-y;
}
#q #type   td img {
	margin-bottom: 7px;
}

/*////////////////////////////////////////////////////////////
	question pop up
////////////////////////////////////////////////////////////*/

body#genre {
	background-image: url(../img/question/genre_common/bg_01.gif);
	background-repeat: repeat-y;
	background-position: center -70px;
}
#genre #wrapper {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#genre #header {
	margin: 0px;
	padding-top: 15px;
}
#genre #header .ci {
	margin-bottom: 15px;
}
#genre #tx-box {
	margin-bottom: 10px;
}

#genre td#tx  {
	background-image: url(../img/question/genre_common/bg_03.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
}
#genre td#tx p {
	margin: 0px;
}


#genre #btn {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 15px;
}

/*////////////////////////////////////////////////////////////
	benri
////////////////////////////////////////////////////////////*/

#benri h4 {
	margin-bottom: 10px;
}
#benri .search  img {
	margin-bottom: 7px;
}
#benri #bg-gallery {
	background-color: #FFEFE5;
	padding-top: 10px;
	padding-bottom: 10px;
}
#benri #bg-gallery p {
	margin-bottom: 0px;
}

/*////////////////////////////////////////////////////////////
	wi-fi
////////////////////////////////////////////////////////////*/

#wi-fi .logo {
	margin-left: 30px;
}
#wi-fi .bg-step {
	background-color: #F0F1F6;
}
#wi-fi .arrow {
	margin-top: 10px;
	margin-bottom: 10px;
}
#wi-fi #contents2 p {
	width: 360px;
}

/*////////////////////////////////////////////////////////////
	link
////////////////////////////////////////////////////////////*/

a {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #FF6000;
	text-decoration: underline;
}
a:visited:hover {
	color: #FF6000;
	text-decoration: underline;
}

/*////////////////////////////////////////////////////////////
	p
////////////////////////////////////////////////////////////*/

p {
	margin-bottom: 15px;
}
p.pagetop {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*////////////////////////////////////////////////////////////
	img
////////////////////////////////////////////////////////////*/

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*////////////////////////////////////////////////////////////
	list
////////////////////////////////////////////////////////////*/

ul,ol {
	margin-left: 2em;
	margin-bottom: 1em;
}


/*////////////////////////////////////////////////////////////
	clear
////////////////////////////////////////////////////////////*/

.clear {
	clear: both;
	display: block;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* MacIE—p */
/*\*//*/
   display: inline-table;
/* */