/*
SKYARC Solanowa (C) 2009-2013 SKYARC System Co., Ltd. All Rights Reserved
************************************************************/

/********************************************************
Headline
********************************************************/

.content,
#asset-listing{
 clear:both;
 margin-right:4px;
 margin-bottom:15px;
 background:#fff;
 border-radius:5px;
 padding:15px;
 box-shadow:0px 1px 2px #666;
 box-shadow:0px 1px 2px rgba(0,0,0,0.3);
}

/**** CKEditor ***/
body.content{
 font-family: Meiryo, Helvetica, Arial, "Hiragino Kaku Gothic Pro";
 box-shadow:none;
 border-radius:0px;
 margin:0px;
 padding:10px;
 margin-right:0px;
}

.content-headline{
background: #0062b1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjJiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ4OTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0062b1 0%, #004891 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0062b1), color-stop(100%,#004891));
background: -webkit-linear-gradient(top,  #0062b1 0%,#004891 100%);
background: -o-linear-gradient(top,  #0062b1 0%,#004891 100%);
background: -ms-linear-gradient(top,  #0062b1 0%,#004891 100%);
background: linear-gradient(to bottom,  #0062b1 0%,#004891 100%);
box-shadow:0px 0px 2px #005DAA inset;
 padding:10px 10px 5px 10px;
 text-shadow:0px -1px 0px #333;
 color:#fff;
 margin:-15px -15px 10px -15px;
 border-radius:5px 5px 0px 0px;
 border-bottom:1px solid #ccc;
}

.content-headline a{
color:#fff;
}

#entry-body{
 padding:0px 10px 10px 10px;
}

/*h1 ******************/

.content h1,
.wysiwyg h1{
padding:5px 5px 5px 5px;
font-size:20px;
margin-bottom:15px;
font-weight:500;
line-height:140%;
border-bottom:1px solid #ccc;
}

/*h2 ******************/
 
.content h2,
.wysiwyg h2{
  font-size:16px;
  text-shadow:0px 1px 0px #ffffff;
background: #f9f9f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  #f9f9f9 68%, #f2f2f2 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(68%,#f9f9f9), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(45deg,  #f9f9f9 68%,#f2f2f2 100%);
background: -o-linear-gradient(45deg,  #f9f9f9 68%,#f2f2f2 100%);
background: -ms-linear-gradient(45deg,  #f9f9f9 68%,#f2f2f2 100%);
background: linear-gradient(45deg,  #f9f9f9 68%,#f2f2f2 100%);
 
  border-left: 5px solid #ccc;
  border-left: 5px solid rgba(0,0,0,.15);
  margin: 15px 0px 15px -7px;
  padding: 6px 15px 3px 10px;
  box-shadow:-2px 1px 3px #f2f2f2 inset;
}

.content h2 a{
color:#000000;
text-decoration:none;
}

.content h2 a:hover{
text-decoration:underline;
}

/*h3 ******************/

.content h3,
.wysiwyg h3{
font-size:16px;
padding:5px 5px 5px 5px;
margin:15px 0px 15px -5px;
font-weight: 500;
border-bottom:1px solid #cccccc;
}

.content h4,
.wysiwyg h4{
font-size:14px;
font-weight: bold; 
margin-bottom:5px;
text-decoration:underline;
}

.content h5,
.wysiwyg h5{
font-size:14px;
font-weight: bold; 
margin-bottom:5px;
}

/********************************************************
Text
********************************************************/

.content,
.wysiwyg{
color:#333;
font-size:14px;
line-height:1.55;
}

.content p,
.wysiwyg p{
padding:0px 3px 10px 3px;
margin:0px;
}

.content a,
.wysiwyg a{
color:#3366cc;
}

.content a:hover,
.wysiwyg a:hover{
color:#2690E8;
}

.content blockquote,
.wysiwyg blockquote{
margin:0px 18px 20px 36px;
padding:10px 10px 10px 10px;
border:1px solid #cccccc;
background:#f2f2f2;
}

.clear{
	clear : both;
}

.left{
	text-align : left;
}

.right{
	text-align : right;
}

.center {
	text-align : center;
}

a.extRef{
background: url("../../images/extref_icon.gif") no-repeat scroll left 1px transparent;
padding-left: 17px;
}

.content .note{
color:#8E8E8E;
font-size:83%;
text-indent:-0.8em;
padding:0px 0px 0px 1em;
margin:0px 0px 0px 18px;
}

.content span.note{
display:block;
padding-left:0px;
text-indent:0px;
margin:0px;
}

.content .hot{
color:#FE0000;
}

.content .important{
font-size:133.3%;
color:#CC0000;
}

.content .cool{
color:#0059AA;
}

.content textarea{
border: 1px solid #cccccc;
margin:0px;
}

/********************************************************
Image
********************************************************/
.thumbLeft{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.thumbRight{
float:right;
margin-left:10px;
margin-bottom:5px;
}

/********************************************************
Listing
********************************************************/

.content ul,
.wysiwyg ul{
padding:0px 0px 10px 18px;
}

.content ol,
.wysiwyg ol{
margin: 0px 0px 10px 10px;
}

.content ul li,
.wysiwyg ul li{
padding-left:5px;
margin-bottom:7px;
}

.content ul li p,
.wysiwyg ul li p{
margin:0px;
padding:0px 0px 5px 0px;
}

.content ol li,
.wysiwyg ol li{
margin: 5px 0px 5px 15px;
padding:5px 5px 5px 0px;
}

.content ol li li,
.wysiwyg ol li li{
list-style-type:lower-alpha;
}

.content ol li li li,
.wysiwyg ol li li li{
list-style-type:lower-roman;
}

.content ul ul,
.wysiwyg ul ul,
.content ol ol,
.wysiwyg ol ol{
  margin:5px 0px 0px 15px;
  padding:0px;
}

.content dl,
.wysiwyg dl{
margin:0px 0px 20px 0px;
padding:0px 0px 20px 3px;
}

.content dl dt,
.wysiwyg dl dt{
clear:both;
margin:0px 0px 5px 0px;
}

.content dl dd,
.wysiwyg dl dd{
overflow:hidden;
border-bottom:1px dotted #ccc;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
}

/*add 2011-09*/
#main div.aform-content dl,
#main div.aform-content dl dt,
#main div.aform-content dl dd{
border:none;
float:none;
}

#main div.aform-content dl {
padding-bottom:1em
}

#main .aform-content input{
height:20px;
padding:2px;
}

.aform-content label{
float:none !important;
display:inline;
}
#main .aform-content p.aform-error{
clear:both;
padding-top:5px;
margin-left:0px;
}


/********************************************************
table
********************************************************/
.content table,
.wysiwyg table{
	margin: 0 auto;
	clear: both;
	width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #e4e4e4;
  margin-bottom:5px;
  box-shadow:0px 1px 0px #eee;
}

.content table th,
.wysiwyg th{
  font-size:14px;
  color:#333;
	padding: 5px 8px 4px 8px;
	border-bottom: 1px solid #e4e4e4;
	font-weight: 600;
  border-right:1px solid #e4e4e4;
  border-top:1px solid #e4e4e4;
    border-left:1px solid #e4e4e4;
  background:#f2f2f2;
  text-shadow:0px 1px 0px #fff;
  box-shadow:1px 1px 0px rgba(255,255,255,0.5) inset;
}
/*
.content table thead th:last-child,
.wysiwyg table thead th:last-child{
 border-right:none; 
}
*/

.content table td,
.wysiwyg table td{
  font-size:14px;
	padding: 5px 7px;
  border-bottom:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;
  border-left:1px solid #e4e4e4;
   border-top:1px solid #e4e4e4;
}

.content td ul{
padding:0px;
margin-left:2px;
}

.content td ul li{
padding:0px;
margin-bottom:0px;
margin-left:0px;
line-height:200%;
list-style-type:disc;
list-style-position:inside;
background:none;
}

.c5{
width:5% !important;
}

.c10{
width:10% !important;
}

.c13{
width:13% !important;
}

.c14{
width:15% !important;
}

.c15{
width:15% !important;
}

.c20{
width:20% !important;
}
.c25{
width:25% !important;
}

.c30{
width:30% !important;
}

.c35{
width:35% !important;
}

.c40{
width:40% !important;
}

.c45{
width:45% !important;
}

.c50{
width:50% !important;
}

.c55{
width:55% !important;
}

.c60{
width:60% !important;
}

.c67{
width:67% !important;
}

.c68{
width:68% !important;
}

.c69{
width:69% !important;
}

.c65{
width:65% !important;
}

.c70{
width:70% !important;
}

.c75{
width:75% !important;
}

.c78{
width:78% !important;
}

.c80{
width:80% !important;
}

.c85{
width:85% !important;
}

.c87{
width:87% !important;
}


.c90{
width:85% !important;
}

.c95{
width:85% !important;
}

/*******************************************************
Entry
********************************************************/
#entry-body > :last-child,
#mtmm_text > :last-child{
margin-bottom:0px !important;
padding-bottom:0px !important;
}

.content > ul:last-child,
.content > p:last-child{
margin-bottom:0px !important;
padding-bottom:0px !important;
}

#mtmm_text > h2:first-child{
  margin-top:0px;
}

ul > li:last-child,
ol > li:last-child{
margin-bottom:0px !important;
}

/*******************************************************
Entry
********************************************************/
#entry-data{
margin-top:-8px;
text-align:right;
padding-top:0px;
padding-bottom:10px;
}

