@charset "UTF-8";

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/sub_specialdays.jpg) no-repeat 0 0;
}

#index #catch {
width: 600px;
margin: 0 0 0 30px;
}

#index h3#subt_about {
display: block;
width: 307px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_days.jpg) no-repeat left top;
text-indent: -9999px;
}

#index p#photo_about {
display: block;
width: 600px;
height: 459px;
background: url(../img/in_main_image.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

/* -- // main_box end // -- */
/* -- // panorama_box // -- */
#index #menu_box {
width: 604px;
margin: 0 0 20px 30px;
}

#index #menu_box .pbox {
display: block;
width: 148px;
height: 98px;
float: left;
margin-right: 3px;
}

#index #menu_box .pbox a {
display: block;
width: 148px;
height: 98px;
float: left;
text-indent: -9999px;
}

#index #menu_box .pbox a:hover {
background: none;
}

#index #menu_box #bt01 { background: url(../img/bt_valentine_on.jpg) no-repeat bottom left; }
#index #menu_box #bt02 { background: url(../img/bt_tanabata_on.jpg) no-repeat bottom left; }
#index #menu_box #bt03 { background: url(../img/bt_christmas_on.jpg) no-repeat bottom left; }
#index #menu_box #bt04 { background: url(../img/bt_hanabi_on.jpg) no-repeat bottom left; }

#index #menu_box #bt01 a { background:  url(../img/bt_valentine_off.jpg) no-repeat bottom left; }
#index #menu_box #bt02 a { background: url(../img/bt_tanabata_off.jpg) no-repeat bottom left; }
#index #menu_box #bt03 a { background: url(../img/bt_christmas_off.jpg) no-repeat bottom left; }
#index #menu_box #bt04 a { background: url(../img/bt_hanabi_off.jpg) no-repeat bottom left; }

#index #menu_box #bt01 a:hover { background: none; }
#index #menu_box #bt02 a:hover { background: none; }
#index #menu_box #bt03 a:hover { background: none; }
#index #menu_box #bt04 a:hover { background: none; }


/* -- // panorama_box end // -- */

/*******************************/
/* -- // -- valentine --  // -- */
/*******************************/

#valentine {
width: 660px;
}

#valentine .separator {
clear: both;
margin: 0 0 20px 0;
}

#valentine .bottom_separator {
clear: both;
margin: 0 0 30px 30px;
}

#valentine h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_valentine.jpg) no-repeat 0 0;
}

/* -- catch --*/
#valentine #catch {
width: 600px;
margin: 0 0 0 30px;
}

#valentine h3#subt_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_valentine_s.jpg) no-repeat left top;
text-indent: -9999px;
}

/* -- middle_area */
#valentine #middle_area {
width: 600px;
margin: 0 0 0 30px;
background: url(../img/bg_valentine.jpg) no-repeat center bottom #f1bdcc;
padding: 0 0 10px 0;
}

/* -- valentine_box -- */
#valentine .valentine_box {
clear: both;
width: 560px;
margin: 20px 0 20px 20px;
}

#valentine .vbox_img {
width: 235px;
float: left;
margin: 0 10px 0 0;
}

#valentine .vbox_comment {
width: 315px;
float: left;
}

#valentine .valentine_box h3#subt_valentine01 {
display: block;
width: 315px;
height: 56px;
background: url(../img/subt_valentine01.jpg) no-repeat left top;
text-indent: -9999px;
}

#valentine .valentine_box p#comment01 {
display: block;
width: 315px;
height: 101px;
background: url(../img/comment_valentine01.jpg) no-repeat left top;
text-indent: -9999px;
}

#valentine .valentine_box h3#subt_valentine02 {
display: block;
width: 315px;
height: 57px;
background: url(../img/subt_valentine02.jpg) no-repeat left top;
text-indent: -9999px;
}

#valentine .valentine_box p#comment02 {
display: block;
width: 315px;
height: 101px;
background: url(../img/comment_valentine02.jpg) no-repeat left top;
text-indent: -9999px;
}


