@charset "Shift_JIS";


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

guideMenu

----------------------------------------------------*/
#guideMenu{
width:634px;
padding: 0 0 10px 10px;
border-bottom: 2px solid #E6E6E6;
zoom: 1;
}

#guideMenu:after{content:".";display:block;height:0;clear:both;visibility:hidden} 


#guideMenu li{
float: left;
border-left: 1px solid #B6B6B6;
line-height:11px;
vertical-align:bottom;
}

#guideMenu .guideSpace{
margin: 0 0 0 7px;
padding: 0 0 0 7px;
}



#guideMenu .guide01{
border-left: medium none;
}

#guideMenu li a{
color: #676767;
}

#guideMenu li .on{
color: #0190AE;
font-weight:bold;
}


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

guideCntSct

----------------------------------------------------*/
#guideCntSct{
width: 644px;
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/bg_guideArea_btm.gif) no-repeat left bottom;
color: #676767;
}

#guideCntSct:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .guideCntTop{
width:644px;
margin-top: 10px;
padding:5px 0;
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/bg_guideArea_top.gif) no-repeat left top;
}
#guideCntSct .guideCntLine{
width:634px;
padding: 20px 0 5px 0;
border-left: 5px solid #E6E6E6;
border-right: 5px solid #E6E6E6;
}

#guideCntSct .section{
padding: 0 0 15px;
}

#guideCntSct .section:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .section h2{
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_smallArrow_gray.gif) no-repeat 13px 2px;
padding: 0 0 5px 25px;
color:#484848;
}

#guideCntSct .section .guideTxt{
width: 580px;
padding: 0 0 5px 25px;
}

#guideCntSct .section .guideBox{
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/bg_setting_top.gif) no-repeat top;
margin-top: 5px;
padding: 4px 0 0;
zoom: 1;
display:block;
}
#guideCntSct .section .guideBox:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .section .imgTxt{
width: 564px;
margin: 0 auto;
padding: 20px 10px 20px 20px;
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/bg_setting_btm.gif) no-repeat bottom;
}
#guideCntSct .section .imgTxt:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .section .imgTxt .img{
float: left;
}

#guideCntSct .section .imgTxt .txt{
zoom:1;
overflow: hidden;
}

#guideCntSct .imgTxtBox{
margin: 0 0 10px;
zoom: 1;
}
#guideCntSct .imgTxtBox:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .infoLink{
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_smallArrow_orange.gif) no-repeat 0 2px;
padding: 0 0 0 10px;
color: #676767;
text-decoration:underline;
}


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

guide_01.html

----------------------------------------------------*/
#guideCntSct  h4{
margin-bottom: 5px;
}


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

distinction01

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

#guideCntSct .distinction01 li:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .distinction01 .circleHgTit{
color:#323232;
margin-bottom:3px;
}

#guideCntSct .distinction01 .circleHgTxt{
padding: 7px 0 5px 5px;
}

#guideCntSct .distinction01 .circleHgTxt p{
width:400px;
margin-left:115px;
}

#guideCntSct .distinction01 .circleHgTxt .img{
padding-right:15px;
}


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

distinction02

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

#guideCntSct .distinction02 .ownerInfo{
width:420px;
padding: 5px 0 0 45px;
float: left;
}

#guideCntSct .distinction02 .ownerInfo p{
margin-left:5px;
}

#guideCntSct .distinction02 p a:hover{
color: #676767;
text-decoration:underline;
}


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

distinction03

----------------------------------------------------*/
#guideCntSct .distinction03 .mobileInfo{
width: 350px;
float: left;
}

#guideCntSct .distinction03 .mobileLink{
margin: 23px 0 0 200px;
}


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

guide_02.html

----------------------------------------------------*/
#guideCntSct .searchTxt{
width:305px;
padding: 0 0 0 15px;
*padding: 0 0 0 10px;
zoom: 1;
}

#guideCntSct .searchTxt02{
width: 560px;
}


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

distinction01

----------------------------------------------------*/
#guideCntSct .distinction01 .recruitmentTxt{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_recruitment.gif) no-repeat left top;
width:235px;
padding: 0 0 10px 60px;
margin-left: 10px;
}

#guideCntSct .distinction01 .enrollmentTxt{
background: url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_enrollment.gif) no-repeat left top;
width:235px;
padding: 0 0 50px 60px;
margin-left: 10px;
}


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

distinction02

----------------------------------------------------*/
#guideCntSct .distinction02 .searchLink{
text-align:right;
padding: 10px 0 0 0;
}


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

