@charset "EUC-JP";
@import "div.css";
@import "table.css";
@import "link.css";
@import "listings.css";

/* Universal selector
=================================================================== */
* {
	font-family: "Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size:   10pt;
	font-style:  normal;
	font-weight: normal;

	color:       #333333;
}


/* font-size
=================================================================== */
body {
	margin:           0;
	padding:          0;
	background-color: #ffffff;
}



/* font-family
=================================================================== */
input,select,textarea {
	font-family: Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

code,kbd,samp {
	font-family: OsakaMono, "Osaka¡ÝÅùÉý", "£Í£Ó ¥´¥·¥Ã¥¯", "MS Gothic", monospace;
}



/* line-height
=================================================================== */
input,select,textarea {
	line-height: 1.3;
}

.lh120 {
	line-height: 1.2;
}

.lh160 {
	line-height: 1.6;
}

.lh180 {
	line-height: 1.8;
}




/* other
=================================================================== */
img {
	margin:       0px;
	padding:      0px;
	border-width: 0px;
}

strong, a strong, strong a {
	font-weight: bolder;
}

/*
input[type=checkbox], input[type=radio] {
	padding-right: 10px;
}
*/

br,.fs10 { letter-spacing: 0px; }



/* class
=================================================================== */

/* new070712
=================================================================== */

#page_title {
	margin-bottom:    10px;
	padding:          5px 10px;
	border-left:   3px double #cccccc;
	border-bottom: 4px double #cccccc;
	text-align:       left;
	vertical-align:   middle;
	color:            #7ea800;
	font-size:        12pt;
	font-weight:      bold;
}

h2.subsection {
	margin-bottom: 10px;
	padding:       0px 5px 5px;
	border-left:   1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align:    left;
	font-size:     11pt;
	color:         #7ea800;
	font-weight:   bold;
}

div.honbun_txt {
	padding: 40px 10px 20px 10px;
	line-height: 1.3em;
}

div.return_top {
	text-align: right;
	width:      740px;
}


.txt_title01 {
	width: 715px;
	text-align: left;
	margin: 10px 0px 0px 5px;
	padding: 0px;
}

p {
	margin:  1em 0px;
	padding: 0px;
}



div.offer {
	text-align: right;
	width: 700px;
	margin: 10px 10px 2px 10px;
	font-size: 13px;
	color: #336600;
/*	font-weight:bold;*/
/*	padding-right:10px;*/
}

form {
	margin:  0px;
	padding: 0px;
}

.namebox {
	width: 300px;
}

div.r_line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

div.table_p {
	font-weight: bold;
	color:#fff;
	padding: 0px 5px 0px 5px;
}

div.table_p2 {
	padding: 0px 5px 0px 10px;
}

div.sp5 {
	width:       1px;
	height:      5px;
	font-size:   0px;
	line-height: 0px;
}

div.sp10 {
	width:       1px;
	height:      10px;
	font-size:   0px;
	line-height: 0px;
}

div.sp20 {
	width:       1px;
	height:      20px;
	font-size:   0px;
	line-height: 0px;
}

div.pass_box {
	margin: 80px 0px;
}

div.mem_box {
	margin: 50px 0px 50px 0px;

}

div.sp32 {
	width: 1px;
	height: 32px;
	font-size: 0px;
	line-height: 0px;
}

div.subtitle_p {
	margin-bottom: 10px;
}

div.mam_box {
	width: 700px;
	background: #fafaf0;
	margin: 20px 0px;
}

div.mam_txt {
	text-align: left;
	padding: 30px;
}

div.new_box {
	width: 450px;
	background: #fafadf;
}

div.new_box_txt {
	padding: 8px 10px;
	text-align: left;
}

.txt_b {
	font-weight: bold;
}

.link_txt {
	text-align: center;
	padding: 5px 0px;
}


#mem_bg1 {
	background-image: url(../../images/regist/mem_bg1.gif);
	background-repeat: no-repeat;
	height: 3px;
	width: 720px;
	font-size:0px;
	line-height:0px;
	margin-top:10px;
}