/* -- photo_box -- */
#valentine #photo_box {
clear: both;
width: 540px;
margin: 0 0 30px 60px;
}

#valentine #pbox_img {
width: 203px;
float: left;
margin: 0 30px 0 0;
}

#valentine #pbox_comment {
width: 307px;
float: left;
}

#valentine #pbox_comment p#word {
width: 307px;
min-height: 77px;
height: auto !important;
height: 77px;
}

#valentine #photo_box h3#subt_valentine03 {
display: block;
width: 75px;
height: 12px;
margin: 0 0 10px 0;
background: url(../img/subt_valentine03.jpg) no-repeat left top;
text-indent: -9999px;
}

#valentine #pbox_comment p#go_detail {
display: block;
width: 92px;
height: 25px;
margin: 0 0 0 215px;
background: url(../img/bt_go_detail_on.jpg) no-repeat center top; 
}

#valentine #pbox_comment p#go_detail a {
display: block;
width: 92px;
height: 25px;
background: url(../img/bt_go_detail_off.jpg) no-repeat center top; 
text-indent: -9999px;
}

#valentine #pbox_comment p#go_detail a:hover {
background: none; 
}

/* --  -- */
#valentine p#bottom_image {
width: 600px;
margin: 0 0 0 30px;
}


/* -- info -- */
#valentine #info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 30px 0 20px 30px;
}

#valentine #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#valentine #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#valentine #info p {
margin: 0 20px;
font-size: 83%;
}




#valentine p#go_history {
clear: both;
display: block;
width: 271px;
height: 31px;
margin: 20px 0 0 186px;
background: url(../img/bt_va_history_on.jpg) no-repeat center top; 
}

#valentine p#go_history a {
display: block;
width: 271px;
height: 31px;
background: url(../img/bt_va_history_off.jpg)  no-repeat center top; 
text-indent: -9999px;
}

#valentine p#go_history a:hover {
background: none; 
}

#valentine #jump_area {
padding: 0 0 20px 0;
}

#valentine #jump_area ul {
width: 300px;
height: 16px;
overflow: hidden;
margin: 10px 0 0 170px;
}

#valentine #jump_area li {
width: 75px;
height: 14px;
text-align: center;
float: left;
}

#valentine #jump_area li a {
width: 75px;
height: 14px;
text-align: center;
float: left;
color: #da2e68;
text-decoration: underline;
}

#valentine #jump_area li a:hover {
color: #da2e68;
text-decoration: none;
}


/*******************************/
/* -- // -- tanabata --  // -- */
/*******************************/

#tanabata {
width: 660px;
}

#tanabata h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_tanabata.jpg) no-repeat 0 0;
}

/* -- catch --*/
#tanabata #catch {
width: 600px;
margin: 0 0 0 30px;
}

#tanabata h3#subt_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_tanabata_s.jpg) no-repeat left top;
text-indent: -9999px;
}

#tanabata #catch_tanabata {
display: block;
width: 390px;
height: 13px;
margin: 0 0 30px 0;
background: url(../img/catch_tanabata.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- top_area */
#top_area {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

#top_area p#top_img {
display: block;

}

/* -- middle_area */
#tanabata #middle_area {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
background: url(../img/bg_yukata_c.jpg) repeat-y center top;
}
#tanabata #middle_area_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_yukata_t.jpg) no-repeat center top;
}
#tanabata #middle_area_b {
width: 600px;
min-height: 250px;
padding: 0 0 10px 0;
background: url(../img/bg_yukata_b.jpg) no-repeat center bottom;
}

/* -- photo_box -- */
#tanabata #photo_box {
clear: both;
width: 600px;
padding: 0 0 0 15px;
}

#tanabata #pbox_img {
width: 300px;
float: left;
margin: 0 10px 0 0;
}

#tanabata #pbox_comment {
width: 275px;
float: left;
color: #ffffff;
}

#tanabata #pbox_comment p {
margin: 0 10px 0 0;
}

#tanabata #pbox_comment p.end {
margin: 10px 10px 0 0;
}

