@charset "shift-jis";
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>Initialization the style
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
	font-style: normal;
}
del, ins {
	text-decoration: none;
}
li {
	list-style: none;
	line-height: 100%;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 100%;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	/*font:13px/1.231 arial, helvetica, clean, sans-serif;*/
	font:13px/1.231 "‚l‚r ‚oƒSƒVƒbƒN", arial, helvetica, clean, sans-serif;
	/* for IE6/7 */ 
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}
/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}
/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}
/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
	font-family:monospace;
 *font-size:108%;
	line-height:100%;
}
.hidden {
	display:none;
}


/*Common [END] V('-')V*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
>>Basic
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body {
	color:#333333;
	font-size: 16px;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ƒSƒVƒbƒN", "MS Gothic", Osaka, sans-serif;
	line-height:2;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:hover,
a:active {
	text-decoration:none;
}
img {
	vertical-align:bottom;
}

/*Basic [END] V('-')V*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
>>footernavi
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.footernavi{
	position:fixed;
	width:100%;
	height:60px;
	bottom:0;
	left:0;
	z-index:100;
	background:rgba(0,0,0,0.5);
}
.footernavi .wrap{
	width:700px;
	margin:0 auto;
	}
.footernavi .wrap ul{
	margin:15px;
	padding:0;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
}
.footernavi .wrap li{

}
.footernavi li a{
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	text-decoration:none;
	line-height:30px;
	color:#ffffff;
	border:solid #007AB7 1px;
	background-color:#45A1CF;
	box-shadow: 1px 1px 0px 0px #ffffff inset;
	border-radius:5px;
}
@media screen and ( max-width:700px )
{
.footernavi .wrap{
	width:100%;
}
}



.hand_yaji {
  font-size:14px;
  color:#c99;
  text-align:center;
  margin:12px 0 0;
  position:relative;
  top:0;
}

.hand_yaji span {
  font-size:25px !important;
  line-height:1.3em;
}

#aco_link {
	display:flex;
	color:#fff;
	width:100%;
}
#aco_link div{
	width:130px;
	border-radius:5px;
	margin-right:5px;
}

#aco_link div a:link{
	display:block;
	text-align:center;
	font-size:12px;
	padding:0;
	text-decoration:none;
	border-radius:5px;
	margin:0px;
	width:100%;
	line-height:3;
}

.ac_cute { background:#33cccc; }
.ac_maid { background:#ff77bb; }
.ac_matto { background:#3399ff; }
.ac_harejo { background:#339933; }
.ac_esthe { background:#ff9900; }
.ac_suteki { background:#ff4488; }

.ac_cute a:link,.ac_cute a:visited { color:#fff; }
.ac_maid a:link,.ac_maid a:visited { color:#fff; }
.ac_matto a:link,.ac_matto a:visited { color:#fff; }
.ac_harejo a:link,.ac_harejo a:visited { color:#fff; }
.ac_esthe a:link,.ac_esthe a:visited { color:#fff; }
.ac_suteki a:link,.ac_suteki a:visited { color:#fff; }

.ac_cute a:hover { color:#fff; background:#7FDBB6; }
.ac_maid a:hover { color:#fff; background:#ff99bb; }
.ac_matto a:hover { color:#fff; background:#91D2FA; }
.ac_harejo a:hover { color:#fff; background:#19CF86; }
.ac_esthe a:hover { color:#fff; background:#FAB81E; }
.ac_suteki a:hover { color:#fff; background:#ff9999; }

.sample_img { margin:0; margin-top:-40px; border:0; }
.sample_img img { margin:0; border:0; }

@media screen and ( max-width:700px )
{
#aco_link {
	display:block;
	width:90%;
	margin:0 auto;
}
#aco_link div{
	width:100%;
	margin:5px 0;
	border-radius:5px;
}
#aco_link div a:link,#aco_link div a:hover,#aco_link div a:active,#aco_link div a:visited{
	width:100%;
	margin:0;
	line-height:4;
}
#aco_link div a:link span{
	font-size:15px;
}
}






@charset "shift-jis";
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>Initialization the style
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
header{
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	background-color:#002e73;
}
header h1{
	font-size: 18px;
	text-align:center;
	line-height:1.5;
}

.wrap{
	width:700px;
	margin:30px auto;
}
.wrap p{
	margin:10px 15px;
}
.wrap p.text_right{
	text-align:right;
}
.wrap p span{
	color:#0068b7;
	font-size:12px;
}
.wrap em{
	color:#e4007f;
}
.wrap .banner{
	margin:10px 15px 20px;
	text-align:center;
	font-size:12px;
}
.wrap .banner img{
	width:100%;
	height:auto;
}
.wrap .sample_img{
	padding:20px 15px;
	text-align:center;
}
.wrap .sample_img img{
	width:100%;
	max-width:500px;
	height:auto;
}
.wrap .link{
	margin:40px 30px 30px;
	text-align:center;
}
.wrap .link a{
	display:block;
	height:50px;
	margin:0 0 10px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	border-radius:25px;
	background-color:#e50a84;
}
.wrap .link a:hover{
	background-color:#f964bc;
}
br.ipn{
	display:none;
}

footer{
	margin:0 auto;
	padding:10px 0 70px;
	text-align:center;
	color:#fff;
	background-color:#0080c8;
}
footer a{
}

@media screen and ( max-width:700px )
{
body{
	font-size:14px;
}

header{
	margin:0 auto;
	padding:5px 0;
	color:#fff;
	background-color:#002e73;
}
header h1{
	font-size: 14px;
}
.wrap{
	width:100%;
}
br.ipn{
	display:inline;
}


footer{
	width:100%;
}

}




@charset "shift-jis";
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 >>details
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

header{
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	background-color:#002e73;
}
header h1{
	font-size: 18px;
	text-align:center;
	line-height:1.5;
}

.wrap{
	width:700px;
	margin:30px auto;
}
.wrap .mainimg img{
	width:100%;
	height:auto;
}
.wrap h2{
	margin:0 15px;
	color:#e50a84;
	font-size:18px;
	font-weight:bold;
	border-bottom:#e50a84 3px solid;
}
.wrap p,
.wrap ol,
.wrap ul{
	margin:10px 15px 20px;
}
.wrap p.text_right{
	text-align:right;
}
.wrap em{
	background-color:#ffe100;
}
.wrap span{
	font-size:12px;
}
.wrap ol{
	list-style-type: decimal;
}
.wrap ol,.wrap ul{
	padding-left:25px;
}
.wrap ol.liststyle li{
	list-style-type: decimal;
	line-height:1.5;
	margin-bottom:10px;
}
.wrap ul.liststyle li{
	list-style-type: disc;
	line-height:1.5;
	margin-bottom:10px;
}
.wrap li::marker{
	color:#e50a84;
	font-weight:bold;
}

.movie{
	padding:20px 20px 0 20px;
}
.movie iframe{
	width:325px;
	border:solid #007AB7 1px;
}

.wrap .sample_img{
	padding:20px 15px;
	text-align:center;
}
.wrap .sample_img img{
	width:100%;
	max-width:500px;
	height:auto;
}
.wrap .link{
	margin:40px 30px 30px;
	text-align:center;
}
.wrap .link a{
	display:block;
	height:50px;
	margin:0 0 10px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	border-radius:25px;
	background-color:#e50a84;
}
.wrap .link a:hover{
	background-color:#f964bc;
}
br.ipn{
	display:none;
}

footer{
	margin:0 auto;
	padding:10px 0 70px;
	text-align:center;
	color:#fff;
	background-color:#0080c8;
}
footer a{
}

@media screen and ( max-width:700px )
{
body{
	font-size:14px;
}

header{
	margin:0 auto 10px;
	padding:5px 0;
	color:#fff;
	background-color:#e50a84;
}
header h1{
	font-size: 14px;
}
.wrap{
	width:100%;
	margin:0 auto 30px;
}
br.ipn{
	display:inline;
}
.movie iframe{
	width:100%;
	height:200px;
}

footer{
	width:100%;
}

}