@charset "UTF-8";
#account .a_block .entry {
	float: right;
	height: 14px;
	width: 790px;
	text-align: right;
	background-image: url(../img/account/line_dot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
	padding-top: 12px;
	margin-bottom: 20px;
}
#account .blue_dot {
	background-image: url(../img/account/bg_dot.gif);
	background-repeat: repeat;
	padding: 13px;
}
#account .blue_line {
	background-color: #FFFFFF;
	border: 3px solid #1B4E9D;
	padding-top: 18px;
	padding-bottom: 18px;
}
#account .blue_line .in {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: left;
}
#account  .in  .b_txt {
	font-size: 16px;
	color: #004A8B;
	font-weight: bold;
	text-align: left;
	width: 725px;
	height: 36px;
	background-image: url(../img/account/cau_notfree.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 10px;
}
#account   .in   .b_txt_none {
	font-size: 16px;
	color: #004A8B;
	font-weight: bold;
	text-align: left;
	width: 725px;
	height: 36px;
	padding-bottom: 10px;
}
#account .in .page_txt a {
	color: #0000FF;
	text-decoration: underline;
}

#account   .in   .page_txt {
	text-align: left;
	font-size: 12px;
	margin-bottom: 15px;
	width: 725px;
}
#account .entry_block {
	background-image: url(../img/account/txt_entry.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 85px;
	padding-bottom: 30px;
}
#account  .in  .img_block {
	width: 725px;
}
#account   .in   .img_block_2 {
	width: 691px;
	margin-left: 34px;
}


#account  .in  h5  {
	font-weight: bold;
	height: 25px;
	margin-top: 3px;
}





#account .pay {
	width: 382px;
	float: left;
}
#account .pay p {
	font-size: 12px;
	background-color: #E0F3F8;
	width: 352px;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#account .pay .yaji {
	height: 18px;
	width: 382px;
	background-image: url(../img/account/yaji_pay.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-bottom: 10px;
}

#account .pay .com01 {
	background-image: url(../img/account/bg_pay.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 382px;
	height: 92px;
}

#account .pay .howto_block {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1B4E9D;
	border-bottom-color: #1B4E9D;
	border-left-color: #1B4E9D;
	padding-left: 10px;
	padding-top: 18px;
	height: 220px;
}
#account  .free {
	width: 382px;
	float: right;
}

#account .free p {
	font-size: 12px;
	background-color: #F8E7F1;
	width: 352px;
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#account .free .yaji {
	height: 18px;
	width: 382px;
	background-image: url(../img/account/yaji_free.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-bottom: 10px;
}


#account .free .com01 {
	background-image: url(../img/account/bg_free.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 382px;
	height: 92px;
}
#account .free .howto_block {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #972F65;
	border-bottom-color: #972F65;
	border-left-color: #972F65;
	padding-top: 10px;
	padding-left: 10px;
	height: 230px;
}
#account   .free   .howto_block  .s_red {
	font-size: 10px;
	color: #972F65;
	text-align: left;
	margin-bottom: 3px;
}
#account .free .howto_block .no_use {
	color: #999999;
	font-size: 12px;
}

#account  .com01  h5 {
	float: left;
}
#account .com01 .txt {
	float: left;
	padding-top: 10px;
	padding-left: 35px;
}
#account .howto_block a {
	color: #0000FF;
	text-decoration: underline;
	font-size: 12px;
}

#account .howto_block li {
	margin-bottom: 16px;
	text-align: left;
}
#account  .howto_block  img  {
	height: 17px;
	width: 17px;
	margin-right: 8px;
}

#account .comment_block {
	margin-bottom: 15px;
	width: 382px;
	height: 87px;
}



/* account */

#account .header_bg .header { background:url(../img/account/main_header.jpg) no-repeat left top scroll; }

#account #menu {
	background:url(../img/account/menu_bg.gif) no-repeat left bottom scroll;
	padding:46px 0 25px;
}

#account .tit_bg { background:url(../img/account/matit_bg.gif) no-repeat left top scroll; }

