@charset "utf-8";

/* Web Bookmarks */
.boxS {
background: url(../image/box_s_bg.gif) repeat-y;
}
.boxS div.web_bookmark {
background: #DFD7CB no-repeat;
height:24px;
padding-left: 0;
padding-right: 0;
padding-bottom:4px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
_overflow: hidden; /* for WinIE 5,6 */
}
ul.web_bookmarks {
list-style:none
}
ul.web_bookmarks li {
float:right;
margin-top:2px;
margin-bottom:0px;
margin-left:6px;
margin-right:8px;
}
.download_btn_200 a {
text-indent: -9999px;
overflow: hidden;
display: block;
margin-left: 280px;
background: url(../image/download_btn_200.png) top right no-repeat;
width: 200px;
height: 53px;
text-align: center;
}
.download_btn_200 a:hover{
background-image: url(../image/download_btn_200.png); 
background-position: left bottom;
}



/* new style */
#contentsArea #contentsAreaBody #secondBg {
background-color: #FFF;
padding:7px;
-moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #ccc;
position: relative;
}
#contentsArea #contentsAreaBody #secondBg #secondBgInner{
background: url(../images/second_area_bg.png) no-repeat left bottom;
padding: 15px 0 80px;
width: 756px;
position: relative;
}



#contentsArea #contentsAreaBody h1 {
height: 81px;
width: 756px;
display: block;
}
#contentsArea #contentsAreaBody h2 {
height: 51px;
background-image: url(../images/h2bg.png);
font-size: 20px;
font-weight: bold;
line-height: 54px;
padding: 0 0 0 50px;
width: 680px;
margin: 0 auto 15px;
}
#contentsArea #contentsAreaBody p.imageH2,
#contentsArea #contentsAreaBody h2.imageH2 {
height: auto;
background-image: none;
line-height: auto;
padding: 0;
width: 730px;
margin: 0 auto 15px;
}
#contentsArea #contentsAreaBody h3 {
background: url(../images/h3bg.png) no-repeat;
height: 38px;
line-height: 35px;
font-weight: bold;
font-size: 16px;
padding: 0 0 0 36px;
width: 675px;
margin: 0 auto 15px;
}
#contentsArea #contentsAreaBody h4 {
background-image: url(../images/h4icon.png);
padding: 2px 0 0 25px;
background-repeat:no-repeat;
font-size:14px;
font-weight: bold;
width: 685px;
margin: 0 auto 7px;
}
#contentsArea #contentsAreaBody h5 {
}
#contentsAreaBody #secondBg .indent {
padding: 0 23px;
}

#secondBg .contentsBtns2column {
width:700px;
margin: 0 auto;
}



#secondBg .contentsBtns {
text-align: center;
margin: 0 0 10px;
}
#secondBg .contentsBtns2column .contentsBtns {
float:left;
display:inline;
}



#subMenuTab {
margin-bottom:20px;
padding:0 10px;
border-bottom:2px solid #333;
}
#subMenuTab ul{
height: 37px;
}
#subMenuTab li{
float:left;
height: 37px;
background:url(../images/submenu_bg1.png) no-repeat 0 0;
white-space: nowrap;
margin:0 1px;
font-size: 87%;
}
#subMenuTab li a{
display:block;
height: 37px;
line-height:40px;
background:url(../images/submenu_bg2.png) no-repeat right 0;
padding:0 10px;
text-decoration:none;
font-weight:bold;
color:#333;
}
#subMenuTab li a:hover{
text-decoration:underline;
}
#subMenuTab li.activeTab{
background-position:0 -37px;
}
#subMenuTab li.activeTab a{
background-position:right -37px;
}
.aboutImages {
text-align:center;
}
.aboutImages ul{
}
.aboutImages li{
width:340px;
/*float:left;*/
	display:inline;
}

