@charset "utf-8";
/* CSS Document */
/*-------------- icon-font(s) --------------*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  width: 1em;
  height: 1em;
  line-height: 1;  
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align:middle;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*-------------- icon-font(e) --------------*/
/*---------- IEにHTML5 新規タグを読ませる (s) ----------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{ display:block; }
/*-------- IEにHTML5 新規タグを読ませる (e) --------*/
html{
	font-size:87.5%;
	line-height:150%;
	}
body{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Tahoma, Arial, sans-serif;	
	margin:0;
	padding:0;
	}
/*-------------------------- common(s) -----------------------------*/
.clear {clear: both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
a, a:link, a:visited {
	color:#1683cf;
	text-decoration:none;
	}
a:hover { opacity:0.75;}
ul{	padding:0; }
ul li { list-style:none;}
.hidden {
	display:none;
	}

.radius {
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;   /* Firefox用 */  
    }
.button {
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;   /* Firefox用 */ 
	text-align:center;
	cursor:pointer;
	}
.button{
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
.button:hover { opacity:0.8; text-decoration:none; }

.importantInfo {
	color:#666666;
	border:#ff0000 solid 1px;
	background-color:#ececec;
	font-size:12px;
	margin:10px auto;
	padding:8px 10px 5px;
	}

.attention { color:#ff0000;}
.float_left { float:left;}
.float_right { float:right;}

.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.red { color:#ef1010; }
.bold { font-weight:bold;}
.text_xs { font-size:0.8rem; line-height:1rem;}
.text_s {font-size:0.9rem; line-height:1.4rem;}
.text_m { font-size:1rem; line-height:1.6rem;}
.text_l { font-size:1.6rem; line-height:2rem;}
.text_xl { font-size:2rem; line-height:2.5rem;}
.text_xxl { font-size:2.4rem; line-height:2.8rem;}

.subText { color:#666666; font-size:0.8rem; line-height:1.2rem;}

.container {
    width:1000px;
	position:relative;
    margin: 0 auto;
    }
.contents_left, .contents_right { padding-top:30px; padding-bottom: 60px; }
.contents_left {
	float:left;
	width:720px;
	}
.contents_right {
	float:right;
	width:240px;
	}
.contents_right section, .contents_right .banner { margin:0 auto 20px;}
.contents_right .banner {
	display:block;
	max-width:100%;
	}
.contents_right .banner.line { border:#cccccc solid 1px;}
.contents_right .bannerBox {
	border:#cccccc solid 1px;
	background-color:#ffffff;
	width:100%;
	text-align:center;
	margin:20px auto;
	}
.contents_right .bannerBox .banner {
	display:inline;
	width:80%;
	vertical-align:middle;
	margin:10px auto;
	}
.twitterBox {
	background-color:#ffffff;
	border:#e5e5e5 solid 1px;
	margin-bottom:20px;
	}
#linkTop {
	display: block;
	border-top:#d6dbe7 solid 1px;
	background-color:#f3f5fa;
	font-size:0.9rem;
	text-align:center;
	line-height:3.8rem;
	height:3.8rem;
	}
#linkTop i { vertical-align:middle;}
#linkTop:hover {
	background-color:#d7deef;
	opacity:1;
	}
/*--------------------  common(e)  ----------------------*/
/*--------------------  header(s)  ----------------------*/
#header {
	border-top:#333333 solid 6px;
	height:110px;
	}
#headerNovel, #headerComic { height:136px; overflow:hidden; }
#header h1{
	float:left;
	width:180px;
	margin-top:2px;
	margin-bottom:4px;
	}
#headerNovel h1, #headerComic h1{
	float:left;
	width:184px;
	margin-top:20px;
	margin-bottom:10px;
	}
#serach_box {
	border:#cccccc solid 1px;
	background-color:#ffffff;
	float:right;
	width:310px;
	margin-top:30px;
	}
#serach_box input, #serach_box button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	padding:4px 4px;
	}

#serach_box input {
	font-size:14px;
	width:244px;
	}
#serach_box button {
	background-color:#ffffff;
	width:52px;
	text-align:center;
	cursor:pointer;
	}