#tanabata #photo_box h3#subt_tanabata01 {
display: block;
width: 114px;
height: 15px;
margin: 10px 0 10px 0;
font-size: 75%;
background: url(../img/subt_tanabata01.jpg) no-repeat left top;
text-indent: -9999px;
}

/* -- bottom_area */
#tanabata #bottom_area {
clear: both;
width: 600px;
margin: 0 0 0 30px;
}

#tanabata p#bottom_image {
width: 600px;
margin: 0 0 0 30px;
}

#tanabata #bottom_area p {
margin: 0 0 30px 0;
font-size: 83%;
}

/* -- info -- */
#tanabata #info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 0 0 20px 30px;
}

#tanabata #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#tanabata #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#tanabata #info p {
font-size: 83%;
margin: 0 20px;
}

#tanabata p#go_history {
clear: both;
display: block;
width: 271px;
height: 31px;
margin: 20px 0 0 186px;
background: url(../img/bt_ta_history_on.jpg) no-repeat center top; 
}

#tanabata p#go_history a {
display: block;
width: 271px;
height: 31px;
background: url(../img/bt_ta_history_off.jpg)  no-repeat center top; 
text-indent: -9999px;
}

#tanabata p#go_history a:hover {
background: none; 
}

#tanabata #jump_area {
clear: both;
padding: 0 0 20px 0;
}

#tanabata #jump_area ul {
width: 300px;
height: 16px;
overflow: hidden;
margin: 10px 0 0 170px;
}

#tanabata #jump_area li {
width: 75px;
height: 14px;
text-align: center;
float: left;
}

#tanabata #jump_area li a {
width: 75px;
height: 14px;
text-align: center;
float: left;
color: #da2e68;
text-decoration: underline;
}

#tanabata #jump_area li a:hover {
color: #da2e68;
text-decoration: none;
}


/********************************/
/* -- // -- fireworks --  // -- */
/********************************/

#fireworks {
width: 660px;
}

#fireworks .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#fireworks h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_fireworks.jpg) no-repeat 0 0;
}

/* -- catch --*/
#fireworks #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#fireworks h3#subt_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_fireworks_s.jpg) no-repeat left top;
text-indent: -9999px;
}

#fireworks #catch_fireworks {
display: block;
width: 600px;
height: 28px;
margin: 0 0 30px 0;
background: url(../img/catch_fireworks.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- middle_area */
#fireworks #middle_area {
width: 600px;
margin: 0 0 30px 30px;
padding: 20px 0;
background: url(../img/bg_fireworks.jpg) no-repeat center bottom;
}

#fireworks .fireworks_box {
clear: both;
width: 560px;
margin: 0 0 0 20px;
}

#fireworks .fbox_img {
width: 247px;
float: left;
margin: 0 10px 0 0;
}

#fireworks .fbox_comment {
width: 291px;
float: left;
}

#fireworks .fireworks_box h3#subt_fireworks01 {
display: block;
width: 291px;
height: 218px;
background: url(../img/comment_fireworks01.jpg) no-repeat left top;
text-indent: -9999px;
}


#fireworks .fireworks_box p#comment01 {
display: block;
width: 315px;
height: 101px;
background: url(../img/comment_valentine01.jpg) no-repeat left top;
text-indent: -9999px;
}
/* -- information -- */

#fireworks #information {
width: 600px;
margin: 0 0 30px 30px;
}

#fireworks #info_img {
display: block;
float: left;
width: 334px;
height: 25px;
margin: 0 10px 0 0;
background: url(../img/bt_fi_history_on.jpg) no-repeat center top;
}

#fireworks #info_img a {
display: block;
width: 334px;
height: 25px;
background: url(../img/bt_fi_history_off.jpg) no-repeat center top;
text-indent: -9999px;
}

#fireworks #info_img a:hover {
background: none;
}

#fireworks #info_comment {
width: 200px;
float: left;
}



/* -- info -- */
#fireworks #info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 30px 0 20px 30px;
}

#fireworks #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#fireworks #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#fireworks #info p {
margin: 0 20px;
font-size: 83%;
}

/********************************/
/* -- // -- christmas --  // -- */
/********************************/

#christmas {
width: 660px;
}