.w435px-pub-R {
width: 340px;
float: right;
background-image: url(../../publish/images/publish-con-02.png);
height: 281px;
display: inline;
margin: 0 5px 0 0;
}
.w400px-pub {
margin-top: 50px;
margin-left: 25px;
margin: 50px 25px 0;
}
.pressMaterials {
border: 1px solid #CCC;
border-collapse:collapse;
border-spacing:0;
}
.pressMaterials td,
.pressMaterials th{
border: 1px solid #CCC;
vertical-align:middle;
}
.pressMaterials thead th{
background-color: #F39;
color: #FFF;
font-size: 120%;
}
.pressMaterials tbody th{
text-align: left;
font-size: 110%;
background-color: #CFEFCF;
}
.pressMaterials td{
}
.pressMaterials td.thumb {
text-align: center;
}
#contentsAreaBody td.listStyle1  a,
#contentsAreaBody .listStyle1 li{
background: url(../images/icon04.png) no-repeat left 0.3em;
padding-left:12px;
}
#contentsAreaBody td.listStyle2  a,
#contentsAreaBody .listStyle2 li{
background: url(../images/icon02.png) no-repeat left 0.3em;
padding-left:12px;
}
#contentsAreaBody td.listStyle3  a,
#contentsAreaBody .listStyle3 li{
background: url(../images/icon01.png) no-repeat left 0.1em;
padding-left:17px;
}
#contentsAreaBody td.listStyle1  a{
display:inline-block;
}
#contentsAreaBody td.listStyle2  a{
display:inline-block;
}
#contentsAreaBody td.listStyle3  a{
display:inline-block;
}
#contentsAreaBody a.listStyle1{
display:inline-block;
background: url(../images/icon04.png) no-repeat left 0.3em;
padding-left:12px;
}
#contentsAreaBody a.listStyle2{
display:inline-block;
background: url(../images/icon02.png) no-repeat left 0.3em;
padding-left:12px;
}
#contentsAreaBody a.listStyle3{
display:inline-block;
background: url(../images/icon01.png) no-repeat left 0.1em;
padding-left:17px;
}
#contentsAreaBody .listStyle4{
margin: 0 0 0 25px;
}
#contentsAreaBody .listStyle4 li{
list-style-type: disc;
list-style-position: outside;
line-height:1.5;
}
#contentsAreaBody .listStyle4 ul{
margin: 0 0 0 25px;
}
#contentsAreaBody .listStyle4 ul li{
list-style-type: circle;
}
#contentsAreaBody .listStyle4 ul ul li{
list-style-type: square;
}
#contentsAreaBody .listStyle5{
margin: 0 0 0 25px;
}
#contentsAreaBody .listStyle5 li{
list-style-type: decimal;
list-style-position: outside;
line-height:1.5;
font-size: 120%;
}



#contentsAreaBody .tableBorder1 td{
background:url(../images/border_x1.png) repeat-x 0 bottom;
padding: 13px 6px;
}
#contentsAreaBody .addDates td.thumb{
padding: 13px 0;
width:239px;
}
#contentsAreaBody .addDates td .title{
background: url(../images/border_x3.png) repeat-x left bottom;
font-size:16px;
margin-bottom:7px;
font-weight: bold;
padding-bottom: 7px;
width: 435px !important;
}
#contentsAreaBody .addDates td .price{
background: url(../images/border_x3.png) repeat-x left bottom;
margin-bottom:7px;
padding-bottom: 7px;
}
#contentsAreaBody .addDates td .body{
background: url(../images/border_x3.png) repeat-x left bottom;
margin-bottom:7px;
padding-bottom: 7px;
font-size: 12px;
}
#contentsAreaBody .addDates td .update{
border: 1px solid #B7B7B7;
background-color: #DFDFDF;
padding: 10px;
font-size: 12px;
}

#priceData {
background-image: url(../../price/images/comipo_package_210.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0 0 0 235px;
width: 410px;
margin: 0 auto 40px;
}
#priceData .title {
background: url(../images/border_x2.png) no-repeat right bottom;
margin-bottom: 20px;
padding-bottom:18px;
font-size: 12px;
}
#priceData .title strong{
line-height:1;
font-size:20px;
}
#priceData .subtitle {
font-weight: bold;
line-height: 1.4;
}
#priceData .price {
color:#FF0000;
font-size:20px;
font-weight: bold;
line-height: 1.2;
background: url(../images/border_x2.png) no-repeat right bottom;
margin-bottom:17px;
padding-bottom: 17px;
}
#priceData .price span{
font-size:16px;
}
#contentsAreaBody .tableStyle1 {
}
#contentsAreaBody .tableStyle1 td{
padding:0;
}
#contentsAreaBody .tableStyle1 th{
padding:0;
}
#contentsAreaBody .tableStyle2 ,
#contentsAreaBody .tableStyle2 td,
#contentsAreaBody .tableStyle2 th{
border: 1px solid #CCC;
}
#contentsAreaBody .tableStyle2 {
}
#contentsAreaBody .tableStyle2 td{
padding:6px 8px;
}
#contentsAreaBody .tableStyle2 th{
padding:6px 8px;
background-color: #EBEBEB;
white-space: nowrap;
}
#contentsAreaBody .booksTable{
margin-bottom:40px;
}

