@charset "utf-8";





/*S:20090126追加*/

*{

	margin: 0px;

	padding: 0px;

}



body{

	font-size:88%;/* 14pxが標準の場合 */ /* 2013.05.28 */

	background-image: url(./img/bg_border.gif);

	line-height: 1.2em;

}



a{

	color: #FF0000;

	text-decoration: underline;

}

a:hover{

	color: #FF6666;

}

a:visited{

	color: #FF0000;

}

a:active{

	color :#333333;

}



img{

	border: none;

}



p{

	margin-top: 1em;

}



.red{

	color: #FF0000;

}





#countainer{

	width: 750px;

	background-color: #FFFFFF;

}



/*S:ヘッダ*/

#header{

	height: 60px;

	background-color: #86623D;



}

#header h1.top{	/*ログインページ用*/

	font-size: 1.5em;

	font-weight: normal;

	color: #FFFFFF;

}

#header h1.top img{

	/*width: 437px;*/

	/*height: 40px;*/

	margin: 20px 0px 0px 10px;

}



#header div#title{

	padding: 20px;

}



#header div#title h1 img{

	display: block;

	width: 420px;

	height: 40px;

}



#header div.mainmenu{	/*メニューページ用*/

	position: absolute;

	top: 0px;

	left: 440px;

	background-color: #fadbc6;

}



#header div.mainmenu table{

	width: 310px;

	height: 50px;

	border: 0px none;

}



#header div.mainmenu table td{

	vertical-align: middle;

}



#header div.mainmenu table td.key{

	width: 58px;

	text-align: right;

}



#header div.mainmenu table td.key.img{

	width: 44px;

	height: 20px;

}



#header div.mainmenu table td.close{

	width: 113px;

}



#header div.mainmenu table td.close img{

	width: 113px;

	height: 20px;

}



#header h1.normal{	/*一般ページ用*/

	display: inline;

}

#header h1.normal img{

	width: 225px;

	height: 40px;

	margin: 20px 220px 0px 10px;

}



#header h1.normal2{	/*一般ページ用*/

	display: inline;

}

#header h1.normal2 img{

	width: 411px;

	height: 40px;

	margin: 20px 5px 0px 10px;

}



#header img.mainmenu{

	width :149px;

	height: 40px;

	margin-right: 20px;

}

#header img.close{

	width: 88px;

	height: 40px;

}

#header div#logout{

	position: absolute;

	top: 20px;

	left: 600px;

}

#header div#logout img{

	display: block;

	width: 88px;

	height: 40px;

}



/*E:ヘッダ*/





#main{

	width: 670px;

	min-height: 480px;

	_height: 480px; /*IE6 Hack*/

	margin-left: 30px;

	margin-bottom: 10px;

}

#main h2{	/*一般ページ用*/

	border-bottom: 1px solid #663300;

	vertical-align: bottom;

	padding-bottom: 10px;

	margin-bottom:10px;

	font-weight: normal;

}

#main h2 img.arrow{

	width: 33px;

	height: 52px;

}



#main h3{

	margin: 1em 0px 2px;

}



#main h2.mainmenu{	/*メインメニューページ用*/

	border-bottom: 1px dashed #663300;

	vertical-align: bottom;

	padding-bottom: 10px;

	margin-bottom:10px;

	font-weight: normal;

}

#main h2.mainmenu img{

	width:100px;

	height: 30px;

	margin-top: 22px;

}



#main h2.mainmenu span.senmoni{

	font-size:13px;

}



#main h2.mainmenu span.senmoni strong{

	font-size:24px;

}



#main table{

	margin-bottom: 1.5em;

	border: 1px solid #663300;

	border-collapse: collapse;

}

#main table th{

	background-color: #fadbc6;

	text-align: left;

	vertical-align: middle;

/*	20110829修正

	font-weight: normal;*/

	font-weight: bold;

	border: 1px solid #663300;

	white-space: nowrap;

}



#main table th.tright{

	text-align: right;

}

#main table th.tcenter{

	text-align: center;

}



#main table td{

	vertical-align: middle;

	border: 1px solid #663300;

}

#main table p{

	margin: 2px;

	font-size: 0.8em;

	line-height: 1.2em;

	padding: 0px;

}

#main table span{

	color: #FF0000;

}



#main table.p10 th,#main table.p10 td{

	padding: 10px;

}



/*S:フッタ*/

#footer{

	border-bottom: 10px solid #86623D;

	margin: 0px;

}

#footer p{

	text-align: center;

	width: 670px;

	margin-left: 30px;

	border-top: 1px solid #663300;

	font-size: 0.8em;

	padding: 10px 0px 25px;

	margin-bottom: 0em;

}



#footer_mainmenu{

	margin: 0px;

	text-align: center;

}



#footer_mainmenu p.ssl{

	text-align: center;

	width: 670px;

	margin: 0px auto;

	border-top: 1px solid #663300;

	font-size: 0.8em;

	padding: 10px 0px 10px;

	margin-bottom: 0em;

}