#mem_bg2 {
	background-image: url(../../images/regist/mam_bg2.gif);
	background-repeat:repeat-y;
	width: 720px;
}

#mem_bg3 {
	background-image: url(../../images/regist/mem_bg3.gif);
	background-repeat: no-repeat;
	height: 3px;
	width: 720px;
	font-size:0px;
	line-height:0px;
	margin-bottom:20px;
}


div.clear {
	clear:both;
}


p.hei_line {
	background-image: url(../../images/regist/hei_line.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#FF3300;
	padding:0px 0px 0px 13px;
}

p.step_txt {
	padding:5px 0px 20px 25px;
	line-height:1.3em;
}

div.arrow {
	height: 30px;
	width: 1px;
	font-size:0px;
	line-height:0px;
}

div.arrow2 {
	height: 1px;
	width: 31px;
	font-size:0px;
	line-height:0px;
}

.side_p {
	padding:15px 10px;
}

.side_p2 {
	padding:10px 0px 10px 10px;

}

ul.link_list {
	padding:0px 0px 0px 0px;
	margin:10px 0px 20px 0px;
	list-style-type: none;
	color:#0066CC;
}

.link_list {
	margin-bottom:10px;
}


.hasen {
	background-image: url(../../images/doc/hasen.gif);
	background-repeat: repeat-x;
	width:100%;
	height:1px;
	font-size:0px;
	line-height:0px;
	margin-bottom:20px;
}



/*---- Horizontal space ----*/

div.hspace_10 {
	width:      10px;
	height:      1px;
	font-size:   0px;
	line-height: 0px;
}

div.hspace_15 {
	width:      15px;
	height:      1px;
	font-size:   0px;
	line-height: 0px;
}

div.hspace_20 {
	width:      20px;
	height:      1px;
	font-size:   0px;
	line-height: 0px;
}

/*---- Vertical space ----*/

div.vspace_5 {
	width:       1px;
	height:      5px;
	font-size:   0px;
	line-height: 0px;
}

div.vspace_10 {
	width:       1px;
	height:     10px;
	font-size:   0px;
	line-height: 0px;
}

div.vspace_20 {
	width:       1px;
	height:     20px;
	font-size:   0px;
	line-height: 0px;
}

div.vspace_30 {
	width:       1px;
	height:     30px;
	font-size:   0px;
	line-height: 0px;
}

div.vspace_50 {
	width:       1px;
	height:     50px;
	font-size:   0px;
	line-height: 0px;
}


div.outer_frame {
	width:      740px;
	text-align: center;
}


/*---- Background color ----*/

.bg_996600 {
	background-color: #996600;
}

.bg_white {
	background-color: #ff0000;
}

/*---- Text color ----*/

.txt_white {
	color: #ffffff;
}

.txt_red {
	color: #ff0000;
}

.txt_666666 {
	color: #666666;
}

.txt_996600 {
	color: #996600;
}

.txt_669900 {
	color: #669900;
}

/*---- Width ----*/

.width_10 {
	width: 10px;
}

.width_15 {
	width: 15px;
}

.width_20 {
	width: 20px;
}

.width_30 {
	width: 30px;
}

.width_50 {
	width: 50px;
}

.width_80 {
	width: 80px;
}

.width_100 {
	width: 100px;
}

.width_200 {
	width: 200px;
}

.width_215 {
	width: 215px;
}

.width_300 {
	width: 300px;
}

.width_400 {
	width: 400px;
}

.width_420 {
	width: 420px;
}

.width_525 {
	width: 525px;
}

.max_width {
	width: 740px;
}

/*---- Height ----*/

.height_5 {
	height: 5px;
}

.height_10 {
	height: 10px;
}

.height_20 {
	height: 20px;
}

.error_msg {
	margin:         0px;
	padding-top:    5px;
	padding-bottom: 0px;
	color:          #ff0000;
	font-size:      90%;
}

div.error_box {
	margin: 10px auto;
	padding: 10px;
	width: 40em;
	border: 2px solid red;
	font-weight: bold;
	color:  #ff0000;
}

td.right_cell {
	padding-top:    4px;
	padding-bottom: 4px;
	padding-left:   10px;
}

/*---- Horizontal align ----*/

.align_left {
	text-align: left
}

.align_right {
	text-align: right
}

.align_center {
	text-align: center
}

/*---- Vertical align ----*/

.valign_top {
	vertical-align: top;
}

.valign_middle {
	vertical-align: middle;
}

.valign_bottom {
	vertical-align: bottom;
}

/*---- Text style ----*/

.txt_bold {
	font-weight: bold;
}

/*---- User name ----*/

div.user_name {
	width:          740px;
	padding:        5px 10px;
	text-align:     left;
	vertical-align: top;
	font-weight:    bold;
	border-style:   solid;
	border-width:   1px;
	border-color:   #dddddd;
}


/*---- Sub title ----*/

.sub_title {
	margin:           0px;
	padding:          5px 10px;
	width:            740px;
	text-align:       left;
	vertical-align:   top;
	color:            #ffffff;
	background-color: #996600;
	font-size:        16pt;
}

/*---- new0816 ----*/

.w740 {
	width:740px;
}

.help_title dl {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}

.help_title {
	margin:20px 0px; 

}

.help_title dt {
	background-image: url(../../images/doc/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0px 0px 0px 20px;
}

.help_title dd  {
	padding:5px 0px 0px 3px;
	margin:0px;
}

.help_title ul {
	list-style-type: none;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.help_title li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

h3 {
	margin:0px;
	padding:0px;
	width:740px;
	background-color:#669900;
}

h3 p {
	padding:5px 10px;
	text-align:left;
	color:#fff;
	font-weight:bold;
}


.help_txt {
	width:700px;
	text-align:left;
	margin:10px 0px;
}

.help_txt span {
	color:#0066CC;
}

.help_txt dl {
	margin:0px;
	padding:0px;
}

.help_txt dt {
	margin:0px;
	padding:0px;
}

.help_txt dd {
	margin:0px;
	padding:3px 0px 20px 12px;
}


h4 {
	padding:0px;
	margin:20px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	width:718px;
	font-size:14px;
}

h4 p{
	padding:5px 10px;
	margin:0px;
	text-align:left;
	color:#669900;
	font-weight:bold;
}

.bg_yellow {
	background-color:#FAFADF;
	width:720px;
	text-align:left;
	margin:10px 0px;
}

.bg_yellow div {
	padding:10px 20px 10px 25px;
}

.bg_yellow ul{
	margin:0px;
	padding:0px;
/*	margin:10px 15px 10px 28px;*/
/*	padding:10px 15px 10px 28px;*/
}

.project_txt {
	text-align:left;
	width:696px;
	padding:10px 0px 20px 0px;
}

.error_txt {
	color: #ff0000;
	padding:10px 0px 5px 0px;
}

.mem_bg1 {
	background-image: url(../../images/member/bg_maru1.gif);
	background-repeat: no-repeat;
	width:720px;
	height:3px;
	font-size:0px;
	line-height:0px;
}


.mem_bg2 {
	background-image: url(../../images/member/bg_maru2.gif);
	background-repeat: no-repeat;
	width:720px;
	height:3px;
	font-size:0px;
	line-height:0px;
}

.mem_bg {
	width:720px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align:left;
}

.mem_bg ul {
	list-style-image: url(../../images/member/arrow_green2.gif);
	list-style-type: none;
	margin:0px 35px;
	padding:10px 0px;
}

.mem_bg li {
	margin-bottom:5px;
}

.red {
	color: #ff0000;
}

.small {
	font-size: 90%;
}

input.mail_address {
	width: 200px;
}

input.password {
	width: 100px;
}

input.url {
	width: 300px;
}

iframe#terms {
	width: 550px;
	height: 400px;
	font-size: 11pt;
}

iframe#terms_form {
	width: 550px;
	height: 200px;
	font-size: 11pt;
}

input.inputtext250 {
	width: 250px;
}