@charset "utf-8";


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

	Module Top Style Sheet

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

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


#column1-main h3 {
	margin: 0 0 15px;
}

#column1-main .text-cpend {
    color: #FF0000;
    font-weight: bold;
    margin: -15px 0 15px;
    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;
}

#container_mainv {
    position: relative;
	 margin:0 0 30px;
}
#container_mainv h2 { margin: 0 0 0px;}

.section {font-size:14px; line-height:23px;}
.section .unit .text { line-height:1.4em;border-top:solid 1px #ccc;padding:3em 0 0;}
.link, .link2 {background:url(../images/arrow.png) left center no-repeat; padding-left:12px;color:#000; text-decoration:underline; font-size:13px; display:inline-block;}
.link a, .link2 a {color:#000; text-decoration:underline;}
.link a:hover, .link2 a:hover {text-decoration:none; }
strong.mark {color:#f43059;}

.s1 .left {width:176px; margin-left:70px;}
.s1 .right {width:594px; margin-right:70px;}

.s1 .u2 .left-margin-104 {width:auto; margin-left:104px;}
.s1 .u2 .left-margin-198 {width:auto; margin-left:198px;}
.s1 .u2 .right {width:594px; margin-right:70px;}


/*150401書籍横並び分追記*/
.mod--table{display:table;width:100%;}
.mod--table li{display:table-cell;padding:0 0 40px;}
.mod--table-cell2 li{width:50%;}
.mod--table-cell3 li{width:33%;}
.mod--table-cell4 li{width:25%;}
.mod--table-cell5 li{width:20%;}
.mod--table p{line-height:140%;}

/*151001書籍ダウンロードボタン追記*/
.caption_book{margin:.5em 0;display: inline-block;}
.btn_read{
  color: #FFF;
  font-size: 1rem;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 6px 18px;
  border: none;
  border-radius: 3px;
  background: #49c7bd;
  -webkit-transition: background .2s;
  transition: background .2s;
  margin-bottom: 10px;
}
.btn_read:before {
    content: "\f0da";
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 .6em .05em 0; }
a.link_arrow {
  color: #2f353d;
  cursor: pointer;
  }
  a.link_arrow:before {
    content: "\f0da";
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 .4em .1em 0; }
  a.link_arrow:hover, a.link_arrow:active {
    color: #7d8794;
    text-decoration: none;
    outline: none; }





.s1 .unit {background:url(../images/s1_bg.jpg) 0 bottom no-repeat; padding:0 0 145px;}
.s1 h2 {margin:0 0 25px;}
.s1 h3 {font-size:19px;padding:0 0 14px; margin:0 0 20px; border-bottom:solid 2px #ccc;}
.s1 .author {margin:25px 0 0; font-size:12px; color:#666;}
.s1 .btn {text-align:center;}
/* 151001 term横並び指定 */
.term {display:table;width:100%;;font-weight:bold;/*font-size:1.143em;*/margin:0 0 10px ;}
.term li{display:table-cell;width:50%;}
.term li.term_left{padding:0 0 0 6em;}
.term li.term_right{padding:0 6em 0 0;}
.s1 .note {margin:0; font-size:11px; color:#666; line-height:18px;}
.s1 .note strong { font-weight:bold; color:#d80000;}
.s1 .entry_btn {padding:25px 0 0; width:600px; margin:0 auto;}
.s1 .entry_btn .left {width:294px; margin-left:-2px;}
.s1 .entry_btn .right {width:294px; margin-right:-2px;}
.s1 .entry_btn .link {margin:20px 5px 0; font-size:12.5px;}

.s1 .devicelist {border:solid 1px #ccc; border-left:none; border-right:none; padding:15px 0; margin:30px 0 30px;}
.s1 .devicelist p {font-size:12px;}
.s1 .devicelist ul li { display: inline-block; margin-bottom: 5px; margin-right: 10px; margin-top: 5px; }
.s1 .devicelist ul li { color: #333333; font-size: 12px; line-height: 20px; margin-top: 10px; padding-left: 28px; }
.s1 .devicelist ul li.reader { background: url("../images/deviceIcon_reader.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.vita { background: url("../images/deviceIcon_vita.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.android { background: url("../images/deviceIcon_android.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.iOS { background: url("../images/deviceIcon_iOS.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.pc { background: url("../images/deviceIcon_pc.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.off { color: #b2b2b2; }
.s1 .devicelist ul li.reader.off { background-image: url("../images/deviceIcon_reader_off.png"); }
.s1 .devicelist ul li.vita.off { background-image: url("../images/deviceIcon_vita_off.png"); }
.s1 .devicelist ul li.android.off { background-image: url("../images/deviceIcon_android_off.png"); }
.s1 .devicelist ul li.iOS.off { background-image: url("../images/deviceIcon_iOS_off.png"); }
.s1 .devicelist ul li.pc.off { background: url("../images/deviceIcon_pc_off.png") no-repeat scroll left center transparent; }

.s2 {margin:20px auto 65px; width:890px;}
.s2 .link {margin-top:20px; text-align:right; float:right;}

.s3 {margin:0 auto 0; width:894px;}
.s3 .left {width:439px; margin-top:33px;}
.s3 .right {width:439px; margin-top:33px;}

.phimg { width:auto;}
.at {padding: 0 0 2em 230px; }
.ttl_wrap { border:solid 3px #008ec5; margin-bottom:2em; width:950px; }
.ttl_wrap div { float:left;}
.ttl_wrap div.hd { width:188px;background-color:#c4f3f1;}
.ttl_wrap div.ttl { width:750px;}
.ttl_wrap div.hd p{text-align:center;padding:1.1em 0;}
.ttl_wrap div.ttl p{ font-size:117%; font-weight:bold;padding:1em 0 0 1.5em;}
.ttl_wrap div.ttl p.multiline{padding:.3em 0  0 1.5em;}

/* youkou */

#column1-main .foot_note { color: #999999; font-size: 85%; margin: 30px 0 0; }
.red { font-weight:bold; color:#d80000; }

.btn_browser{
  vertical-align: top;
  width:15px;
  height:15px;
}


@media (max-width:640px){

#column1-main .sns { float: left; text-align: left; width: auto; margin: 15px 0 10px 0; position:static; }

#column1-main {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0;
	margin: 10px 0 0;
}

#column1-main .text-cpend {
    color: #ff0000;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

#column1-main h2 {
    border: none;
    font-size: inherit;
    height: auto;
    margin: 0px;
    padding: 0px;
}


#column1-main .left {float: none;}
#column1-main .right {float: none;}

#container_mainv .tag {
	background:#fff100;
	text-align:center;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	color:#009afd;
}
#container_mainv .hl {
    margin: 0 0 10px;
}

#container_mainv .lead {padding:0px; text-align:left; font-size:12px;  margin:5px 0 25px; }

#container_mainv {
    position: relative;
	 margin:0 0 20px;
}
#container_mainv h2 { margin: 0 0 0px;}
/*#container_mainv .left {width:auto; margin:0px 10px 0;}
#container_mainv .right {width:auto; margin:15px 10px 0;}
#container_mainv .link {margin:5px 2px 0; font-size:12.5px;}*/

.section {font-size:14px; line-height:23px;}
.link, .link2 {background:url(../images/arrow.png) left center no-repeat; padding-left:12px;color:#000; text-decoration:underline; font-size:13px; display:inline-block;}
.link a, .link2 a {color:#000; text-decoration:underline;}
.link a:hover, .link2 a:hover {text-decoration:none; }

.s1 .left {width:auto; margin-left:0px; text-align:center;}
.s1 .right {width:auto; margin-right:0px; margin-top:35px;}

.s1 .u2 .left { margin-left:0;}
.s1 .u2 .right { margin-right:0;}

/*150401書籍縦並び分追記*/
.mod--table{display: block;}
.mod--table-cell2 li,
.mod--table-cell3 li,
.mod--table-cell4 li,
.mod--table-cell5 li{display: block;width:100%;}



.s1 .unit {background:url(../images/s1_bg.jpg) 0 bottom no-repeat; padding:0 0 80px; background-size:contain; margin-bottom:40px;}
.s1 h2 {margin:0 0 20px !important;}
.s1 h3 {font-size:19px; padding:0 0 14px; margin:0 0 15px;}
.s1 .author {margin:15px 0 0; font-size:12px; color:#666;}
.s1 .btn {text-align:center; margin:0 10px;}
/* 151001 term横並び解除指定 */
.term{display: block;}
.term li{display: block;width:100%;}
.term li.term_left,.term li.term_right{padding:0;}
.s1 .note {margin:0; font-size:11px; color:#666; line-height:18px;}
.s1 .note strong { font-weight:bold; color:#d80000;}
.s1 .entry_btn {padding:30px 0 0; width:auto;}
.s1 .entry_btn .left {width:auto; margin:0px 10px 0;}
.s1 .entry_btn .right {width:auto;  margin:20px 10px 0;}
.s1 .entry_btn .link {margin:15px 15px 0; font-size:12px; line-height:18px;}

.s1 .devicelist {border:solid 1px #ccc; border-left:none; border-right:none; padding:10px 0; margin:15px 0 15px;}
.s1 .devicelist p {font-size:12px;}
.s1 .devicelist ul li { display: inline-block; margin-bottom: 5px; margin-right: 10px; margin-top: 5px; }
.s1 .devicelist ul li { color: #333333; font-size: 12px; line-height: 20px; margin-top: 10px; padding-left: 28px; }
.s1 .devicelist ul li.reader { background: url("../images/deviceIcon_reader.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.vita { background: url("../images/deviceIcon_vita.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.android { background: url("../images/deviceIcon_android.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.iOS { background: url("../images/deviceIcon_iOS.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.pc { background: url("../images/deviceIcon_pc.png") no-repeat scroll left center transparent; }
.s1 .devicelist ul li.off { color: #b2b2b2; }
.s1 .devicelist ul li.reader.off { background-image: url("../images/deviceIcon_reader_off.png"); }
.s1 .devicelist ul li.vita.off { background-image: url("../images/deviceIcon_vita_off.png"); }
.s1 .devicelist ul li.android.off { background-image: url("../images/deviceIcon_android_off.png"); }
.s1 .devicelist ul li.iOS.off { background-image: url("../images/deviceIcon_iOS_off.png"); }
.s1 .devicelist ul li.pc.off { background: url("../images/deviceIcon_pc_off.png") no-repeat scroll left center transparent; }

.s2 {margin:20px auto 65px; width:auto;}
.s2 .link {margin-top:20px; text-align:right; float:right;}

.s3 {margin:0 10px 0; width:auto;}
.s3 .left {width:auto; margin:33px 0px 0;}
.s3 .right {width:auto; margin:33px 0px 0;}

.phimg { width:auto;}
.at { padding: 0 0 2em; }
.ttl_wrap {width:100%; }
.ttl_wrap div { float:none;text-align: center;}
.ttl_wrap div.hd {width:100%; }
.ttl_wrap div.ttl {width:100%; }
.ttl_wrap div.hd p{font-size:117%;font-weight:bold;padding:.5em 0;}
.ttl_wrap div.ttl p{padding:.5em; }


.float_l { float:left; }
.float_r { float:right; }
}