/* about > recommend */
#recommendArea .title {
background-image: url(../images/border_x1.png);
background-repeat: repeat-x;
background-position: left bottom;
padding: 4px 0 6px;
line-height: 1.2em;
margin-bottom: 20px;
font-weight: bold;
}
#recommendArea .body {
margin-bottom: 50px;
}
#recommendArea .body .photo{
float:left;
width:170px;
text-align: center;
}
#recommendArea .body .text{
width:500px;
float:left;
margin-left:40px;
display: inline;
}
.shoplistBanners {
margin:0 23px;
}
.shoplistBanners ul{
text-align: center;
}
.shoplistBanners ul li{
display:inline-block;
margin:0 10px 10px;
width: 200px;
}
.shoplistBanners ul li span{
display:block;
padding:0;
font-size: 12px;
}
.shoplistBanners ul li img:hvoer{
opacity:0.8;
-moz-opacity:0.8;
-webkit-opacity:0.8;
}
#contentsAreaBody #newsAreaList {
width: 710px;
}
#contentsAreaBody #newsAreaList dl {
width: 700px;
margin: 0 auto 12px;
line-height: 1.2;
background-image: url(../images/border_x1.png);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 12px;
}
#contentsAreaBody #newsAreaList dl dt {
float: left;
width: 100px;
}
#contentsAreaBody #newsAreaList dl dd {
width: 600px;
margin: 0 0 0 100px;
}
#contentsAreaBody #newsAreaList .title {
margin: 0 0 10px;
height: 54px;
width: 382px;
}
#contentsAreaBody #newsAreaList .title a{
display:block;
text-indent:-9999px;
overflow:hidden;
height: 54px;
background: url(../images/index_news_title.png) no-repeat;
}
#contentsAreaBody #newsAreaList .title a:hover{
background-position:0 -54px;
}

.addDates{
margin:0 0 30px;
}
.addDates .imagesThumb {
float: left;
display: inline;
}
.addDates .imagesThumb ul{
background-image: url(../images/click_to_enlarge.png);
background-repeat: no-repeat;
background-position: 65px bottom;
width: 239px;
width: 250px;
display: block;
height: 178px;
padding-right: 9px;
}
.addDates .imagesThumb ul li{
float: left;
margin: 0 15px 0 0;
display: inline;
}
.addDates .textDatas {
width: 450px;
float: right;
}
.addDates .updateTitle {
background-color: #66CC66;
font-weight: bold;
line-height: 23px;
padding: 0 0 0 6px;
margin: 0 0 10px;
}
.addDates .body {
background-color: #FDF1F5;
border: 1px solid #FF99CC;
padding: 10px;
font-size: 86%;
margin: 0 0 15px;
line-height: 1.2;
}
.addDates .price {
margin: 0 0 10px;
font-size: 16px;
}
.addDates .update {
line-height: 1.2;
font-size: 86%;
}
.addDates .update dd{
background-image: url(../images/border_x3.png);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 10px 1em;
margin: 0 0 10px;
text-indent: -1em;
}
#contentsAreaBody #faqTable {
border:1px solid #ccc;
background: #ccc;
}
#contentsAreaBody #faqTable td {
padding:10px 5px 20px 5px;
border:1px solid #ccc;
text-align:center;
vertical-align: middle;
background: #fff;
}
#contentsAreaBody #faqTable td.number {
}
#contentsAreaBody #faqTable td.category {
}
#contentsAreaBody #faqTable td.question {
text-align:left;
padding:10px 20px 20px 15px;
}
#contentsAreaBody #faqTable th {
border:1px solid #ccc;
font-size:16px;
font-weight: bold;
background-color: #67CC67; 
padding:15px;
}
#contentsAreaBody #faqTable th.header{
cursor: pointer;
background-image: url(../images/arrow_table_ud.png);
background-repeat: no-repeat;
background-position: right center;
padding:15px 25px 15px 15px;
}
#contentsAreaBody #faqTable th.headerSortUp{
background-image: url(../images/arrow_table_u.png);
background-color: #FB88C1;
} 
#contentsAreaBody #faqTable th.headerSortDown  { 
background-image: url(../images/arrow_table_d.png);
background-color: #FB88C1;
} 
#contentsAreaBody #faqTable tbody tr.odd td{
background-color:#E9F8E9;
}