#entry-data ul li{
display:inline;
margin-left:0px;
padding-left:0px;
font-size:14px;
color:#666;
line-height:200%;
}

#entry-data .pipe{
 color:#aaa; 
}

#ed-author{
  position:relative;
}

#ed-img img{
position:absolute;
left:-37px;
top:-9px;
width:30px;
height:30px;
}


/********************
entry-navi
*********************/
#entry-navi {
  clear:both;
 border-top:1px solid #e9e9e9;
 padding-top:15px;
}

#entry-navi ul{
 padding-left:0px;
 list-style-type:none; 
}

#entry-navi li{
 clear:both; 
}

#entry-navi .label {
  background:#F4F3EF;
        color: #666;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
	text-shadow : 0 1px 0 #fff;
        display: inline-block;
  float:left;
  font-size:10px;
  border-radius:2px;
margin-right:12px;
  font-weight:bold;
}

#entry-navi::after{
  content: " ";
  height:0;
  clear:both;
}

/********************
Toc
*********************/
#toc{
float:right;
width:240px;
background:#fff;
margin-right:-10px;
}

#toc-content{
border:1px solid #ccc;
padding:10px;
border-radius:5px;
background:#f9f9f9;
margin-left:20px;
margin-bottom:20px;
box-shadow:inset 0px 0px 2px #fff;
overflow:auto;
}

