@charset "utf-8";

/*clearfix*/
.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
#globalHeader {
    position: absolute;
}
#beginner optgroup {
    font-style:normal;
    }
#beginner #container{
	width: 100%;
	text-align: left;
	margin: 0 auto 40px;
	padding-top: 90px;
}
#beginner .breadcrumbs{
    width: 960px;
    margin: 8px auto 0;
}
#beginner .section{
	width: 960px;
	clear: both;
	margin: 0 auto;
	position: relative;
}
#beginner #mainVisual{
	background: url(/ui/others/pc/images/help/beginner/header_bg.jpg) no-repeat center top;
	padding-top: 25px;
}
#beginner #mainVisual .h1Bx{
	position: relative;
}
#mainVisual .h1Bx img.meritTit{
	margin-top: 20px;
}
#mainVisual .h1Bx img.madori{
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 0px;
}
#mainVisual ol li{
	display: inline-block;
}
#mainVisual ol li .merit{
	position: relative;
	background: url(/ui/others/pc/images/help/beginner/merit_bg.png) no-repeat;
	width: 308px;
	height: 150px;
	margin-top: 56px;
	padding-top: 90px;
	margin-left: 13px;
}
#mainVisual ol li:first-child{
	margin-left: -14px;
}
#mainVisual ol li .merit img.meritTit{
	position: absolute;
	top: -36px;
	left: 0px;
}
#mainVisual ol li .merit p{
	padding: 0px 5px 0px 17px;
	font-size: 12px;
	margin-bottom: 0;
}
#mainVisual ol li .merit img.meritImg{
	margin-left: 10px;
}
#beginner .searchBx{
	background: url(/ui/others/pc/images/help/beginner/search.png) no-repeat;
	height: 60px;
	padding-top: 15px;
}
#beginner .searchBx form{
	float: right;
	margin-right: 50px;
}
#beginner .searchBx #prefselectbtn,
#beginner .searchBx #prefselectbtn2{
	background: url(/ui/others/pc/images/help/beginner/search_btn.png) no-repeat;
	width: 119px;
	height: 48px;
	border: none;
	outline: none;
	cursor: pointer;
}
#beginner .searchBx #prefselectbtn:hover,
#beginner .searchBx #prefselectbtn2:hover{
	background-position: 0 -48px;
}
.customSelect {
	background: url(/ui/others/pc/images/help/beginner/search_bx.png) no-repeat top left;
	width: 314px;
	height: 42px;
}
.customSelectInner {
	padding: 12px 18px 9px 40px;
}
#beginner #pr1{
	padding-top: 70px;
	background: #e3ded7 url(/ui/others/pc/images/help/beginner/tw_shape.png) repeat-x top left;
}
#beginner #pr1 .pr1Bg{
	position: relative;
	background: url(/ui/others/pc/images/help/beginner/mess_bg_1.png) no-repeat;
	height: 200px;
}
#beginner #pr1 .pr1Bg h2{
	position: absolute;
	top: 15px;
	left: -9px;
	background: url(/ui/others/pc/images/help/beginner/mess_tit_1.png) no-repeat;
	padding-left: 29px;
	width: 665px;
	height: 74px;
	line-height: 67px;
	font-size: 24px;
	color: #514936;
}
#beginner #pr1 .pr1Bg h2 span,
#beginner #pr2 h2 span,
#beginner #pr3 h2.pr3 span,
#beginner #pr4 h2 span{
	padding-left: 26px;
	background: url(/ui/others/pc/images/help/beginner/icn_home.png) no-repeat 0px 6px;
}
#beginner #pr1 .pr1In{
	padding-top: 93px;
	margin-left: 20px;
}
#beginner #pr1 .pr1Bg h3{
	color: #514936;
	font-weight: bold;
	font-size: 21px;
}
#beginner #pr1 .pr1Bg p{
	color: #514936;
	font-size: 12px;
}
#beginner #pr1 .pr1Bg p span{
	color: #F40A51;
	font-weight: bold;
}
#beginner #pr1 .pr1In img{
	position: absolute;
	top: 1px;
	right: 33px;
}
#beginner #pr2{
	background: #FFF;
}
#beginner #pr2 h2.pr2_1,
#beginner #pr3 h2.pr3,
#beginner #pr4 h2{
	position: absolute;
	top: 15px;
	left: -9px;
	background: url(/ui/others/pc/images/help/beginner/mess_tit_2.png) no-repeat;
	padding-left: 29px;
	width: 930px;
	height: 75px;
	line-height: 67px;
	font-size: 24px;
	color: #514936;
}
#beginner #pr2 img.pr2_1{
	margin-top: 80px;
}
#beginner #pr2 .pr2_2{
	background: url(/ui/others/pc/images/help/beginner/pr2_2.png) no-repeat;
	height: 105px;
	text-align: center;
	font-size: 26px;
	color: #514936;
	padding-top: 18px;
}
#beginner #pr2 .pr2_3{
	background: url(/ui/others/pc/images/help/beginner/pr2_3.png) no-repeat;
	height: 307px;
	margin-top: -30px;
	position: relative;
	margin-bottom: 20px;
}
#beginner #pr2 .pr2_3 p{
	color: #514936;
}
#beginner #pr2 .pr2_3 p.pr2Txt1{
	font-size: 38px;
	line-height: 49px;
	position: absolute;
	top: 60px;
	left: 95px;
}
#beginner #pr2 .pr2_3 p.pr2Txt1 span{
	color: #f8b62d;
}
#beginner #pr2 .pr2_3 p.pr2Txt2{
	font-size: 44px;
	position: absolute;
	top: 110px;
	left: 153px;
}
#beginner #pr2 .pr2_3 p.pr2Txt3{
	font-size: 16px;
	position: absolute;
	top: 205px;
	left: 128px;
}
#beginner #pr2 img.pr2_4_5{
	margin-bottom: -50px;
}
#beginner #pr2 .pr2_5{
	background: #4EB7A8;
}
#beginner #pr2 .pr2_5 .section{
	background: url(/ui/others/pc/images/help/beginner/pr2_5_bg.png) no-repeat right 47px;
}
#beginner #pr2 .pr2_5 ul{
	padding: 60px 0px 45px 75px;
}
#beginner #pr2 .pr2_5 ul li{
	font-size: 25px;
	color: #FFF;
	padding-left: 47px;
	background: url(/ui/others/pc/images/help/beginner/pr2_5_check.png) no-repeat 0px 1px;
	line-height: 40px;
}
#beginner #pr2 .pr2_5 ul li span{
	text-decoration: underline;
	font-weight: bold;
}
#beginner #pr2 .pr2_6{
	background: #F7F3E4;
}
#beginner #pr2 .pr2_6 .section{
	padding-top: 10px;
	padding-top: 20px;
}
#beginner #pr2 .pr2_6 ul{
	margin-left: 22px;
	padding-top: 14px;
}
#beginner #pr2 .pr2_6 ul li{
	background: url(/ui/others/pc/images/help/beginner/pr2_6_check2.png) no-repeat 0px 0px;
	padding-left: 101px;
	color: #514936;
	font-size: 38px;
	line-height: 46px;
}
#beginner #pr2 .pr2_6 ul li:first-child{
	background: url(/ui/others/pc/images/help/beginner/pr2_6_check.png) no-repeat 0px 0px;
	position: relative;
}
#beginner #pr2 .pr2_6 ul li span{
	position: absolute;
	font-size: 12px;
	top: -9px;
	left: 352px;
	line-height: 10px;
}
#beginner #pr2 .pr2_6 p{
	display: block;
	border-top: 1px dotted #716957;
	width: 810px;
	margin: 0 auto;
	font-size: 13px;
	padding: 15px 0px 20px 0px;
}
#beginner #pr2 ol.pr2_6Note{
	/*text-align: center;*/
	margin-left: 75px;
}
#beginner #pr2 ol.pr2_6Note li{
	/*display: inline-block;*/
	font-size: 11px;
	/*width: 245px;*/
	margin-top: 5px;
}
#beginner #pr3{
	border-top: #E3DED7 1px solid;
	margin-top: 30px;
}
#beginner #pr3 h3.pr3_1{
	font-size: 22px;
	color: #002562;
	padding: 94px 10px 0px 10px;
}
#beginner #pr3 .section p{
	font-size: 12px;
	padding: 10px;
}
#beginner #pr3 .pr3_2{
	background: #002562;
	color: #FFF;
	height: 156px;
	margin-top: 20px;
	padding: 20px 0px 20px 0px;
}
#beginner #pr3 .pr3_2 .pr3_2InL h3{
	border-bottom: 1px dotted #fff;
	font-size: 20px;
	padding-top: 22px;
}
#beginner #pr3 .pr3_2 p{
	padding: 5px 0px 0px 0px;
}
#beginner #pr3 .pr3_2 .pr3_2InL{
	float: left;
	width: 560px;
}
#beginner #pr3 .pr3_2 .pr3_2InR{
	float: right;
	background: url(/ui/others/pc/images/help/beginner/pr3_3_img.png);
	width: 367px;
	height: 156px;
	position:relative;
}
#beginner #pr3 .pr3_privacy{
	position:absolute;
	top:30px;
	right:37px;
	width: 94px;
	height: 96px;
}
#beginner #pr4{
	margin-top: 30px;
}
#beginner #pr4 .pr4Bg{
	display: block;
	background: url(/ui/others/pc/images/help/beginner/mess_bg_4.png) no-repeat;
}
#beginner #pr4 h2{
	width: 370px;
	margin-top: 10px;
	background: url(/ui/others/pc/images/help/beginner/mess_tit_3.png) no-repeat;
}
#beginner #pr4 .pr4Bg .pr4In{
	width: 544px;
	padding-right: 20px;
	float: right;
	color: #514936;
	margin-top: 10px;
}
#beginner #pr4 .pr4Bg .pr4In h3{
	font-size: 21px;
}
#beginner #pr4 .pr4Bg .pr4In p{
	font-size: 12px;
}
#beginner #pr4 .pr4Bg ul.pr4ImgLst{
	padding: 0px 0 21px 20px;
	clear: both;
}
#beginner #pr4 .pr4Bg ul.pr4ImgLst li{
	display: inline-block;
}
#beginner #pr4 .pr4Bg ul.pr4ImgLst li img{
	width: 179px;
}
#beginner #pr4 a:hover .thmb{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#beginner #pr5{
	background: url(/ui/others/pc/images/help/beginner/pr5_1.png) no-repeat center top;
	padding-top: 18px;
	color: #5c3508;
	padding-bottom: 2px;
}
#beginner #pr5 h2{
	font-size: 55px;
	max-width: 530px;
    min-width: 505px;
	line-height: 58px;
	zoom: 1;
}
#beginner #pr5 h2 span{
	font-size: 40px;
}
#beginner #pr5 .pr5In{
	margin-top: 155px;
	margin-left: 34px;
	padding-right: 42px;
}
#beginner #pr5 .pr5In h3{
	font-size: 18px;
}
#beginner #pr5 .pr5In p.pr5InTxt{
	font-size: 13px;
	line-height: 18px;
}
#beginner #pr5 p.pr5Txt{
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	background: #5c3508;
	padding: 8px;
	width: 894px;
	text-align: center;
	margin-left: 21px;
}

#beginner #pr5 p.cation{
	margin-top:20px;
	font-size:11px;
}

#beginner #pr6{
	margin-top: 10px;
}
#beginner #pr6 .section{
	background: url(/ui/others/pc/images/help/beginner/pr6_bg.png) no-repeat center top;

	height: 400px;
}
#beginner #pr6 iframe{
	position: absolute;
	top: 45px;
	left: 73px;
	z-index: 1;
}
#beginner #pr6 .searchBxundr{
	background: #FFFCFC;
	padding-top: 62px;
	margin-top: -52px;
	padding-bottom: 20px;
}
#beginner #pr6 .searchBxundr .searchBx{
	width: 960px;
	margin: 0 auto;
}
#innerContainer{
	margin:0 auto;
	width:960px;
}