@charset "utf-8";
/* CSS Document */

/* 01 START */
.main_icon_box_how_1{
	position: absolute;
	top: -20px;
	left: 494px;
}

.mk01-box-wrap {width: 510px; margin-bottom: 15px;}
.mk01-box-wrap div {padding: 0; margin: 0;}
.mk01-box-wrap div.mk01-box {padding: 0 25px 0 25px; background:url(../how_to_1/images/box_rep.gif) repeat-y;}
.mk01-box-wrap div.mk01-box p {color: #00498D; text-align: left; font-size: 14px; font-weight: bold; margin-bottom: 15px;}
.mk01-box-wrap div.mk01-box div {float: left; font-size: 10px; color: #000;}
.mk01-box-wrap div.mk01-box .mk01-box-head{float: none;font-size: 12px; color: #333;font-weight: bold; }
.mk01-box-l {width: 162px; line-height:14px;}
.mk01-box-c {width: 170px; line-height:14px;}
.mk01-box-r {width: 123px; line-height:14px;}

.mk01-box-wrap div.mk01-box:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
.mk01-box-wrap div.mk01-box {display: inline-block;}
/* Hides from IE-mac \*/
* html .mk01-box-wrap div.mk01-box {height: 1%;}
.mk01-box-wrap div.mk01-box {display: block;}
/* End hide from IE-mac */

.mk01-txt-l {float: left; width: 270px; padding-bottom: 10px;}
.mk01-img-r {float: right; width: 145px; padding-bottom: 10px;}
.mk01-img-r .how_font_10 {padding-left: 5px;}
.mk01-link {font-size: 13px; padding-left: 10px; background: url(../how_to_1/images/icon_link.gif) no-repeat 0 .5em;}
.mk01-link a {color:#00498D;}

.mk01-img-l {float: left; text-align: right; width: 205px; padding-bottom: 10px;}
.mk01-img-l img {margin-bottom: 10px;}
.mk01-txt-r {float: right; width: 273px; padding-bottom: 10px;}

/*for IE6 */  
* html .mk01-img-l { width: 180px;}  
    
 /*for IE7 */  
*:first-child+html .mk01-img-l { width: 180px;} 

.stp4-ti {min-height: 30em; height: auto !important; height: 30em;}
.mk01-cmp-txt {margin: 10px 0;}
.mk01-cmp-img {text-align: center;margin: 10px 0 20px 0}
.mrg-b-8 {margin-bottom: 8px;}
.lm-dot {text-indent:-.6em;margin-left:.6em;}

/* 01 END */

/* 02 START */

.main_icon_box{
	position: absolute;
	top: -20px;
	left: 494px;
}

.sec_box_mb_10{
margin-bottom:10px;
}

.step_area{
width:515px;
background:url(../how_to_2/images/step_bg_middle.gif) repeat-y;
}

.step_area_top{
width:515px;
background:url(../how_to_2/images/step_bg_top.gif) top no-repeat;
}

.step_area_bottom{
width:515px;
background:url(../how_to_2/images/step_bg_bottom.gif) bottom no-repeat;
}

.step_area_text_area{
padding:10px 10px 0 10px;
}

.step_area_text_area .step_text_area{
padding-right:10px;
float:left;
font-size:16px;
font-weight:bold;
color:#005C9E;
}

.step_area_text_area .step_text_area_2{
height:106px;
padding-right:10px;
float:left;
font-size:16px;
font-weight:bold;
color:#005C9E;
}

.step_default{
width:270px;
}

.step_complete{
margin:0 auto 0;
font-size:16px;
font-weight:bold;
color:#005C9E;
text-align:center;
}

.step_right_img_area{
width:140px;
float:right;
margin-left:10px;
margin-bottom:10px;
}

.step_right_img_area2{
width:196;
float:right;
margin-left:10px;
margin-bottom:10px;
}

.step_icon_box{
margin:10px auto 10px;
width:515px;
text-align:center;
}

br.how{
line-height:10px;
clear:both;
}

.how_font_10{
font-size:10px;
line-height:16px;
}

.how_caption_bottom{
width:500px;
margin:15px 0 10px 10px;
font-size:12px;
line-height:16px;
}
/* 02 END*/

/* point START */

.main_icon_box_point{
	position: absolute;
	top: -20px;
	left: 494px;
}

.sec_main_area_title02 {
	font-size: 16px;
	font-weight: bold;
	color: #005C9E;
	padding-left: 10px;
	margin-bottom: 15px;
	border-left: 4px solid #0051AD;
}

.col {
	width: 512px;
	margin-bottom: 10px;
}
.col2 {
	width: 515px;
	clear: both;
	margin-bottom: 10px;
}
.col p {margin-bottom: 20px;}
.col p.cap {font-size: 10px; margin-bottom: 0;}
.col .col-l-01 {float: left; width: 225px;}
.col .col-r-01 {float: right; width: 275px;}

.col .col-l-02 {float: left; width: 266px;}
.col .col-r-02 {float: right; width: 230px;}

.col .col-l-03 {float: left; width: 250px;}
.col .col-r-03 {float: right; width: 250px;}
.col300 {
	float: left;
	width: 300px;
}
.col1d {
	margin-bottom: 15px;
	clear: both;
}

.col:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
.col {display: inline-block;}
/* Hides from IE-mac \*/
* html .col {height: 1%;}
.col {display: block;}
/* End hide from IE-mac */

.title-box {padding-bottom: 5px; margin-bottom: 10px; background: url(../point/images/bg_box_01.gif) no-repeat left bottom;}
.title-box .inr {padding-top: 8px; background: url(../point/images/bg_box_01.gif) no-repeat left top;}
.title-box .inr div {background: #005C9E;}
.title-box .inr div p {color: #FAF000; padding: 0 0 0 0; margin: 0 10px;}
.title-box .inr div p.reco {color:#FF9900; font-weight: bold; padding: 0 0 0 0; margin: 0 10px;}
.title-box .inr div p.title {font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 3px; font-family:"Osaka"}

.care-box {width: 517px;padding-bottom: 15px; margin-bottom: 25px; background: url(../point/images/bg_box_02.gif) no-repeat left bottom;}
.care-box .inr {padding-top: 15px; background: url(../point/images/bg_box_02.gif) no-repeat left top;}
.care-box .inr .rep {padding: 0 15px; background: #D0E1ED;}
.care-box .inr .rep .col-title {padding: 0 0 5px 0; margin-bottom: 8px; background:url(../point/images/line_dot.gif) repeat-x left bottom;}
.care-box .inr .rep .col-title p.txt-care {font-size: 14px;color: #00498D; font-weight: bold;padding-left: 20px;background:url(../point/images/icon_care.gif) no-repeat 0 0;}

.care-box .inr .rep .col-l {float: left; width: 240px;}
.care-box .inr .rep .col-r {float: right; width: 230px;}

.care-box .inr .rep:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
.care-box .inr .rep {display: inline-block;}
/* Hides from IE-mac \*/
* html .care-box .inr .rep {height: 1%;}
.care-box .inr .rep {display: block;}
/* End hide from IE-mac */
table.tb-point {font-size: 12px; color: #262626; margin: 20px 0 10px 0; border-collapse: collapse; border-spacing: 0;}
table.tb-point {border: 1px solid #878787;}
table.tb-point th,
table.tb-point td {font-weight: normal;padding: 10px 5px;border: 1px solid #878787;}
table.tb-point th {background:#C1D6E7;}

/* point END */

/* enjoy */
.enj_main_icon_box{
	position: absolute;
	top: -20px;
	left: 494px;
}
.enj_sec_title {padding: 10px 0 0 0;}
.enj-col-03 {width: 516px; margin: 20px 0 10px;}
.enj-col-03 .enj-col-l {float: left; width: 161px;}
.enj-col-03 .enj-col-c {float: left; width: 204px; padding-top: 18px;}
.enj-col-03 .enj-col-r {float: left; width: 151px;}
.enj-col-03:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
.enj-col-03 {display: inline-block;}
/* Hides from IE-mac \*/
* html .enj-col-03 {height: 1%;}
.enj-col-03 {display: block;}
/* End hide from IE-mac */
.enj-col-03 img {margin-bottom: 10px;}
.enj-col-03 .cap01 {text-align: center; color: #00498D; min-height: 18px; height: auto !important; height: 18px;}
.enj-col-03 .cap02 {font-size: 10px; line-height: 14px;}


.enj-box {width: 518px; padding-bottom: 5px; margin-bottom: 10px; background: url(../enjoy/images/bg_box.gif) no-repeat left bottom;}
.enj-box .inr {padding-top: 15px; background: url(../enjoy/images/bg_box_top.gif) no-repeat left top;}
*html .enj-box .inr {display:inline-block;}
*:first-child+html .enj-box .inr {display:inline-block;}
.enj-box .inr .rep {padding: 0 15px; background: transparent; border-left: 1px solid #C4C4C4;border-right: 1px solid #C4C4C4;}

.enj-box .inr .rep .enj-title02 {font-size: 14px; font-weight: bold; text-align: center; color: #00498D; padding-bottom: 7px; margin-bottom: 15px; background:  url(../enjoy/images/line_title.gif) repeat-x left bottom;}
.enj-box .inr .rep .logo {text-align: center; margin: 20px 0 0;}
.enj-box .inr .rep .txt {padding: 10px 20px 20px;}
.enj-col-02 {margin: 0 18px 20px 18px;}
.enj-col-02 .col-l {float: left; width: 205px;}
.enj-col-02 .col-r {float: right; width: 205px;}
.enj-col-02:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
.enj-col-02 {display: inline-block;}
/* Hides from IE-mac \*/
* html .enj-col-02 {height: 1%;}
.enj-col-02 {display: block;}
/* End hide from IE-mac */

.enj-col-02 .title-col { margin-bottom: 10px; background: url(../enjoy/images/line_dot.gif) repeat-x left bottom;}
.enj-col-02 .title-col p {text-align: center; color: #00498D; padding: 8px 0 5px 0; background: url(../enjoy/images/line_dot.gif) repeat-x left top;}
.enj-col-02 .img-col {text-align: center; margin-bottom: 5px;}

/* enjoy END */


/* MOVIE START */
.main_icon_box_movie{
	position: absolute;
	top: -20px;
	left: 494px;
}

.movie_title{
margin-bottom:20px;
}

.movie_box_left_col{
float:left;
width:250px;
margin-right:10px;
}

.movie_bold{
font-weight:bold;
}

.movie_btn_box{
width:455px;
margin:0 auto 10px;
padding-left:10px;
}

.fan_area{
width:515px;
margin:25px 0 15px 0; 
background:url(../service/images/fan_bg_03.jpg) repeat-y;
}

.fan_area_bottom{
width:515px;
background:url(../service/images/fan_bg_04.jpg) bottom no-repeat;
}

.fan_area_text_area{
margin:10px auto 0;
width:470px;
}

.fan_area_left_col{
float:left;
width:217px;
margin-right:10px;
}


.movie_colum{
width:470px;
background:url(../service/images/movie_colum_02.jpg) repeat-y;
margin:10px 0 0 0;
}


.movie_colum_top{
width:470px;
background:url(../service/images/movie_colum_01.jpg) top no-repeat;
}


.movie_colum_bottom{
width:470px;
background:url(../service/images/movie_colum_03.jpg) bottom no-repeat;
}

.movie_colum_text_area{
width:430px;
margin:0 auto;
padding:10px 0 10px;
font-size:10px;
}

.movie_colum_title{
font-size:12px;
}

.movie_colum_line{
margin:1px 0 5px;
}

.movie_colum_img{
float:right;
margin-left:20px;
}

.movie_caption_area{
margin-bottom:10px;
width:515px;
background:url(../service/images/dot_line_2.gif) top no-repeat;
}

.movie_caption_area_bottom{
width:515px;
background:url(../service/images/dot_line_2.gif) bottom no-repeat;
}

.movie_caption_area_text{
font-size:10px;
padding:10px;
}

br.movie{
line-height:15px;
clear:both;
}


/* MOVIE END */

/* GALLERY START */
.main_icon_box_gallery{
	position: absolute;
	top: -20px;
	left: 494px;
}

ul.gallery{
padding:0;
list-style:none;
}
ul.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
*html ul.gallery {display: inline-block;}
*:first-child+html ul.gallery {display: inline-block;}


ul.gallery li{
margin-left:12px;
margin-bottom:5px;
text-align:center;
float:left;
display:inline;
width:158px;
line-height:18px;
font-weight:bold;
color:#333333;
}

ul.gallery li img{
margin-top:8px;
}

.gallery_title_box_01{
width:515px;
background:url(../gallery/images/line_01.jpg) no-repeat;
margin-top:10px;
text-align:left;
}
.gallery_title_box_01 .gallery_title_area{
width:7.5em;
}

.gallery_title_box_02{
width:515px;
background:url(../gallery/images/line_02.jpg) no-repeat;
text-align:left;
margin-top:10px;
}
.gallery_title_box_02 .gallery_title_area{
width:8.8em;
}

.gallery_title_box_03{
width:515px;
background:url(../gallery/images/line_03.jpg) no-repeat;
margin-top:10px;
text-align:left;
}
.gallery_title_box_03 .gallery_title_area{
width:11.0em;
}

.gallery_title_box_04{
width:515px;
background:url(../gallery/images/line_04.jpg) no-repeat;
text-align:left;
margin-top:10px;
}
.gallery_title_box_04 .gallery_title_area{
width:3.5em;
}

.gallery_title_box_05{
width:515px;
background:url(../gallery/images/line_05.jpg) no-repeat;
text-align:left;
margin-top:10px;
}
.gallery_title_box_05 .gallery_title_area{
width:4.3em;
}

.gallery_title_area{
background-color:#FFFFFF;
padding:5px 3px 3px 3px;
margin-left:23px;
font-size:14px;
font-weight:bold;
color:#005C9E;
}

br.gallery{
line-height:5px;
clear:left;
}


/* DOWNLOAD */

table.tb-download {font-size: 12px; color: #262626; margin: 10px 0 3px 0; border-collapse: collapse; border-spacing: 0;}
table.tb-download {border: 1px solid #878787;}
table.tb-download th,
table.tb-download td {
	font-weight: normal;
	padding: 5px 3px;
	border: 1px solid #878787;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
table.tb-download th {background:#C1D6E7;}
#downloadList {
	clear: both;
}
#mainVisual {
	padding-top: 15px;
}

.btnDownload {
	float: right;
	width: 205px;
	margin-top: 0px;
}
.navi_text_area_DL{
	color:#555555;
	line-height:18px;
	font-weight: bold;
	letter-spacing: 0;
	margin-top: 0px;
	padding-top: 7px;
	padding-right: 0;
	padding-left: 37px;
	padding-bottom: 11px;
}
.smallFont {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
}
.characterPhoto {
	float: left;
	width: 128px;
}
.characterPhoto img {
	padding-top: 10px;
}
.characterCap {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
}
#character {
	clear: both;
	width: 515px;
}
.step {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #3399CC;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #97CCE6;
}
.note {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #666666;
	margin-top: 5px;
}
.col1d img {
	margin-top: 5px;
	margin-bottom: 10px;
}
.importantText {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FF0000;
	margin-top: 5px;
	margin-right: 210px;
}
.importantText2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FF0000;
	margin-top: 5px;
}