/* CSS Document */
html{
		height:100%;
		margin-bottom:1px;
}
body{
		margin:0;
		height:100%;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
		font-size:90%;
		line-height:140%;
		color:#333;
}

.subtitle{
	font-size:16px;
	color:#555;
	font-weight:bold;
}

a{color:#0000ee;}
a:hover{color:#4499ff;}
.reset{
		clear:both;
		font-size:1px;
		line-height:1px;
}
.hasen{
		border:none;
		border-top:dashed 1px #ccc;
		background:none;
		margin:0;
		height:0;
}

#wrapper{
		height: 100%;
		margin:auto;
}

body > #wrapper{
        height: auto;
}
#wrapper{
		margin:0 auto;
		width:928px;
        position: relative;
        height: 100%;
        min-height: 100%;
}
#login_wrap{
}

#sub_wrapper{
		padding-bottom:60px;
}
#header{
/*		width:918px;*/
		padding:9px 5px;
		position:relative;
		height:40px;
		overflow:hidden;
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
		padding-left: 20px;
}
#hdr_left{
		float:left;
}
#category_name{
		font-size:16px;
		font-weight:600;
		color:#888;
}
#hdr_link{
		font-size:11px;
		line-height:18px;
		float:right;
		text-align:right;
		margin-right:2px;
}
#pankuzu{
		font-size:11px;
		color:#333333;
		margin-bottom:10px;
}
h1{
		font-size:16px;
		color:#333333;
		margin:0;
		margin-bottom:10px;
}
h2{
		font-size:14px;
		color:#555555;
		margin:0;
}
h3{
		font-size:14px;
		color:#555555;
		margin:0;
}
#contents{
		width:608px;
		text-align:left;
		margin:auto;
		float:left;
}
#full_contents{
		width:928px;
		margin:auto;
}
#full_contents_wide{
		width:95%;
		margin:auto;
}
#right_side{
		float:right;
		width:300px;
}


#footer { 
		clear:both;
		color: #666;
		font-size: smaller;
		text-align: center;
		height:40px;
		width:100%;
}
#login_wrap #footer{
		position:relative;
}
/* --------------------------------------------------------------------- ログイン時*/
#menu{
		margin-bottom:20px;
}
#main_tab{
		height:24px;
		overflow:hidden;
		padding-left:20px;
/*		width:928px;*/
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#main_tab ul, #main_tab li{
		margin:0;
		padding:0;
		list-style:none;
		list-style-position:outside;
		font-size:13px;
}
#main_tab li{
		display:block;
		height:24px;
		float:left;
		text-align:center;
		line-height:25px;
		font-weight:600;
		color:#FFFFFF;
		overflow:hidden;
}
#main_tab li.off_left{
		background:url(../images/main_tab_left.png);
		width:5px;
}
#main_tab li.off_body{
		background:url(../images/main_tab_body.png);
}
#main_tab li.off_right{
		background:url(../images/main_tab_right.png);
		width:5px;
		margin-right:2px;
}
#main_tab li.on_left{
		background:url(../images/main_tab_on_left.png);
		width:5px;
}
#main_tab li.on_body{
		background:url(../images/main_tab_on_body.png);
		padding-left:10px;
		padding-right:10px;
}
#main_tab li.on_right{
		background:url(../images/main_tab_on_right.png);
		width:5px;
		margin-right:2px;
}


#main_tab li a{
		padding-left:10px;
		padding-right:10px;
		display:block;
		height:24px;
		float:left;
		margin-right:2px;
		text-decoration:none;
}
#main_tab li a:hover{
		text-decoration:none;
}
#sub_menu{
		height:24px;
		line-height:24px;
		background:#0071bc;
		padding-left:20px;
		color:#eeeeff;
		font-weight:600;
		margin:0 10px;
		min-width:928px;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#sub_menu_inner{
		/*width:928px;*/
		margin:0 auto;
		width:expression(document.body.clientWidth < 928? "928px" : "auto");
}
#sub_menu a{
		color:#ffffff;
		font-weight:normal;
}

