@charset "UTF-8";
/* CSS Document */


/*======================================

	0.body

=======================================*/

body {
	background: #000;
	font-size: 13px;
	color: #fff;
	font-family:Arial,sans-serif,"ＭＳ Ｐゴシック",Osaka;
}


*{
	margin:0;
	padding: 0;
}

p{
	color: #000000;
	line-height: 1.8em;
}

a{
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #999999;
	text-decoration: none;
}

img {
	border: none;
}

li{
	list-style: none;
}

.price {
	color: #A30444;
	font-weight: bold;
}

.cap {
	font-size: 10px;
	line-height: 1.4em;
	color: #666666;
}

#clear {
	clear: both;
}

/*======================================

	1.head

=======================================*/

#contact_unit_wrapper {
	width: 100%;
	/*margin: 4px 0;*/
	padding: 20px 0;
	background: #fff;
}

#contact_unit_wrapper #contact_unit {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#contact_unit_wrapper #contact_unit #ttl {
	margin-bottom: 20px;
}


#wrap_unit {
	color: #000;
	font-size: 13px;
	text-align: left;
	width: 697px;
	margin-right: auto;
	margin-left: auto;
}

#wrap_unit h3 {
	color: #000;
	font-size: 13px;
}

#wrap_unit .point {
	color: #FF0000;
	font-size: 11px;
}

#contact_form table {
	width: 690px;
	border-collapse: collapse;
}

#contact_form table th {
	text-align: left;
    width: 207px;
}

#shop_info th {
	border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 12px 5px;
}

#shop_info td {
	border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    padding: 12px 5px;
}

#shop_info td input {
	margin-right: 8px;
	margin-left: 8px;
}

#nextStep #btn_area {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 444px;
}

#nextStep #btn_area li {
	float: left;
	margin: 10px;
}

.sign {
	margin-bottom: 15px;
}

.cap {
	margin-top: 8px;
}




#footer_unit_wrapper {
	width: 100%;
	margin: 30px 0 4px 0;
	padding: 20px 0;
	background: #000;
	border-top: 1px solid #fff;
}

#footer_unit_wrapper #footer_unit  {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#footer_unit_wrapper #footer_unit #footer_logo  {
	width: 145px;
	float: left;
	margin-top: 65px;
}

#footer_unit_wrapper #footer_unit #shop_unit_wrap  {
	width: 800px;
	float: right;
}

#footer_unit_wrapper #footer_unit #shop_unit_wrap #shop_unit  {
	width: 260px;
	float: left;
	margin-bottom: 15px;
}

#footer_unit_wrapper #footer_unit #shop_unit_wrap p  {
	color: #565656;
	font-size: 12px;
	line-height: 1.4em;
}




#footer_unit_ex_wrapper {
	width: 100%;
	background: #fff;
}

#footer_unit_ex_wrapper #footer_unit_ex  {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 3px;
}

#footer_unit_ex_wrapper #footer_unit_ex #footer  {
	font-size: 75%;
    margin: 15px auto 0;
    overflow: hidden;
    padding: 0 0 20px;
    width: 980px;
}

#footer {
	font-size: 75%;
    margin: 15px auto 0 auto;
    overflow: hidden;
    padding: 0 0 20px;
    width: 980px;
    color: #000;
}

#footer dl {
	float: left;
    overflow: hidden;
    text-align: left;
    width: 650px;
}

#footer dl dt {
	float: left;
    width: 310px;
}

#footer dl a {
	color: #000000;
    text-decoration: none;
    font-weight: bold;
}

#footer dl dd {
	margin: 0 0 0 310px;
}

#footer dl ul {
	margin: 0px 0 0;
    overflow: hidden;
}

#footer dl ul li {
	border-right: 1px solid #333333;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

#footer dl ul li.last {
	border: medium none;
    margin: 0;
    padding: 0;
}

address {
	text-align: right;
	 font-style: normal;
    font-weight: normal;
}



#page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}

#page_top li {
	float: left;
}

#page_top img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#contact_form #textarea {
	margin-bottom: 15px;
}