#account .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#account .text_area p { padding:0 0 20px 0; }

#account .text_area .comment {
	margin:0 0 0 90px;
	font-size:x-small;
}

#account .text_area .comment .red {
	background:url(../img/account/icon01.gif) no-repeat 0 50% scroll;
	height:16px;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	color:#333333;
}

#account .text_area .comment .red .txt_red {
	color:#972E64;
	font-weight:bold;
}

#account .text_area .comment .blue {
	background:url(../img/account/icon02.gif) no-repeat 0 50% scroll;
	height:16px;
	padding:0 0 0 20px;
}

#account .text_area .comment .blue .txt_blue {
	color:#1B4E9D;
	font-weight:bold;
}

#account .free-account {
	background:url(../img/account/free_bg.jpg) no-repeat left top scroll;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#account .pay-account {
	background:url(../img/account/pay_bg.jpg) no-repeat left top scroll;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	text-align:left;
}

#account .free-account h5, #account .pay-account h5 { padding:5px 0 20px 200px; }

#account .free-account p, #account .pay-account p { padding:0 0 10px 200px; }

#account .free-account li, #account .pay-account li {
	float:left;
	padding:10px 10px 0 0;
}

#account .free-account .last, #account .pay-account .last { padding:10px 0 0 0; }

#account .free-account .attention, #account .pay-account .attention {
	clear:both;
	padding:5px 0 0 0;
	font-size:x-small;
	color:#CC0000;
}

#account .entry_link {
	clear:both;
	background:url(../../common/img/line.gif) repeat-x left bottom scroll;
	padding:15px 0 5px 0;
	text-align:right;
}

#account .free-account .entry_link { padding:0 0 5px 0; }

#temp .picup-a {
	top:471px;
}

/* price */

#price .header_bg .header { background:url(../img/price/main_header.jpg) no-repeat left top scroll; }

#price #menu { background:url(../img/price/menu_bg.gif) no-repeat left bottom scroll; }

#price .tit_bg { background:url(../img/price/matit_bg.gif) no-repeat left top scroll; }

#price .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#price .text_area h5 {
	display:block;
	margin:0 0 10px 0;
	font-size:130%;
	font-weight:bold;
}

#price .price_area {
	width:600px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#price .price_area h5 { margin:20px 0 5px 0; }

#price .f-account {
	width:600px;
	margin:0 0 5px 0;
	border-top:1px solid #CCCCCC;
}

#price .f-account .red {
	display:block;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#972E64;
}

#price .f-account .txt02 {
	display:block;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#price .f-account caption {
	background:#972E64;
	padding:5px;
	text-align:left;
	color:#FFFFFF;
}

#price .p-account {
	width:600px;
	margin:0 0 5px 0;
	border-top:1px solid #CCCCCC;
}

#price .p-account .red02 {
	display:block;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#CC0000;
}

#price .p-account caption {
	background:#1B4E9D;
	padding:5px;
	text-align:left;
	color:#FFFFFF;
}

#price td { padding:8px; }

#price .item {
	width:115px;
	background-color: #F0F0F0;
	text-align: center;
	line-height: 1.5;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#price .p-account .plan {
	background: #FEFECA;
	text-align: center;
	line-height: 1.3;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#price .p-account .plan img {
	margin-top: 5px;
	margin-bottom: 5px;
}

#price .p-account .plan02 {
	text-align: center;
	background: #E2EFFA;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#price .p-account .plan02 img {
	margin-top: 5px;
	margin-bottom: 5px;
}

#price .txt {
	background:#FFFFFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
}

#price .p-account .amenity {
	line-height: 1.5;
	background-color: #FFFFFF;
	text-align: left;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#price .p-account .amenity img { margin:0 0 10px 0; }

#price dl {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#price dt {
	background:url(../img/price/icon-q.gif) no-repeat 0 50% scroll;
	margin:0 0 10px 0;
	padding:3px 0 7px 38px;
	color:#004A8B;
	font-size:120%;
	font-weight:bold;
}

