@charset "utf-8";
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
li{ list-style-type:none;}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  overflow-y: scroll;
  font-size:62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #e5e5d5;
  border: 0;
  height: 1px;
  margin: 0;
  /*margin-bottom: 1.714285714rem;*/
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
i,em{ font-style:normal;}
a{
  text-decoration:none;
  outline:none !important;
  color:#ff6699;
  -webkit-tap-highlight-color:rgba(0,0,0,0.1);
}
a:hover{
  text-decoration:none;
  transition:.4s;
  opacity:.6;
}

/* webkit系フォームその他の装飾をはずす */
*{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-touch-callout:none;
  box-sizing: border-box;
  -webkit-tap-highlight-color:rgba(0,0,0,0.1);
}
select::-ms-expand {
  display: none;
}
input:focus,
select:focus,
textarea:focus{ outline:none;}
img {
  height: auto;
  max-width: 100%;
  vertical-align:bottom;/* 余白ﾄﾘ */
}

/* base */
body {
  font: 1.4rem/22px 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  vertical-align:baseline;
  _vertical-align:baseline;
  text-align:center;
  color:#666;
  background:url(../../girls/images/certification/bg.gif) repeat-x scroll 0 0;
}
html,body{
	height:100%;
}
body > #wrapper{ height:auto;}
.bodyOuter{}
#wrapper{
  width:100%;
  margin:0 auto;
  text-align:left;
  background-image:url(/images/common/bg_wrapper.png),url(/images/common/bg_wrapper_btm.png);
  background-repeat:no-repeat,no-repeat;
  background-position:center 46px,center bottom;
}
/* header */
#header{
	width:928px;
	height:auto;
	margin: 0 auto;
	position:relative;
}
#header h1 {
	width:640px;
	font-weight:normal;
	padding:5px 0 0 0;
}
#header h1 + p{
  font-size:1.2rem;
  line-height:1;
}
#header .cerLinks{
  position:absolute;
  top:5px;
  right:0;
}
#header .cerLinks:after{
  content:"";
  clear:both;
  display:block;
}
#header .cerLinks li{
  float:left;
  font-size:1.2rem;
}
#header .cerLinks li:after{
  content:"|";
  padding:0 10px;
}
#header .cerLinks li:last-child:after{
  content:normal;
}
#siteLogo{
  width:521px;
  height:290px;
  margin:0 auto;
  padding:98px 0 0;
}