#serach_box button i {
	color:#666666;
	font-size:24px;
	vertical-align:middle;
	}
#headerNav {
	background-color:#333333;
	position:relative;
	}
#headerNav p {
	color:#ffffff;
	font-size:14px;
	line-height:40px;
	height:34px;
	overflow:hidden;
	margin:0;
	 }
#headerNav p img {
	vertical-align: top;
	margin-right:10px;
	height:32px;
	}

#headerNav ul {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:0;
	}
#headerNav ul li {
	display:block;
	float:right;
	margin-left:30px;
	}
#headerNav ul li img { vertical-align:middle; }
#headerNav ul li i{
	color:#99c236;
	font-size:12px;
	vertical-align:middle;
	margin-right:4px;
	}
/*--------------------  header(e)  ----------------------*/
/*------------------  navigation(s)  --------------------*/
#mainNav { /*border-bottom:#333333 solid 1px;*/}
#mainNav ul {
	border-left:#333333 solid 1px;
	border-bottom:#333333 solid 1px;
	width:100%;
	height:56px;
	margin:0;
	padding:0;
	}
#mainNav ul li {
	display:block;
	border-top:#333333 solid 1px;
	border-right:#333333 solid 1px;
	width:33.2%;
	float:left;
	margin:0;
	}
#mainNav ul li a {
	color:#333333;
	display:block;
	font-size:14px;
	line-height:36px;
	height:35px;
	text-align:center;
	padding:10px 0;
	}

/*#mainNav ul li a.line02 {
	height:42px;
	padding-top:14px;
	}
#mainNav ul li .text_s { font-size:10px;}
*/

#mainNav ul li a:hover {
	color:#666666;
	background:#ffffff url(../images/jentaNav_hover.png) left bottom repeat-x;
	opacity:1;
	}

#nav_comic img, #nav_novel img {
	vertical-align:middle;
	margin-right:6px;
	}
#mainNav_novel {
	border-top:#333333 solid 1px;
	border-bottom:#333333 solid 1px;
	border-left:#333333 solid 1px;
	width:1000px;
	margin:0 auto;
	}
#mainNav_novel ul {
	width:100%;
	margin:0;
	}
#mainNav_novel li {	
	border-right: #333333 solid 1px;
	display:block;
	float:left;
	width:24.9%;
	}
#mainNav_novel li a {
	color:#333333;
	background-color:#f3f5fa;
	background-color:#ffffff;
	display:block;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	line-height:48px;
	height:48px;
	}
#mainNav_novel li a:hover {
	color:#666666;
	background:#ffffff url(../images/jentaNav_hover.png) left bottom repeat-x;
	opacity:1;
	}
/*------------------  navigation(e)  --------------------*/
/*------------------  contents area(s)  --------------------*/
#breadcrumb { padding:0; margin: 0 0 10px; }
#breadcrumb li { display: inline; font-size:12px; }

#pickup { margin-bottom:40px;}

.contentsBox {
	position:relative;
	margin-bottom:30px;
	}
.contentsBox .linkTo {
	position:absolute;
	top:20px;
	right:8px;
	font-size:14px;
	line-height:18px;
	}
.contentsBox .linkTo i {
	color:#99c236;
	font-size:12px;
	vertical-align:middle;
	margin-right:4px;
	}
.contentsBox h2 {
	color:#333333;
	border-bottom:#666666 solid 1px;
	font-size:18px;
	line-height:32px;
	font-weight:normal;
	margin:8px 0 5px ;
	padding-top:20px;
	}
.contentsBox h2 .sub { font-size:14px;}

.list_s li, .list_m li, .list_l li{
	border-bottom:#666666 dotted 1px;
	padding:12px 0;
	}
