@charset "UTF-8";
/*= wrap
======================================*/
/*= header
======================================*/
/* header-共通 */
#headin {
position:relative;
z-index:150;
}
.head-logo-area {
z-index:3;
}
.headline {
background:#ffe57a url(/c/cmn/img/ico_hline.png) no-repeat 10px 50%;
height:24px;
border-radius:2px;
}
.headline a {
display:block;
padding-left:35px;
line-height:24px;
}
.headline:hover {
background-color:#FFF28D;
}
.headline:hover a {
color: #E76025;
}
.head-gloval-navi {
z-index:4;
}
.head-sub-navi-wrap {
display:none;
width:100%;
position:absolute;
left:0;
z-index:6000;
}
.head-main-navi-wrap li {
cursor:pointer;
}
.head-sub-navi-inner {
text-align:left;
}
#GLOVAL_NAVI {
position:relative;
}
.head-main-navi-wrap ul li {
float:left;
overflow:hidden;
}

/* #LOGIN_MENU(ログイン後) */
#LOGIN_MENU {
width:100%;
position:absolute;
top:-50px;
left:0;
z-index:2;
}
.member-default-disp {
position:relative;
text-align:right;
}
.member-menu-area {
width:100%;
background:url(/c/cmn/img/bg_mheader.gif) repeat-x center top;
}
.m-menu-btn {
cursor:pointer;
position:absolute;
top:-1px;
right:0;
}
.m-menu-box {
text-align:right;
}
.m-menu-box li {
line-height:49px;
height:49px;
width: 16.6%;
text-align: center;
font-size:13px;
float:right;
color:#5f3912;
text-shadow:1px 1px 0 #ffffff;
-webkit-text-shadow:1px 1px 0 #ffffff;
-moz-text-shadow:1px 1px 0 #ffffff;
background: url(/c/cmn/img/bg_footmenu_li.gif) repeat-y right top;
overflow:hidden;
}
.m-menu-box li a {
display:block;
color: #61482d;
}
.m-menu-box li a:hover {
color: #ff9123;
}
.m-menu-btn {
height:29px;
border:3px solid #ab6f33;
border-top:none;
border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
}
.m-menu-btn span {
display:block;
padding:0 10px;
height:27px;
line-height:27px;
font-size:13px;
color:#5f3912;
border:1px solid #ffffff;
background: #e6e1d4;
background: -moz-linear-gradient(top,  #e6e1d4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e1d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e1d4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e1d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.m-menu-btn span:hover {
color:#AB6F33;
background: #FFFFBF;
background: -moz-linear-gradient(top,  #FFFFBF 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFBF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFBF 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFBF', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.m-menu-btn span b {
display:block;
height:27px;
padding-left:16px;
font-weight:normal;
background:url(/c/cmn/img/ico_mmenu_btn.png) no-repeat left 47%;
}
.user-point b {
color:#B20000;
}
.user-check {
display:inline-block;
margin-left:3px;
border:1px solid #915e2b;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.user-check span {
display:block;
padding:3px 5px;
font-size:12px;
color:#674038;
border:1px solid #ffffff;
background: #e6e1d4;
background: -moz-linear-gradient(top,  #e6e1d4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e1d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e1d4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e1d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.user-check span:hover {
color:#AB6F33;
background: #FFFFBF;
background: -moz-linear-gradient(top,  #FFFFBF 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFBF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFBF 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFBF', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* タスクアラート */
.head-sub-navi li.task a,
.head-sub-navi li.pass a {
position:relative;
padding:8px 5px 8px 20px;
}
.head-sub-navi li.task a:before {
display:block;
content:url(/c/cmn/img/ico_pin.gif);
position:absolute;
top:10px;
left:2px;
}
.head-sub-navi li.pass a:before {
display:block;
content:url(/c/cmn/img/ico_pass.png);
position:absolute;
top:11px;
left:3px;
}
.head-sub-navi li.task:hover a:before {
animation: shake 0.2s linear infinite;
-webkit-animation: shake 0.2s linear infinite;
}
@keyframes shake {
0%  {transform:rotate(0deg)    translate(0,0);}
25% {transform:rotate(0.8deg)    translate(0px,1px);}
50% {transform:rotate(0deg)    translate(0,0);}
75% {transform:rotate(-0.8deg)    translate(0,1px);}
100%{transform:rotate(0deg)    translate(0,0);}
}
@-webkit-keyframes shake {
0%  {transform:rotate(0deg)    translate(0,0);}
25% {transform:rotate(0.8deg)    translate(0px,1px);}
50% {transform:rotate(0deg)    translate(0,0);}
75% {transform:rotate(-0.8deg)    translate(0,1px);}
100%{transform:rotate(0deg)    translate(0,0);}
}
.head-main-navi-wrap ul li {
position:relative;
}
.head-main-navi-wrap ul li i {
display:block;
width:22px;
height:22px;
line-height:22px;
text-align:center;
background:#ff0000;
color: #ffffff;
font-style: normal;
font-weight:bold;
border-radius: 20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
position: absolute;
top: 6px;
right: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                 (min-resolution: 2dppx){
.head-sub-navi li.task a:before{
content:url(/c/cmn/img/ico_pin@2x.gif);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
top:2px;
left:-5px;
}
.head-sub-navi li.pass a:before{
content:url(/c/cmn/img/ico_pass@2x.png);
-webkit-transform: scale(0.5);
-moz-transform:scale(0.5);
top:3px;
left:-4px;
}
}


/* #DEFAULT_MENU (ログイン前) */
#DEFAULT_MENU {
width:100%;
position:absolute;
top:10px;
right:0px;
}
#DEFAULT_MENU .btn-box {
display:inline-block;
margin-left:7px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.d-smenu-box {
position:relative;
}
.d-menu-box .btn-box {
border:2px solid #fd8f19;
}
.d-smenu-box .btn-box {
border:2px solid #ab6f33;
}
#DEFAULT_MENU .btn-box a {
display:block;
padding:0 10px;
height:30px;
line-height:30px;
font-size:14px;
font-weight:600;
color:#5f3912;
border:1px solid #ffffff;
background: #e6e1d4;
background: -moz-linear-gradient(top,  #e6e1d4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e1d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e1d4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e1d4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e1d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#DEFAULT_MENU .btn-box a:hover {
color:#AB6F33;
background: #FFFFBF;
background: -moz-linear-gradient(top,  #FFFFBF 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFBF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFBF 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFBF 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFBF', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.link-pw {
display:block;
padding:10px 0 0 7px;
}
.link-pw a {
padding-left:6px;
color: #61482d;
background:url(/c/cmn/img/ico_rep.png) no-repeat 0 3px;
border-bottom: 1px dotted #61482D;
}
.link-pw a:hover {
color: #ff9123;
border:none;
}
.link-pw.artlink {
width:200px;
text-align:right;
position:absolute;
top:0;
right:0;
}
.member-default-disp .link-pw.artlink {
right:120px;
}
.d-smenu-box .link-pw.artlink {
right:185px;
}

/* header-2 */
#header-2 .i-logo {
  float: left;
}
#header-2 .i-txt {
  float: left;
}
#header-2 .i-link {
  float: right;
}
/*#header-2 .i-link a {
  background: url(/c/cmn/img/ico_arrow.png) no-repeat 0 2px;
  padding-left: 10px;
}*/



/*= contents
======================================*/
#contents .h-1, #contents .h-1-s {
  border-bottom: 3px solid #4d3c31;
  -webkit-box-shadow: 0 0 3px #bfbfbf;
  -moz-box-shadow: 0 0 3px #bfbfbf;
  box-shadow: 0 0 3px #bfbfbf;
}
#contents .h-1 .h-1-inner, #contents .h-1 .h-1-s-inner, #contents .h-1-s .h-1-inner, #contents .h-1-s .h-1-s-inner {
  display: block;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #bfbfbf;
}
#contents .h-1 .h-1-inner {
  color: #540000;
  font-weight: bold;
}
#contents .h-1-s .h-1-s-inner {
  color: #524036;
}
#contents .h-2-wrap {
  background-color: #ebebdc;
}
#contents .h-2-wrap .h-2 {
  margin-bottom: 0;
}
#contents .h-2 {
  border-left: 2px solid #540000;
  padding: 3px 0 3px 6px;
  margin-bottom: 5px;
  color: #540000;
  font-weight: bold;
}
#contents .h-3 {
  background-color: #ff910f;
  color: #fff;
}
#contents .fd-radio, #contents .fd-radio-error, #contents .fd-checkbox, #contents .fd-checkbox-error {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-repeat: no-repeat;
  position: relative;
}