#footer_mainmenu p.copyright{

	text-align: center;

	background-color: #86623D;

	font-size: 0.8em;

	color: #FFFFFF;

	padding: 2px;

	margin-bottom: 0em;

}



/*トップページ*/

div.top table{

	margin: 2em 0px 1.5em;

	border: 1px solid #663300;

	border-collapse: collapse;

}

div.top table th{

	padding: 10px;

	background-color: #fadbc6;

	text-align: left;

	vertical-align: middle;

	font-weight: normal;

	border: 1px solid #663300;

}

div.top table td{

	padding: 10px;

	vertical-align: middle;

	border: 1px solid #663300;

}



/*メインページ*/

dl.mainmenu{

	margin-top: 1em;}

dl.mainmenu dt{

	margin: 2px 2px 0.3em;

	font-weight: bold;}

dl.mainmenu dt img.arrow{

	width: 20px;

	height: 20px;

	margin-right: 0.5em;

	position: relative;

	top: 5px;

}

dl.mainmenu dt span.red{

	margin-left: 1em;

	color: #FF0000;

	font-weight: normal;

}

dl.mainmenu dt a{

	color: #0000FF;

	text-decoration: underline;

}

dl.mainmenu dt a:hover{

	color: #FF0000;

}

dl.mainmenu dt a:visited, dl.mainmenu dt a:active{

	color :#0000FF;

}



dl.mainmenu dd{

	margin: 0px 0px 0.8em 2em;}

dl.mainmenu{}







p.withdrawal{

	margin: 2em 2em 1em;

	text-indent: -1em;

}



/*一般ページ：テーブル*/

table.normal{border: 1px solid #663300; border-collapse: collapse; margin:1em 0px 2em;}

table.normal th{padding: 10px; text-align: right; font-weight: normal; background-color: #99CCFF; border: 1px solid #003366;}

table.normal th.kaiin{width: 12em}

table.normal th.kaiin4{width: 4em}

table.normal th.kaiin3{width: 3em}

table.normal th.kaiin2{width: 2em}

table.normal th.kaiin7{width: 7.4em}

table.normal th.kaiin6{width: 6em}

table.normal th.data{width: 380px; text-align:center;}

table.normal td{padding: 10px; border: 1px solid #663300;}

table.normal td.kaiin{width: 26em}

table.normal p{ font-size: 0.8em; margin-top: 0em;}

table.normal span{ color:#FF0000;}

/* table.normal span.black{ font-size: 0.9em; margin-top: 0em; color:#000000;} */



table.normal_mini{border: 1px solid #663300; border-collapse: collapse; margin:1em 0px 2em; font-size: 0.9em;}

table.normal_mini th{padding: 2px; text-align: center; font-weight: normal; background-color: #fadbc6; border: 1px solid #663300;}

table.normal_mini td{padding: 2px; border: 1px solid #663300;}



table#mini{font-size: 10pt;}

table#mini th{text-align: center; padding: 2px;}

table#mini td{font-size: 10pt; padding: 2px;}



div.button{

	margin: 1em 0en;

}

div.button a{

	margin-right : 30px;

}

div.button img.back{

	width:66px;

	height: 40px;

}



div.error{

	font-size: 1em;

	color: #FF0000;

}



div.error h3{

}



div.error ul{

	color: #FF0000;

	margin-left : 1em;

}



div.error li{

	list-style-type:none;

	margin-left : 1em;

}



/**/

#nnavigation{

	width:600px;

	margin: 0.5em 0px;

}

#nnavigation ul{

	list-style-type: none;

	text-align:center;

	margin-top: 1em;

}

#nav2{

	border-bottom: 1px solid #86623D;

	margin: 2px;

	padding-bottom: 23px;

	padding-left: 10px;

}



#nav2 ul,#nav2 li{

	display: inline;

	list-style-type: none;

}

#nav2 a:link,#nav2 a:visited{

	background: #66FF99;

	border: 1px solid #86623D;

	color: #ffffff;

	float: left;

	font-weight: bold;

	line-height: 14px;

	margin-right: 8px;

	padding: 4px 10px 4px 10px;

	text-decoration: none;

}

#nav2 a:link#cu, 

#nav2 a:visited#cu{

	background: #ffffff;

	border-bottom: 1px solid #ffffff;

	color: #6bb5ff;

}

#nav2 a:hover { color: #009933;}

#nav2 ul a:hover { color: #009933 !important; }



/*E:20090126追加*/



.fontmin {

	font-size: 10pt;

}



/* ---------------------------------------------------------------------------------- */

/* ボタン関連 */

/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */

/* ボタン関連 */

/* ---------------------------------------------------------------------------------- */

/* メニューボタン */

#menu{

	margin:0px auto;

	font-size:100%;

}

#menu ul{

	list-style-type:none;

	padding:0.1em 0px;

}

#menu ul li{

	padding:0.1em 0px 0px;

}