#f .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#christmas h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_christmas.jpg) no-repeat 0 0;
}

/* -- catch --*/
#christmas #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#christmas h3#subt_title {
display: block;
width: 598px;
height: 305px;
margin: 25px 0 0 0;
background: url(../img/main_img_christmas.jpg)  no-repeat left top;
text-indent: -9999px;
}

#christmas #catch_christmas {
display: block;
width: 598px;
height: 105px;
background: url(../img/catch_christmas.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- middle_area */
#christmas #middle_area {
width: 600px;
padding: 20px 0;
margin: 0 0 30px 30px;
background: #eeeeee;
}

#christmas #middle_area ul {
width: 300px;
height: 16px;
overflow: hidden;
margin: 10px 0 0 150px;
}

#christmas #middle_area li {
width: 75px;
height: 14px;
text-align: center;
float: left;
}

#christmas #middle_area li a {
width: 75px;
height: 14px;
text-align: center;
float: left;
color: #da2e68;
text-decoration: underline;
}

#christmas #middle_area li a:hover {
color: #da2e68;
text-decoration: none;
}

#christmas p#go_his {
display: block;
width: 271px;
height: 31px;
margin: 0 0 0 167px;
background: url(../img/bt_ch_history09_on.jpg) no-repeat center top;
}

#christmas p#go_his a {
display: block;
width: 271px;
height: 31px;
background: url(../img/bt_ch_history09_off.jpg) no-repeat center top;
text-indent: -9999px;
}

#christmas p#go_his a:hover {
background: none;
}


/* -- info -- */
#christmas #jump {
clear: both;
width: 600px;
margin: 0 0 10px 30px;
}

#christmas #jump .box {
display: block;
float: left;
width: 289px;
height: 165px;
margin: 0 20px 20px 0;
}

#christmas #jump .box a {
display: block;
width: 289px;
height: 165px;
text-indent: -9999px;
}

#christmas #jump #go_market ,
#christmas #jump #go_history {
display: block;
float: left;
width: 289px;
height: 165px;
margin: 0 0 20px 0;
}




#christmas p#go_best { background: url(../img/bt_christmas01_on.jpg) no-repeat 0 0; }
#christmas p#go_best a { background: url(../img/bt_christmas01_off.jpg) no-repeat 0 0; }
#christmas p#go_best a:hover { background: none; }
#christmas p#go_market { background: url(../img/bt_christmas02_on.jpg) no-repeat 0 0; }
#christmas p#go_market a { background: url(../img/bt_christmas02_off.jpg) no-repeat 0 0; }
#christmas p#go_market a:hover { background: none; }
#christmas p#go_wish { background: url(../img/bt_christmas03_on.jpg) no-repeat 0 0; }
#christmas p#go_wish a { background: url(../img/bt_christmas03_off.jpg) no-repeat 0 0; }
#christmas p#go_wish a:hover { background: none; }
#christmas p#go_history { background: url(../img/bt_christmas04_on.jpg) no-repeat 0 0; }
#christmas p#go_history a { background: url(../img/bt_christmas04_off.jpg) no-repeat 0 0; }
#christmas p#go_history a:hover { background: none; }


/*バナー追加*/
#christmas p#bottom_banner {
margin: 30px 0 0 30px;
padding: 0;
}



/********************************/
/* -- // -- best --  // -- */
/********************************/

#best {
width: 660px;
}

#best .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#best h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_best.jpg) no-repeat 0 0;
}

/* -- catch --*/
#best #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#best #catch_best {
display: block;
width: 600px;
height: 508px;
margin: 25px 0 0 0;
background: url(../img/photo_best01.jpg)  no-repeat center top;
text-indent: -9999px;
}

/* -- top_area */
#best #top_area {
width: 600px;
margin: 0 0 30px 30px;
}

#best #separator {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

#best #top_area h3#subt_best01 {
display: block;
width: 191px;
height: 15px;
background: url(../img/subt_best01.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- middle_area */
#best #middle_area {
width: 600px;
margin: 0 0 30px 30px;
}