.list_s li:last-child, .list_m li:last-child, .list_l li:last-child { border-bottom:none; }
.contentsBox ul li .thumbBox, 
.contentsBox ul li img.thumb { display:block; }
.list_s li .thumbBox, .list_m li .thumbBox, .list_l li .thumbBox,
.list_s li .textBox, .list_m li .textBox, .list_l li .textBox { float:left; }
.contentsBox ul li .textBox p.sub_text { color:#999999;	}
.contentsBox ul li .textBox p.state {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin-bottom:2px;
	}

.contentsBox a.linkTo, .contentsBoxLine a.linkTo {
	display:block;
	text-align:center;
	padding:0.6rem 0;
	}
.contentsBox a.linkTo i, .contentsBoxLine a.linkTo i {
	color:#99c236;
	vertical-align:middle;
	font-size:0.96rem;
	margin-right:0.4rem;
	}
.list_s li .thumbBox, .list_s li .thumbBox img { width:120px; }
.list_s li .textBox {
	width:580px;
	position:relative;
	margin-left: 16px;
	}
.list_m li .thumbBox, .list_m li .thumbBox img { width:160px; }
.list_m li .textBox {
	width:540px;
	position:relative;
	margin-left: 20px;
	}
.list_l li .thumbBox, .list_l li .thumbBox img { width:200px; }
.list_l li .textBox {
	width:500px;
	position:relative;
	margin-left: 20px;
	}
.list_page li .icon { margin:0 auto 8px;}
.list_page li .textBox .title {
	font-size:14px;
	line-height:22px;
	margin:0 auto 4px;
	}

.list_page li .textBox .author,
.list_page li .textBox .date,
.list_page li .textBox .catch, 
.list_page li .textBox .description {
	color:#666666;
	font-size:12px;
	line-height:16px;
	margin:0 auto 4px;
	}
.list_page li .textBox .author { color:#333333; }

.thumbList_l li {
	display:block;
	float:left;
	width:220px;
	height:320px;
	margin:10px 30px 10px 0;
	}
.thumbList_l li img { width:220px;}
.thumbList_m li {
	display:block;
	float:left;
	width:168px;
	height:248px;
	margin:10px 16px 10px 0;
	}

.thumbList_m li img { width:168px;}

.thumbList_s li {
	display:block;
	border-bottom:#e5e5e5 solid 1px;
	width:230px;
	margin:0 auto;
	padding:10px 0;
	}
.thumbList_s li img {
	display:block;
	width:100px;
	margin:0 auto 10px;
	}
.thumbList_l li img.thumb, .thumbList_m li img.thumb { margin-bottom:8px;}
.thumbList_l li:nth-child(3n), .thumbList_m li:nth-child(4n) { margin-right:0;}
.thumbList_l .textBox p, .thumbList_m .textBox p, .thumbList_s .textBox p{ margin:0 0 4px; }
.thumbList_l .textBox p.icon, .thumbList_m .textBox p.icon, .thumbList_s .textBox p.icon { margin:0 0 8px; }

.thumbList_l .icon .date, .thumbList_m .icon .date {
	float:right;
	text-align:right;
	}
.thumbList_l p.title {
	font-size:14px;
	line-height:18px;
	}
.thumbList_m p.title {
	font-size:12px;
	line-height:16px;
	}
.thumbList_s p.title {
	font-size:12px;
	line-height:16px;
	margin-top:8px;
	}
.thumbList_l .author, .thumbList_m .author, .thumbList_m p.description {
	color:#333333;
	font-size:12px;
	line-height:16px;
	}
.icon {
	font-size:10px;
	line-height:10px;
	}
.icon .date {color:#666666;}
.icon_type {
	color:#333333;
	background-color:#ffffff;
	border:#333333 solid 1px;
	margin-right:4px;
	padding:0 2px;
	}
.icon_new {
	color:#ffffff;
	background-color:#ff0000;
	border:#ff0000 solid 1px;
	font-size:10px;
	line-height:10px;
	margin-right:4px;
	padding:0 2px;
	}
.list_news li{
	border-bottom:#cccccc dotted 1px;
	margin-bottom:8px;
	}
.list_news li p {
	font-size:14px;
	line-height:18px;
	margin:4px 0;
	}
.list_news li p.date {
	font-size:12px;
	margin:4px 0 0;
	}
.contentsBox .table_list {
	width:100%;
	border-collapse:collapse;
	}
.contentsBox .table_list th {
	border-right:#cccccc solid 1px;
	font-size:14px;
	width:20%;
	text-align:center;
	vertical-align:top;
	}
.contentsBox .table_list th, .contentsBox .table_list td {
	border-bottom:#e5e5e5 solid 1px;
	padding:0;
	}
.contentsBox .table_list td { width:80%;}
.contentsBox .table_list ul { margin-left:10px;}
.contentsBox .table_list ul li {
	border-bottom:#cccccc dotted 1px;
	margin-bottom:10px;
	padding-bottom:8px;
	}
.contentsBox .table_list ul li .thumb{
	width:80px;
	float:left;
	margin-right:10px;
	}
.contentsBox .table_list ul li .textBox {
	float:left;
	}
.contentsBox .table_list ul li p {
	margin:0 0 4px;
	}
.contentsBox .table_list th p {
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
	}
.contentsBox .table_list ul li .author {
	color:#666666;
	font-size:12px;
	}
.contentsBox .table_list ul li .author span {
	display:inline-block;
	margin-right:4px;
	}
.contentsBox .table_list ul li:last-child {
	border:none;
	}

.contents_right h2 {
	font-size:14px;
	line-height:16px;
	margin:18px 0 0;
	}
.contents_right p {
	font-size:12px;
	line-height:14px;
	color:#666666;
	text-align:center;
	margin:2px 0 ;
	}
.panel {
	background-color:#f3f5fa;
	margin-bottom:30px;
	padding:8px 10px 10px;
	}
.panel h2 {
	font-size:14px;
	line-height:20px;
	margin:8px 0  10px;
	}
.keywordList {
	width:96%;
	margin:0 auto;
	}
.keywordList a {
	display:inline-block;
	border:#1683cf solid 1px;
	background-color:#ffffff;
	font-size:12px;
	line-height:18px;
	margin:0 2px 8px;
	padding:0 4px;
	}
.contentsBoxLine {
	border:#e5e5e5 solid 1px;
	border-top:#333333 solid 3px;
	background:#ffffff url(../images/stripe.png) left top repeat-x;
	position:relative;
	margin-bottom:30px;
	}
.contentsBoxLine p { margin:0 0 4px; }
.contents_right .contentsBoxLine h2 { text-align:center;}
#cartoon img { max-width:100%;}
#cartoon h2 { text-align:center;}
.list_page h1, .common h1 {
	font-size:24px;
	font-weight:normal;
	margin:20px 0;
	}
.common h1 {
	font-size:28px;
	line-height:36px;
	font-weight:normal;
	margin:20px 0;
	}
/*-------------- paginate(s) --------------*/
.paginate {
	border:#666666 dotted 1px;
	text-align:center;
	margin:4px 0 12px;
	padding:4px 10px;
	}
.paginate a.button {
	border:#666666 solid 1px;
	color:#333333;
	background-color:#ffffff;
	display:inline-block;
	border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50% ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  50% ;   /* Firefox用 */
	width:32px;
	height:32px;
	vertical-align:middle;
	margin:0 4px;
	}
.paginate a.button:hover {
	background-color:#f3f5fa;
	box-shadow:none;
	}
.paginate a i {
	font-size:20px;
	line-height:32px;
	}
.paginate p {
	display:inline-block;
	color:#333333;
	width:30%;
	line-height:32px;
	margin:0;
	}
/*-------------- paginate(e) --------------*/

/*----------  comic original(s)  ------------*/

.backNumberArea {
	text-align:center;
	margin:36px 0 20px -110px;
	}
.backNumberArea .backNumberHead, .backNumberArea .backnumber {
	display: inline-block;
	border:#e5e5e5 solid 1px;
	font-size:12px;
	line-height:40px;
	text-align:center;
	min-width:40px;
	height:40px;
	margin:0 ;
	}
.backNumberArea .backNumberHead {
	color:#ffffff;
	background-color:#333333;
	width:110px;
	}
a.backnumber {
	color:#222222;
	background-color:#ffffff;
	cursor:pointer;
	}
a.backnumber.current {
	display: inline-block;
	background-color:#f3f5fa;
	}
.backNumberArea .num_space{
	color:#666666;
	display: inline-block;
	font-size:12px;
	line-height:40px;
	text-align:center;
	min-width:40px;
	height:40px;
	margin:0 10px;
	}
.backNumberArea .new {
	position:relative;
	}
.backNumberArea .new .icon_new {
	position:absolute;
	top:-22px;
	left:5px;
	font-size:10px;
	line-height:10px;
	height:12px;
	padding-top:4px;
	}
.presentBn { text-align:center; }

.shareBox {
	text-align:right;
	margin-bottom:6px;
	}
.right_column .shareBox {
	text-align:center;
	}
.shareBox p, .shareBox a, .shareBox button {
	display:inline-block;
	line-height:32px;
	vertical-align:top;
	height:32px;
	margin:0 2px;
	}
.shareBox p {
	color:#666666;
	font-size:10px;
	}
.shareBox a img, .shareBox button img {
	vertical-align:top;
	height:32px;
	margin:0;
	}
.contents_right .shareBox {
	text-align:center;
	}
.contents_right .shareBox p {
	display:block;
	font-size:12px;
	}
.contents_right .shareBox a img, .shareBox button img { height:48px;}
#comicOriginal .title { text-align:center;}
#comicOriginal .imgLoad-box img{
	display:block;
	margin: 40px auto;
	}
#comicOriginal .btn_area {
	text-align:center;
	margin:30px 0;
	}
#comicOriginal .btn_area img { display:inline; margin:0 5px 0 0;}

#comicOriginal .btn_area .btn_misc {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	width:200px;
	padding:10px 10px 8px;
	margin: 0 10px;
	}