/*= topic-path
======================================*/
#topic-path li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*= pagetop
======================================*/
#pagetop {
width:100%;
}
#pagetop .inner p {
padding-top:8px;
/*background:url(/c/cmn/img/bg_totop.png) no-repeat center top;*/
}
#pagetop .inner p a {
display:block;
margin:0 auto;
width:130px;
height:30px;
line-height:30px;
text-align:center;
color:#ffffff;
font-size:13px;
background:#61482d;
}
#pagetop .inner p a:hover {
background:#936D44;
}

/*= footer
======================================*/
#FOOT_TOP {
width:100%;
}
.footsns li a span {
color:#5e4c38;
}
li.footsns-tw a span {
background:url(/c/cmn/img/ico_foot_tw.png) no-repeat left 50%;
}
li.footsns-fb a span {
background:url(/c/cmn/img/ico_foot_fb.png) no-repeat left 50%;
}
li.footsns-mix a span {
background:url(/c/cmn/img/ico_foot_mix.png) no-repeat left 50%;
}
li a span b {
padding-right:3px;
font-weight:normal;
}
.footsns ul li {
float:left;
}
li.footsns-tw a span b {
color:#00aced;
}
li.footsns-fb a span b {
color:#3b5999;
}
li.footsns-mix a span b {
color:#be9116;
}
.footaside {
margin-left:-10px;
}
.footaside ul li {
margin-bottom:10px;
padding:0 10px;
line-height:1;
border-right:1px solid #584027;
}
.footaside ul li:last-child {
border-right:none;
}
.footaside ul li a {
color:#5e4c38;
border-bottom: 1px dotted #61482D;
}
.footaside ul li a:hover {
border:none;
}

