@charset "UTF-8";

* {
	font-size: 13px;
	line-height: 18px;
	color: #666;
	margin: 0;
	padding: 0;
}

html,body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: url("/new_style/img/back.gif") repeat-y center top;
	text-align: center;
}

ul,li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:link,a:visited,a:hover,a:active {
	color: #666;
}

img,iframe {
	border: none;
	vertical-align: middle;
}
/*wrapper-header*/
.wrapper-header {
	width: 100%;
	background: url("/new_style/img/header.gif") repeat-x;
	height: 210px;
}

.wrapper-header div,h3 {
	overflow: hidden;
}

/*header*/
.wrapper-header div.header {
	width: 900px;
	margin: auto;
	height: 210px;
	text-align: left;
}

.wrapper-header div.header .title,.wrapper-header div.header .logo,.wrapper-header div.header .header-right
	{
	float: left;
	display: inline;
	width: auto;
	height: 179px;
}
/*title*/
.wrapper-header div.header .title {
	width: 100%;
	height: 31px;
}

.wrapper-header div.header .title span,.wrapper-header div.header .title a
	{
	float: left;
	display: inline;
	width: auto;
	height: 31px;
}
/*text*/
.wrapper-header div.header .title span.text {
	width: 719px;
	line-height: 31px;
	font-size: 14px;
	color: #FFF;
}
/*end text*/
/*urlmark*/
.wrapper-header div.header .title span.urlmark {
	width: 181px;
}

.wrapper-header div.header .title img {
	height: 31px;
	width: 181px;
}
/*end urlmark*/
/*end title*/
/*logo*/
.wrapper-header div.header .logo {
	width: 140px;
}

.wrapper-header div.header .logo a {
	float: left;
	display: inline;
	width: 126px;
	height: 127px;
	margin: 12px 0 0 13px;
}

.wrapper-header div.header .logo img {
	width: 126px;
	height: 127px;
}
/* end logo*/
/* header-right*/
.wrapper-header div.header .header-right {
	width: 760px;
}

.wrapper-header div.header .header-right .banner,.wrapper-header div.header .header-right .tel,.wrapper-header div.header .header-right .regist,.wrapper-header div.header .header-right .login,.wrapper-header div.header .header-right .menu
	{
	float: left;
	display: inline;
	width: auto;
}
/* banner*/
.wrapper-header div.header .header-right .banner {
	width: 560px;
	height: 104px;
	margin-left: 5px;
}
/* end banner*/
/* telmark*/
.wrapper-header div.header .header-right .tel {
	height: 60px;
	width: 182px;
}

.wrapper-header div.header .header-right .tel a,.wrapper-header div.header .header-right .tel img
	{
	float: left;
	display: inline;
	width: 182px;
	height: 37px;
}

.wrapper-header div.header .header-right .tel a {
	margin-top: 19px;
}
/* end telmark*/
/* regist*/
.wrapper-header div.header .header-right .regist {
	width: 185px;
	height: 40px;
}

.wrapper-header div.header .header-right .regist a,.wrapper-header div.header .header-right .regist img
	{
	float: left;
	display: inline;
	width: 185px;
	height: 38px;
}
/* end regist*/
/* login*/
.wrapper-header div.header .header-right .login {
	margin-left: 180px;
	width: 570px;
	height: 27px;
	background: #c7c7c7;
	line-height: 27px;
}

.wrapper-header div.header .header-right .login h3,.wrapper-header div.header .header-right .login input,.wrapper-header div.header .header-right .login label
	{
	float: left;
	display: inline;
	width: 95px;
	height: 27px;
	line-height: 27px;
	margin-left: 5px;
}

.wrapper-header div.header .header-right .login input {
	line-height: 18px;
}

.wrapper-header div.header .header-right .login label {
	width: auto;
}

.wrapper-header div.header .header-right .login input {
	margin-top: 3px;
	margin-left: 5px;
	width: 100px;
	height: 18px;
}

.wrapper-header div.header .header-right .login .submit {
	width: 60px;
	height: 20px;
}
/* end login*/
/* menu*/
.wrapper-header div.header .header-right .menu {
	width: 760px;
	margin-top: 4px;
}

.wrapper-header div.header .header-right .menu ul li {
	float: left;
	display: inline;
	width: 123px;
	height: 25px;
}
/* end menu*/
/* end header-right*/
/*end header*/

/*end wrapper-header*/

/*wrapper-body*/
.wrapper-body {
	width: 900px;
	margin: auto;
	text-align: left;
}

.wrapper-body div.container-left,.wrapper-body div.container-right {
	float: left;
	display: inline;
	width: 688px;
}

.wrapper-body div.container-right {
	width: 212px;
}
/*guidemenu*/
div.container-right .guidemenu {
	margin-left: 5px;
}

div.container-right .guidemenu h3 {
	background: url("/new_style/img/guidemenu/title.jpg") no-repeat;
	width: 202px;
	height: 50px;
	line-height: 50px;
	text-indent: 50px;
	color: #205b7d;
	font-weight: bold;
}

div.container-right .guidemenu li {
	margin-bottom: 5px;
}

div.container-right .guidemenu li a img {
	width: 191px;
	height: 43px;
}

div.container-right .guidemenu .friendlinks li {
	text-align: center;
	border: 2px #CCC solid;
	height:80px;
}
div.container-right .guidemenu .friendlinks li a{
  float:left;
  display:inline;
  width:100%;
  height:80px;
  text-align:center;
  vertical-align:middle;
}
div.container-right .guidemenu .friendlinks li a img {
	width: auto;
	height: auto;
}
/*end guidemenu*/
/*end wrapper-body*/

/*wrapper-bottom*/
.wrapper-bottom {
	float: left;
	display: inline;
	margin-top: 10px;
	width: 100%;
	background: #FFF url("/new_style/img/footer.gif") repeat-x;
	height: 100px;
}

.wrapper-bottom .footer {
	width: 680px;
	margin: auto;
	margin-top: 30px;
}

.wrapper-bottom .footer div {
	float: left;
	display: inline;
	width: 550px;
	height: 55px;
}

.wrapper-bottom .footer div.geotrust {
	width: 115px;
	margin-left: 10px;
}

.wrapper-bottom .footer div ul {
	float: left;
	display: inline;
	width: 100%;
}

.wrapper-bottom .footer li {
	float: left;
	display: inline;
	width: auto;
	line-height: 27px;
}

.wrapper-bottom .footer li a {
	margin: 0 10px 0 10px;
}
/*end wrapper-bottom*/

/*error*/
div#error {
	border: 2px red solid;
	padding: 10px;
	margin: 10px 0;
	background-color: #FCEEEB;
}

div#error p {
	color: #A00;
	background-image: url("/new_style/img/error.png");
	background-repeat: no-repeat;
	padding: 1px 0px 0px 20px;
}
/*end error*/

/*heightlight*/
.heightlight {
	color: #C7151E;
}
/*textright*/
.textright {
	text-align: right;
}
/*title*/
h3.subtitle {
	background: url("/new_style/img/subtitle.gif") no-repeat;
	width: 680px;
	height: 50px;
	line-height: 50px;
	text-indent: 35px;
	color: #2B5770;
	font-size: 14px;
}
/*div to table*/
div.table {
	display: table;
	width: 100%;
	border: 1px #ccc solid;
	margin: auto;
}

div.table ul.tr {
	float: left;
	display: inline-block;
	margin: 1px;
	vertical-align: middle;
}

div.table ul.tr li.td {
	float: left;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	line-height: 30px;
	height: 100%;
	margin: 1px;
}