#comicOriginal .arrow_red {
	background-position: 0 6px;
	width:126px;
	margin:0 auto;
	}
#comicOriginal .arrow_red a { font-size:16px; }

#comicOriginal .collaboDoc {
	width:600px;
	margin: -20px auto 0 auto;
}
#pageTopLink {
	display:block;
	width:106px;
	height:88px;
	z-index:999999;
	position: fixed;
	bottom:10px;
	right:10px;
	opacity:0.5;
	}
#pageTopLink:hover{ opacity:1;}

/*----------  comic original(e)  ------------*/

/*--------------------  news list, detail(s)  ----------------------*/
.list_page #info { border-top:none; }
.list_page #info ul li { font-size:14px; line-height:18px; padding:0 0 8px; }
.news_detail h1 {
	border-bottom:#333333 solid 1px;
	font-size:28px;
	line-height:40px;
	font-weight:normal;
	padding-bottom:16px;
	}
.news_detail p { line-height:24px;}
/*--------------------  news list(e)  ----------------------*/
/*--------------------  product(s)  ----------------------*/
#productArea .mainImg {
	display:block;
	margin:0 auto 30px;
	}
#productArea h1 {
	font-size:26px;
	font-weight:normal;
	margin:20px 0;
	}
.productInfo {
	border-bottom:#333333 solid 1px;
	margin-bottom:20px;
	}