#contact_form th {
	color: #000;
	font-size: 13px;
}

#contact_form td {
	color: #000;
	font-size: 13px;
}


/*======================================

	2.new_header

=======================================*/


/*======================================

	1.common

=======================================*/

#container {
	margin: 0;
	padding: 0;
}

#container #header {
	background:url("../../images/bg_header.jpg");
	background-repeat: repeat-x;
	height:99px;
}

#container #header #head_cont {
	width: 960px;
	margin: 0 auto;
	text-align:center;
}

#container #header #head_cont #logo {
	float: left;
	margin: 15px 0 0 33px;
}

#container #header #head_cont #wrap_head_links {
	float: right;
	margin: 0px 0 0 0px;
}

#container #header #head_cont #wrap_head_links #header_link ul {
	margin-left: 285px;
	margin-left: 368px\9;
}

html>/**/body #container #header #head_cont #wrap_head_links #header_link ul  {
        margin-left: 285px\9;
}


*html #container #header #head_cont #wrap_head_links #header_link ul {
	margin-left: 335px;
}

*:first-child+html #container #header #head_cont #wrap_head_links #header_link ul {
	margin-left: 355px;
}


#container #header #head_cont #wrap_head_links #header_link li {
	float: left;
	color: #fff;
	background:url("../../images/icon_arrow_head.gif") no-repeat scroll 10px 3px transparent;
	font-size:11px;
	padding-left:20px;
}

#container #header #head_cont #wrap_head_links #header_link li.fb {
	background:none;
}

#container #header #head_cont #wrap_head_links #header_link li.fb img{
	vertical-align:middle;
	margin:0 5px 0 0;
}

#container #header #head_cont #wrap_head_links #header_link a {
	color: #fff;
}

#container #header #head_cont #wrap_head_links #btn_cart {
	float: right;
	height: 48px;
}

#container #header #head_cont #wrap_head_links #btn_cart a {
	display: block;
	width: 173px;
	height: 35px;
	background-image:url("../../images/btn_cart_head.jpg");
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#container #header #head_cont #wrap_head_links #btn_cart a:hover {
	display: block;
	width: 173px;
	height: 35px;
	background-image:url("../../images/btn_cart_head_ove.jpg");
	background-repeat: no-repeat;
	text-indent: -9999em;
}


#container #header #head_cont #wrap_head_links #gmenu {
	
	float:right;
	margin-top: 15px;
}

#container #header #head_cont #wrap_head_links #gmenu li {
	float:left;
}



/*======================================

	2.gmenu

=======================================*/



#gmenu #gmenu_01 a {
	display: block;
	width: 86px;
	height: 30px;
	background-image:url("../../images/gmenu_01.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_01 a:hover {
	display: block;
	width: 86px;
	height: 30px;
	background-image:url("../../images/gmenu_01_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_01_ove a {
	display: block;
	width: 86px;
	height: 30px;
	background-image:url("../../images/gmenu_01_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_02 a {
	display: block;
	width: 124px;
	height: 30px;
	background-image:url("../../images/gmenu_02.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_02 a:hover {
	display: block;
	width: 124px;
	height: 30px;
	background-image:url("../../images/gmenu_02_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_02_ove a {
	display: block;
	width: 124px;
	height: 30px;
	background-image:url("../../images/gmenu_02_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_03 a {
	display: block;
	width: 233px;
	height: 30px;
	background-image:url("../../images/gmenu_03.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_03 a:hover {
	display: block;
	width: 233px;
	height: 30px;
	background-image:url("../../images/gmenu_03_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_03_ove a {
	display: block;
	width: 233px;
	height: 30px;
	background-image:url("../../images/gmenu_03_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_04 a {
	display: block;
	width: 221px;
	height: 30px;
	background-image:url("../../images/gmenu_04.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_04 a:hover {
	display: block;
	width: 221px;
	height: 30px;
	background-image:url("../../images/gmenu_04_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_04_ove a {
	display: block;
	width: 221px;
	height: 30px;
	background-image:url("../../images/gmenu_04_ove.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}

#gmenu #gmenu_05 {
	display: block;
	width: 65px;
	height: 30px;
	background-image:url("../../images/gmenu_right.jpg");
	background-repeat:no-repeat;
	text-indent:-9999em;
}


/*======================================

	2.contents

=======================================*/

#top #main_unit {
	background-image: url('../../images/bg_main_unit_top.png');
	background-repeat: no-repeat;
	width: 100%;
	background-position: top center;
}

#lesson #main_unit {
	background-image: url('../../images/bg_main_unit_lesson.png');
	background-repeat: no-repeat;
	width: 100%;
	background-position: top center;
}

#campaign #main_unit {
	background-image: url('../../images/bg_main_campaign.png');
	background-repeat: no-repeat;
	width: 100%;
	background-position: top center;
}

#main_contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 430px;
}

#lesson #main_contents {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 380px;
}

#main_contents #main_banner {
	position: absolute;
	top: 255px;
	left: 595px;
}

#waku_unit {
	width: 960px;
	margin: 0 auto 20px auto;
}

#waku_unit #waku_contents {
	background: #fff;
	color: #000;
}


#waku_unit_02 {
	width: 960px;
	margin: 120px auto 20px auto;
}

#waku_unit_02 #waku_contents {
	background: #fff;
	color: #000;
}

#contents_wrap {
	padding: 15px;
}