.footmenu li a {
color: #61482d;
}
.footmenu li a:hover {
color: #ff9123;
}
.footsns a:hover {
opacity:0.8;
filter:alpha(opacity=80);
}

/*************************************************
			=02-2 module
*************************************************/
/*= contents
======================================*/
/* align */
#contents .c {
  text-align: center;
}
#contents .r {
  text-align: right;
}

/* a-table */
#contents .a-table {
  width: 100%;
  background-color: #dbd3ae;
}
#contents .a-table th {
  background-color: #d1c7af;
  border: 1px solid white;
  color: #540000;
}
#contents .a-table td {
  background-color: #fff;
}

/* a-frame */
#contents .a-frame {
  border: 1px solid #bababa;
}

/* a-msg */
#contents .a-msg {
  background-color: #ebebdc;
}

/* a-error & a-ok */
#contents .a-error, #contents .a-ok {
  background-repeat: no-repeat;
  font-weight: bold;
}
#contents .a-error {
  background-color: #fdd;
  color: #c00;
}
#contents .a-error a {
  border-bottom: 1px dotted #cc0000;
  color: #c00;
}
#contents .a-ok {
  background-color: #ccebb8;
  color: #308000;
}
#contents .a-ok a {
  border-bottom: 1px dotted #308000;
  color: #308000;
}

/* a-flow */
#contents .a-flow {
  background-color: #ebebdc;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #bfbfb4;
}
#contents .a-flow .a-flow-inner {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #fff;
  padding: 5px 5px;
}
#contents .a-flow .h-1 {
  margin: -5px -7px 5px;
}
#contents .a-flow ul {
  letter-spacing: -.4em;
  text-align: center;
}
#contents .a-flow ul > * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#contents .a-flow li {
  background-repeat: no-repeat;
  overflow: hidden;
}
#contents .a-flow li .i {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

/* a-login */
#contents .a-login {
  background-color: #ebebdc;
  padding: 10px;
}
#contents .a-login .b-o {
  border-bottom: 1px solid #cbc499;
}
#contents .a-login .b-o + .b-sns {
  border-top: 1px solid white;
  padding-top: 10px;
}
#contents .a-login ul {
  margin-bottom: 10px;
}
#contents .a-login li {
  margin-bottom: 5px;
}

/* a-form */
#contents .a-form dt {
  color: #61482d;
}
#contents .a-form dt strong {
  margin-right: 10px;
}
#contents .a-form dd input[type="text"], #contents .a-form dd input[type="password"], #contents .a-form dd select {
  border: 1px solid #61482d;
}
#contents .a-form .odd {
  background-color: #ebebdc;
}