.productInfo p { margin:2px 0 4px; }
.productInfo p.description {
	color:#666666;
	}
#productArea .linkToBooks { text-align:center;}
#productArea .linkToBooks a{
	display:inline-block;
	color:#7aa316;
	border:#7aa316 solid 2px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin:20px auto 0;
	padding:8px;
	}

.indexList li {
	display:block;
	background-color:#fefefe;
	border:#e5e5e5 solid 1px;
	margin:0 0 10px;
	padding:10px;
	}
.indexList li:hover { background-color:#ebf3f8; }
.indexList li a { display:block;}
.indexList li p {
	margin:0 0 4px;
	}
.indexList li p.date {
	color:#333333;
	font-weight:bold;
	}
.indexList li .icon_new { margin-right:4px;}
#audioArea {
	padding:5px;
	text-align:right;
}

#audioArea {
	font-size:12px;
	margin:10px 0;
	}
#audioArea i { font-size:16px;}
#audioArea p {
	display:inline-block;
	margin-top: 0;
	margin-right:16px;
	}
#audioArea .text_s { margin: 0 5px 0 2px; }
#audioArea .onOff_area {
	border:#000000 solid 1px;
	background-color:#ffffff;
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;   /* Firefox用 */
	padding: 3px 4px 2px;
	}