#contentsAreaBody #faq .searchBoxBG {
width: 480px;
padding: 0 230px 0 0;
margin: 0 auto;
background-position: 400px 10px;
background-repeat: no-repeat;
position: relative;
height: 70px;

/*background-image: url(../images/body_bg.png);
border: 1px solid #F82790;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
box-shadow:0 0 7px #666;
	-moz-box-shadow:0 0 7px #666;
	-webkit-box-shadow:0 0 7px #666;*/
}

#contentsAreaBody #faq .comipoChan {
background-image: url(../images/search_bg2_comipochan.png);
background-repeat: no-repeat;
height: 195px;
width: 273px;
text-indent: -9999px;
position: absolute;
right: 25px;
bottom: -30px;
	
}


#contentsAreaBody #faq #searchBox{
width: 375px;
height: 56px;
background-image: url(../images/search_bg2.png);
background-repeat: no-repeat;
margin: 0;
position: absolute;
top: 7px;
left: 20px;
}
#contentsAreaBody #faq #searchBox .search-text{
float:left;
margin:18px 0 0 40px;
height: 26px !important;
border: none !important;
line-height: 26px;
width: 228px;
display:inline;
}
#contentsAreaBody #faq #searchBox .search-text:focus{
border: none !important;
}
#contentsAreaBody #faq #searchBox .search-submit{
float:right;
margin:0 12px 0 0;
border: none !important;
display:inline;
}
#twitterArea {
width:710px;
position:relative;
margin:0;
height: 50px;