/*######################################################################
						=04 media screen tl & pc
######################################################################*/
/*@media screen and (min-width: 768px) {*/
  /*************************************************
  			=04-1 common
  *************************************************/
  /*= wrap
  ======================================*/
  #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
  }

  /*= header
  ======================================*/
  /* header-共通 */
		#headin{
		background:url(/c/cmn/img/bg_header_pc.gif) repeat-x center top;
		}
		.head-nav-inner,
		.member-menu-inner,
		.member-default-disp,
		.default-inner {
		margin:0 auto;
/*		max-width:960px;*/
width:960px;
		}
		.head-nav-inner {
		position:relative;
		}
		.head-inner:after {
		content: "";
		display: block;
		clear: both;
		}
		.head-base {
		min-height:110px;
		}
		.head-logo-area {
		min-width:355px;
		position:absolute;
		top:0;
		left:0;
		}
		.brandlogo {
		padding:0 5px 0 0;
		width:110px;
		float:left;
		}
		.brandlogo .logo {
		display:block;
		margin-top:20px;
		}
		.brandlogo .logo img {
		width:100%;
		}
		.headline {
		float:left;
		margin-top:15px;
		min-width:240px;
		}
		.head-gloval-navi {
		margin:0 0 0 120px;
		padding-top:65px;
		width:835px;
		text-align:center;
		background:url(/c/cmn/img/bg_gnav1.gif) no-repeat left bottom;
		}
		.head-main-navi-wrap ul {
		width:100%;
		background:url(/c/cmn/img/bg_gnav5.gif) no-repeat right bottom;
		}
		.head-main-navi-wrap ul li {
		height:40px;
		line-height:40px;
		font-size:14px;
		font-weight:700;
		color:#5f3912;
		}
		.head-main-navi-wrap ul li.nav1,
		.head-sub-navi .snav1 {
		width:23%;
		}
		.head-main-navi-wrap ul li.nav2,
		.head-sub-navi .snav2 {
		width:19%;
		}
		.head-main-navi-wrap ul li.nav3,
		.head-sub-navi .snav3 {
		width:18%;
		}
		.head-main-navi-wrap ul li.nav4,
		.head-sub-navi .snav4 {
		width:17%;
		}
		.head-main-navi-wrap ul li.nav5,
		.head-sub-navi .snav5 {
		width:23%;
		}
		.head-main-navi-wrap ul li span {
		display:inline-block;
		padding-left:20px;
		}
		.head-main-navi-wrap ul li.nav2,
		.head-main-navi-wrap ul li.nav3,
		.head-main-navi-wrap ul li.nav4,
		.head-main-navi-wrap ul li.nav5 {
		background:url(/c/cmn/img/bg_gnav.gif) no-repeat left bottom;
		}
		.head-main-navi-wrap ul li.nav1 span {
		background:url(/c/cmn/img/ico_nav1.png) no-repeat 0 -150px;
		}
		.head-main-navi-wrap ul li.nav2 span {
		padding: 0 20px 0 18px;
		background:url(/c/cmn/img/ico_nav2.png) no-repeat 0 -150px;
		}
		.head-main-navi-wrap ul li.nav3 span {
		background:url(/c/cmn/img/ico_nav3.png) no-repeat 0 -150px;
		}
		.head-main-navi-wrap ul li.nav4 span {
		background:url(/c/cmn/img/ico_nav4.png) no-repeat 0 -150px;
		}
		.head-main-navi-wrap ul li.nav5 span {
		background:url(/c/cmn/img/ico_nav5.png) no-repeat 0 -150px;
		}
		.head-main-navi-wrap ul li:hover {
		color:#ff9123;
		}
		.head-main-navi-wrap ul li.nav1:hover > span {
		background:url(/c/cmn/img/ico_nav1.png) no-repeat 0 -210px;
		}
		.head-main-navi-wrap ul li.nav2:hover > span {
		background:url(/c/cmn/img/ico_nav2.png) no-repeat 0 -210px;
		}
		.head-main-navi-wrap ul li.nav3:hover > span {
		background:url(/c/cmn/img/ico_nav3.png) no-repeat 0 -210px;
		}
		.head-main-navi-wrap ul li.nav4:hover > span {
		background:url(/c/cmn/img/ico_nav4.png) no-repeat 0 -210px;
		}
		.head-main-navi-wrap ul li.nav5:hover > span {
		background:url(/c/cmn/img/ico_nav5.png) no-repeat 0 -210px;
		}
		.head-sub-navi-wrap {
		top:40px;
		}
		.head-sub-navi-inner {
		margin:0;
		border:5px solid #ff9123;
		border-top:none;
		}
		.head-sub-navi {
		width:100%;
		background:url(/c/cmn/img/bg_snav.png) repeat;
		}
		.head-sub-navi div {
		float:left;
		width:20%;
		background:url(/c/cmn/img/bg_snav.gif) repeat-y left top;
		}
		.head-sub-navi a {
		display: block;
		margin-left:1px;
		padding:8px 5px;
		font-size:13px;
		color:#ffffff;
		}
		.head-sub-navi a:hover,
		.head-sub-navi a:active {
		background: #9F9393;
		}
		
		/* #LOGIN_MENU(ログイン後) */
		#LOGIN_MENU {
		top:-50px;
		}
		.m-menu-box {
		height:50px;
		}
		.user-info-area {
		padding:36px 0 0 0;
		}
		
		/* #DEFAULT_MENU (ログイン前) */
		.default-menu-inner {
		margin:0 auto;
		max-width:960px;
		text-align:center;
		}
		.d-menu-box, .d-smenu-box {
		float:right;
		}
		.user-name {
		display:inline-block;
		font-size:10px;
		color:#663f38;
		}
		.user-name b {
		padding:0 2px 0 3px;
		font-size:14px;
		}
		.user-point {
		display:inline-block;
		padding-left:5px;
		font-size:12px;
		color:#663f38;
		}
		.user-point b {
		padding:0 3px 0 3px;
		font-size:22px;
		}	
		
		/* header-2 */
  #header-2 {
    height: 76px;
    background: url(/c/cmn/img/bg_header.png) repeat-x;
  }
  #header-2 .inner {
    padding: 0 20px;
    margin: 0 auto;
    *zoom: 1;
  }
  #header-2 .inner:after {
    content: "";
    display: block;
    clear: both;
  }
  #header-2 .i-logo {
    padding-top: 5px;
    margin-right: 10px;
  }
  #header-2 .i-logo img {
    width: 103px;
  }
  #header-2 .i-txt {
    margin-top: 23px;
  }
  #header-2 .i-txt img {
    width: 116px;
  }
  #header-2 .i-link {
    padding-top: 20px;
  }
  #header-2 .i-link a:hover {
    text-decoration: underline;
  }
		

  /*= contents
  ======================================*/
  #contents {    
