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

.large {
	width: 852px;
	border: 4px solid #333;
	padding: 10px;
}
.home-twitter01 {
	float: left;
	height: 220px;
	width: 300px;
	padding-top: 10px;
}
.home-twitter01 ul {
	font-size: 14px;
	color: #333;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.5em;
}
.home-twitter01 ul a {
	font-size: 14px;
	color: #933;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.5em;
}
.home-twitter01 ul a:hover {
	color: #C33;	
}
.home-twitter02 {
	float: right;
	height: 200px;
	width: 290px;
	padding-right: 20px;
	margin-top: 10px;
}
.home-twitter02 ul {
	font-size: 14px;
	color: #333;
	list-style-type: none;
	line-height: 1.5em;
}
.home-twitter02 ul a {
	font-size: 14px;
	color: #933;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.5em;
}
.home-twitter02 ul a:hover {
	color: #C33;	
}
.title {
	width: 880px;
	margin-bottom: 15px;
}
.title-half-L {
	width: 435px;
	margin-bottom: 15px;
	float: left;
	margin-right: 10px;
}
.title-half-R {
	width: 435px;
	margin-bottom: 15px;
	float: right;
}
.w880px {
	width: 880px;
	padding-bottom: 5px;
}
.home-main {
width: 880px;
background-image: url(../../image/home-con-01.png);
height: 261px;
margin-bottom: 5px;
position: relative;
clear: both;
}
.home-main .youtubePlayer{
position: absolute;
left:565px;
top:14px;
width:270px;
}
.home-main .toPromotionBtn {
position: absolute;
left:339px;
top:201px;
width: 178px;
height:51px;
}
.home-main .toPromotionBtn a{
display:block;
background-image: url(../../image/home-movie-btn.png);
background-repeat: no-repeat;
background-position: 0px 0;
width: 178px;
height:51px;
overflow:hidden;
text-indent:-9999px;
}
.home-main .toPromotionBtn a:hover{
background-position: 0px -51px;
}
.w820px {
	width: 820px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	text-align: center;
}
.w820px-L {
	width: 820px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	text-align: left;
}
.w800px-con {
	width: 820px;
	padding-bottom: 10px;
	border: 1px solid #97858E;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 10px;
	text-align: center;
}
.w800px {
	width: 800px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	text-align: center;
}
.w480px {
	width: 480px;
	padding-right: 200px;
	padding-left: 200px;
	padding-bottom: 10px;
}
.w435px-L {
	width: 400px;
	float: left;
	padding-bottom: 20px;
	padding-left: 30px;
}
.w435px-R {
	width: 400px;
	float: right;
	padding-bottom: 20px;
	padding-left: 30px;
}
.w435px-L02 {
	width: 400px;
	float: left;
	padding-bottom: 10px;
	border: 1px solid #C66;
	text-align: center;
	margin-left: 30px;
	padding-top: 10px;
}
.w435px-R02 {
	width: 400px;
	float: right;
	padding-bottom: 10px;
	text-align: center;
	margin-right: 30px;
	padding-top: 10px;
	border: 1px solid #69C;
}
.w435px-pub-R {
	width: 435px;
	float: right;
	background-image: url(../../publish/image/publish-con-02.png);
	height: 360px;
	margin-top: 10px;
}
.w400px-pub {
	width: 380px;
	margin-top: 50px;
	margin-left: 25px;
}
.nakayan02 {
	width: 215px;
	background-image: url(../../supporter/image/nakayan-con-02-2.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 200px;
	margin-left: 10px;
}
.home01 {
	width: 880px;
	padding-bottom: 5px;
	background-image: url(../../image/home-con-02.png);
	background-repeat: no-repeat;
	height: 255px;
}
.home02 {
width: 880px;
padding-bottom: 5px;
background-image: url(../../image/home-con-03.png);
background-repeat: no-repeat;
height: 360px;
position: relative;
}
.home02 .homeTwitterBtn1{
position:absolute;
left:15px;
top:11px;
}
.home02 .homeTwitterBtn2{
position:absolute;
left:457px;
top:11px;
}
.home02 .homeTwitterBtn1 a,
.home02 .homeTwitterBtn2 a{
display: block;
text-indent: -9999px;
overflow:hidden;
width:409px;
height:51px;
}
.home02 .homeTwitterBtn1 a{
background-image: url(../../image/home-twitter-btn1.png);
}
.home02 .homeTwitterBtn2 a{
background-image: url(../../image/home-twitter-btn2.png);
}
.home02 .homeTwitterBtn1 a:hover,
.home02 .homeTwitterBtn2 a:hover{
background-position:0 -51px;
}
.home02 .homeTwtiterArea1,
.home02 .homeTwtiterArea2{
position:absolute;
width:400px;
height:275px;
top:67px;
}
.home02 .homeTwtiterArea1{
left:19px;
}
.home02 .homeTwtiterArea2{
left:462px;
}

.home03 {
	width: 880px;
	padding-bottom: 0px;
	background-image: url(../../image/home-con-04.png);
	background-repeat: no-repeat;
	height: 240px;
}
.business01 {
	width: 880px;
	padding-bottom: 10px;
	background-image: url(../../business/image/business-01.png);
	background-repeat: no-repeat;
	height: 190px;
}
.business02 {
	width: 880px;
	padding-bottom: 10px;
	background-image: url(../../business/image/business-02.png);
	background-repeat: no-repeat;
	height: 300px;
}
.business03 {
	width: 880px;
	padding-bottom: 10px;
	background-image: url(../../business/image/business-03.png);
	background-repeat: no-repeat;
	height: 160px;
}
.business04 {
	width: 880px;
	padding-bottom: 10px;
	background-image: url(../../business/image/business-04.png);
	background-repeat: no-repeat;
	height: 550px;
}
.unfinished {
	width: 350px;
	background-image: url(../image/unfinished.png);
	background-repeat: no-repeat;
	margin-right: 265px;
	margin-left: 265px;
	height: 250px;
}
.unfinished-blog {
	width: 350px;
	background-image: url(../../blog/image/blog.png);
	background-repeat: no-repeat;
	margin-right: 265px;
	margin-left: 265px;
	height: 250px;
}
.imgBox435-L {
	float: left;
	width: 435px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.imgBox320-L {
	float: left;
	width: 320px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.imgBox435-R {
	float: right;
	width: 435px;
	margin-top: 10px;
}
.table01 {
	font-size: 80%;
	color: #666;
	
}
.table01 th {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-weight: normal;
	background-color: #F5F5F5;
}
.table01 td {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}
.example {
	background-color: #FAEBF0;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-right: 50px;
	margin-left: 50px;
	font-size: 90%;
	color: #933;
}
.example img {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.example-bs01 a {
	background-image: url(../../business/image/example-bs-01.png);
	height: 141px;
	width: 200px;
	float: left;
	margin-top: 133px;
	margin-left: 50px;
}
.example-bs02 a {
	background-image: url(../../business/image/example-bs-02.png);
	height: 149px;
	width: 200px;
	float: left;
	margin-top: 133px;
	margin-left: 90px;
}
.example-bs03 a {
	background-image: url(../../business/image/example-bs-03.png);
	height: 200px;
	width: 141px;
	float: left;
	margin-top: 108px;
	margin-left: 120px;
}

/* ↓ kawano   */
.center-form600 {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;

}
.w820px-L-comipo {
	width: 820px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	text-align: left;
	background-image: url(../image/comipo_package_300.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* --- kawano --- */

.w435px-L01 {
	width: 400px;
	float: left;
	padding-bottom: 10px;
	border: 1px solid #97858E;
	/* border: 1px solid #C66; */
	text-align: center;
	margin-left: 30px;
	padding-top: 10px;
}

.w435px-R02_red {
	width: 400px;
	float: right;
	padding-bottom: 10px;
	text-align: center;
	margin-right: 30px;
	padding-top: 10px;
	border: 1px solid #C66;
        /*	border: 1px solid #69C; */
}

.w435px-L02_blue {
	width: 400px;
	float: left;
	padding-bottom: 10px;
	border: 1px solid #69C;
	/* border: 1px solid #C66; */
	text-align: center;
	margin-left: 30px;
	padding-top: 10px;
}
.nakayan-title {
	background-image: url(../../supporter/image/title-nakayan04-1.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 830px;
	padding-left: 50px;
	line-height: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #BE3199;
	padding-bottom: 10px;
}

.w820px-L-waku {
	width: 820px;
	padding-bottom: 10px;
	border: 1px solid #97858E;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
}

.topic02 {  
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #da0176;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03 {  
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #da0176;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic04{  
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

.home-blog {
	float: left;
	height: 160px;
	width: 200px;
	margin-top: 10px;
	margin-left: 200px;
	overflow : hidden;
}
.home-blog ul {
	font-size: 14px;
	color: #333;
	list-style-position: outside;
	line-height: 1.5em;
       list-style-image:URL("../image/mark-b.png");
}
.home-blog ul a {
	font-size: 14px;
	color: #1111cc;
	list-style-type: none;
	list-style-position: outside;
	line-height: 1.5em;
	text-decoration:none;
}

.home-blog ul  a:link{
    color: #1111cc;
}

.home-blog ul  a:visited {
    color: #111199;
}


.home-blog ul a:hover {
	color: #cc1111;
	text-decoration:underline;
}

.topic03-aff {  
	background:#e5f5fa;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #0099cc;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

 .topic04-aff {  
        border-left:7px solid #ccc; 
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

.topic03-pub {  
	color:#3350cc;
	background:#eaedfa; s 
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #3350cc;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

/* 無料体験版ページ h2～h4 タグ */

.topic02-eva {
	color: #666;
	background:#fdf5e5;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #f09900;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-eva {
	color: #666;
        border-left:7px solid #f09900;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}

.topic04-eva { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

/* 機能紹介のページ h2～h4 タグ 紫色 */

.topic02-fea {
	color: #666;
	background:#f5eaf5;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #993399;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-fea {
	color: #993399;
        border-left:7px solid #993399;  
        border-bottom:1px solid #993399;  
        padding:.6em .8em  
}

.topic04-fea { 
	color: #666;
	border-left:7px solid #ccc;  
	border-bottom:1px solid #ccc;  
	padding:.6em .8em  
}  

/* 「コミPo! って」のページ h2～h4 タグ 薄い朱色 */

.topic02-abo {
	/* color: #666; */
	color: #e55050;
	background:#fef6f6;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #e55050;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em;
	color:#e55050;
	text-align: left;
}


.topic03-abo {
	/* color: #666; */
	color: #e55050;
	border-left:7px solid #e55050;  
	border-bottom:1px dashed #ccc;  
	padding:.6em .8em  
}

.topic04-abo { 
	color: #666;
	border-left:7px solid #ccc;  
	border-bottom:1px dashed #ccc;  
	padding:.6em .8em  
}  

/* 作例のページ h2 タグ 薄い朱色 */

.topic02-saku-center {
	background:#fef6f6;  
	border:1px solid #ccc;  
	padding:.8em .9em;
	color:#e55050;
	text-align: center;
}

/* 価格・購入ページ h2～h4 タグ */

.topic02-pri {
	color: #328100;
	background:#F4F9F2;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #328100;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-pri {
	color: #328100;
       border-left:7px solid #328100;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-pri { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

/* ニュースリリースのページ h2～h4 タグ */

.topic02-new {
	color: #666;
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #0099cc;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-new {
	color: #666;
       border-left:7px solid #0099cc;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-new { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.3em .8em  
}  

/* ビジネスのページ h2～h4 タグ */

.topic02-biz {
	color: #666;
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #0099cc;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-biz {
	color: #666;
       border-left:7px solid #0099cc;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-biz { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

/* コミPo! 応援隊ページ h2～h4 タグ */

.topic02-sup {
	color: #BE3299;
	background:#FBF4F9;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #BE3299;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-sup {
	color: #BE3299;
       border-left:7px solid #BE3299;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-sup { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px dashed #ccc;  
        padding:.6em .8em  
}  

/* EULAページ h2～h4 タグ */

.topic02-eula {
	color: #BE3299;
	background:#FBF4F9;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #BE3299;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-eula {
	color: #BE3299;
       border-left:7px solid #BE3299;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-eula { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px solid #ccc;  
        padding:.6em .8em  
}  


/* コミPo! 評判  h2～h4 タグ */

.topic02-reco {
	color: #009999;
	background:#009999;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #009999;  
	border-bottom:1px solid #ccc;  
	padding:.8em .9em  
}

.topic03-reco {
	color: #009999;
       border-left:7px solid #009999;  
       border-bottom:1px dashed #ccc;  
       padding:.6em .8em  
}

.topic04-reco { 
	color: #666;
        border-left:7px solid #ccc;  
        border-bottom:1px solid #ccc;  
        padding:.6em .8em  
}  

/* 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;
}

.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

ul.mark-none  {
	list-style-type: none;
}

/* ブロック配置 */
.model-sample {
	border-width: 2px 6px 6px 2px;
	border-color:#0099cc;
	border-style:solid;
	float: left;
	vertical-align : middle;
	text-align : center;
	width: 260px;
	margin: 15px;
	padding: 15px;
}

.model-sample-5 {
	border-width: 2px 6px 6px 2px;
	border-color:#0099cc;
	border-style:solid;
	float: left;
	vertical-align : middle;
	text-align : center;
	width: 780px;
	height: 160px;
	margin: 15px;
	padding: 15px;
}

.model-sample-2 {
	border-width: 2px 6px 6px 2px;
	border-color:#0099cc;
	border-style:solid;
	float: left;
	vertical-align : middle;
	text-align : center;
	width: 500px;
	height: 220px;
	margin: 15px;
	padding: 15px;
}

.indent {
	margin-left: 2em;
}

/* リンク用CSS */

.link_move a {
}

.link_move  a:hover{
	position:relative;
	top: 1px;
	left: 1px;
}

.link_move  a:active{
	position:relative;
	top: -1px;
	left: -1px;
}
.recomen-title {
background-image: url(../../recommend/image/sub-title-recommend.png);
background-repeat: no-repeat;
background-position: left bottom;
padding: 4px 15px 6px;
line-height: 1.2em;
color: #666666;
margin-bottom: 20px;
font-weight: bold;
}
.recomen-body {
color: #666666;
margin-bottom: 50px;
}
.recomen-body .photo{
float:left;
width:170px;
text-align: center;
}
.recomen-body .text{
width:598px;
float:left;
margin-left:40px;
display: inline;
}

/* list mark "※" */

ul.rice {
	list-style-type: none;
}

ul.rice li {
	text-indent:-1em;
	padding-left: 1em;
}