@charset "UTF-8";

/* =========================================================
index
========================================================= */

#index #mainVisual{
	width:840px;
	height:390px;
	background-color:#000000;
	margin-bottom:20px;
}

#index #mainVisual div {
	padding:30px 20px 0 20px;
}

#index #mainVisual .blue01{
	font-size:183%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:15px;
}

#index #bn_program{
	margin-bottom:25px;
}

/* =========================================================
product
========================================================= */

.product {
	width:800px;
	background-color:#ebebeb;
	padding:30px 20px 25px 20px;
	margin-bottom:30px;
}

.product  .title{
	padding-bottom:30px;
}

.product .pagetitle  .title {
	float:left;
}

.product .pagetitle .tit_r {
	float:right;
	width:400px;
	text-align:right;
	font-weight:bold;
}

.product .pagetitle ul li {
	display:inline;
}

.product .pagetitle ul li a {
	text-decoration:underline;
}

.product .moreBox div {
	float:left;
	width:400px;
	font-weight:bold;
}

.product .moreBox div ul li {
	display:inline;
}

.product .moreBox ul.page li a {
	text-decoration:underline;
}

.product .moreBox ul.arrow {
	width:80px;
	float:right;
}

.product .moreBox ul.arrow li {
	padding-left:10px;
	float:left;
}

.product .inner {
	padding: 20px;
	background-color: #ffffff;
	margin-bottom: 25px;
}

.product .inner .producttit div {
	width:350px;
	float:left;
	padding-bottom: 20px;
}

.product .inner .producttit .genre {
	width:180px;
	float:right;
	text-align:right;
	padding-top:10px;
}

.product .inner .priceBox {
	text-align:right;
	padding-top:30px;
}

.product .inner .priceBox p {
	float:right;
	padding-left:10px;
	font-size:150%;
}

.product .inner .priceBox p span {
	font-size:68%;
}

/* =========================================================
voice
========================================================= */

.voice {
	width:800px;
	background-color:#ebebeb;
	padding:30px 20px 25px 20px;
	margin-bottom:30px;
}

.voice .title{
	padding-bottom:30px;
}

.voice .inner {
	padding: 20px;
	background-color: #ffffff;
}

.voice .inner div {
	border-bottom:solid 1px #cccccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

.voice .inner div .voice_tit {
	width:100px;
	float:left;
	font-weight:normal;
}

.voice .inner div p {
	width:630px;
	float: right;
}

.voice .inner div#voice_last {
	border-bottom:none;
	padding-bottom:0;
}

.voice .moreTitle {
	margin-top:25px;
}

/* =========================================================
detail
========================================================= */

.detail {
	width:800px;
	background-color:#ebebeb;
	padding:20px 20px 20px 20px;
	overflow:hidden;
}

.detail .subtext {
	font-size:100%;
}

.detail .inner {
	float: right;
	width: 570px;
	padding: 20px 0 20px 20px;
	background-color: #ffffff;
}

.detail .inner h2 {
	margin-top:20px;
}

.detail .inner ul {
	margin-top:10px;
}

.detail .inner .priceBox {
	text-align:right;
	padding-top:30px;
}

.detail .inner .priceBox p {
	font-size:150%;
}
.detail .inner .priceBox p span {
	font-size:68%;
}

.detail_b {
	width: 800px;
	padding-top: 20px;
}

.detail_b p {
	text-align:right;
	margin-bottom:20px;
}

.detail_c {
	width:800px;
}

.detail_c h2,.detail_c h3 {
	margin-top:20px;
	margin-bottom:10px;
}

.detail .inner .btn-center {
	margin-top:20px;
}


/* =========================================================
detail02
========================================================= */

.detail02 {
	width:800px;
	background-color:#ebebeb;
	padding:20px 20px 20px 20px;
	margin-bottom:10px;
}

.detail02 .subtext {
	font-size:100%;
}

.detail02 .inner {
	padding: 20px;
	background-color: #ffffff;
}

.detail02 .inner h2 {
	margin-top:20px;
}

.detail02 .inner h2.headline {
	width: 100%;
	padding-top: 15px;
	border-top: #cccccc solid 1px;
}

.detail02 .inner ul {
	margin-top:10px;
}

.detail02 .inner .priceBox {
	text-align:right;
	padding-top:30px;
}

.detail02 .inner .priceBox p {
	font-size:150%;
}
.detail02 .inner .priceBox p span {
	font-size:68%;
}

