@charset 'UTF-8';

@import url("contents.css");
@import url("accordion.css");

body {
	color:#222;
	margin:0px;
	text-align:center;
	background:url(../img/bg_head_y.gif) repeat-x; }
	

#container {
	width:730px;
	margin:0px auto;
	padding:0px;
	background:url(../img/bg.gif) no-repeat top center;
	}
#container_in{
	width:710px;
	margin:0px auto;
	padding:0px;
	position:relative; }
	

/* ____ ヘッダー ____ */
#head_logo{
	text-align:left; padding-top:30px; }

/* ____ フッター ____ */
.footer_link{ margin:30px auto 15px;}
.copyright{
	margin:0px auto; padding-bottom:15px;}
.copyright a{color:#222;}	
.footer_hr{ background:#D6D6D6; height:5px; font-size:1px; margin-top:15px; margin-bottom:10px;}
.footL{ float:left; width:330px; clear:both; height:90px;}
.footR{ float:right; width:370px; height:90px;}
.copyright img.qrcode{ float:left; margin-right:10px; clear:both;}

/*____ナビここから____*/
#mail_link { position:absolute; top:70px; right:5px;}
#mail_link a{  display:block; width:153px; height:25px;}

#main_navi{ margin-top:5px; margin-right:10px; width:363px; height:48px; float:left;}
#main_navi li{ display:inline;}
#main_navi li a{ display:block; float:left; background:url(../img/main_navi.jpg) no-repeat top left; height:48px; }

#main_navi .register a{ width:181px; background-position: 0px 0px;}
#main_navi .member a{ width:182px; background-position: -181px 0px;}
#main_navi .register a:hover{ width:181px; background-position: 0px -47px;}
#main_navi .member a:hover{ width:182px; background-position: -181px -47px;}

.register_on #main_navi .register{
 display:block; float:left; width:181px; height:48px; background:url(../img/main_navi.jpg) no-repeat 0px -97px;}
.member_on #main_navi .member{
 display:block; float:left; width:182px; height:48px; background:url(../img/main_navi.jpg) no-repeat -181px -97px;}

#second_navi{ margin-top:28px; margin-left:3px; width:330px; height:24px; float:left;}
#second_navi li{ display:inline;}
#second_navi li a{ display:block; float:left; background:url(../img/second_navi.gif) no-repeat top left; height:24px; }

#second_navi .beginner a{ width:116px; background-position: 0px 0px;}
#second_navi .faq a{ width:122px; background-position: -116px 0px;}
#second_navi .corporate a{ width:92px; background-position: -238px 0px;}
#second_navi .beginner a:hover{ width:116px; background-position: 0px -24px;}
#second_navi .faq a:hover{ width:122px; background-position: -116px -24px;}
#second_navi .corporate a:hover{ width:92px; background-position: -238px -24px;}

.beginner-on #second_navi .beginner a,
.beginner-on #second_navi .beginner a:hover{ width:116px; background-position: 0px -48px;}
.faq-on #second_navi .faq a,
.faq-on #second_navi .faq a:hover{ width:122px; background-position: -116px -48px;}
.corporate-on #second_navi .corporate a,
.corporate-on #second_navi .corporate a:hover{ width:92px; background-position: -238px -48px;}


/* ____ 共通パーツ ____ */

.hr_contain{
	background:url(../img/hr_contain.gif) repeat-x;
	height:5px;
	border-right: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	margin:0px;
	font-size: 1%; }

.hrgray {
	border-bottom: 1px solid #DDD;
	background: transparent;
	margin:15px auto;
	padding:0px;
	height:1px;
	font-size: 1%; }

.hrorange {
	border-bottom: 1px solid #F18B00;
	background: transparent;
	margin:15px auto;
	padding:0px;
	height:1px;
	font-size: 1%; }

img.vc{ vertical-align:middle;}

/* ____ 汎用要素のプロパティ ____ */

h1,h2,h3,h4,h5,form,p,ul,ol,li{
	margin:0;
	padding:0; }

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

.list{
	padding-left:10px; }

	.list ul li{
		list-style-type:square;
		margin-left:5px; }

	.list ol li{
		margin-left:30px; }

.nowrap{
	white-space: nowrap; }

img{ border:0px; }
table img{ vertical-align:middle; }
dl{ margin:10px 0px; }

/* ____ 汎用クラスのプロパティ ____ */
.floatleft{ float:left;}
.floatright{ float:right;}
.clearleft{ clear:left;}
.clearright{ clear:right;}
.clearboth{ clear:both;}

.pad05{ padding:5px;}
.pad10{ padding:10px;}
.padT{ padding-top:10px;}
.padT20{ padding-top:20px;}
.padL{ padding-left:10px;}
.padL15{ padding-left:15px;}
.padR{ padding-right:10px;}
.padB{ padding-bottom:10px;}
.padB20{ padding-bottom:20px;}
.pad20{ padding:20px;}
.padB3{ padding-bottom:3px;}
.padTB10{ padding-top:10px; padding-bottom:10px;}
.padTB5{ padding-top:5px; padding-bottom:5px;}

.mrg10{ margin:10px;}
.mrgL{ margin-left:10px;}
.mrgR{ margin-right:10px;}
.mrgT5{ margin-top:5px;}
.mrgT{ margin-top:10px;}
.mrgT20{ margin-top:20px;}
.mrgB{ margin-bottom:10px;}
.mrgB5{ margin-bottom:5px;}
.mrgB20{ margin-bottom:20px;}
.mrgC{ margin: 0px auto;}
.mrgTB20{ margin-bottom:20px; margin-top:20px;}
.mrgTB10{ margin-bottom:10px; margin-top:10px;}

.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

.inline div{ display:inline;}

/*新clear float*/
.clearfloat{
	height:1px;
	font-size:1%;
	clear:both;
	display:block;
	background: transparent; }

/* ____ フォントカラー ____ */

.txt_br{ color:#93834F;}
.txt_gr{ color:#777;}
.txt_white{ color:#FFFFFF;}
.txt_blue{ color:#0000FF;}
.txt_red{ color:#CC0000;}
.txt_orange{ color:#FF5600;}


.err_field { background-color: #DEDEDE; }
.err{ color:#CC0000; font-weight:bold;}
.ok{ color:#0000CC; font-weight:bold;}

.bold{ font-weight:bold;}

/* ____ フォントサイズ ____ */

#header,#container,#container_pop,#footer,#copy,table{
	font-size:x-small;
	line-height:140%;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

* html #header,* html #container,* html #container_pop,* html #footer,* html #copy,
* html table{
/* ____ xml宣言なしの場合 winIE用 ____ */
	font-size:x-small;
	line-height:140%;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

.lsize{ font-size:140%; line-height:170%;}
.msize{ font-size:120%; line-height:180%;}
.ssize{ font-size:104%; line-height:160%;}
.ssize2{ font-size:106%; line-height:160%;}
.xssize{ font-size:85%; line-height:140%;}
.msize0{ font-size:120%;}

table .ssize{ font-size:100%; line-height:160%;}


.alt{ position:absolute; top:-5000px; left:-999px;}

/*eof*/