@charset "utf-8";

@import "reset.css";

/*基本のスタイル---------------------------------------------------------------------------------*/
html {
	height: 100%;
	width: 100%;
}
body {
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat;
	height: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FF6699;
	width: 100%;
}
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
.style1 {
	color: #FF0000;
}
.style2 {
	color: #0099FF;
}
.style3 {
	color: #FF6600;
}
.style4 {
	color: #993399;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.style6 {
	font-size: 16px;
	font-weight: bold;
	color: #F06;
}
a:link {
	color: #3399FF;
	text-decoration: underline;
}
a:visited {
	color: #0099FF;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #FF9900;
	text-decoration: underline;
}



/*-------------------------------------------------------------------------基本のスタイルここまで*/

/*レイアウト関連のスタイル-----------------------------------------------------------------------*/
div#container {
	height: auto;
	width: 100%;
}
div#content {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_content.jpg);
	background-repeat: repeat-y;
}
div#header {
	width: auto;
	height: 650px;
}
div#pickup {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
div#main_content {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding: 10px;
	height: 100%;
	background-image: url(http://www.jado-soft.com/noukano/img/bg_spec02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#left_content {
	height: auto;
	width: 600px;
	float: left;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.new {
	overflow: auto;
	height: 300px;
}
div#right_content {
	height: auto;
	width: 260px;
	margin-right: 0px;
	margin-left: auto;
	float: right;
	padding: 0px;
}
div#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: 0px;
	height: 38px;
}
/*---------------------------------------------------------------レイアウト関連のスタイルここまで*/

/*IE7.0ハック------------------------------------------------------------------------------------*/
*+html body#index div#main_content {
	margin-top: 35px;
}
/*----------------------------------------------------------------------------IE7.0ハックここまで*/

/*IE6.0ハック------------------------------------------------------------------------------------*/
*html body {
	text-align: center;
}
*html div#right_content {
	margin-left: 10px;
}
*html div#main_content {
	text-align: left;
	background-image: url(../img/bg_spec_IE.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
*html dl.publish {
	height: 5em;
}
*html div.spec {
	background-image: none;
}
*html body#intro div#main_content {
	text-align: center;
}
*html body#special div#main_content {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
*html body#download div#main_content {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*----------------------------------------------------------------------------IE6.0ハックここまで*/

/*グローバルナビのスタイル-----------------------------------------------------------------------*/
h1#topimg {
	background-image: url(http://www.jado-soft.com/noukano/img/top02.jpg);
	background-repeat: no-repeat;
	height: 650px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
ul#global_navi {
	position: relative;
	left: 50%;
	float: left;
	height: auto;
}
ul#global_navi li {
	position: relative;
	left: -50%;
	float: left;
	height: auto;
	width: auto;
}
/*更新情報のスタイル-----------------------------------------------------------------------------*/
h2.new {
	height: 29px;
	width: 600px;
	margin-right: auto;
	margin-left: 0px;
	background-image: url(../img/headline_new.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
dl.new {
	margin: 10px;
	height: auto;
	width: auto;
}
dl.new dt {
	font-weight: bold;
	background-image: url(../img/li_new.jpg);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	background-position: 0px 2px;
	color: #33CCFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #33CCFF;
}
dl.new dd {
	margin-right: auto;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
/*---------------------------------------------------------------------更新情報のスタイルここまで*/

/*雑誌情報のスタイル-----------------------------------------------------------------------------*/
h2.publish {
	height: 29px;
	width: 260px;
	margin-right: auto;
	margin-left: 0px;
	background-image: url(../img/headline_publish.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
dl.publish {
	margin: 10px;
	height: auto;
	width: auto;
	border: 1px dashed #FF6699;
	overflow: auto;
	padding: 1px;
}
dl.publish dt {
	float: left;
	font-weight: bold;
	color: #FF0066;
	padding: 3px;
}
dl.publish dd {
	padding: 3px;
}
/*---------------------------------------------------------------------雑誌情報のスタイルここまで*/

/*製品概要のスタイル-----------------------------------------------------------------------------*/
div.spec {
	width: auto;
	clear: both;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_kazumi.png);
	background-repeat: no-repeat;
	background-position: 550px bottom;
}
h2.spec {
	height: 29px;
	width: 880px;
	margin-right: auto;
	margin-left: 0px;
	text-indent: -9999px;
	background-image: url(../img/headline_spec.png);
	background-repeat: no-repeat;
	clear: both;
}
dl.spec {
	height: auto;
	width: 50%;
	padding: 10px;
}
dl.spec dt {
	padding: 3px;
	width: 8em;
	color: #FF6699;
	font-weight: bold;
	float: left;
}
dl.spec dd {
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #33CCFF;
	padding: 3px;
}
/*---------------------------------------------------------------------製品概要のスタイルここまで*/

/*イントロダクションのスタイル-------------------------------------------------------------------*/
body#intro div#header {
	height: auto;
	width: auto;
}
body#intro div#main_content {
	height: auto;
	background-image: url(../img/bg_intro.jpg);
	background-position: center top;
}
body#intro div#main_content .text {
	font-size: 14px;
	text-align: left;
	line-height: 350%;
	padding-bottom: 2em;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}
body#intro h2#headline_intro {
	text-indent: -9999px;
	background-image: url(../img/headline_intro.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#intro h2#headline_story {
	text-indent: -9999px;
	background-image: url(../img/headline_story.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#intro h3#intro_catch {
	text-indent: -9999px;
	height: 130px;
	width: 880px;
	background-image: url(../img/intro_catch.png);
	background-repeat: no-repeat;
}
/*-----------------------------------------------------------イントロダクションのスタイルここまで*/

/*スペシャルのスタイル---------------------------------------------------------------------------*/
body#special div#header {
	height: auto;
	width: auto;
}
body#special div#main_content {
	height: auto;
	background-image: url(http://www.jado-soft.com/noukano/img/bg_spec02.jpg);
	background-position: center bottom;
}
body#special h2#headline_special {
	text-indent: -9999px;
	background-image: url(../img/headline_special.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#special div#main_content div#main {
	padding: 1em;
	height: auto;
	width: auto;
}
body#special div#main_content div#main p {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
body#special div#main_content div#main p.left {
	text-align: left;
	font-size: 16px;
}
body#special div#main_content div#main div.nishida {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	line-height: 150%;
	padding: 1em;
}
body#special div#main_content div#main div.nishida p {
	text-align: left;
}
body#special div#main_content div#main div.coment {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 150%;
	padding: 1em;
	color: #666;
}
body#special div#main_content div#main div.coment p {
	text-align: left;
}
body#special div#main_content div#main div.coment h4 {
	color: #FFF;
	background-color: #F69;
	padding: 3px;
	margin-bottom: 0.5em;
}
/*-------------------------------------------------------------------スペシャルのスタイルここまで*/