#sub_menu a:hover{
		text-decoration:none;
		color:#eeeeff;
}


.font_small{
	font-size:12px;
}


.contents_title{
		line-height:26px;
		height:26px;
		padding-left:5px;
		border:solid 1px #ccc;
		background:#009adb;
		font-weight:600;
		color:#fff;
}
.contents_box, #news_box{
		border:solid 1px #ccc;
		border-top:none;
		padding:10px;
		margin-bottom:20px;
}
#news_box table{
		width:100%;
		font-size:80%;
}
#news_box table td{
		padding:1px;
}
#news_box .date{
		width:80px;
		padding-left:5px;
}
#new_account_box{
		width:100%;
}


#account_box, .right_box{
		background:#e8eefa;
		border:solid 1px #ccc;
		padding:10px 10px;
		margin-bottom:20px;
		text-align:center;
}
#account_box a{
		display:block;
		background:url(../images/button_blue.gif);
		width:240px;
		height:40px;
		margin:5px auto 0;
		text-align:center;
		line-height:36px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-decoration:none
}
#account_box a:hover{
		text-decoration:underline;
}
#login_box{
		width:100%;
		border:solid 1px #e8eefa;
}
#login_box td.bg{
		background:#e8eefa;
		text-align:center;
		vertical-align:top;
		padding:10px;
}
.login_text{
		width:160px;
}

/* -------------------------------------------------------------------- インターネットＦＡＸ */
.sub_menu{
		text-align:left;
}
.sub_menu ul, sub_menu li{
		margin:0;
		padding:0;
		list-style:none;
}
.sub_menu h2{
		font-size:16px;
		margin:5px;
		color:#333333;
		text-align:center;
}
.plan_table{
		width:100%;
		background:#999999;
		margin-bottom:20px;
}
.plan_table th{
		width:107px;
		background:#c6e0f5;
		text-align:center;
		height:26px;
		border:solid #fff;
		border-width:1px 0 0 1px;
		color:#444;
}
.plan_table th.left{
			width:200px;
}
.plan_table td{
		background:#fff;
		padding:5px;
}
.plan_table td.left{
		background:#f3f3ff;
		border:solid #fff;
		border-width:1px 0 0 1px;
}
.plan_table td{
		text-align:center;
}

.kinou_ul{
		margin:5px 0 15px 5px;
		list-style:none;
}


.contents_h2{
		background:url(../images/h2_bg.png);
		height:30px;
		line-height:30px;
		padding-left:13px;
		width:595px;
		color:#555;
		margin-bottom:8px;
}

.contents_p{
		margin:0;
		padding:5px 5px 20px 10px;
}






#main{
	width : 100%;
	background-color: #FFFFFF;
	border: 1px solid #0071bc;
}

.category{
	font-size: 16px;
	color: #FFFFFF;
	background-color: #0071bc;
	padding: 5px;
}

table{
	border: 0;
	cellpadding: 10px;
	cellspacing: 10px;
	font-size:13px;
	text-align: center;
}

tr.header{
	border-bottom: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	background-color: #3371BB;
}

td.soft-blue{
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #70B4DE;
	color: #000000;
}
td.soft-blue-left{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #70B4DE;
	text-align: left;
	color: #000000;
}

td.pale-blue{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #F0F8FF;
	font-size: 16px;
	color: #000000;
}
td.pale-blue-left{
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #F0F8FF;
	text-align: left;
	font-size: 16px;
	color: #000000;
}

hr{
	width: 98%;
}
td.gray {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 16px;
	color: #000000;
}
tr.gray {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #CCCCCC;
	text-align: center;
	color: #000000;
}
td.light-gray {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #DDDDDD;
	text-align: center;
	font-size: 16px;
	color: #000000;
}
tr.light-gray {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #DDDDDD;
	text-align: center;
	color: #000000;
}