.detail02_b {
	width:800px;
}

.detail02_b p {
	text-align:right;
	margin-bottom:20px;
}

.detail02_c {
	width:800px;
}

.detail02_c h2,.detail02_c h3 {
	margin-top:20px;
	margin-bottom:10px;
}

.detail02 .inner .btn-center {
	margin-top:20px;
}


/* =========================================================
payment
========================================================= */

.payment {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.payment .inner {
	padding: 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.payment .title{
	padding-bottom:30px;
}

.payment .inner h2 {
	font-size:160%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:20px;
}

.payment .inner h2 span {
	font-size:68%;
}

.payment .asterisk {
	margin-bottom:15px;
}

.payment .inner p {
	margin-bottom:10px;
}

.payment .inner ul li {
	text-indent:-1em;
	padding-left:1em;
}

.payment .inner table {
	border-right:#E5E5E5 1px solid;
	border-bottom:#E5E5E5 1px solid;
}

.payment .inner table td {
	border-top:#E5E5E5 1px solid;
	border-left:#E5E5E5 1px solid;
}

.payment .inner table td table td {
	padding:10px;
}

.payment .inner .btn {
	text-align:center;
	padding-bottom:20px;
}

/* =========================================================
about
========================================================= */

.about {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.about .inner {
	padding: 20px 20px 0 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.about .title{
	padding-bottom:30px;
}

.about .inner h2 {
	font-size:160%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:20px;
}

.about .inner p {
	margin-bottom:20px;
}

.about .source {
	text-align:right;
	margin-top:100px;
	margin-bottom:20px;
	font-size:68%;;
}

.about .asterisk02 {
	font-size:50%;;
	vertical-align: super;
}



/* =========================================================
thank
========================================================= */

.thank {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.thank p {
	margin-bottom:20px;
}

/* =========================================================
download
========================================================= */

.download {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.download .inner {
	padding: 20px 20px 0 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.download .title{
	padding-bottom:30px;
}

.download .inner p {
	margin-bottom:20px;
}

.download ul {
	padding-top:20px;
	margin-bottom:50px;
}

.download ul li {
	padding-bottom:20px;
}

/* =========================================================
list
========================================================= */
.list {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.list .inner {
	padding: 20px 20px 0 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.list .title{
	padding-bottom:30px;
}

.list table .th01, .list table .td01 {
	width:8%;
	text-align:center;
}

.list table .th02 {
	width:60%;
	text-align:center;
}

.list table .th03 {
	width:25%;
	text-align:center;
}

.list table .th04 {
	width:7%;
	text-align:center;
}

/* =========================================================
yoyaku
========================================================= */

.yoyaku {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.yoyaku .inner {
	padding: 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.yoyaku .title{
	padding-bottom:30px;
}

.yoyaku .inner p {
	margin-bottom:30px;
}

.yoyaku .inner ul li {
	text-indent:-1em;
	padding-left:1em;
}

.yoyaku .inner2 ul li {
	text-indent:-1.4em;
	padding-left:1.4em;
}

.yoyaku .inner form {
	margin-top: 30px;
}

.yoyaku .inner table {
	border-right:#E5E5E5 1px solid;
	border-bottom:#E5E5E5 1px solid;
}

.yoyaku .inner table td {
	border-top:#E5E5E5 1px solid;
	border-left:#E5E5E5 1px solid;
}

.yoyaku .inner table td table td {
	padding:10px;
}

.yoyaku .inner .btn {
	text-align:center;
	padding-bottom:20px;
}

/* =========================================================
process
========================================================= */

.process {
	width: 800px;
	background-color: #ebebeb;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 1px;;
	margin-bottom: 10px;
}

.process .inner {
	padding: 20px 20px 0 20px;
	margin-bottom:20px;
	background-color: #ffffff;
}

.process .title{
	padding-bottom:30px;
}

.process .inner h2 {
	font-size:160%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:20px;
}

.process .inner p {
	margin-bottom:20px;
}

.process .inner2 p{
	float:left;
	width:470px;	
}

.process .inner2 img{
	float: right;
	width:250px;
	display:block;
}

.process .i_btn{
	width:432px;
	margin:0 auto;
	padding-top:60px;
	text-align:right;
}

.process .mb50{
	padding-bottom:50px;
}

.process .mb80{
	padding-bottom:80px;
}