guide_03.html

----------------------------------------------------*/
#guideCntSct .distinction01 .listTxt{
width:275px;
}

#guideCntSct .distinction01 .ownerInfo{
text-align:right;
padding:15px 0 0 0;
}

#guideCntSct .distinction01 .ownerInfo a:hover{
color: #676767;
text-decoration:underline;
}


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

guide_04.html

----------------------------------------------------*/
#guideCntSct span{
color:#323232;
}


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

distinction01

----------------------------------------------------*/
#guideCntSct .distinction01 .newInfoTxt{
width:290px;
padding-left: 15px;
}


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

distinction02

----------------------------------------------------*/
#guideCntSct .distinction02 .contributionTxt{
padding-left: 15px;
}


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

distinction03

----------------------------------------------------*/
#guideCntSct .distinction03 dl{
width:375px;
padding: 3px 0 0 5px;
}

#guideCntSct .distinction03 dt{
padding: 0 0 5px 25px;
color:#323232;
}

#guideCntSct .distinction03 .listNumber01{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 5px 0;
}

#guideCntSct .distinction03 .listNumber02{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 5px 0;
}

#guideCntSct .distinction03 dd{
padding: 0 0 12px 25px;
}

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

distinction001(09/06/10)

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

#guideCntSct .distinction001 ul{
padding: 0 0 0 10px;
}

#guideCntSct .distinction001 li{
padding: 0 0 5px 25px;
color:#323232;
}

#guideCntSct .distinction001 .listNumber01{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 5px 0;
}

#guideCntSct .distinction001 .listNumber02{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 5px 0;
}

#guideCntSct .distinction001 p{
text-indent:-1em;
padding: 0 0 0 35px;
}

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

distinction002(09/06/10)

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

#guideCntSct .distinction002 p{
padding: 0 0 0 15px;
}

#guideCntSct .distinction002 p.contributionTxt{
padding-bottom:15px;
}

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

guide_05.html
distinction01

----------------------------------------------------*/
#guideCntSct .distinction01 dl{
padding: 3px 0 0 5px;
}

#guideCntSct .distinction01 dt{
padding: 0 0 5px 25px;
color:#323232;
}
#guideCntSct .distinction01 .listNumber01{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber02{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber03{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber03.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber04{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber04.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber05{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber05.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber06{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber06.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber07{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber07.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber08{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber08.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber09{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber09.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber10{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber10.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber11{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber11.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber12{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber12.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber13{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber13.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber14{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber14.gif) no-repeat 5px 0;}
#guideCntSct .distinction01 .listNumber15{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber15.gif) no-repeat 5px 0;}

#guideCntSct .distinction01 dd{
padding: 0 0 12px 25px;
}
#guideCntSct .distinction01 .circleSettingList dd{
width:338px;
}


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

distinction02

----------------------------------------------------*/
#guideCntSct .distinction02 .icoTxt{
width: 390px;
padding: 0 0 0 15px;
}

#guideCntSct .distinction02 li{
clear: left;
}

#guideCntSct .distinction02 .checkBox{
width:551px;
}
#guideCntSct .distinction02 .checkBox:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .distinction02 .checkInfo{
width:529px;
margin: 0 0 15px 0;
padding: 10px 10px;
background:#FFFFFF;
border: 1px solid #F0F0F0;
}
#guideCntSct .distinction02 .checkInfo:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#guideCntSct .distinction02 .checkInfo p{
padding: 0 0 0 15px;
}

#guideCntSct .distinction02 h4{
clear:both;
}

#guideCntSct .distinction02 dl{
clear:both;
width:450px;
padding: 3px 0 0;
}

#guideCntSct .distinction02 .checkFlow{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/bg_icoSetting.gif) no-repeat 0 0;
margin: 0 0 10px 0;
padding: 12px 0 12px 18px;
width: 541px;
}

#guideCntSct .distinction02 .checkFlow li{
width: 541px;
padding: 0 25px 56px 10px;
*padding: 0 25px 0 10px;
display:inline;
}

#guideCntSct .distinction02 .checkFlow01{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_parenthesisArrow.gif) no-repeat center right;
}

#guideCntSct .distinction02 .checkFlow02{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_parenthesisArrow.gif) no-repeat center right;
}

#guideCntSct .distinction02 .checkTxt{
width:541px;
padding: 0 0 0 5px;
}


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

distinction03

----------------------------------------------------*/
#guideCntSct .distinction03 p{
margin-left:5px;
}