/*アンケートのスタイル---------------------------------------------------------------------------*/
body#enquete div#header {
	height: auto;
	width: auto;
}
body#enquete div#main_content {
	height: auto;
	background-image: url(http://www.jado-soft.com/noukano/img/bg_spec02.jpg);
	background-position: center bottom;
}
body#enquete h2#headline_enquete {
	text-indent: -9999px;
	background-image: url(../img/headline_enquete.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#enquete div#main_content div#main {
	padding: 1em;
	height: auto;
	width: auto;
}
body#enquete div#main_content div#main p {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
/*-------------------------------------------------------------------アンケートのスタイルここまで*/

/*晩餐会のスタイル-------------------------------------------------------------------------------*/
.times {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 150%;
}
.dinner {
	width: 800px;
}
.dinner td {
	font-size: 16px;
}
.icon {
	width: 150px;
	border: 3px double #FF6699;
}
.name {
	font-weight: bold;
	height: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6699;
	padding: 0.5em;
}
.body {
	vertical-align: top;
	font-size: 12px;
	padding: 0.5em;
}
.return {
	text-align: center;
}
/*-----------------------------------------------------------------------晩餐会のスタイルここまで*/

/*応援バナーのスタイル---------------------------------------------------------------------------*/
body#banner_support div#header {
	height: auto;
	width: auto;
}
body#banner_support div#main_content {
	height: auto;
}
body#banner_support h2#headline_special {
	text-indent: -9999px;
	background-image: url(../img/headline_special.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#banner_support div#main_content div#main {
	width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	line-height: 150%;
	padding-top: 1em;
	padding-bottom: 1em;
}
body#banner_support div#main_content div#main .200_200 {
}
body#banner_support div#main_content div#main .200_200 td {
	padding: 0px;
}
body#banner_support div#main_content div#main .150_600 {
}
body#banner_support div#main_content div#main .150_600 td {
	padding: 10px;
}
.banner_size {
	background-color: #FF6699;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
/*---------------------------------------------------
応援バナーのスタイル
---------------------------------------------------*/
div#ouen_banner {
	margin-top: 3em;
}
div#ouen_banner img {
	margin-top: 1em;
	margin-bottom: 1em;
}
/*----------------------------------------------------
応援バナー応募ページのスタイル
----------------------------------------------------*/
p.banner_support {
	font-weight: bold;
	color: #FFF;
	background-color: #F69;
	width: 600px;
	text-align: center;
}
table.banner_support {
	width: 600px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
table.banner_support td {
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
textarea.uri_600_120 {
	width: 588px;
	border: 1px dotted #F69;
	height: 2em;
	color: #F69;
	padding: 5px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
textarea.uri_200_200 {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 188px;
	border: 1px dotted #F69;
	height: 4em;
	color: #F69;
	padding: 5px;
	font-size: 12px;
}
textarea.uri_150_600 {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 138px;
	border: 1px dotted #F69;
	height: 4em;
	color: #F69;
	padding: 5px;
	font-size: 12px;
}
textarea.uri_200_40 {
	width: 188px;
	border: 1px dotted #F69;
	height: 4em;
	color: #F69;
	padding: 5px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*-------------------------------------------------------------------応援バナーのスタイルここまで*/

/*ダウンロードのスタイル-------------------------------------------------------------------------*/
body#download div#header {
	height: auto;
	width: auto;
}
body#download div#main_content {
	height: auto;
	background-image: url(http://www.jado-soft.com/noukano/img/bg_spec02.jpg);
	background-position: center bottom;
}
body#download h2#headline_special {
	text-indent: -9999px;
	background-image: url(../img/headline_download.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#download div#main_content div#main {
	padding: 1em;
	height: auto;
	width: auto;
}
body#download div#main_content div#main p {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.mirror_table {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.mirror_table .midashi {
	background-color: #FF99CC;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.mirror_table td {
	width: 33%;
	text-align: left;
	padding: 3px;
	color: #FFE6F2;
	border: 1px dotted #FF99CC;
}
/*-----------------------------------------------------------------ダウンロードのスタイルここまで*/

/*サンプルのスタイル-----------------------------------------------------------------------------*/
body#ev div#header {
	height: auto;
	width: auto;
}
body#ev div#main_content {
	height: 100%;
}
body#ev h2#headline_ev {
	text-indent: -9999px;
	background-image: url(../img/headline_ev.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
}
body#ev #main_content ul {
	clear: both;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