#toc-headline{
 padding-bottom:3px; 
}
#toc ul{
font-size:12px;
padding-bottom:0px;
}

#toc li{
 margin-bottom:3px; 
}

/********************
Recommend
**********************/
#recommend,
#case-assets {
 overflow:hidden;
  margin-bottom:20px;
  clear:both;
}

#recommend ul{
 margin:15px 0px 0px 0px !important;  
 padding:0px;
}

#case-assets ul{
 margin:0px 0px 0px 0px !important;  
 padding:0px;
}

#main #recommend ul li,
#main #case-assets ul li{
 padding-left:3px;
 width:130px;
 padding-right:9px;
 margin-bottom:0px;
 float:left;
 list-style-type:none;
 font-size:12px;
 line-height:140% !important;
}

#main #recommend ul li:last-child,
#main #case-assets ul li:last-child{
padding-right:0px;
  
}
#recommend li .date,
#case-assets li .date{
  color:#666;
  display:block;
  margin-bottom:3px;
  margin-top:5px;
}

#main #case-assets .title{
display:block;
color:#666;
margin-top:3px;
}

#recommend .thumb a,
#case-assets .thumb a{
 display:table-cell;
 height:120px;
 width:120px;
 overflow:hidden;
 margin-bottom:10px;
 text-decoration:none;
 border:1px solid #e4e4e4;
 vertical-align:middle;
 text-align:center;
 font-size:16px;
 font-weight:bold;
 color:#e4e4e4;
 background:#f9f9f9;
 padding-left:0px;
}

#case-assets .title a{
padding-left:0px;
background:none;
}

/*******************************************************
paginate
********************************************************/

#main div.pagenate{
clear: both;
text-align:center;
width: 100%;
padding: 0px 0px 15px 0px;
}

#main .pagenate ul {
margin: 0 auto:
}

#main .pagenate ul li {
display: inline;
font-size:100%;
padding:0px;
margin: 0px 2px;
vertical-align: bottom;
background:none;
}

#main .pagenate li.stay{
background: #2e6ab1;
padding: 6px 8px;
font-size:14px;
color:#ffffff;
font-weight:bold;
zoom: 1;
}

#main .pagenate li .current_page,
#main .pagenate li a {
border:1px solid #cccccc;
padding: 5px 7px;
font-size:12px;
color:#666666;
text-decoration: none;
zoom: 1;
}

#main .pagenate li a:hover{
background: #2e6ab1;
color: #ffffff;
text-decoration: none;
}

#main .pagenate li.count {
padding-top: 5px;
color: #666666;
}

#main .pagenate a.link_before,
#main .pagenate a.link_next {
background: #E1EBF7;
font-weight: bold;
color: #000000;
}

#main .pagenate li.previous a:hover,
#main .pagenate li.next a:hover {
background: #2e6ab1;
color:#ffffff;
}

/********* inquiry ************/
.inquiry-description{
 padding-bottom:30px;
}

#quote-detail{
 width:450px; 
 margin:0px 0px 20px 0px;
}
/********** training ****************/
.training-movie{
 border:1px solid #999;
 border-radius:5px;
  width: 600px;
	max-width: 100%;
  margin:0 auto;
  text-align:center;
  box-shadow:0px 2px 2px #ccc;
}

.training-movie .wapper{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.training-movie iframe,  
.training-movie object,  
.training-movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/********** mtmmEdit ****************/

entry-body #mtmm-action-bar {
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;
 margin-left:-10px;
 margin-right:-10px;
}

body .has-dialog {
	overflow: inherit;
}

#cke_mtmm_text{
 position:relative;
 margin-left:-16px;
 margin-right:-16px;
 margin-top:-52px;
}

#cke_mtmm_text{
 border:none;
 padding:0px;
}
/*
.content table, .wysiwyg table{
 border:none; 
}
*/
#cke_bottom_mtmm_text{
 display:none; 
 border:none;
}

#cke_top_mtmm_text,
#cke_contents_mtmm_text{
 border:none !important;
 padding:0px;
}

table.cke_editor{
 border-top:0px; 
}

span.cke_wrapper.cke_ltr{
  padding-bottom:0px;
}

img[style*="left"]{
 margin-right:20px;
 margin-bottom:20px;
}

img[style*="right"]{
 margin-left:20px;
 margin-bottom:20px;
}