#menu ul li a{

	display:block;

	color:#336633;

	font-weight:bold;

	letter-spacing:0.2em;

	text-align:center;

	text-decoration:none;

	background-color:#E8F4F0;

	border-top:solid 2px #E4DFE3;

	border-right:solid 2px #C0D0C0;

	border-bottom:solid 2px #C0D0CC;

	border-left:solid 2px #E4DFE3;

}

/* ボタンマウスオーバー */

#menu ul li a:hover{

	color:white;

	background-color:cadetblue;

	border-top:solid 2px #4c7f7d;

	border-right:solid 2px #99cccc;

	border-bottom:solid 2px #99cccc;

	border-left:solid 2px #4c7f7d;

}





#menu2{

margin:0px auto;

font-size:100%;

}

#menu2 ul{

list-style-type:none;

padding:0.1em 0px;

}

#menu2 ul li{

padding:0.1em 0px 0px;

}

#menu2 ul li a{

display:block;

font-weight:bold;

letter-spacing:0.2em;

text-align:center;

text-decoration:none;

color:white;

background-color:cadetblue;

border-top:solid 2px #4c7f7d;

border-right:solid 2px #99cccc;

border-bottom:solid 2px #99cccc;

border-left:solid 2px #4c7f7d;

}



#button_select{

margin:0px auto;

font-size:100%;

list-style-type:none;

padding:0.1em 0px 0px;

}

#button_select a{

	display:block;

	padding: 2px 1px 0px 2px;

	font-weight:bold;

	letter-spacing:0.2em;

	text-align:center;

	text-decoration:none;

	color: #ffffff;

	background-color:#66ff99;

	border-top:solid 2px #339900;

	border-right:solid 2px #99cccc;

	border-bottom:solid 2px #99cccc;

	border-left:solid 2px #339900;

}



#button_no_select{

	margin:0px auto;

	font-size:100%;

	list-style-type:none;

	padding:0.1em 0px 0px;

}

#button_no_select a{

	display:block;

	padding: 2px 1px 0px 2px;

	font-weight:bold;

	letter-spacing:0.2em;

	text-align:center;

	text-decoration:none;

	color:#339900;

	background-color:#99ffcc;

	border-top:solid 2px #CCFFE0;

	border-right:solid 2px #6bffb5;

	border-bottom:solid 2px #6bffb5;

	border-left:solid 2px #CCFFE0;

}



#p.underline_red {

	text-decoration:underline;

	color: red;

}



#main table.p10s th,#main table.p10s td{

	padding: 10px;

	font-size: 0.9em;

}



/* プライバシーポリシー用 */

div.privacy {

	margin-bottom:20px;

	border: 5px double #000000;

	background-color:#efffff;

}

div.privacy p {

	margin:20px 5px;

}



div.privacy p a, div.privacy p a:visited{

	color:#0000ff;

}



/* オンライン入会用 */

div.flow_box{border: 1px solid #000000; padding: 3px;}

div.flow{ text-align: center; margin: 2em 0px;}

div.flow h3{font-size: 1em; border: 1px solid #000000; display: inline; padding: 5px; background-color:#86623D; color:#ffffef;}

div.flow p{text-align: left; margin: 15px 0px 10px;}

div.flow img{display: block; width: 20px; height: 20px; margin: 0px auto 20px; }

	

/* 縦書き用 */



/*IE用縦書き対応*/

#main table th.tate-area{

	writing-mode: tb-rl;

	vertical-align: middle;

	text-align: center;

}

#main table th.tate-area span{

	color: #000000;

}





/*IE以外用縦書き対応*/

body:first-of-type #main table th.tate-area{

	white-space: normal;

	width: 1em;

}

body:first-of-type #main table th.tate-area .tate-line span{

	color: #000000;

}

body:first-of-type #main table th.tate-area div.tate-line{

	width:1em;

	line-height:1.25em;

	margin: 8px 2px;

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic Pro W3' , 'ＭＳ ゴシック','MS Gothic' ,monospace;

/*	word-wrap:break-word;*/

	direction:ltr;

}

body:first-of-type #main table th.tate-area .tate-line font,strong,h1,h2,h3,h4,h5{

	line-height:1.05em;

}



body:first-of-type #main table th.tate-area .tate-line span.tate-kuto{

	display:block;

	width:0.4em;

	line-height:0.1em !Important;

	margin-bottom:0.9em;

	margin-left:0.6em !Important;

}

body:first-of-type #main table th.tate-area .tate-line span.tate-cho{

	display:block;

	-moz-transform:matrix(0, 1, 1, 0, 0, 0);

	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);

	-o-transform:matrix(0, 1, 1, 0, 0, 0);

	transform:matrix(0, 1, 1, 0, 0, 0);

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);

}

body:first-of-type #main table th.tate-area .tate-line span.tate-komoji{

	display:block;

	line-height:0.75em !Important;

	margin-bottom:0.3em;

	margin-left:0.11em !Important;

}

body:first-of-type #main table th.tate-area .tate-line span.tate-kakko{

	display:block;

	-moz-transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

	-o-transform:rotate(90deg);

	transform:rotate(90deg);

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

body:first-of-type div.tate-separator{

	clear:both;

	height:2em;

}