@charset "utf-8";


/*----------------------------------------------------------

	Module Top Style Sheet

-----------------------------------------------------------*/
/* common */

#column1-main .sns{float:right; text-align:left; /*width:390px;*/ width:390px; margin:15px 0 10px 0;}
#column1-main .sns .title{float:left; margin:0 10px 0 0; padding:4px 0 0 0; width:80px;}
#column1-main .sns .twitter{float:left; margin:0 10px 0 0; padding:0; width:90px;}
#column1-main .sns .facebook{float:left; margin:0 10px 0 0; padding:0; width:110px;}
#column1-main .sns .gplus{float:left; margin:0 0px 0 0; padding:0; width:80px;}
#column1-main .sns .mixi{float:left; margin:0; padding:2px 0 0 0; width:80px;}
#column1-main .sns .hatena{float:left; margin:0 10px 0 0; padding:0;}
#column1-main .sns li img{ vertical-align: top;}


#column1-main .text-cpend {
    color: #FF0000;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

#column1-main {
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0;
	margin: 10px 0 0;
}
#column1-main .left {
	float: left;
}
#column1-main .right {
	float: right;
}
#column1-main .clear {
	clear:both;
}

#pagebody a.o_link, #pagebody a.link_ico {
    background: url("../images/ico_link.gif") no-repeat scroll right center transparent !important;
    height: 100%;
    margin-right: 0.5em;
    padding-right: 15px;
}

/* showcase----------------------------------- */
#container_mainv {
	position:relative;
}
#container_mainv h2 {
 background: url(../images/main.jpg) no-repeat left top;
 height: 86px;
}
#container_mainv h2 img {
 display: none;
}






/* present item------------------------------- */
#item {
 width: 950px;
}
#item #pre01 {
 width: 444px;
 border-right: 1px solid #000;
 padding: 0;
 float: left;
 min-height: 236px;
 background: url(../images/item01.jpg) no-repeat 30px top;
}
#item #pre02 {
 width: 425px;
 padding: 0;
 float: left;
 background: url(../images/item02.jpg) no-repeat 50px top;
 min-height: 236px;
}
#item #pre01 span,
#item #pre02 span {
 display: block;
 text-align: center;
 padding-top: 245px;
 font-size: 16px;
 font-weight: bold;
}
#item #pre02 span.spc {
 padding-left: 45px;
}
#item #pre02 span.spc #txt {
 display: block;
 text-align: center;
 font-size: 11px;
 padding-top: 3px;
 font-weight: normal;
 line-height: 1.2;
 color: #666;
}
#item #pre01 img,
#item #pre02 img {
 display: none;
}
#item #text {
 clear: both;
 height: 148px;
 padding: 45px 0 36px;
}
#item #text span {
 display: none;
}




/* howto entry------------------------------- */
#howto {
 clear: both;
 width: 950px;
}
#howto h3 {
 background: url(../images/h3.jpg) no-repeat 0 0;
 text-align: center;
 margin: 0 0 40px;
 height: 30px;
}
#howto h3 span {
 display: none;
}
#howto .stepL {
 background: #f0f0f0;
 width: 420px;
 padding: 20px;
 float: left;
 margin: 0 0 30px;
}
#howto .stepL .num,
#howto .stepR .num {
 width: 240px;
 font-size: 14px;
 margin-bottom: 20px;s
}
#howto .stepL .num img,
#howto .stepR .num img {
 margin-bottom: 10px;
}
#howto .stepL .cap,
#howto .stepR .cap {
 float: right;
}
#howto .stepR {
 background: #f0f0f0;
 width: 420px;
 padding: 20px;
 float: right;
 margin: 0 0 30px;
}
#howto .stepL .num img.step1 {
 width: 176px;
 height: 112px;
}
#howto .stepR .num img.step2 {
 width: 228px;
 height: 88px;
}
#howto .stepL .num img.step3 {
 width: 190px;
 height: 112px;
}
#howto .stepR .num img.step4 {
 width: 230px;
 height: 88px;
}




/* button area---------------------------------- */
#btnArea {
 clear: both;
 background: #ecf3f7;
 padding: 20px;
 text-align: center;
}
#btnArea p#dl {
 margin-bottom: 0;
}
#btnArea p#entry {
 display: none;
}




@media (max-width:640px){

#column1-main {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0;
	margin: 10px 0 0;
}
#column1-main h2 {
    border: none;
    font-size: inherit;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#column1-main .left {float: none;}
#column1-main .right {float: none;}
#column1-main .sns{float:left; text-align:left; width:auto; margin:15px 0 10px 0;}
#column1-main .sns .title{float:none; margin:0 10px 0 0; padding:4px 0 0 0; width:80px;}


/* showcase----------------------------------- */
#container_mainv h2 {
	background:none;
	height: auto;
}
#container_mainv h2 img {
 display: block;
}





/* present item------------------------------- */
#item {
 width: auto;
}
#item #pre01,
#item #pre02 {
 width: auto;
 clear: both;
 background: none;
 text-align: center;
 border: none;
}
#item #pre01 span,
#item #pre02 span {
 text-align: center;
 padding: 15px 0 30px;
 font-size: 14px;
 font-weight: bold;
}
#item #pre02 span.spc {
 padding-left: 0;
}
#item #pre02 span.spc #txt {
 display: block;
 font-size: 11px;
 padding-top: 3px;
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
}
#item #pre01 img,
#item #pre02 img {
 display: block;
}
#item #text {
 clear: both;
 height: auto;
 padding: 0px 0 36px;
}
#item #text img {
 display: none;
}
#item #text span {
 display: inline;
 clear: both;
 font-weight: bold;
 padding: 0;
 font-size: 20px;
}
#item #text span.red {
 color: #F00;
}
#item #text span.bkg {
 display: block;
 margin-top: 15px;
 background: #000;
 padding: 5px;
 color: #fff;
}



/* howto entry------------------------------- */
#howto {
 clear: both;
	width: auto;
}
#howto h3 {
 background: none;
 text-align: center;
 margin: 0 0 20px;
 border-top: 2px solid #000;
 padding-top: 20px;
}
#howto h3 span{
 font-size: 20px;
 font-weight: bold;
 display: block;
}
#howto .stepL {
 width: auto;
 clear: both !important;
}
#howto .stepL .num,
#howto .stepR .num {
 width: auto;
 clear: both !important;
}
#howto .stepL .cap,
#howto .stepR .cap {
 float: none;
 text-align: center;
}
#howto .stepR {
 width: auto;
 clear: both !important;
}



/* button area---------------------------------- */
#btnArea {
 clear: both;
 background: #ecf3f7;
 padding: 20px;
 text-align: center;
}
#btnArea p#dl {
 margin: 0;
}
#btnArea p#entry {
 display: block;
}




}