@charset "UTF-8";

/*--------------------------------------------------
firstguide
--------------------------------------------------*/
#firstguide{width:200px;height:250px;background:url(../../common/images/firstguide/firstguide_bg.gif) no-repeat;float:left;}

#firstguide ul{margin:49px 0 0 15px;}
#firstguide ul li{width:170px;height:34px;background-repeat:no-repeat;list-style-type:none;display:inline;}
#firstguide ul li a{width:170px;height:34px;display:inline;background-repeat:no-repeat;position:relative;float:left;}
#firstguide ul li span{display:none;}

#firstguide ul li#fgWhats a{background:url(../../common/images/firstguide/firstguide_about.gif);margin:3px 0 0 0;}
#firstguide ul li#fgWhats a:hover{background-position:bottom;}
#firstguide ul li#fgBuy a{background:url(../../common/images/firstguide/firstguide_buy.gif);margin:3px 0 0 0;}
#firstguide ul li#fgBuy a:hover{background-position:bottom;}
#firstguide ul li#fgUse a{background:url(../../common/images/firstguide/firstguide_use.gif);margin:3px 0 0 0;}
#firstguide ul li#fgUse a:hover{background-position:bottom;}
#firstguide ul li#fgQa a{background:url(../../common/images/firstguide/firstguide_qa.gif);margin:3px 0 0 0;}
#firstguide ul li#fgQa a:hover{background-position:bottom;}
#firstguide ul li#fgInquiry a{background:url(../../common/images/firstguide/firstguide_inquiry.gif);margin:3px 0 0 0;}
#firstguide ul li#fgInquiry a:hover{background-position:bottom;}

/*--------------------------------------------------
MainBox
--------------------------------------------------*/
#MainBox {width:748px;height:248px;margin:0 0 0 10px;float:left;background-color:#ff9f46;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#MainBox .titleList{ position: relative;height:220px;overflow:hidden;clear:both;background-color:#fff5df;
border:1px #ff9f46 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-bottom:none;}
#MainBox .ttl {padding:10px 0 5px 13px; position:absolute; }
#MainBox .ttl h3 {font-size:16px;line-height:16px;margin:0 0 0 5px;padding:0 0 0 20px;color:#f64e0b;display:inline;background:url(../../common/images/icn/icn_ttl_b.gif) left no-repeat;;}
#MainBox .ttl span.line {margin:0 10px;font-size:16px;color:#90908F;}
#MainBox .ttl span.day {font-size:13px;font-weight:bold;color:#333333;}
#MainBox .ttl .txt {margin:5px 0 0 5px;font-size:13px;line-height:15px;color:#333333;}
#MainBox .ttl .image {width:700px;height:152px;margin:0;padding:10px 10px;background:url(../../common/images/MainBox/bg_image.gif) no-repeat;}
#MainBox .ttl .image img {width:700px;height:150px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}


#MainBox .bottomArea{float:right;width:748px;height:29px;background-color:#ff9f46;/*background:url(../../common/images/MainBox/bg_bottom.gif) no-repeat;*/}

#MainBox ul.btn{float:right;margin:5px 24px 0 0;padding:0;}
#MainBox ul.btn li{margin:0 0 0 5px;padding:0;display:inline-block;*display:inline;zoom:1;/*IE6*/float:left;}
#MainBox ul.btn li a{width:17px;height:17px;display:block;}

#MainBox ul.btn li a.btn1{background:url(../../common/images/MainBox/btn_MainBox_1.gif) no-repeat;}
#MainBox ul.btn li a.btn2{background:url(../../common/images/MainBox/btn_MainBox_2.gif) no-repeat;}
#MainBox ul.btn li a.btn3{background:url(../../common/images/MainBox/btn_MainBox_3.gif) no-repeat;}
#MainBox ul.btn li a.btn4{background:url(../../common/images/MainBox/btn_MainBox_4.gif) no-repeat;}
#MainBox ul.btn li a.btn5{background:url(../../common/images/MainBox/btn_MainBox_5.gif) no-repeat;}
#MainBox ul.btn li a.btn6{background:url(../../common/images/MainBox/btn_MainBox_6.gif) no-repeat;}
#MainBox ul.btn li a.btn7{background:url(../../common/images/MainBox/btn_MainBox_7.gif) no-repeat;}
#MainBox ul.btn li a.btn8{background:url(../../common/images/MainBox/btn_MainBox_8.gif) no-repeat;}
#MainBox ul.btn li a.btn9{background:url(../../common/images/MainBox/btn_MainBox_9.gif) no-repeat;}
#MainBox ul.btn li a.btn10{background:url(../../common/images/MainBox/btn_MainBox_10.gif) no-repeat;}
#MainBox ul.btn li.select a {background-position:bottom;}