/*    padding: 30px 0 136px;*/
padding: 30px 0;
  }
		#contents .alert-box {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
  }
  #contents .inner {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
  }
  #contents .h-1 .h-1-inner, #contents .h-1 .h-1-s-inner, #contents .h-1-s .h-1-inner, #contents .h-1-s .h-1-s-inner {
    background: url(/c/cmn/img/bg_h_1.png) repeat-x center top;
  }
  #contents .h-1 .h-1-inner {
    padding: 8px 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #contents .h-1-s .h-1-s-inner {
    padding: 4px 6px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
  }
  #contents .h-2-wrap {
    padding: 5px;
  }
  #contents .h-2 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
  }
  #contents .h-3 {
    padding: 8px;
    font-weight: bold;
  }
  #contents .fd-radio, #contents .fd-radio-error {
    width: 10px;
    height: 10px;
    background-image: url(/c/cmn/img/form_radio.png);
    margin-right: 5px;
  }
  #contents .fd-checkbox, #contents .fd-checkbox-error {
    width: 13px;
    height: 13px;
    background-image: url(/c/cmn/img/form_checkbox.png);
    margin-right: 5px;
    position: relative;
    top: 2px;
  }
  #contents .fd-radio {
    background-position: 0 0;
  }
  #contents .fd-radio-error {
    background-position: -10px 0;
  }
  #contents .fd-radio.fd-ac {
    background-position: 0 -10px;
  }
  #contents .fd-radio-error.fd-ac {
    background-position: -10px -10px;
  }
  #contents .fd-checkbox {
    background-position: 0 0;
  }
  #contents .fd-checkbox-error {
    background-position: -13px 0;
  }
  #contents .fd-checkbox.fd-ac {
    background-position: 0 -13px;
  }
  #contents .fd-checkbox-error.fd-ac {
    background-position: -13px -13px;
  }

  /*= container
  ======================================*/
  #contents #container {
    *zoom: 1;
  }
  #contents #container:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents #container .a-frame {
    padding: 10px;
  }

  /*= main
  ======================================*/
  #main {
    width: 100%;
    float: left;
  }

  /*= sub
  ======================================*/
  #sub {
    float: right;
    position: relative;
    z-index: 1;
  }
  #container #sub .a-frame {
    padding: 5px 10px 10px;
  }
  #container #sub .a-frame .h-1-s {
    margin: 0 -5px 10px;
  }

  /*= topic-path
  ======================================*/
  #topic-path {
    margin: -20px 0 25px;
  }
  #topic-path li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #topic-path li a {
    margin-right: 5px;
  }
  #topic-path li a:hover {
    text-decoration: underline;
  }

  /*= pagetop
  =====================================*/		
  #pagetop .inner {
  margin:0 auto;
		max-width:950px;
		position:relative;
  }
		#pagetop .inner p {		