body#ev #main_content ul li {
	float: left;
	padding: 5px;
	height: 150px;
	width: 200px;
}
body#ev #main_content .text {
	height: 100%;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	padding-bottom: 2em;
}
body#ev #main_content .list {
	height: 800px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	padding-bottom: 2em;
}
body#ev #main_content div#ev_text {
	line-height: 150%;
	font-size: 14px;
	height: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}
/*---------------------------------------------------------------------サンプルのスタイルここまで*/

/*キャラクターのスタイル-------------------------------------------------------------------------*/
body#chara div#header {
	height: auto;
	width: auto;
}
body#chara div#main_content {
	height: auto;
	background-image: url(../img/bg_under.jpg);
	background-position: center top;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
body#chara ul#chara_btn {
	height: auto;
	width: auto;
}
body#chara ul#chara_btn li {
	float: left;
	height: 75px;
	width: 225px;
}
body#chara h2#headline_chara {
	text-indent: -9999px;
	background-image: url(../img/headline_chara.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	padding-top: 10px;
	padding-bottom: 10px;
}
*html body#chara h2#headline_chara {
	text-indent: -9999px;
	background-image: url(../img/headline_chara.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
	margin-right: 10px;
	margin-left: 10px;
	background-position: center center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}
body#chara h2#headline_sub_chara {
	text-indent: -9999px;
	background-image: url(../img/headline_sub_chara.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	padding-top: 10px;
	padding-bottom: 10px;
}
*html body#chara h2#headline_sub_chara {
	text-indent: -9999px;
	background-image: url(../img/headline_sub_chara.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 880px;
	margin-right: 10px;
	margin-left: 10px;
	background-position: center center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}
body#chara .chara01 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara01_01.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara01_02 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara01_02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara02 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara02_01.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara02_02 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara02_02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara03 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara03_01.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara03_02 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara03_02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara04 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara04_01.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
body#chara .chara04_02 {
	width: 900px;
	height: 500px;
	background-image: url(../img/chara04_02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 1em;
}
/*-------------------------------------------------------------------キャラクターのスタイルここまで*/

/*----------------------------------------------------
特典ページのスタイル
----------------------------------------------------*/
div.logbox_shoplist {
	border: 1px solid #FF6699;
	width: 60%;
	height: 150px;
	overflow: auto;
	text-align: left;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #666666;
	background-image: url(../img/bg_moyou.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
}
div.logbox_shoplist dl {
	width: 100%;
}
div.logbox_shoplist dt {
	width: 100%;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6699;
	color: #FF6699;
}
div.logbox_shoplist dd {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.tel {
	width: 765px;
	margin-right: auto;
	margin-left: auto;
}
.tel .shop_name {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF6699;
	width: 265px;
}
.tel .shop_name a:link {
	font-weight: bold;
	color: #FFFFFF;
}