#best #pbox_img {
width: 323px;
float: left;
margin: 0 30px 0 0;
}

#best #pbox_comment {
width: 247px;
float: left;
}

#best #pbox_comment h3#subt_best02 {
display: block;
width: 200px;
height: 15px;
background: url(../img/subt_best02.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- info -- */
#best .box_info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 0 0 20px 30px;
}

#best .box_info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#best .box_info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#best .box_info p {
margin: 0 20px 10px 20px;
font-size: 83%;
}

#best .box_info ul ,
#best .box_info li {
font-size: 100%;
line-height: 150%;
}
#best .box_info ul {
margin: 0 20px 0 30px;
}

#best .box_info ul li {
font-size: 83%;
list-style-type: disc;
margin: 0 0 5px 0;
}

#best .box_info ul li a {
color: #da2e68;
text-decoration: underline;
}

#best .box_info ul li a:hover {
color: #da2e68;
text-decoration: none;
}




/********************************/
/* -- // -- market --  // -- */
/********************************/

#market {
width: 660px;
}

#market .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#market h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_market.jpg) no-repeat 0 0;
}

/* -- catch --*/
#market #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#market #catch_market {
display: block;
width: 600px;
height: 400px;
margin: 25px 0 0 0;
background: url(../img/main_img_market.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- top_area */
#market #top_area {
width: 600px;
margin: 0 0 30px 30px;
}

#market #top_area h3#subt_market01 {
display: block;
width: 228px;
height: 15px;
background: url(../img/subt_market01.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- middle_area */
#market #middle_area {
width: 600px;
margin: 0 0 30px 30px;
}

#market #pbox_img {
width: 215px;
float: left;
margin: 0 30px 0 0;
}

#market #pbox_comment {
width: 355px;
float: left;
}

#market #pbox_comment h3#subt_market02 {
display: block;
width: 203px;
height: 15px;
background: url(../img/subt_market02.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- info -- */
#market .box_info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 0 0 20px 30px;
}

#market .box_info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#market .box_info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#market .box_info p {
margin: 0 20px 10px 20px;
font-size: 83%;
}

/*ここから追加したGO！オフィシャルページ*/

#market p#go_official {
display: block;
width: 271px;
height: 31px;
margin: 0 0 0 167px;
background: url(../img/bt_official_on.jpg) no-repeat center top;
}

#market p#go_official a {
display: block;
width: 271px;
height: 31px;
background: url(../img/bt_official_off.jpg) no-repeat center top;
text-indent: -9999px;
}

#market p#go_official a:hover {
background: none;
}

/*ここまで*/

/********************************/
/* -- // -- wish --  // -- */
/********************************/

#wish {
width: 660px;
}

#wish .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#wish h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_wish.jpg) no-repeat 0 0;
}

/* -- catch --*/
#wish #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#wish #catch_market {
display: block;
width: 598px;
height: 444px;
margin: 25px 0 0 0;
background: url(../img/main_img_wish.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- top_area */
#wish #top_area {
width: 600px;
margin: 0 0 30px 30px;
}

#wish #top_area h3#subt_wish01 {
display: block;
width: 228px;
height: 15px;
background: url(../img/subt_market01.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- middle_area */
#wish .photo_box {
width: 600px;
margin: 0 0 30px 30px;
}

#wish .pbox_img {
width: 339px;
float: left;
margin: 0 30px 0 0;
}

#wish .pbox_comment {
width: 231px;
float: left;
}

#wish .pbox_comment h3#subt_wish01 {
display: block;
width: 145px;
height: 14px;
background: url(../img/subt_wish01.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

#wish .pbox_comment h3#subt_wish02 {
display: block;
width: 159px;
height: 15px;
background: url(../img/subt_wish02.jpg) no-repeat center left;
text-indent: -9999px;
margin: 0 0 10px 0;
}

/* -- info -- */
#wish .box_info {
clear: both;
width: 600px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
color: #666666;
margin: 0 0 20px 30px;
}

#wish .box_info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#wish .box_info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#wish .box_info p {
margin: 0 20px 10px 20px;
font-size: 83%;
}