#guideCntSct .distinction03 p a:hover{
color: #676767;
text-decoration:underline;
}


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

distinction04

----------------------------------------------------*/
#guideCntSct .distinction04 .imgTxt p{
margin: 0 0 15px 5px;
}

#guideCntSct .distinction04 dl{
width: 280px;
padding: 3px 0 0;
}

#guideCntSct .distinction04 dt{
padding: 0 0 5px 30px;
color:#323232;
}

#guideCntSct .distinction04 .listNumber01{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 10px 0;
}

#guideCntSct .distinction04 .listNumber02{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 10px 0;
}

#guideCntSct .distinction04 .listNumber03{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber03.gif) no-repeat 10px 0;
}

#guideCntSct .distinction04 dd{
padding: 0 0 12px 30px;
}


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

distinction05

----------------------------------------------------*/
#guideCntSct .distinction05 .Txt{
width: 290px;
}

#guideCntSct .distinction05 .imgTxt p{
width:270px;
margin: 3px 0 0 15px;
}

#guideCntSct .distinction05 dl{
padding: 3px 0 0 5px;
}

#guideCntSct .distinction05 dt{
padding: 0 0 5px 25px;
color:#323232;
}
#guideCntSct .distinction05 .listNumber01{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 5px 0;}
#guideCntSct .distinction05 .listNumber02{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 5px 0;}
#guideCntSct .distinction05 .listNumber03{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber03.gif) no-repeat 5px 0;}
#guideCntSct .distinction05 .listNumber04{background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber04.gif) no-repeat 5px 0;}

#guideCntSct .distinction05 dd{
padding: 0 0 12px 25px;
}


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

distinction06

----------------------------------------------------*/
#guideCntSct .distinction06 .imgTxt p{
width: 550px;
margin: 0 0 0 5px;
}


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

distinction07

----------------------------------------------------*/
#guideCntSct .distinction07 .imgTxt p{
width: 550px;
margin: 0 0 0 5px;
}


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

distinction08

----------------------------------------------------*/
#guideCntSct .distinction08 .imgTxt p{
width: 550px;
margin: 0 0 0 5px;
}

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

distinction003(09/06/10)

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

#guideCntSct .distinction003 ul{
padding: 0 0 0 5px;
}

#guideCntSct .distinction003 li{
padding: 0 0 10px 25px;
color:#323232;
}

#guideCntSct .distinction003 .listNumber01{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber01.gif) no-repeat 5px 0;
}

#guideCntSct .distinction003 .listNumber02{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber02.gif) no-repeat 5px 0;
}

#guideCntSct .distinction003 .listNumber03{
background:url(https://images.hange.jp/hangame/community/circlehg_top/guide/ico_listNumber03.gif) no-repeat 5px 0;
}

#guideCntSct .distinction003 p{
text-indent:-1em;
padding: 0 0 0 30px;
}
/*----------------------------------------------------

guide_06.html
distinction01

----------------------------------------------------*/
#guideCntSct .distinction01 .reportTxt{
width: 350px;
padding-left: 15px;
}


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

distinction02

----------------------------------------------------*/
#guideCntSct .distinction02 .friezeTxt{
width: 450px;
padding-left: 30px;
}


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

distinction03

----------------------------------------------------*/
#guideCntSct .distinction03 .questionTxt{
float:left;
padding-bottom:10px;
}

#guideCntSct .distinction03 .questionInfo{
clear:left;
margin-bottom: 10px;
}


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

agreement

----------------------------------------------------*/
#guideCntSct .agreement{
height: 300px;
overflow-y: scroll;
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #FBFBFB;
scrollbar-arrow-color: #DFDFDF;
scrollbar-3dlight-color: #d6d6d6;
scrollbar-shadow-color: #FBFBFB;
scrollbar-darkshadow-color: #d6d6d6;
}

#guideCntSct .agreement dl{
width: 510px;
margin-bottom: 20px;
}
#guideCntSct .agreement dl dt{
padding: 15px 0 10px;
}
#guideCntSct .agreement dl dd{
padding: 0 0 5px 1.5em;
text-indent: -1.5em;
}

#guideCntSct .agreement .above{
text-align: right;
margin-right: 50px;
}

#guideCntSct .patrolInfo{
padding: 10px 0 10px 25px;
}

#guideCntSct .patrolLink{
text-align:right;
margin-right: 25px;
}
#guideCntSct .patrolLink a:hover{
color: #676767;
text-decoration:underline;
}