#price dd {
	background:url(../img/price/icon-a.gif) no-repeat left top scroll;
	margin-bottom:20px;
	padding:0 0 0 38px;
}

#price .attention {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:left;
}

#price .attention li {
	background:url(../img/price/icon.gif) no-repeat left top scroll;
	line-height:1.5;
	padding:0 0 5px 15px;
}

#temp .picup-p { top:710px; }

/* movie */

#movie .header_bg .header { background:url(../img/function/movie/main_header.jpg) no-repeat left top scroll; }

#movie #menu {
	background:url(../img/function/movie/menu_bg.gif) no-repeat left bottom scroll;
	padding:46px 0 25px;
}

#movie .tit_bg { background:url(../img/function/movie/matit_bg.gif) no-repeat left top scroll; }

#movie .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#movie .text_area .left { margin:0 10px 20px 0; }

#movie #main-area .ac01 { background:url(../img/function/movie/tit_bg01.gif) no-repeat left top scroll; }

#movie #main-area .ac02 { background:url(../img/function/movie/tit_bg02.gif) no-repeat left top scroll; }

#movie .tit_bg02 h4 img {
	margin:0 0 0 10px;
	vertical-align:text-bottom;
}

#movie .text_area h5 {
	display:block;
	clear:both;
	font-size:130%;
	font-weight:bold;
}

#movie .sub_entry {
	width: 750px;
	margin-top: 20px;
	padding:15px 20px 30px 20px;
	background:url(../img/function/movie/movie_bg.gif) no-repeat left top scroll;
	text-align: left;
}

#movie .sub_entry .m-content {
	background:url(../img/function/movie/frame.gif) #000000 no-repeat left top scroll;
	padding:10px;
}

#movie .sub_entry .movie_link {
	background:url(../img/function/movie/molink_bg.gif) repeat-y right top scroll;
	margin:0;
	padding:5px 0 0 0;
}

#movie .sub_entry .movie_link a {
	float:right;
	display:block;
	padding:0 2px 0 0;
	background:none;
	width:140px;
	color:#FFFFFF;
	text-decoration:underline;
}

#temp .picup-m { top:670px; }

#temp .picup-m02 { top:1895px; }

/* function */

#function-1 .header_bg .header { background:url(../img/function/build/main_header.jpg) no-repeat left top scroll; }

#function-2 .header_bg .header { background:url(../img/function/entry/main_header.jpg) no-repeat left top scroll; }

#function-3 .header_bg .header { background:url(../img/function/manage/main_header.jpg) no-repeat left top scroll; }

#function-1 #menu { background:url(../img/function/build/menu_bg.gif) no-repeat left bottom scroll; }

#function-2 #menu { background:url(../img/function/entry/menu_bg.gif) no-repeat left bottom scroll; }

#function-3 #menu { background:url(../img/function/manage/menu_bg.gif) no-repeat left bottom scroll; }

#function-1 .tit_bg { background:url(../img/function/build/matit_bg.gif) no-repeat left top scroll; }

#function-2 .tit_bg { background:url(../img/function/entry/matit_bg.gif) no-repeat left top scroll; }

#function-3 .tit_bg { background:url(../img/function/manage/matit_bg.gif) no-repeat left top scroll; }

#function #main-area .text_area left { width:490px; }

#main-area .sub_menu { padding:0 0 50px 0; }

#main-area .sub_menu li { float:left; }

#main-area .sub_menu a {
	display:block;
	padding:0 20px 0 20px;
	background:url(../img/function/arrow.gif) no-repeat 0 50% scroll;
}

#main-area .sub_menu a:hover { background:url(../img/function/arrow_act.gif) no-repeat 0 50% scroll; }

#main-area .sub_menu .act { background:url(../img/function/arrow_act.gif) no-repeat 0 50% scroll; }

#function-1 .text_area, #function-2 .text_area, #function-3 .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#function-1 .text_area .right, #function-2 .text_area .right, #function-3 .text_area .right { margin:0 0 20px 20px; }