/********************************/
/* -- // -- history --  // -- */
/********************************/

#history {
width: 660px;
}

#wish .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#history h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_history.jpg) no-repeat 0 0;
}

/* -- catch --*/
#history #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#history #catch_history {
display: block;
width: 600px;
height: 67px;
margin: 25px 0 0 0;
background: url(../img/catch_history.jpg) no-repeat center top;
text-indent: -9999px;
}


/* -- middle_area */
#history table {
border-collapse: collapse;
border-spacing: 0;
}

#history table td {
width: 285px;
padding: 30px 30px 0 0;
vertical-align: top;
}

*html #history table td {
width: 285px;
padding: 30px 30px 0 0;
font-size: 83%;
vertical-align: top;
}

#history .photo_box {
width: 285px;
background: url(../img/bg_history_c.jpg) repeat-y left top;
}

#history h3 {
width: 285px;
margin: 0 0 10px 0;
}

#history .photo_box .parts {
width: 285px;
background: url(../img/bg_history_b.jpg) no-repeat left bottom;
padding: 0 0 10px 0;
}

#history .photo_box .in {
margin: 0 10px;
}

#history .photo_box .year span {
font-size: 116%;
color: #a23155;
font-weight: bold;
}

#history .photo_box .year {
width: 265px;
color: #a23155;
}

#history .photo_box .comment {
width: 265px;
}

#history .photo_box .comment span {
display: block;
color: #a23155;
}

#history .photo_box p.item {
margin: 10px 0 0 0;
}

/***********************************/
/* -- // -- pdf_vale2009 --  // -- */
/***********************************/
#pdf_box {
}

#pdf_box h2#page_title {
display: block;
width: 878px;
height: 35px;
text-indent: -9999px;
background: url(../img/subt_down_history.jpg) no-repeat 0 0;
}

#pdf_box h3#sub_title {
font-weight: bold;
color: #a23155;
margin: 20px 0 10px 30px;
font-size: 116%;
}

#pdf_box #copy_comment {
margin: 0 0 10px 50px;
font-size: 83%;

}


#pdf_box #box {
width: 817px;
border: 1px solid #cccccc;
background: #efefef;
margin: 0 0 30px 30px;
padding: 20px 0;
}

#pdf_box #box_inner {
width: 779px;
float: center;
<!-- margin: 0 19px; -->
}

#pdf_box #get_pdf {
position: relative;
width: 878px;
height: 34px;
margin: 0 0 20px 0;
}

#pdf_box #get_pdf p {
position: absolute;
bottom: 0;
left: 335px;
width: 211px;
background: url(../img/bt_pfd_down_on.jpg) no-repeat center top;
}

#pdf_box #get_pdf p a {
display: block;
width: 211px;
height: 34px;
background: url(../img/bt_pfd_down_off.jpg) no-repeat center top;
text-indent: -9999px;
}

#pdf_box #get_pdf p a:hover {
background: none;
}


/*  */

#fw_his {
width: 818px;
margin: 0 0 0 30px; 
paddomg: 0 0 10px 0;
}

#fw_his #catch {
margin: 0 0 30px 0;
}

#fw_his #detail {
margin: 0 0 30px 0;
}

#fw_his #detail span {
margin: 0 0 0 10px;
font-weight: bold;
color: #ff0000;
}

#fw_his h3#subt_fw_his01 {
display: block;
width: 154px;
height: 13px;
margin: 0 0 20px 0;
background: url(../img/subt_his_fire01.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#fw_his h3#subt_fw_his02 {
display: block;
width: 164px;
height: 17px;
margin: 0 0 20px 0;
background: url(../img/subt_his_fire02.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#fw_his h3#subt_fw_his022009 {
display: block;
width: 500px;
height: 40px;
margin: 0 0 20px 0;
background: url(../img/subt_his_fire02_2009.jpg) no-repeat 0 0;
text-indent: -9999px;
}

/* -- info -- */
#fw_his .info {
clear: both;
width: 818px;
background: url(../img/bg_infobox_c.jpg) repeat-y center top;
color: #666666;
margin: 0 0 20px 0
}