#MainBox ul.btn li a.btn1:hover,
#MainBox ul.btn li a.btn2:hover,
#MainBox ul.btn li a.btn3:hover,
#MainBox ul.btn li a.btn4:hover,
#MainBox ul.btn li a.btn5:hover,
#MainBox ul.btn li a.btn6:hover,
#MainBox ul.btn li a.btn7:hover,
#MainBox ul.btn li a.btn8:hover,
#MainBox ul.btn li a.btn9:hover,
#MainBox ul.btn li a.btn10:hover{background-position:bottom;}


/*
#MainBox ul.line{clear:both;width:700px;height:12px;margin:0 0 0 25px;}
#MainBox ul.line li{width:136px;height:12px;margin:0 4px 0 0;list-style:none;float:left;}
#MainBox ul.line li.On{width:136px;height:12px;margin:0 4px 0 0;background:url(../../common/images/MainBox/menuLine.gif) no-repeat;}
#MainBox ul.line li span{display:none;}

#MainBox ul.bnr {width:740px;height:40px;margin:0 0 0 4px;}
#MainBox ul.bnr li{text-align:center;list-style:none;float:left;}
#MainBox ul.bnr li.box{width:136px;height:40px;margin:0 5px 0 0;}
#MainBox ul.bnr li.box a{width:136px;height:40px;background:url(../../common/images/MainBox/menuBg.gif);display:block;text-align:center;text-decoration:none;}
#MainBox ul.bnr li.box a span{width:126px;height:40px;padding:0 5px;font-size:11px;line-height:13px;color:#471307;display:table-cell;margin-bottom:1px;vertical-align:middle;}
#MainBox ul.bnr li.box a:hover{background:url(../../common/images/MainBox/menuBgOn.gif);}


*html #MainBox ul.bnr li.box{width:136px;height:39px;margin:0 5px 0 0;}
*html #MainBox ul.bnr li.box a{width:136px;height:39px;background:url(../../common/images/MainBox/menuBg.gif);display:block;text-align:center;text-decoration:none;cursor:pointer;}
*html #MainBox ul.bnr li.box a span{width:126px;height:32px;padding:7px 5px 0 5px;font-size:11px;line-height:13px;color:#471307;background:none;display:inline;zoom:1;}
*html #MainBox ul.bnr li.box a:hover{background:url(../../common/images/MainBox/menuBgOn.gif);}
*html #MainBox ul.bnr li.boxOn{width:136px;height:40px;margin:0 5px 0 0;}
*html #MainBox ul.bnr li.boxOn a{width:136px;height:40px;background:url(../../common/images/MainBox/menuBgOn.gif);display:block;text-align:center;text-decoration:none;cursor:pointer;}
*html #MainBox ul.bnr li.boxOn a span{width:126px;height:32px;padding:7px 5px 0 5px;font-size:11px;line-height:13px;color:#471307;display:inline;zoom:1;margin-bottom:1px;vertical-align:middle;}

*:first-child+html #MainBox ul.bnr li.box{width:136px;height:40px;margin:0 5px 0 0;}
*:first-child+html #MainBox ul.bnr li.box a{width:136px;height:40px;background:url(../../common/images/MainBox/menuBg.gif);display:block;text-align:center;text-decoration:none;cursor:pointer;}
*:first-child+html #MainBox ul.bnr li.box a span{width:126px;height:32px;padding:7px 5px 0 5px;font-size:11px;line-height:13px;color:#471307;background:none;display:inline;zoom:1;}
*:first-child+html #MainBox ul.bnr li.box a:hover{background:url(../../common/images/MainBox/menuBgOn.gif);}
*:first-child+html #MainBox ul.bnr li.boxOn{width:136px;height:40px;margin:0 5px 0 0;}
*:first-child+html #MainBox ul.bnr li.boxOn a{width:136px;height:40px;background:url(../../common/images/MainBox/menuBgOn.gif);display:block;text-align:center;text-decoration:none;cursor:pointer;}
*:first-child+html #MainBox ul.bnr li.boxOn a span{width:126px;height:32px;padding:7px 5px 0 5px;font-size:11px;line-height:13px;color:#471307;display:inline;zoom:1;margin-bottom:1px;vertical-align:middle;}


#MainBox ul.bnr li.boxOn{width:136px;height:40px;margin:0 5px 0 0;}
#MainBox ul.bnr li.boxOn a{width:136px;height:40px;background:url(../../common/images/MainBox/menuBgOn.gif);display:block;text-align:center;text-decoration:none;cursor:pointer;}
#MainBox ul.bnr li.boxOn a span{width:126px;height:40px;padding:0 5px;font-size:11px;line-height:13px;color:#471307;display:table-cell;margin-bottom:1px;vertical-align:middle;}

#MainBox ul.bnr li.btnL{width:15px;height:40px;margin:0 5px 0 0;}
#MainBox ul.bnr li.btnL a{width:15px;height:40px;background:url(../../common/images/MainBox/menuBtnLeft.gif);display:block;}
#MainBox ul.bnr li.btnL a:hover{background-position:bottom;}

#MainBox ul.bnr li.btnR{width:15px;height:40px;}
#MainBox ul.bnr li.btnR a{width:15px;height:40px;background:url(../../common/images/MainBox/menuBtnRight.gif);display:block;}
#MainBox ul.bnr li.btnR a:hover{background-position:bottom;}
*/