/*		position:absolute;
		top:4px;
		right:0;*/
		}
		html*#pagetop .inner p {
		display:block;
		width:160px;
		}
  

  /*= footer
  ======================================*/
  #FOOT_TOP {
		background:url(/c/cmn/img/bg_footmenu.gif) repeat-x center bottom;
		}
		.footin {
		margin:0 auto;
		width:960px;
/*		max-width:950px;*/
		}
		.footmenu {
		width:84%;
		padding-bottom:1px;
		}
		.footmenu li {
		line-height:50px;
		height:50px;
		width:12.5%;
		text-align:center;
		background:url(/c/cmn/img/bg_footmenu_li.gif) repeat-y right top;
		}
		.footmenu li a {
		font-size:13px;
		text-shadow:1px 1px 0 #ffffff;
		-webkit-text-shadow:1px 1px 0 #ffffff;
		-moz-text-shadow:1px 1px 0 #ffffff;
		display:block;
		}
		#FOOT_BOTTOM {
		background:#e1dcc8;
		}
		.linkarea {
		float:left;
		}
		.footsns {
		padding-top:10px;
		}
		.footsns a {
		display:inline-block;
		margin-right:5px;
		padding:2px 5px;
		height:25px;
		background:#ffffff;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		}
		.footsns li a span {
		display:block;
		padding-left:30px;
		height:25px;
		line-height:25px;
		font-size:14px;
		}
		.footaside {
		padding-top:20px;
		}
		.pmsmark {
		padding-top:5px;
		float:right;
		}
		.copyright {
		padding:10px 0 5px;
		clear:both;
		color:#877a74;
		font-size:12px;
		}

  /*************************************************
  			=04-2 module
  *************************************************/
  /*= contents
  ======================================*/
  /* link & btn */
  #contents .link a, #contents .link-2 a, #contents .link-outside a, #contents .link-s, #contents .link-inline {
    border-bottom: 1px dotted #61482d;
  }
  #contents .link a:hover, #contents .link-2 a:hover, #contents .link-outside a:hover, #contents .link-s:hover, #contents .link-inline:hover {
    border-bottom: none;
  }
  #contents .link-r {
    text-align: right;
  }
  #contents .link-r .link, #contents .link-r .link-2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #contents .link, #contents .link-2, #contents .link-outside {
    background: url(/c/cmn/img/ico_arrow.png) no-repeat 0 5px;
    padding-left: 10px;
  }
  #contents .link-outside .link-outside-inner {
    background: url(/c/cmn/img/ico_outside.png) no-repeat 100% 0;
    padding-right: 18px;
  }
  #contents .link-top {
    background: url(/c/cmn/img/ico_pagetop.png) no-repeat right;
    padding-right: 15px;
    text-align: right;
  }
  #contents .link-top a {
    border-bottom: 1px dotted #61482d;
  }
  #contents .link-top a:hover {
    border-bottom: none;
  }
  #contents .btn, #contents .btn-2 {
    width: 290px;
    background-image: url(/c/cmn/img/bg_btn.png);
    background-repeat: no-repeat;
  }
  #contents .btn a, #contents .btn-2 a, #contents .btn input, #contents .btn-2 input {
    display: block;
    height: 72px;
    background-image: url(/c/cmn/img/bg_btn.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    line-height: 4.5;
    color: #61482d;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  #contents .btn input, #contents .btn-2 input {
    width: 100%;
    border: none;
    background-color: transparent;
    text-align: left;
  }
  #contents .btn.center, #contents .btn-2.center {
    margin-right: auto;
    margin-left: auto;
  }
  #contents .btn {
    background-position: 0 0;
  }
  #contents .btn-2 {
    background-position: 0 -288px;
  }
  #contents .btn-facebook {
    background-position: 0 -576px;
  }
  #contents .btn-twitter {
    background-position: 0 -720px;
  }
  #contents .btn-mixi {
    background-position: 0 -864px;
  }
  #contents .btn:hover {
    background-position: -100% -72px;
  }
  #contents .btn-2:hover {
    background-position: 0 -360px;
  }
  #contents .btn-facebook:hover {
    background-position: 0 -648px;
  }
  #contents .btn-twitter:hover {
    background-position: 0 -792px;
  }
  #contents .btn-mixi:hover {
    background-position: 0% -936px;
  }
  #contents .btn a, #contents .btn input {
    background-position: -100% -144px;
  }
  #contents .btn-2 a, #contents .btn-2 input {
    background-position: -100% -432px;
  }
  #contents .btn-facebook a {
    padding-left: 65px;
  }
  #contents .btn-twitter a {
    padding-left: 72px;
  }
  #contents .btn-mixi a {
    padding-left: 75px;
  }
  #contents .btn a:hover, #contents .btn input:hover {
    background-position: -100% -216px;
  }
  #contents .btn-2 a:hover, #contents .btn-2 input:hover {
    background-position: -100% -504px;
  }
  #contents .btn-s, #contents .btn-s-2 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #contents .btn-s a, #contents .btn-s-2 a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-repeat: no-repeat;
    font-weight: bold;
  }
  #contents .btn-s {
    background-image: url(/c/cmn/img/bg_btn-s.png);
    margin-right: 8px;
  }
  #contents .btn-s:hover {
    background-position: 0 -44px;
  }
  #contents .btn-s a {
    height: 44px;
    background-image: url(/c/cmn/img/bg_btn-s.png);
    background-position: 100% -88px;
    padding: 0 12px 0 35px;
    margin-right: -8px;
    line-height: 2.8;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #contents .btn-s a:hover {
    background-position: 100% -132px;
  }
  #contents .btn-s-2 {
    background-image: url(/c/cmn/img/bg_btn-s-2.png);
    margin-right: 6px;
  }
  #contents .btn-s-2:hover {
    background-position: 0 -36px;
  }
  #contents .btn-s-2 a {
    height: 36px;
    background-image: url(/c/cmn/img/bg_btn-s-2.png);
    background-position: 100% -72px;
    padding: 0 12px 0 35px;
    margin-right: -6px;
    line-height: 2.7;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #contents .btn-s-2 a:hover {
    background-position: 100% -108px;
  }
  #contents .btn-ss, #contents .btn-back {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-image: url(/c/cmn/img/bg_btn-ss.png);
    background-repeat: no-repeat;
  }
  #contents .btn-ss a, #contents .btn-ss input, #contents .btn-back a, #contents .btn-back input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 21px;
    background: url(/c/cmn/img/bg_btn-ss.png) no-repeat 100% -84px;
    padding: 0 12px 0 25px;
    margin-right: -8px;
    line-height: 1.7;
    color: #fff;
  }
  #contents .btn-ss input, #contents .btn-back input {
    border: none;
  }
  #contents .btn-ss:hover a, #contents .btn-ss:hover input, #contents .btn-back:hover a, #contents .btn-back:hover input {
    background-position: 100% -105px;
  }
  #contents .btn-ss {
    background-position: 0 0;
  }
  #contents .btn-ss:hover {
    background-position: 0 -21px;
  }
  #contents .btn-back {
    background-position: 0 -42px;
  }
  #contents .btn-back:hover {
    background-position: 0 -63px;
  }

  /* notes */
  #contents .notes {
    margin-left: 1em;
    text-indent: -1em;
  }
  #contents .list-notes li {
    margin-left: 1em;
    text-indent: -1em;
  }

  /* lsit */
  #contents .list-dot li {
    margin: 0 0 10px 0.5em;
    text-indent: -.5em;
  }

  /* space */
  #contents .s-1 {
    margin-bottom: 10px !important;
  }
  #contents .lc {
    margin-bottom: 20px !important;
  }

  /* a-table */
  #contents .a-table th, #contents .a-table td {
    padding: 5px 10px;
  }

  /* a-def */
  #contents .a-def {
    margin-bottom: 30px;
  }
  #contents .a-def .h-1 {
    margin-bottom: 15px;
  }
  #contents .a-def p {
    margin-bottom: 10px;
  }

  /* a-msg */
  #contents .a-msg {
    padding: 20px 20px 10px;
    margin: 10px 0;
  }

  /* a-error & a-ok */
  #contents .a-error, #contents .a-ok {
    min-height: 39px;
    background-position: 10px 50%;
    padding: 10px 10px 10px 65px;
    margin-bottom: 10px;
  }
  #contents .a-error a:hover, #contents .a-ok a:hover {
    border-bottom: none;
  }
  #contents .a-error {
    background-image: url(/c/cmn/img/bg_error.png);
  }
  #contents .a-ok {
    background-image: url(/c/cmn/img/bg_ok.png);
  }

  /* a-frame */
  #contents .a-frame {
    padding: 20px;
    margin-bottom: 20px;
  }

  /* a-flow */
  #contents .a-flow {
    margin-bottom: 30px;
  }
  #contents .a-flow h1 {
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* a-login */
  #contents .a-login .b-o {
    padding-bottom: 10px;
  }
  #contents .a-login .b-o p {
    margin: 0 0 0 5px;
  }
  #contents .a-login .b-sns ul {
    *zoom: 1;
    margin: 0 0 0 5px;
  }
  #contents .a-login .b-sns ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents .a-login .b-sns li {
    float: left;
  }
  #contents .a-login .b-sns li:first-child, #contents .a-login .b-sns li:first-child + li {
    margin-right: 15px;
  }

  /* a-form */
  #contents .a-form {
    padding: 20px;
  }
  #contents .a-form dl {
    position: relative;
  }
  #contents .a-form dt {
    position: absolute;
    left: 0;
  }
  #contents .a-form dd {
    min-height: 1.5em;
    padding-right: 10px;
    padding-bottom: 15px;
  }
  #contents .a-form dd label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #contents .a-form dd input[type="text"], #contents .a-form dd input[type="password"] {
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  #contents .a-form dd input[type="text"].error, #contents .a-form dd input[type="password"].error, #contents .a-form dd .error select {
    background-color: #e9a878;
  }
  #contents .a-form dd input[type="radio"].error {
    background-color: #e9a878;
  }
  #contents .a-form dd select {
    min-height: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  #contents .a-form dd .i-notes {
    white-space: nowrap;
  }
  #contents .a-form .b-confirmation {
    margin: -10px -10px 0;
  }
  #contents .a-form .b-confirmation dt {
    padding: 15px 0 0 10px;
  }
  #contents .a-form .b-confirmation dd {
    padding-top: 15px;
  }
		
		/*= Sachi
  ======================================*/
		.recruit-point-area {
		padding:6px 20px;
		background:rgba(255,255,255,0.8);
		}
		.recruit-point-area .rbox-inner {
		padding-bottom:10px;
		}
		#contents .a-def .recruit-point-area p.rp-notes {
		margin-bottom:0;
		text-align:center;
		line-height:1.3;
		}
		.recruit-point-ttl {
		line-height: 1.8;
		font-size: 1.3em;
		font-size: 13px;
		font-weight: bold;
		color: #520000;
		}
		.recruit-point-box {
		width:40%;	
		float:right;
		}
		.recruit-id-box {
		padding-right:10px;
		width:57%;
		border-right:1px dotted #cccccc;
		float:left;
		}
		.recruit-point-box img,
		.recruit-id-box img {
		width:100%;
		}
		#contents .a-def p.recruit-point-txt {
		margin-bottom:0;
		min-height:35px;
		}
		.recruit-point-img {
		padding-top:10px;
		}
		.recruit-id-service {
		display:block;
		margin:0;
		padding:0;
		}
		#contents .a-login .recruit-id-service {
		margin-bottom:0;
		}