#fw_his .info_t {
width: 818px;
padding: 20px 0 0 0;
background: url(../img/bg_infobox_t.jpg) no-repeat center top;
}

#fw_his .info_b {
width: 818px;
padding: 0 0 20px 0;
background: url(../img/bg_infobox_b.jpg) no-repeat center bottom;
}

#fw_his .info p {
margin: 0 20px;
font-size: 83%;
}

#fw_his .info h4 {
font-weight: bold;
color: #ff0000;
margin: 0 0 0 20px
}

#fw_his h4#time01 {
display: block;
width: 512px;
height: 36px;
margin: 0 0 20px 0;
background:url(../img/bar_time01.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#fw_his h4#time02 {
display: block;
width: 512px;
height: 37px;
margin: 0 0 20px 0;
background:url(../img/bar_time02.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#fw_his h4#time022009 {
display: block;
width: 512px;
height: 37px;
margin: 0 0 20px 0;
background:url(../img/bar_time02_2009.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#fw_his h4#time03 {
display: block;
width: 512px;
height: 37px;
margin: 0 0 20px 0;
background:url(../img/bar_time03.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#fw_his .info ul ,
#fw_his .info li {
font-size: 100%;
line-height: 150%;
}
#fw_his .info ul {
margin: 0 20px 0 30px;
}

#fw_his .info ul li {
font-size: 83%;
list-style-type: disc;
margin: 0 0 5px 0;
}

#fw_his .question {
padding: 10px 0 10px 75px;
background: #f0f0f0;
font-weight: bold;
}

#fw_his .answer {
padding: 10px 20px 10px 75px;
margin: 0 0 20px 0;
background: url(../img/icon_a1.jpg) no-repeat 20px 12px #ffffff;
}

#fw_his #q_no0 {
background: no-repeat 20px 12px #f0f0f0;
}