/* main */
#main{
  width:998px;
  margin:10px auto 0;
  border:3px solid #ffd365;
  background-color:rgba(255,255,255,.9);
  position:relative;
}
.mainInnerWrap{
  width:100%;
  height:auto;
  border:1px solid #d99690;
  padding:16px 32px 32px;
}
.snsWrap{
  position:absolute;
  right:0;
  bottom:-150px;
}
.snsInnerWrap{
  height:20px;
  text-align:right;
  padding:8px 0 0;
}
.snsInnerWrap li{
  display:inline-block;
  padding:0 10px 0 0;
}
h2,
h2 + p{ text-align:center;}
hr.dottedLine{
  border-bottom:1px dotted #ccc; 
}
h2 + p + hr.dottedLine{
  width:704px;
  margin:0 auto 12px;
}
.enterWrap{
  margin:0 0 24px;
}
.enterWrap:after{
  content:"";
  clear:both;
  display:block;
}
.comuEnter{
  width:450px;
  height:210px;
  float:left;
}
.aboutEnterWrap{
  width:456px;
  height:180px;
  float:right;
  padding:30px 0 0;
}
.aboutEnter{
  width:456px;
  height:124px;
  margin:0 0 8px;
}
.leave{
  width:456px;
  height:48px;
  line-height:46px;
  border:1px solid #c3c3c3;
  background:#ededed;
  padding:1px;
  text-align:center;
}
.leaveInnerWrap{
  height:44px;
  border:1px solid #d9dde2;
  background:#fafafa;
}
.leave a{
  color:#666;
  display:block;
  height:42px;
}
.sectionWrap{
  margin:0 0 24px;
  border:1px solid #d4d1d2;
}
.sectionWrap:after{
  content:"";
  clear:both;
  display:block;
}
.sectionWrap.seo{ margin:0;}
.sectionBnWrap{
  margin:0 auto;
}
.groupWebLink{
  width:554px;
  margin:0 auto 24px;
}
h3{
  width:100%;
  height:48px;
  line-height:50px;
  border-bottom:4px solid #ff9431;
  font-size:2.4rem;
  padding:0 8px 0 44px;
  position:relative;
}
h3 i{
  height:48px;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
}
h3 i:before{
  padding:0 0 0 8px;
  color:#ff9431;
}
hr.stnLine{
  border-bottom:1px solid #d4d1d2; 
}
.areaEnterList{ padding:3px 0 1px 3px;}
.areaEnterList:after{
  content:"";
  clear:both;
  display:block;
}
.areaEnterList li{
  width:182px;
  height:64px;
  line-height:64px;
  float:left;
  margin:0 2px 2px 0;
  padding:1px;
  text-align:center;
  font-size:2.0rem;
  border:1px solid #c6c6c6;
}
.areaEnterList li a{
  width:100%;
  height:60px;
  display:block;
  border:1px solid #e7e7e7;
  background:#fefefe;
  color:#666;
}
.areaEnterList li a:hover{
  border:1px solid #f7da65;
  background:#fff7c8;
  opacity: 1;
}
.sectionPartWrap{
  padding:3px 0 3px 3px;
}
.sectionPartWrap:after{
  content:"";
  clear:both;
  display:block;
}
.sectionPart{
  width:304px;
  min-height:300px;
  border:1px solid #d4d1d2;
  float:left;
  margin:0 3px 0 0;
  padding:12px;
  font-size:1.2rem;
}
.sectionPartHeading{
  color:#cc6633;
  font-weight:bold;
  border-bottom:1px dotted #ccc;
  margin:0 0 4px;
}
.contentsListWrap{
  width:650px;
  float:left;
  border:1px solid #d4d1d2;
}
.sectionContentsWrap{ margin:0 0 24px;}
.contentPartWrap{
  padding:6px 0 6px 6px;
}
.sectionContentsWrap:after,
.contentsListWrap:after,
.contentPartWrap:after{
  content:"";
  clear:both;
  display:block;
}
.contentPart{
  width:208px;
  float:left;
  margin:0 6px 0 0;
}
.contentPart .contentImage{
  width:208px;
  height:120px;
  margin:0 0 4px;
}
.contentPart p{
  font-size:1.2rem;
  padding:0 4px;
  line-height:1.6rem;
}
.adsWrap{
  width:263px;
  float:right;
}
.adsInfo{
  width:263px;
  height:142px;
  margin:0 0 16px;
}
.adsInfo a{ opacity:1;}
.adsWrap .loginBtn{
  width:263px;
  height:76px;
  line-height:70px;
  border:1px solid #c6c6c6;
  padding:1px;
  text-align:center;
  font-size:1.8rem;
  font-weight:bold;
}
.adsWrap .loginBtnInnerWrap{
  border:1px solid #e7e7e7;
  background:#f8f8f8;
}
.adsWrap .loginBtn a{
  display:block;
  color:#666;
}
.sectionHeading{
  color:#cc6633;
  font-weight:bold;
  font-size:1.2rem;
  border-bottom:1px dotted #ccc;
  margin:0 16px;
  padding:0 8px
}
.wordRankWrap{ padding:16px;}
.wordRankWrap:after,
#wordRank:after,
.wordRank:after{
  content:"";
  clear:both;
  display:block;
}
.wordRankWrap li{
  display:inline-block;
  width:200px;
}
.wordRankWrap li span{
  color:#ff1e7a;
  padding:0 0 0 8px;
}
.wordRankWrap li span span{ padding:0;}

/* footer */
#footer {
	width:100%;
  height:190px;
  margin:194px 0 0;
  position:relative;
  background:url(/images/common/bg_footer.png) repeat-x scroll 0 0;
  line-height:1;
}
#footer .footerLead {
	width:auto;
	padding:30px 0 0;
  text-align:center;
}
#footer .footerLinks{
  width:auto;
  text-align:center;
  padding:45px 0 0;
}
#footer .footerLinks li{
  display:inline-block;
}
#footer .footerLinks li:after{
  content:"|";
  padding:0 6px;
}
#footer .footerLinks li:last-child:after{
  content:normal;
}
#footer .prohibition{
  width:auto;
  text-align:center;
  padding:38px 0 0;
}
#footer .copyright{
  text-align:center;
  padding:18px 0 0;
}

/* #Font-Face
================================================== */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Class指定の場合 */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-search,
.icon-exclamation,
.icon-question,
.icon-direction{
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/*line-height: 1;*/
-webkit-font-smoothing: antialiased;
}

.icon-search:before{
  content: "\e602";
  font-size:2.8rem;
}
.icon-exclamation:before{
  content: "\e601";
  font-size:2.8rem;
}
.icon-question:before{
  content: "\e603";
  font-size:2.8rem;
}
.icon-direction:before{
  content: "\e600";
  font-size:2.8rem;
}