@charset "utf-8";


/*
----------------------------------------------------------------------
  base
----------------------------------------------------------------------
*/

.left {float:left;}
.right {float:right;}
.tr {
	text-align:right;}
.tl {
	text-align:left;}


.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}

.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr150 {margin-right:150px;}

.ml10 {margin-left:10px;}

.mt4 {margin-top:10px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}

.mg5 {margin:5px;}
.red {color:#F00;}
.center {text-align:center;}


/*
----------------------------------------------------------------------
  LINK STYLE
----------------------------------------------------------------------
*/
a:link {color:#236EC1;}
a:visited {color:#71B0E6;}
a:hover {color:#1F71C6;}
a:active {color:#1F71C6;}

.footer a:link {color:#fff;text-decoration:none;}
.footer a:visited {color:#fff;text-decoration:none;}
.footer a:hover {color:#999;text-decoration:none;}
.footer a:active {color:#999;text-decoration:none;}


/*
----------------------------------------------------------------------
  layout
----------------------------------------------------------------------
*/


#wrapper {
	width: 950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-bottom:100px;
}
#container {
	width: 950px;
	clear: both;
	line-height:1.6em;
}
#container {
	width: 950px;
	clear: both;
}
#contents {
	width: 680px;
	float:left;
}
#side {
	width: 250px;
	float: right;
}


/*
----------------------------------------------------------------------
  header
----------------------------------------------------------------------
*/

.logo01 {
	position:absolute;
	top:0px;
	left:0px;
}
.logo02 {
	position:absolute;
	top:20px;
	right:0px;
}
#gNavi {
	padding:78px 0 0 160px;
}
#gNavi li{
	float:left;
}


/*
----------------------------------------------------------------------
  side
----------------------------------------------------------------------
*/

.sideMap {
	width:248px;
	height:228px;
	border:solid 1px #236EC1;
	background:url(../img/common/side_map.gif) no-repeat top left;
}
.sNavi01 {
	padding:3px 1px 1px 3px;
	height:72px;
	margin-bottom:15px;
}
.sNavi01 li{
	padding-right:2px;
	padding-bottom:2px;
	float:left;
}
.sNavi02 {
	clear:both;
	border:1px solid #236EC1;
}
.sNavi02 ul{
	margin:5px 0 0px 0;
}
.sNavi02 li{
	padding:8px 0 8px 23px;
	margin:0px 10px 0 10px;
	position:relative;
	border-bottom:#999 dotted 1px;
}
.sNavi02 .allow{
	position:absolute;
	top:12px;
	left:0;
}
.sNavi02 li a{
	text-decoration:none;
}


/*
----------------------------------------------------------------------
  footer
----------------------------------------------------------------------
*/


.sponsorBox {
	width:680px;
}
.sponsor {
	float:left;
	padding:10px 40px 20px 0;
}
.pagetop {
	clear:both;
	width:950px;
	margin:0px auto;
	padding:50px 0 0 0px;
	text-align:right;
}
.pagetop001 {
	text-align:right;
	margin:30px 0;
}

#footer {
	clear:both;
	text-align:center;
	background:#236EC1;
	color:#FFF;
	border-top:solid 3px #006;
}
.footer {
	width:950px;
	margin:0 auto;
}
.footer .box{
	width:210px;
	float:left;
	text-align:left;
	margin-top:10px;
	padding:10px;
}
.footer h5{
	font-size:16px;
	font-weight:bold;
}
.footer ul{
	margin:10px;
}
.footer li{
	margin:10px;
	background:url(../img/common/footer_allow.png) no-repeat top left;
	padding-left:20px;
}
.copyright {
	clear:both;
	padding-top:10px;
	text-align:right;
}

/*
----------------------------------------------------------------------
  form
----------------------------------------------------------------------
*/
.Form{
	margin:20px 0 0;
}

.Form table{
width:100%;
background:#ccc;
border-spacing:1px;
border-collapse:separate;
}
.Form th {
vertical-align:middle;
width:160px;
padding:3px; 
border:3px solid #fff;
background:#236EC1;
color:#fff;
text-align:left;
}
.Form td {
border:3px solid #fff;
background:#fff;
text-align:left;
padding:3px;
}
.Form .must {
	font-size:80%;
}

.Form .btns {
	text-align:center;
	margin:20px;
}
.Form input {
	padding:3px;
}

#scForm .wpcf7-response-output {
	background:#EFF1EF;
	padding:10px;
	width:660px;
	font-size:110%;
	font-weight:bold;
	margin-bottom:30px;
}


/*
----------------------------------------------------------------------
  CLEARFIX
----------------------------------------------------------------------
*/
.clearfix:after {
content: ".";  /* �V�����v�f���� */
display: block;  /* �u���b�N���x���v�f�� */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/