@CHARSET "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	/*vertical-align:baseline;*/
	background:transparent;
}
body {
	line-height:1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-image: url("http://sp.chara-p.jp/assets/images/icon/c_bg.png");
	/*background-color: #191919;*/
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
	list-style-type: none;
}

li {
	list-style-type: none;
}

blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	cursor: pointer;
	text-decoration: none;
	color: #2f17d0;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


* {
	font-size: 6px;
}

h1 {
	/*background-color: #000000;*/
}
h1, h2 {
	text-align: center;
}
/*body {
	background-image: url("./assets/images/bg.gif");
}*/
#top {
	text-align: center;
}
#entry {
	background-image: url("./assets/images/entry_bg.gif");
	background-repeat: no-repeat;
	background-position: center center;
}
#footer {
	width:320px;
	height:auto;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	margin: 0 auto;
}
a, body, .black {
	color: #1E1E1E;
}
#entry, .red {
	color: #FF2A2A;
}
.blue {
	color: #1C499E;
}
.magenta {
	color: #E23495;
}
.left {
	text-align: left;
}
.back {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
}
.c-both {
	clear:both;
} 

.green{
	color:#049336;
}

.red{
	color:#ff6347;
}

/* サイト全体を包む箱 */
.site-outline {
	width:320px;
	height:auto;
	margin: 0 auto;
}

/* タイトルエリア */
.top-title-imge-wrap h1 {
	background-color: #fff;
}
.top-title-imge-wrap h1 a{
	text-decoration: none;
	background-color: #fff;
	display: block;
	height:167px;
}