#contents_wrap #left_float {
	width: 421px;
	float: left;
}

#contents_wrap #right_float {
	width: 489px;
	float: right;
}

#waku_unit_02 #contents_wrap #left_float {
	width: 489px;
	float: left;
}

#waku_unit_02 #contents_wrap #right_float {
	width: 421px;
	float: right;
}

#contents_wrap #top_cont_li {
	margin-top: 15px;
}

#contents_wrap #top_cont_li li {
	width: 294px;
	float: left;
}

.mr10 {
	margin-right: 10px;
}

.mr24 {
	margin-right: 24px;
}

.mb5 {
	margin-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

#waku_contents a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*======================================

	2.lesson_contents

=======================================*/

#lesson #contents_wrap #outline table {
	width: 760px;
	margin: 10px auto;
	border-collapse: collapse;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#lesson #contents_wrap #outline td {
	padding: 8px 5px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.6em;
}

#lesson #contents_wrap #outline .left {
	color: #fff;
	background: #000;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

#lesson #contents_wrap #outline .right {
	color: #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#lesson #contents_wrap #outline a {
	color: #a6428c;
}

#lesson #contents_wrap #noel {
	width: 930px;
	height: 335px;
	margin: 0px auto;
	background-image: url('../../images/lesson_img_02.png');
	background-repeat: no-repeat;
}

#lesson #contents_wrap #noel #cont {
	margin-left: 340px;
}

#text_area {
	margin-top: 15px;
}

#text_area .bb {
	font-weight: bold;
}

.bb {
	font-weight: bold;
}

#text_area ul {
	margin-top: 6px;
}

#text_area li {
	list-style: disc;
	margin-left: 1.2em;
	line-height: 1.4em;
	margin-bottom: 4px;
}


/*======================================

	2.campaign_contents

=======================================*/

#contents_wrap #campaign table {
	width: 820px;
	margin: 10px auto;
	border-collapse: collapse;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#contents_wrap #campaign td {
	padding: 8px 5px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.4em;
}

#contents_wrap #campaign .left {
	color: #fff;
	background: #000;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	width: 180px;
}

#contents_wrap #campaign .right {
	color: #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#campaign #text_area {
	width: 760px;
	margin: 0 auto 0 auto;
}

#campaign #text_area ul {
	padding-bottom: 15px;
}

#campaign #text_area p {
	padding-bottom: 15px;
}

#campaign #text_area a {
	color: #a6428c;
}

#campaign a {
	color: #a6428c;
}


/* #main_banner {
	cursor: pointer;
} */

.sikaku {
	color: #a6428c;
	text-decoration: underline;
	cursor: pointer;
}

.nittei {
	color: #a6428c;
	text-decoration: underline;
	cursor: pointer;
}