/*}*/

/*######################################################################
						=07 media screen pc
######################################################################*/
/*@media screen and (min-width: 920px) {*/
  /*************************************************
  			=07-1 common
  *************************************************/
  /*= header
  ======================================*/
		.head-nav-inner,
		.member-menu-inner,
		.member-default-disp,
		.default-inner {
		max-width: 950px;
		}
		
		#headin .headin-inner {
		margin: 0px auto;
		width: 950px;
		}
		
		/* header-2 */
  #header-2 .inner {
    max-width: 950px;
  }

  /*= contents
  ======================================*/
		#contents .alert-box {
    max-width: 950px;
  }
  #contents .inner {
    max-width: 950px;
  }


		#footin {
		width:950px;
		}
  

  /*************************************************
  			=07-2 module
  *************************************************/
  /*************************************************
  			=07-3 page
  *************************************************/
/*}*/
/*######################################################################
						=08 media screen pcl
######################################################################*/
/*@media screen and (min-width: 1010px) {*/
  /*************************************************
  			=08-1 common
  *************************************************/
  /*= header
  ======================================*/
  .d-smenu-box .link-pw.artlink {
  top:36px;
  right:100px;
  }

  /*= contents
  ======================================*/
  #contents .nobr-pc {
    display: none;
  }

  /*= main
  ======================================*/
  #main {
    margin-right: -306px;
  }
  #main .main-inner {
    margin-right: 322px;
  }

  /*= sub
  ======================================*/
  #sub {
    width: 300px;
  }

  /*************************************************
  			=08-2 module
  *************************************************/
  /*************************************************
  			=08-3 page
  *************************************************/