.top-title-area-wrap {
	width: 320px;
	height: 140px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.top-title-imge-wrap {
	width: 320px;
	height: auto;
	margin:0 auto;
}

.top-title-imge-wrap img {
	width: auto;
	height: auto;
	margin: 0;
	line-height: 0;
}

.top-introduce-wrap {
	width:300px;
	height:20px;
	text-align: center;
	/*background-color:#fef2de;*/
	padding: 10px 10px 10px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffdfc2), color-stop(0.97, #ff8a16), color-stop(0.72, #ff8a16), color-stop(0.55, #ff8916), color-stop(0.10, #ffae5e), color-stop(0.00, #ffb268));
	background: -webkit-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -moz-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -o-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -ms-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
}

.top-introduce {
	display:inline-block;
	font-size:14px;
	color:#fff;
	line-height: 20px;
}
.top-introduce-bottom-wrap {
	width: 320px;
	height: auto;
	margin: 0 auto;
	border-radius: 5px;
}


.top-introduce-bottom {
	width:300px;
	text-align:center;
	font-size:14px;
	color: #191919;
	margin-top: 15px;
	margin-bottom:15px;
	background-color: #f9c8f7;
	padding: 10px;
	border-radius: 5px;
}

.top-entry-link {
	width: 300px;
	height: 50px;
	margin: 0 auto;
}


/* コンテンツエリア */
.contents-outline {
	width:320px;
	height: auto;
}

.entry-button {
	width:150px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Courier New;
	font-size:14px;
	padding: 14px 50px 10px 50px;
	text-decoration:none;
	text-shadow:0px 0px 0px #fef2de;
	margin-top: 18px;
	margin-left: 50px;
	line-height: 7px;
	/*margin-bottom: 50px;*/
}
.entry-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.entry-button:active {
	position:relative;
	top:1px;
}

a.entry-button {
	width:100px;
	color: #191919;
}


/* コンテンツメニュー */
.contents-wrap-wrap {
	position: relative;
	width: 320px;
	height: auto;
	margin: 0 auto;
}

.contents-title-list-area-wrap {
	width: 280px;
	height: auto;
	padding-top: 30px;
}

.contents-wrap {
	margin-top:50px;
	width: 314px;
	height: auto;
	/*background-color: #d7e4f9;*/
	border:dashed 3px #049336;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding-bottom: 20px;
	border-radius: 5px;
}

.contents-headline img {
	position: absolute;
	left: 40px;
	top:-26px;
	/*opacity: 0.9;*/
}


.contents-title-area-wrap {
	position:relative;
	width:260px;
	height: 60px;
	background-color: #fff;
	margin: 20px 10px 10px 30px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

.contents-title-imge-wrap {
	position:absolute;
	width: 60px;
	height: 60px;
}

.contents-title-imge-wrap img {
	width: 60px;
	height: 60px;
}

.contents-title {
	position:absolute;
	width: 170px;
	height: 60px;
	line-height:60px;
	left: 75px;
}

.contents-title a {
	font-size: 14px;
	display: block;
}

.contents-icon {
	position: absolute;
	width: 30px;
	height: 60px;
	left: 230px;
}

.contents-icon img {
	width: 20px;
	height: 20px;
	margin-top: 20px;
}

.contents-title a {
	text-decoration: none;
}

.contents-label-link-wrap {
	/*margin-left: 40px;
	margin-top: 50px;*/
}

.contents-wrap-wrap #contents-label-link{/*コンテンツ高さ調整*/
	padding-top:0px;
	padding-bottom:0px;
}

h1.contents-label-link-wrap img {
	width: 100%;
	margin-top: 30px;
}

h2.contents-label-link-wrap img ,
h2.contents-label-link-wrap a img ,
h3.contents-label-link-wrap a img {
	width: 297px;/*240px*/
	height: auto;/*50px*/
}

h2.contents-label-link-wrap {
	display:block;
	margin-top: 10px;/*30px*/
}


.quiz-info {
	display:inline-block;
	/*margin-top:40px;
	margin-bottom:40px;*/
	font-size: 14px;
	/*color:#d87523;*/
	color:#191919;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	width: 260px;
}

.toppage-price-written {
	display:inline-block;
	color:#d87523;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
	font-size:12px;
	width:260px;
}

.bar-title-imag-adjust {
	width: 320px;
	height: auto;
}

.contents-title-adjust {
	width: 320px;
	height: auto;
	text-align:center;
	margin: 20px auto;
	color: #f50126;
	font-size: 18px;
	font-weight: bold;
}

.contents-info-wrap {
	width: 300px;
	height: auto;
	background-color: #f9c8f7;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding: 10px;
}

.contents-start {
	width: 320px;
	height: auto;
	/*text-align: center;*/
	font-size: 14px;
	line-height: 16px;
}

.contents-start-wrap {
	width: 300px;
	height: auto;
	background-color: #e2efd1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.contents-text {
	font-size: 14px;
	line-height: 16px;
}

.contents-title-label {
	width:320px;
	height:auto;
	margin-top: 15px;
}

.contents-title-label img {
	width:320px;
	height:auto;
}

.text-center-adjust {
	text-align: center;
}



.list-item-sort {
	margin-bottom: 20px;
	font-size: 14px;
}
.list-item-sort img {
	margin-right: 10px;
}


.sp-ver-contents {
	width: 300px;
	margin-top: 20px;
	text-align: center;
}

.sp-ver-contents a {
	display:block;
	width: 300px;
}

.payment-area {
	display:block;
	color: #ff0000;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}


/* フッター付近ラベル */
.footer-label-wrap {
	width:300px;
	height:auto;
	text-align: center;
	/*background-color:#fef2de;*/
	padding: 7px 10px 10px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffdfc2), color-stop(0.97, #ff8a16), color-stop(0.72, #ff8a16), color-stop(0.55, #ff8916), color-stop(0.10, #ffae5e), color-stop(0.00, #ffb268));
	background: -webkit-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -moz-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -o-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: -ms-linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
	background: linear-gradient(top, #ffb268 0%, #ffae5e 10%, #ff8916 55.00000000000001%, #ff8a16 72%, #ff8a16 97%, #ffdfc2 100%);
}

.top-label-introduce {
	display:inline-block;
	font-size:12px;
	color:#fff;
	line-height: 20px;
}





/* フッター付近のメニュー */
.top-return {
	display: block;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #f39a05;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.footer-menu {
	display: block;
	width:100%;
	height:auto;
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

li.footer-menu-list {
	width:100%;
	height:60px;
	border-bottom: solid 1px #049336;
}

li.footer-menu-list a {
	text-decoration: none;
	line-height: 30px;
	width: 100%;
	height:100%;
	display: inline-block;
	background-color:#CBE5C2;
}

li.footer-menu-list .footer-menu-icon {
	float: left;
	background-color:#ff6347;
	height:40px;
	border: 1px #ff6347 solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-top:9px;
    margin-left:5px;
}

li.footer-menu-list .footer-menu-icon-image {
	height: 40px;
	width:auto;
}

.footer-menu-list .footer-menu-text{
	display:block;
	float: left;
	height: 60px;
	color:#F09495;
}

.footer-menu-text p{
	line-height: 60px;
	font-size: 14px;
	margin-left:10px;
}

.credit {
	line-height: 11px;
}

.footer-img-label img {
	width: 100%;
}

.footer-menu-list .footer-menu-arrow{
	display:block;
	float:right;
	height:2px;
	width:auto;
	line-height: 60px;
}


/* 微調整 */
.margin-adjust-text-center {
	text-align: center;
}

.margin-adjust-text-left {
	text-align: left;
}

.margin-adjust-center {
	display:block;
	margin: 0 auto;
}

.margin-adjust-0px {
	margin-top: 0px;
}

ul.margin-adjust-0px {
	margin-bottom: 0px;
}

.padding-adjust-0px {
	padding-bottom: 0px;
}

.padding-adjust-10px {
	padding: 10px;
}

.margin-adjust-10px {
	margin-top: 10px;
}

.margin-adjust-15px {
	margin-top: 15px;
}

.margin-adjust-20px {
	margin-top: 20px;
}

.margin-adjust-30px {
	margin-top: 30px;
}

.margin-adjust-bottom-10px {
	margin-bottom: 10px;
}

.margin-adjust-bottom {
	margin-bottom: 15px;
}

.margin-adjust-left {
	margin-left: 15px;
}

.margin-adjust-left-50px {
	margin-left: 50px;
}

.site-color {
	color: #ff78ff;
}

.text-color-pink {
	color: #ff00ff;
}

.text-color-orange {
	color: #ff8000;
}

.attention-color {
	color: #ff0000;
}
.height-adjust {
	height: 20px;
}
.text-font-size-adjust {
	font-size: 12px;
}

.top-return a.footer-button-adjust {
	margin-left:0px;
	margin-top: 0px;
	margin-right: 16px;
}

.decome-item img {
	width: 30%;
}

img.decome-item {
	width: 50%;
}

.width-100 {
	display:block;
	width: 100%;
}

.link-width {
	display: inline-block;
	width: 300px;
}

.link-width-short {
	display: inline-block;
	width: 275px;
}

.link-width img {
	margin-right: 10px;
}

.img-absolute-adjust img {
	top:-14px;
}

li.boder-bottom-adjust {
	border-bottom: solid 0px #191919;
}

ul.bodder-all-adjust {
	border: dashed 0px #191919;
}

input.hogehoge {
	margin-top: 25px;
	margin-bottom:25px;
	margin-right: 10px;
}

/* 汎用ボタン */
.common-button {
	border: none;
	cursor: pointer;
	height: 22px;
	margin: 10px 2px 10px 0px;
	padding: 6px;
	width: auto;
	border-radius: 5px;
	background: #ff8000;
	color: #191919;
	font-weight: bold;
	font-size: 12px;
}

a.common-button:hover {
	color: #191919;
}

.current-button {
	border: none;
	cursor: pointer;
	height: 22px;
	margin: 10px 2px 10px 0px;
	padding: 6px;
	width: auto;
	border-radius: 5px;
	background: #ff8000;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

a.common-button,
span.current-button {
	line-height: 60px;
}


/*--------contents_menu*/
.contents-menu-list{
	display: block;
	width:100%;
	height:60px;
	list-style-type: none;
}

.contents-menu-list{ 
	border-bottom: solid 1px #049336;
}

li.contents-menu-list a {
	text-decoration: none;
	line-height: 30px;
	width: 100%;
	height:100%;
	display: inline-block;
	text-align:center;
	background-color:#CBE5C2;
}

li.contents-menu-list img.contents-menu-icon-image {
	height: 40px;
	width: auto;
}

.contents-menu-list .contents-menu-icon{
	float: left;
	background-color:#ff0;
	height:40px;
	border: 1px #ff0 solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-top:9px;
    margin-left:5px;
}

.contents-menu-list .contents-menu-text{
	display:block;
	float: left;
	height: 60px;
}

.contents-menu-text p{
	line-height: 60px;
	font-size: 14px;
	margin-left:10px;
	color:#F09495;
}

.contents-menu-list .contents-menu-arrow{
	display:block;
	float:right;
	height:2px;
	width:auto;
	line-height: 60px;
	margin-right:5px;
}

/*-----------sitetop*/
.sitetop-menu-list{
	display: block;
	width:100%;
	height:60px;
	list-style-type: none;
}

.sitetop-menu-list{ 
	border-bottom: solid 1px #049336;
}

li.sitetop-menu-list a {
	text-decoration: none;
	line-height: 30px;
	width: 100%;
	height:100%;
	display: inline-block;
	text-align:center;
	background-color:#CBE5C2;
}

li.sitetop-menu-list img.sitetop-menu-icon-image {
	height: 40px;
	width: auto;
}

.sitetop-menu-list .sitetop-menu-icon{
	float: left;
	background-color:#ffa500;
	height:40px;
	border: 1px #ffa500 solid;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    margin-top:9px;
    margin-left:5px;
}

.sitetop-menu-list .sitetop-menu-text{
	display:block;
	float: left;
	height: 60px;
}

.sitetop-menu-text p{
	line-height: 60px;
	font-size: 14px;
	margin-left:10px;
	color:#F09495;
}

.sitetop-menu-list .sitetop-menu-arrow{
	display:block;
	float:right;
	height:2px;
	width:auto;
	line-height: 60px;
	margin-right:5px;
}


/*---------------------登録関連*/
div#content{
	width:320px;
	height: auto;
	margin:0 auto;
}

/*---------------------追加*/
#career_login{
	width: 298px;
	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #CCC;
	padding: 10px;
}

p.explain {
    padding: 0 5px;
    margin-bottom: 10px;
    font-size: small;
}

.sign_unsign_bg{
	background-color: #e7f9fe;
	margin-bottom: 20px;
}

.logo-icon {
	margin-left:5px;
	margin-top: 20px;
	margin-bottom:20px;
	vertical-align: middle;
}
/* 特商表 */
.font_size_small {
	font-size: 12px;
}