#audioArea #on, #audioArea #off {
	cursor:pointer;
	padding:0 4px;
}
#audioArea #on { color:#ff3300; }
#audioArea #on:hover {
	color:#ffffff;
	background-color: #ff9d93;
	}
#audioArea #off:hover {
	color:#ffffff;
	background-color: #cccccc;
	}

/*--------------------  product(e)  ----------------------*/

/*-------------- footer(s) --------------*/
	
footer {
	color:#eeeeee;
	background-color:#45494c;
	text-align:center;
	}
footer nav a, footer nav a:link, footer nav a:visited {
	color:#eeeeee;
	font-size:12px;
	line-height:18px;
	}
footer #footer {
	background-color:#242424;
	padding:20px 0 0;
	}
#footerNav { margin:20px auto 10px; }
.footerNavBox{
	border-left:#999999 solid 1px;
	float:left;
	width:30%;
	height:272px;
	margin-bottom:20px;
	padding-left:2%;
	}

.followBox { text-align:left;}
.followBox p{
	color:#bababa;
	font-size:10px;
	margin:12px 0 4px;
	}
.followBox img {
	width:28px;
	margin:0 6px ;
	}
#footerNav ul { padding-left:10px;}
#footerNav ul li {
	text-align:left;
	margin:0 0 10px;
	}
#footer nav a {
	display:inline-block;s
	font-size:12px;
	line-height:16px;
	margin:0 24px 10px;
	}
.footerNavBox p, .footerNavBox p a {
	font-size:12px;
	text-align:left;
	}
#footerNav .footerNavBox p.bold a { font-size:14px;	}
#copyright {
	color:#043459;
	background-color:#dee3e6;
	font-size:10px;
	margin-bottom:0;
	padding:20px 0 10px;
	}
#copyright img { margin:0;}
/*-------------- footer(e) --------------*/
/*-------------------  contact(s)  --------------------*/
#contact h2 {
	border-top: #000000 solid 2px; 
	font-size:16px;
	padding-top:18px;
	}

#contact .linkTo i {
	color:#99c236;
	font-size:12px;
	vertical-align:middle;
	margin-right:4px;
	}
#contact .confirmArea { margin-bottom:20px; }
#contact .confirmArea p { margin:5px 10px; }
#contact .confirmArea p.bold { margin-top:20px;}
#contact #confirmBox {
	border-bottom: #000000 dotted 1px;
	}
#contactBox {
	background-color:#f3f5fa;
	padding:20px 0 ;
	}
#contactBox table { width:100%; }
#contactBox th, #contactBox td { padding: 10px 5px; }
#contactBox th {
	width:180px;
	text-align:right;
	vertical-align:text-top;
	font-weight:normal; 
	}
#contactBox .attention {
	font-size:10px;
	line-height:12px;
	}
#contactBox input, #contactBox textArea  {
	border:#cccccc solid 1px;
	padding:4px;
	}
#contactBox .btn_area { text-align:center; }
#contactBox .btn_area .button {
	border:#333333 solid 1px;
	background-color:#ffffff;
	width:200px;
	font-size:16px;
	line-height:36px;
	}
#contactBox .btn_area .button:hover {
	border:#333333 solid 2px;
	background-color:#ffffff;
	width:200px;
	font-size:16px;
	line-height:34px;
	opacity:1;
	}
.message {
	font-size:18px;
	line-height:28px;
	}
.errorBox{
	border:#ff0000 solid 1px;
	background-color:#fff5f5;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  2px ;   /* Firefox用 */
	color:#ff0000;
	margin:10px auto;
	padding:8px 10px 5px;
	}
.errorBox ul li:before {
	content:"※";
	}
.errorBox ul li {
	font-size:12px;
	line-height:16px;
	margin:0 0 4px;
	}
.successBox {
	border:#318dc8 solid 1px;
	background-color:#e9f3f9;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  2px ;   /* Firefox用 */ 
	color:#0076c0;	
	text-align:center;
	margin:10px auto;
	padding:20px 10px;
	}
.success {
	color:#0076c0;
	text-align:center;
	}

/*-------------------  contact(e)  --------------------*/