#function-1 .text_area h5, #function-2 .text_area h5, #function-3 .text_area h5 { margin:0 0 10px 0; }

#function-1 .sub_entry, #function-2 .sub_entry, #function-3 .sub_entry {
	width: 790px;
	margin-top: 20px;
	padding:0 0 15px 0;
	background:url(../img/function/bg.gif) no-repeat left bottom scroll;
	text-align: left;
}

#function-1 .fsub_entry, #function-2 .fsub_entry, #function-3 .fsub_entry {
	width: 790px;
	padding:0 0 15px 0;
	background:url(../img/function/bg.gif) no-repeat left bottom scroll;
	text-align: left;
}

#function-1 .fsub_entry p, #function-2 .fsub_entry p, #function-3 .fsub_entry p {
	color: #FFFFFF;
	line-height: 1.5;
	width: 750px;
	margin-right: 20px;
	margin-left: 20px;
	padding:10px 0 20px 0;
	border-top:solid 1px #699BCD;
}

#function-1 .sub_entry p, #function-2 .sub_entry p, #function-3 .sub_entry p {
	color: #FFFFFF;
	line-height: 1.5;
	width: 750px;
	margin-right: 20px;
	margin-left: 20px;
	padding:10px 0 20px 0;
	border-top:solid 1px #699BCD;
}

#function-2 .sub_entry .no_border, #function-3 .sub_entry .no_border { border:none; }

#function-1 .img_box_l img, #function-2 .img_box_l img, #function-3 .img_box_l img {
	margin-left: 20px;
	margin-top: 5px;
}

#function-1 .left_pg, #function-2 .left_pg, #function-3 .left_pg { float: left; }

#function-1 .img_box_l a, #function-2 .img_box_l a, #function-3 .img_box_l a {
	margin-top: 10px;
	color: #D8E4F1;
	display: block;
	width: 200px;
	float: left;
	margin-left: 8px;
	font-size: 10px;
}

#function-1 .img_box_l a:hover, #function-2 .img_box_l a:hover, #function-3 .img_box_l a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}

#function-1 .qa, #function-2 .qa, #function-3 .qa {
	background:url(../img/function/qa_bg.gif) no-repeat left top scroll;
	width: 790px;
	margin-bottom: 30px;
	text-align: left;
	clear: both;
}

#function-1 .qa h5, #function-2 .qa h5, #function-3 .qa h5 {
	font-size:120%;
	font-weight:bold;
	color:#666666;
	display: block;
	padding:7px 0 20px 50px;
	text-decoration: none;
}

#function-1 .qa img, #function-2 .qa img, #function-3 .qa img {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

#function-1 .qa p, #function-2 .qa p, #function-3 .qa p {
	width: 500px;
	float: left;
}

#function-1 .img_down, #function-2 .img_down, #function-3 .img_down { margin-bottom: 15px; }

.movie_link {
	background:url(../img/function/molink_bg.gif) no-repeat right top scroll;
	height:25px;
	padding:5px 0 0 0;
	clear: both;
}

.movie_link a {
	float:right;
	display:block;
	padding:0 10px 0 0;
	width:85px;
	background:url(../img/function/arrow02.gif) no-repeat 0 50% scroll;
	color:#FFFFFF;
	text-decoration:underline;
}

#function-1 .yellow, #function-2 .yellow, #function-3 .yellow {
	float:left;
	width:575px;
	background:url(../img/function/icon06.gif) no-repeat 0 50% scroll;
	padding:5px 0 5px 25px;
	color:#FFCC00;
}

#temp .picup-f02 { top:2310px; }

/* functionlist */

#functionlist .header_bg .header { background:url(../img/function/main_header.jpg) no-repeat left top scroll; }

#functionlist #menu { background:url(../img/function/menu_bg.gif) no-repeat left bottom scroll; }

#functionlist .tit_bg { background:url(../img/function/matit_bg.gif) no-repeat left top scroll; }

#functionlist .text_area h5 { margin:0 0 10px 0; }