/*--------------------------------------------------
ContentsArea
--------------------------------------------------*/
#ContentsArea {clear:both;width:650px;height:auto;margin:10px 10px 0 0;float:left;}

#ContentsTitle {width:628px;height:auto;padding:10px;padding-bottom:5px;border:1px #c8c6b2 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;position:relative;background:url(../../common/images/contents/bg_ttl_l.gif) repeat-x;}
#ContentsTitle .ttl {width:628px;height:20px;padding:3px 0 10px 0;border-bottom:1px #c8c6b2 solid;position:relative;}
#ContentsTitle .ttl h3 {font-size:16px;font-weight:bold;color:#f64e0b;line-height:20px;display:inline;position:absolute;display:block;}
#ContentsTitle .ttl h3 span{margin:0 0 0 10px;font-size:16px;color:#c8c6b2;}
#ContentsTitle .ttl strong {height:30px;margin:0 0 0 195px;font-size:12px;line-height:20px;font-weight:normal;color:#333333;display:inline;position:relative;}
#ContentsTitle .ttl a.btn_list {width:130px;height:20px;margin:0 0 0 125px;background:url(../../common/images/contents/btn_title_all.gif);display:block;position:absolute;vertical-align:top;}
#ContentsTitle .ttl a.btn_list span {display:none;}
#ContentsTitle .ttl a:hover.btn_list {background-position:bottom;}
#ContentsTitle .ttl a.btn_menubook {width:178px;height:45px;margin:-20px 0 0 450px;background:url(../../common/images/contents/bnr_menubook.png);display:block;position:absolute;vertical-align:top;}
#ContentsTitle .ttl a.btn_menubook span {display:none;}
#ContentsTitle .ttl a:hover.btn_menubook {background-position:bottom;}

#ContentsTitle .main {clear:both;width:628px;height:auto;margin:10px 0 -10px 0;}
#ContentsTitle .main .spacer_u {width:5px;height:5px;float:left;}
#ContentsTitle .main .spacer_h {clear:both;width:628px;height:5px;font-size: 0;/*IE6*/}
#ContentsTitle .main .spacer_u span,
#ContentsTitle .main .spacer_h span{display:none;}

#ContentsTitle .main a.titleBox{width:198px;height:56px;padding:3px;text-decoration:none;border:1px #c8c6b2 solid;background-color:#fff;display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;cursor:pointer;/*for IE6-7*/float:left;}
#ContentsTitle .main a:visited.titleBox {text-decora1tion:none;}
#ContentsTitle .main a:hover.titleBox {text-decoration:none;background-color:#ffffcc;}
#ContentsTitle .main a.titleBox img.new{width:30px;height:30px;margin:-5px 0 0 173px;position:absolute;border:none;}

#ContentsTitle .main a.titleBox img{width:54px;height:54px;border:1px #dfdfdf solid;display:inline-block;*zoom:1;/*for IE6-7*/*display:inline;/*for IE6-7*/}
#ContentsTitle .main a.titleBox .leftBox{width:130px;margin:0;vertical-align:top;display:inline-block;*zoom:1;/*for IE6-7*/*display:inline; /*for IE6-7*/}
#ContentsTitle .main a.titleBox .leftBox p{margin-top:5px;height:37px;font-size:12px;line-height:14px;color:#471307;}
#ContentsTitle .main a.titleBox .leftBox .icn{margin:0;padding:0;}
#ContentsTitle .main a.titleBox .leftBox .icn img{width:63px;height:14px;margin:0 2px 0 0;border:none;}