/*-------------------  personal/terms(s)  --------------------*/
#personal dt { font-weight:bold; margin:10px 0; }
#personal dd { margin-bottom:20px; }
#personal dd ul { margin-top:14px;}
#personal .panel {
	width:600px;
	margin-top:14px;
	padding:14px 20px;
	}
/*-------------------  personal/terms(e)  --------------------*/

/*------------------ top slider(s)  --------------------*/
.flexslider {  margin: 0 0 15px ;}
.flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	}
.flexslider .flex-direction-nav .flex-prev:before, 
.flexslider .flex-direction-nav .flex-next:before {
	display: none;
	 }
.flexslider .flex-direction-nav .flex-prev { background-image: url(../images/arrow_left.png);}
.flexslider .flex-direction-nav .flex-next { background-image: url(../images/arrow_right.png);}
#top_comic .flexslider, #title_banner { margin-bottom:30px;}

/*------------------ top slider(e)  --------------------*/

.lazy-container div {
  width:720px;
/*  height:1024px;*/
  text-align:center;
}

#closeAtt {
	margin:10px;
}
/*------------------ specialColumn(s)  --------------------*/
#specialColumn h1 {
	color:#333333;
	border-bottom:#333333 solid 2px; 
	font-size:2.2rem;
	line-height:2.8rem;
	margin-top:0;
	padding: 1rem 0;
	}
#specialColumn h1 .subTitle {
	font-size:1.4rem;
	line-height:2.2rem;
	}
#specialColumn #bodyArea {
	font-size:1rem;
	line-height:1.6rem;
	}
#specialColumn #bodyArea h2 {
	font-size:1.8rem;
	line-height:2.2rem;
	margin-top:2rem;
	margin-bottom:1rem;
	}
#specialColumn #bodyArea img {
	display:block;
	float:none;
	margin:2rem auto;
	}
#specialColumn #bodyArea p {
	font-size:1rem;
	line-height:1.6rem;
	margin:0 0 1.8rem;
	}
#specialColumn #bodyArea p.indent {	text-indent:1rem; }
#specialColumn #subArea p {
	color:#666666;
	font-size:0.9rem;
	line-height:1.4rem;
	}
#specialColumn .subContents {
	border-top:#e5e5e5 dotted 2px;
	margin-bottom:10px;
	}
#specialColumn #subArea .imageBox, #specialColumn #subArea .textBox {
	float:left;
	margin:10px;
	}
#specialColumn #subArea .imageBox, #specialColumn #subArea .imageBox img {
	width:140px;
	}
#specialColumn #subArea .textBox {
	width:520px;
	}
#specialColumn #subArea .imageList {
	text-align:center;
	}
#specialColumn #subArea .imageList:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
#specialColumn #subArea .imageList li {
	display:block;
	width:138px;
	height:190px;
	float:left;
	font-size:12px;
	line-height:14px;
	margin:0 3px 10px;
	}
#specialColumn #subArea .imageList img {
	height:160px;
	margin:0 auto 4px;
	}
#specialColumn #subArea h2 {
	border-top:#333333 solid 3px;
	background:#ffffff url(../images/stripe.png) left top repeat-x;
	font-size:1.4rem;
	line-height:1.8rem;
	font-weight:normal;
	margin:0 0 10px;
	padding:16px 10px 8px;
	}
#specialColumn .text_xs { display:inline-block; font-size:0.8rem; line-height:1rem;}
#specialColumn .text_s { display:inline-block; font-size:0.9rem; line-height:1.4rem;}
#specialColumn .text_m { display:inline-block; font-size:1rem; line-height:1.6rem;}
#specialColumn .text_l { display:inline-block; font-size:1.6rem; line-height:2rem;}
#specialColumn .text_xl { display:inline-block; font-size:2rem; line-height:2.5rem;}
#specialColumn .text_xxl { display:inline-block; font-size:2.4rem; line-height:2.8rem;}

#specialColumn .bold { font-weight:bold; }
#specialColumn .subText { color:#666666; font-size:0.8rem; line-height:1.2rem;}
/*------------------ specialColumn(e)  --------------------*/