#fw_his #q_no1 {
background: url(../img/icon_q1.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no2 {
background: url(../img/icon_q2.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no3 {
background: url(../img/icon_q3.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no4 {
background: url(../img/icon_q4.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no5 {
background: url(../img/icon_q5.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no6 {
background: url(../img/icon_q6.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no7 {
background: url(../img/icon_q7.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no8 {
background: url(../img/icon_q8.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no9 {
background: url(../img/icon_q9.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no10 {
background: url(../img/icon_q10.jpg) no-repeat 20px 12px #f0f0f0;
}
#fw_his #q_no11 {
background: url(../img/icon_q11.jpg) no-repeat 20px 12px #f0f0f0;
}

#navi_jump {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
padding: 10px 0;
border: 1px solid #cccccc;
}

#navi_jump #navi_jump_in {
margin: 0 0 0 10px;
}

#navi_jump p.jump_box {
display: block;
width: 110px;
height: 25px;
float: left;
margin: 0 7px 0 0;
}

#navi_jump p.jump_box_stay {
display: block;
width: 110px;
height: 25px;
float: left;
margin: 0 7px 0 0;
text-indent: -9999px;
}

#navi_jump p.jump_box a {
display: block;
width: 110px;
height: 25px;
text-indent: -9999px;
}

#navi_jump #bt_01 { background: url(../img/bt_spdays_01_o.gif) no-repeat left top; }
#navi_jump #bt_02 { background: url(../img/bt_spdays_02_o.gif) no-repeat left top; }
#navi_jump #bt_03 { background: url(../img/bt_spdays_03_o.gif) no-repeat left top; }
#navi_jump #bt_04 { background: url(../img/bt_spdays_04_o.gif) no-repeat left top; }
#navi_jump #bt_05 { background: url(../img/bt_spdays_05_o.gif) no-repeat left top; }

#navi_jump #bt_01_stay { background: url(../img/bt_spdays_01_o.gif) no-repeat left top; }
#navi_jump #bt_02_stay { background: url(../img/bt_spdays_02_o.gif) no-repeat left top; }
#navi_jump #bt_03_stay { background: url(../img/bt_spdays_03_o.gif) no-repeat left top; }
#navi_jump #bt_04_stay { background: url(../img/bt_spdays_04_o.gif) no-repeat left top; }
#navi_jump #bt_05_stay { background: url(../img/bt_spdays_05_o.gif) no-repeat left top; }

#navi_jump #bt_01 a { background: url(../img/bt_spdays_01.gif) no-repeat left top; }
#navi_jump #bt_02 a { background: url(../img/bt_spdays_02.gif) no-repeat left top; }
#navi_jump #bt_03 a { background: url(../img/bt_spdays_03.gif) no-repeat left top; }
#navi_jump #bt_04 a { background: url(../img/bt_spdays_04.gif) no-repeat left top; }
#navi_jump #bt_05 a { background: url(../img/bt_spdays_05.gif) no-repeat left top; }

#navi_jump #bt_01 a:hover { background: none; }
#navi_jump #bt_02 a:hover { background: none; }
#navi_jump #bt_03 a:hover { background: none; }
#navi_jump #bt_04 a:hover { background: none; }
#navi_jump #bt_05 a:hover { background: none; }



/********************************/
/* -- // -- xmarkt --  // -- */
/********************************/

#xmarkt {
width: 660px;
}

#f .separator {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#xmarkt h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_xmarkt.jpg) no-repeat 0 0;
}

/* -- catch --*/
#xmarkt #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#xmarkt h3#subt_title {
display: block;
width: 598px;
height: 305px;
margin: 25px 0 0 0;
background: url(../img/main_img_xmarkt.jpg)  no-repeat left top;
text-indent: -9999px;
}

#xmarkt #catch_xmarkt {
display: block;
width: 598px;
height: 105px;
background: url(../img/catch_xmarkt.jpg) no-repeat center top;
text-indent: -9999px;
}

/* -- middle_area */
#xmarkt #middle_area {
width: 600px;
padding: 20px 0;
margin: 0 0 30px 30px;
background: #eeeeee;
}

#xmarkt #middle_area ul {
width: 300px;
height: 16px;
overflow: hidden;
margin: 10px 0 0 150px;
}

#xmarkt #middle_area li {
width: 75px;
height: 14px;
text-align: center;
float: left;
}

#xmarkt #middle_area li a {
width: 75px;
height: 14px;
text-align: center;
float: left;
color: #da2e68;
text-decoration: underline;
}

#xmarkt #middle_area li a:hover {
color: #da2e68;
text-decoration: none;
}




/* -- info -- */
#xmarkt #jump {
clear: both;
width: 600px;
margin: 0 0 10px 30px;
}

#xmarkt #jump .box {
display: block;
float: left;
width: 289px;
height: 165px;
margin: 0 20px 20px 0;
}

#xmarkt #jump .box a {
display: block;
width: 289px;
height: 165px;
text-indent: -9999px;
}

#xmarkt #jump #go_market ,
#xmarkt #jump #go_history {
display: block;
float: left;
width: 289px;
height: 165px;
margin: 0 0 20px 0;
}




#xmarkt p#go_best { background: url(../img/bt_christmas01_on.jpg) no-repeat 0 0; }
#christmas p#go_best a { background: url(../img/bt_christmas01_off.jpg) no-repeat 0 0; }
#christmas p#go_best a:hover { background: none; }
#christmas p#go_market { background: url(../img/bt_christmas02_on.jpg) no-repeat 0 0; }
#christmas p#go_market a { background: url(../img/bt_christmas02_off.jpg) no-repeat 0 0; }
#christmas p#go_market a:hover { background: none; }
#xmarkt p#go_wish { background: url(../img/bt_xmarkt03_on.jpg) no-repeat 0 0; }
#xmarkt p#go_wish a { background: url(../img/bt_xmarkt03_off.jpg) no-repeat 0 0; }
#xmarkt p#go_wish a:hover { background: none; }
#xmarkt p#go_history { background: url(../img/bt_xmarkt04_on.jpg) no-repeat 0 0; }
#xmarkt p#go_history a { background: url(../img/bt_xmarkt04_off.jpg) no-repeat 0 0; }
#xmarkt p#go_history a:hover { background: none; }