#ContentsInfo {clear:both;width:200px;height:auto;margin:10px 0 0 0;float:left;}
#ContentsInfo h3 {width:178px;height:30px;font-size:16px;font-weight:bold;color:#f64e0b;border-bottom:1px #c8c6b2 solid;line-height:30px;}

#ContentsInfo .maintenance{width:180px;height:auto;padding:9px;border:1px #c8c6b2 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;background:url(../../common/images/contents/bg_ttl.gif) repeat-x;}
#ContentsInfo .maintenance img{width:180px;height:40px;margin:10px 0;}
#ContentsInfo .maintenance .txt{font-size:11px;line-height:13px;text-align:center;}
#ContentsInfo .smobile{width:178px;height:auto;margin:10px 0 0 0;padding:10px;border:1px #c8c6b2 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;background:url(../../common/images/contents/bg_ttl.gif) repeat-x;}
#ContentsInfo .smobile .txt{font-size:12px;line-height:13px; color:#f64e0b;text-align:center;}
#ContentsInfo .smobile img{width:111px;height:111px;margin:3px auto 0; display:block;}
#ContentsInfo .mobile{width:178px;height:auto;margin:10px 0 0 0;padding:10px;border:1px #c8c6b2 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;background:url(../../common/images/contents/bg_ttl.gif) repeat-x;}
#ContentsInfo .mobile img{width:111px;height:111px;margin:6px auto 0; display:block;}

#ContentsList{width:440px;height:auto;margin:10px 0 0 10px;float:left;}
#ContentsList ul{width:440px;height:40px;}
#ContentsList ul li{width:140px;height:40px;margin:0 0 0 5px;float:left;list-style:none;display:inline;}
#ContentsList ul li a{width:140px;height:40px;display:block;}
#ContentsList ul li a span{display:none;}

#ContentsList ul li#News a{background-image:url(../../common/images/ContentsList/menu_news.gif); outline: none;}
#ContentsList ul li#News a:hover{background-position:bottom;}
#ContentsList ul li#NewsOn a{background-image:url(../../common/images/ContentsList/menu_news.gif);background-position:bottom;}
#ContentsList ul li#Shop a{background-image:url(../../common/images/ContentsList/menu_shop.gif); outline: none;}
#ContentsList ul li#Shop a:hover{background-position:bottom;}
#ContentsList ul li#ShopOn a{background-image:url(../../common/images/ContentsList/menu_shop.gif);background-position:bottom;}
#ContentsList ul li a.selTab {background-position:bottom; }

#ContentsList .listBox{clear:both;width:420px;height:auto;padding:14px 9px;border:1px #c8c6b2 solid;}
#ContentsList .listBox .box{width:420px;height:auto;}
#ContentsList .listBox .box:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#ContentsList .listBox .box .ttl{margin:0 0 5px 0;}
#ContentsList .listBox .box .ttl span{height:15px;margin:0 0 3px 0;font-size:12px;line-height:15px;font-weight:bold;display:block;}
#ContentsList .listBox .box .ttl a{font-size:14px;font-weight:bold;line-height:15px;}
#ContentsList .listBox .box img.images {width:54px;height:54px;vertical-align:bottom;float:left;}
#ContentsList .listBox .box .txt{width:350px;height:auto;margin:0 0 0 10px;font-size:12px;line-height:15px;float:left;}
#ContentsList .listBox .boxLine{clear:both;width:420px;height:3px;margin:5px 0;background:url(../../common/images/line/line_list.gif);font-size: 0;/*IE6*/}
#ContentsList .listBox .boxLine span{display:none;}

#ContentsList .bottom{clear:both;width:420px;height:25px;padding:0 9px;border:1px #c8c6b2 solid;border-top:0;}
#ContentsList .bottom a{padding:0 0 0 10px;font-size:12px;line-height:25px;background:url(../../common/images/icn/icn_arrow.gif) left no-repeat;float:right;}

/*--------------------------------------------------
SideArea
--------------------------------------------------*/
#SideArea {width:300px;height:auto;margin:10px 0 0 0;float:right;}
#SideArea .ad {width:300px;height:250px;margin:0 0 10px 0; background:url(../../common/images/banner/300x250/bnr_paynetcafe.jpg);}

#SideArea .twitter {width:300px;height:auto;margin:10px 0 0 0;}