/*
height: 245px;
background-image: url(../../faq/images/faq_twitter_bg.png);
background-repeat: no-repeat;
border: 1px solid #000;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
box-shadow:0 0 7px #666;
	-moz-box-shadow:0 0 7px #666;
	-webkit-box-shadow:0 0 7px #666;*/
}
#twitterArea .twitterBtn1 {
width: 98px;
height: 27px;
position: absolute;
left: 94px;
left: 0;
bottom:10px;
}
#twitterArea .twitterBtn1 a{
display:block;
background: #fff url(../../faq/images/faq_twitter_btn1.png) no-repeat 0px 0px;
width: 98px;
height: 27px;
overflow:hidden;
text-indent:-9999px;
}
#twitterArea .twitterBtn1 a:hover{
background-position:0 -27px;
}
#twitterArea .twitterBtn2 {
width: 80px;
height: 27px;
position: absolute;
left: 202px;
left: 108px;
bottom:10px;
}
#twitterArea .twitterBtn2 a{
display:block;
background: url(../../faq/images/faq_twitter_btn2.png) no-repeat 0px 0px;
width: 80px;
height: 27px;
overflow:hidden;
text-indent:-9999px;
}
#twitterArea .twitterBtn2 a:hover{
background-position:0 -27px;
}
#twitterArea .twitterComment{
height: 196px;
width: 304px;
text-indent: -9999px;
position: absolute;
right: 5px;
bottom: -25px;
background-image: url(../../faq/images/faq_twitter_bg2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.webcomicThumbs .webcomiPhoto {
background-image: url(../images/webcomic_thumb.png);
background-repeat: no-repeat;
height: 154px;
width: 110px;
padding: 1px 11px 11px 1px;
float: left;
}
.webcomicThumbs .webcomiPhoto img{
height: 154px;
width: 110px;
}
.webcomicThumbs .webcomiText {
width: 195px;
float: left;
margin: 0 0 0 18px;
display: inline;
}
.webcomicThumbs .webcomiText p{
font-size: 86%;
margin-bottom: 10px;
}
.webcomicThumbs .webcomiText .title{
background-image: url(../images/border_x2.png);
background-repeat: no-repeat;
background-position: right bottom;
padding: 0 0 10px;
margin: 0 0 10px;
font-size:100%;
}
.webcomicThumbs .webcomicSection {
width: 335px;
float: left;
display: inline;
margin: 0 40px 30px 0;
}
.webcomicThumbs {
width: 750px;
}


.supporterDates{
margin:0 0 40px;
}
.supporterDates .imagesThumb {
float: left;
display: inline;

margin: 0 0 10
.px;
margin: 0 0 10px;
}
.supporterDates .imagesThumb ul{
background-image: url(../images/click_to_enlarge.png);
background-repeat: no-repeat;
background-position: 65px bottom;
width: 239px;
width: 250px;
display: block;
padding-right: 9px;
padding: 0 9px 25px 0;
}
.supporterDates .imagesThumb ul li{
float: left;
margin: 0 15px 0 0;
display: inline;
}
.supporterDates .textDatas {
width: 450px;
float: right;
}
.supporterDates .packageTitle {
/* [disabled]font-weight: bold; */
line-height: 23px;
padding: 3px 10px;
margin: 0;
clear: both;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-image: url(../images/border_x1.png);
background-repeat: repeat-x;
background-position: left bottom;
}
.supporterDates .packageTitle a{
/* [disabled]color:#fff; */
display: inline-block;
background: url(../images/icon01.png) no-repeat left 0.2em;
padding-left: 17px;
}
.supporterDates .packageBody {
background-color: #F3F3F3;
padding: 6px 10px;
margin: 0 !important;
clear: both;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.supporterDates .body1 {
margin: 0 0 10px;
font-size: 16px;
}
.supporterDates .body2 {
background-color: #FDF1F5;
border: 1px solid #FF99CC;
padding: 10px;
font-size: 86%;
margin: 0 0 15px;
line-height: 1.2;
}


.supporterDates .help {
font-size: 86%;
background-image: url(../images/border_x3.png);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 5px;
}
.supporterDates .packages {
line-height: 1.2;
font-size: 86%;
}
.supporterDates .update dd{
background-image: url(../images/border_x3.png);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 10px 1em;
margin: 0 0 10px;
text-indent: -1em;
}
.featuresThumbs .featuresPhoto {
width: 150px;
padding: 1px;
float: left;
border: 1px solid #999;
}
.featuresThumbs .featuresPhoto img{
width: 150px;
}
.featuresThumbs .featuresText {
width: 155px;
float: left;
margin: 0 0 0 18px;
display: block;
}
.featuresThumbs .featuresText p{
font-size: 86%;
margin-bottom: 10px;
}
.featuresThumbs .title{
background-image: url(../images/border_x2.png);
background-repeat: no-repeat;
background-position: right bottom;
padding: 0 0 5px;
margin: 0 0 10px;
font-size:100%;
font-weight: bold;
}
.featuresThumbs .featuresSection {
width: 335px;
float: left;
display: inline;
margin: 0 40px 30px 0;
}
.featuresThumbs {
width: 750px;
}
.ceeboxClass {
background-image: url(../images/click_to_enlarge.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 20px;
}
.ceeboxClass img{
border:1px solid #999;
padding:1px;
}


#contentsAreaBody #faqTable2 {
border:1px solid #ccc;
background: #ccc;
}
#contentsAreaBody #faqTable2 td {
padding:10px 5px 20px 5px;
border:1px solid #ccc;
text-align:center;
vertical-align: middle;
background: #fff;
}
#contentsAreaBody #faqTable2 td.number {
}
#contentsAreaBody #faqTable2 td.category {
}
#contentsAreaBody #faqTable2 td.question {
text-align:left;
padding:10px 20px 20px 15px;
}
#contentsAreaBody #faqTable2 th {
border:1px solid #ccc;
font-size:16px;
font-weight: bold;
background-color: #67CC67; 
padding:15px;
}
#contentsAreaBody #faqTable2 th.header{
cursor: pointer;
background-image: url(../images/arrow_table_ud.png);
background-repeat: no-repeat;
background-position: right center;
padding:15px 25px 15px 15px;
}
#contentsAreaBody #faqTable2 th.headerSortUp{
background-image: url(../images/arrow_table_u.png);
background-color: #FB88C1;
} 
#contentsAreaBody #faqTable2 th.headerSortDown  { 
background-image: url(../images/arrow_table_d.png);
background-color: #FB88C1;
} 
#contentsAreaBody #faqTable2 tbody tr.odd td{
background-color:#E9F8E9;
}