/*}*/



/* Add Style */

.partnerList {
	margin-left: 2.7em;
}
.partnerList li{
	text-indent: -2.7em;
}
.partnerList1 {
	margin-left: 2em;
}
.partnerList1 li{
	text-indent: -1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
.partnerList2 {
	margin-left: 2.5em;
}
.partnerList2 dt{
	
}
.partnerList2 dd{
	margin-bottom: 10px;
}

.xClear {clear: both;}
.dBlock {display: block;}
#contents .a-form .dBlock {display:block;}
.spanLink {text-decoration: underline;}
.dNone {display: none;}
.aRight {text-align: right;}
.mH20a {
	margin: 20px auto;
}
.mT20 {margin-top: 20px;}
.m12 {margin: 12px;}
.m10 {margin: 10px;}


#socials {
	margin-top: 20px;
}
#social-check {}
.social {}
.social-connect {
	margin: 10px;
}
#check-connect {
	float: left;
	width: 20px;
	margin-right: 5px;
}
#social-text{
	float: left;
	width: 90%;
	font-size: 115%;
	margin-bottom: 10px;
}

.social-info {
	clear: both;
	margin-bottom: 10px;
}
.social-info li{
	line-height: 1.2em;
	text-indent: -1em;
	margin-left: 20px;
}

.blocked {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	background-color: transparent;
}
.nonblocked {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
}
.checked {
	cursor: pointer;
	pointer-events: auto;
}
.nonchecked {
	cursor: default;
	pointer-events: none;
}

#contents .blocked .btn:hover {
	background-position: 0 0;
}
#contents .blocked .btn-2:hover {
	background-position: 0 -288px;
}
#contents .nonblocked .btn-2:hover {
	background-position: 0 -360px;
}

#contents .blocked .btn a:hover, #contents .blocked .btn input {
	background-position: -100% -144px;
}
#contents .blocked .btn a:hover, #contents .blocked .btn input {
	background-position: -100% -432px;
}

#contents .nonblocked .btn-2 a:hover, #contents .nonblocked .btn-2 input:hover {
	background-position: -100% -504px;
}
#contents .nonblocked .btn-2 a:hover {
	background-position: -100% -504px;
}


#naviInner1 {}
#naviInner2 {
	position: relative;
	left: 236px;
}
#naviInner3 {}
.naviDropbox {
	width: 472px;
	position: absolute;
	top: 74px;
	left: 0px;
	z-index: 100;
	overflow: hidden;
}


/*===========================ゲーム上部バナー============================*/
#PRBN p.bnpr {
margin:0 auto 10px auto;
max-width:960px;
}
#PRBN p.bnpr .sp {
display:none;
}