#functionlist .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#functionlist table {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin:20px 0 30px 0;
}

#functionlist th {
	background-color: #668DB0;
	font-size: small;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

#functionlist td {
	font-size: small;
	padding: 5px 8px 5px 8px;
	text-align:left;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#functionlist .gray {
	background-color: #EBEBEB;
	text-align: left;
	white-space:nowrap;
	width: 120px;
}

#functionlist .icon {
	padding:0 5px 0 5px;
	text-align:center;
}

/* form */

#form .header_bg .header { background:url(../img/form/main_header.jpg) no-repeat left top scroll; }

#form #menu {
	background:url(../img/form/menu_bg.gif) no-repeat left bottom scroll;
	padding:15px 0 25px;
}

#form .tit_bg { background:url(../img/form/matit_bg.gif) no-repeat left top scroll; }

#form .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align: left;
}

#form .text_area h4 {
	padding:5px 0 20px 140px;
	font-size:130%;
	font-weight:bold;
	color:#004A8B;
}

#form .text_area p { padding:0 0 0 140px; }

#form .step03 ul, #form .step04 ul, #form .step05 ul {
	display:block;
	padding:10px 0 0 140px;
}

#form .text_area .attention {
	margin:10px 0 0 0;
	padding:0 0 0 140px;
}

#form .text_area .attention dt {
	background:url(../../common/img/icon.gif) no-repeat left top scroll;
	padding:0 0 5px 25px;
	font-size:100%;
	font-weight:bold;
	color:#CC0000;
}

#form .step01 {
	background:url(../img/form/step01.gif) no-repeat left top scroll;
	height:155px;
}

#form .step02 {
	background:url(../img/form/step02.gif) no-repeat left top scroll;
	height:315px;
}

#form .step03 {
	background:url(../img/form/step03.gif) no-repeat left top scroll;
	height:265px;
}

#form .step04 {
	background:url(../img/form/step04.gif) no-repeat left top scroll;
	height:157px;
}

#form .step05 {
	background:url(../img/form/step05.gif) no-repeat left top scroll;
	margin-bottom:0;
}

#form .login_bg {
	background:url(../img/form/btn_bg.gif) no-repeat left top scroll;
	margin-left:140px;
	padding:10px 36px 10px 36px;
	width:534px;
}

#form .login_bg .left { width:246px; }

#form .login_bg .right { width:246px; }

#form .login_bg img { margin:0 0 32px 0; }

#form .text_area .yellow {
	background:#F5F1B3;
	width:480px;
	margin:2px 0 5px 0;
	padding:2px 5px 2px 5px;
	color:#663300;
	font-weight:bold;
}

/* company */

#company .header_bg .header { background:url(../img/corporate/main_header.jpg) no-repeat left top scroll; }

#company #menu { background:url(../img/corporate/menu_bg.gif) no-repeat left bottom scroll; }

#company .tit_bg { background:url(../img/corporate/matit_bg.gif) no-repeat left top scroll; }

#company .text_area {
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#company .text_area dl {
	width:750px;
	display:block;
	margin: 20px 0 0 0;
	padding: 0;
	clear:both;
	line-height:1.5;
	background:#EFEFEF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#company .text_area dt {
	clear: both;
	float: left;
	width: 10em;
	padding:1em 0 1em 15px;
	border-top:1px solid #CCCCCC;
}

#company .text_area dd {
	margin-left: 120px;
	padding:1em 15px 1em 10px;
	background:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#company .text_area .space { margin-bottom:30px; }

#company .text_area .space02 { margin-bottom:130px; }

#company .text_area .terms {
	width:750px;
	display:block;
	margin:0;
	padding: 0;
	clear:both;
	line-height:1.5;
	background:#D3DFF2;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#company .text_area .terms dt {
	clear: both;
	float: left;
	width: 16em;
	padding:1em 0 1em 15px;
}

#company .text_area .terms dd {
	margin-left: 195px;
	padding:1em 15px 1em 10px;
	background:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#company .text_area .red { font-size:x-small; }