@charset "UTF-8";
@import "0425reset.css";
@import "0425common1.css";
/*----------------------------------------------------------------------------
******************************************************************************
CSS for lower docs
******************************************************************************
----------------------------------------------------------------------------*/

/* headding
-------------------------------------------------------------*/
.contents .pTit{
	padding-bottom:8px;
	margin-bottom:20px;
	background:url(../common/ptit_btm.jpg) 0 100% no-repeat;}
.contents .pTit h3{
	font-size:96.4%;
	padding:11px 0 3px 23px;
	background:url(../common/ptit_bg.jpg) 0 0 no-repeat;}

.contents h4{
	color:#333333;
	font-size:80%;
	padding:1px 0 3px 14px;
	background:url(../common/ptit_bg.jpg) 2px 100% no-repeat;}

.contents h4.sTit{
	color:#333333;
	font-size:80%;
	padding:1px 0 3px 15px;
	background:url(../common/stit_bg.gif) 2px 100% no-repeat;}

.contents .linkTit{
	padding-bottom:4px;
	margin-bottom:20px;
	background:url(../common/tit_link_btm.jpg) 0 100% no-repeat;}
.contents .linkTit h4{
	font-size:96.4%;
	padding:5px 0 3px 30px;
	background:url(../common/tit_link_bg.jpg) 0 0 no-repeat;}
	
.contents h5{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	margin-bottom:8px;
	background:#edeeee;}
.contents h6{
	font-size:80%;
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}

/* box
-------------------------------------------------------------*/
.conBoxA{
	width:490px;
	margin:10px auto 10px;}
.conBoxA p{
	line-height:1.4;}

.conBoxA1{
	width:750px;
	margin:10px auto 10px;}
.conBoxA1 p{
	line-height:1.4;}
	
.conBoxB{
	width:720px;
	margin:10px auto 20px;}
.conBoxB p{
	line-height:1.4;}	
	
.conBoxC{
	width:490px;
	margin:10px auto 25px;
	padding-bottom:5px;
	background:url(../common/line.gif) 0 100% repeat-x;}	
	
.conBoxD{
	float:right;
	width:210px;}
	
.conBoxA2{
	width:750px;
	margin:10px auto 10px;
	margin-bottom:20px;
	}

/* pankuzu
--------------------------------------------------------------------------------------------*/
.contents .pLink{
	font-size:60%;
	margin-bottom:11px;
	padding-left:3px;}

.pagetop{
	margin-left:410px;
	margin-bottom:10px;}
.pagetop a{
	width:105px;
	padding:0 0 0 16px;
/*	background:url(../common/line_dot2.gif) 0 0 no-repeat;*/
	background-image: url(../common/line_dot2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*\*//*/
.pagetop{
	margin-left:390px;}
.pagetop a{
	width:125px;}
/**/


/* safari only \*/
html:\66irst-child p.pagetop{
	margin-left:390px;}
html:\66irst-child p.pagetop a{
	width:125px;}
/* end */ 

/* dl dt dd
-------------------------------------------------------------*/
dl{
	padding:8px 20px 8px 8px;
	background:#edeeee;
	margin-bottom:20px;}
dt{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot.gif) 0 2px no-repeat;}
dt.l{
	color:#000000;
	font-weight:lighter;
	padding: 0 0 0 17px;
	background:url(../common/line_dot.gif) 0 2px no-repeat;}
dt.l strong{
	color:#001685;
	font-weight: bold;
}

dd{
	padding: 0 0 0 17px;}
dd strong{
	color:#001685;}	
dd.marB5{
	margin-bottom:5px;}
	
#skills dl{
	padding:8px 20px 8px 8px;
	background:#FFFFFF;
	margin-bottom:20px;}	
	
#skills dd{
	margin-bottom:20px;
	padding: 0 0 0 17px;}

#skills dt.s{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}


#skills dt{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	margin-bottom:8px;
	background:#edeeee;}
	
#cases dl{
	padding:8px 20px 8px 8px;
	background:#FFFFFF;
	margin-bottom:20px;}
	
#cases dt{
	color:#333333;
	font-weight:normal;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}	

/* box
-------------------------------------------------------------*/
.imgR{
	float:right;
	background:#FFF;
	padding:2px;
	margin:0 0px 20px 10px;
	border:solid 1px #CBCBCB;}

.imgR2{
	float:right;
	background:#FFF;
	margin:0 0px 20px 10px;}

.imgR3{
	background:#FFF;
	padding:2px;
	margin:0 0px 5px 6px;
	border:solid 1px #CBCBCB;}
	
.imgL{
float:left;
background:#FFF;
padding:2px;
margin:0 15px 20px 0px;
border:solid 1px #CBCBCB;}

.imgC{
float:center;
background:#FFF;
padding:2px;
margin:0 15px 20px 0px;
border:solid 1px #CBCBCB;}


.imgM{
	padding: 0 0 0 17px;
	margin:10px auto 10px;}
/*----------------------------------------------------------------------------
******************************************************************************
products_info
******************************************************************************
----------------------------------------------------------------------------*/
.tex{
	background-color:#FFFFFF;
	font-size:40%;
	width:200px;
	padding: 0 0 0 6px;}

/* table layout
-----------------------------------------------------*/
table{
	/* 
	border:1px solid #818181;
	*/		
	background-color:#C2C2C2;
	}

table th,
table td{
	text-align:left;
	padding:8px 0 8px 5px;}

#products_info table th,
#products_info table td{
	vertical-align:top;}

table th{
	font-weight:bold;
	font-size:79%;
	background-color:#F1F1F1;}

table th.w10{
	width:11%;}

table td.w10{
	width:11%;}

table th.w11{
	width:11%;}

table td.w11{
	width:11%;}

table th.w13{
	width:13%;}

table td.w13{
	width:13%;}

table th.w23{
	width:23%;}
	
table th.w20{
	width:20%;}

table td.w23{
	width:23%;}

table th.tit{
	text-align:center;}

table th.c{
	text-align:center;}

table td.c{
	text-align:center;}

table th.l{
	text-align:left;}

table td.l{
	text-align:left;}

table th.r{
	text-align:right;}

table td.r{
	text-align:right;}

table th.c10{
	text-align:center;
	width:10%;}

table td.c10{
	text-align:center;
	width:10%;}

table th.c11{
	text-align:center;
	width:11%;}

table td.c11{
	text-align:center;
	width:11%;}

table th.c13{
	text-align:center;
	width:13%;}

table td.c13{
	text-align:center;
	width:13%;}

table th.c22{
	text-align:center;
	width:22%;}

table td.c22{
	text-align:center;
	width:22%;}

table th.c23{
	text-align:center;
	width:23%;}

table td.c23{
	text-align:center;
	width:23%;}

table th.c38{
	text-align:center;
	width:38%;}
	
table td{
	font-size:79%;
	background-color:#FFFFFF;}
	
table td table td{
	font-size:100%;}	

table td.in p{
	font-size:100%;}

table th span{
	color:#e5777d;}
	
table td.font1{
	font-size:120%;
	font-weight:bold;}	
	
table td.font2{
	font-size:120%;
	font-weight:bold;
	font-color:#d93c69;	}	
	
table td.font3{
	font-size:100%;
	font-weight:bold;
	font-color:#d93c69;	}	
	
	
#products_info .pagetop{
	margin-left:380px;
	margin-bottom:3px;}
/*\*//*/
#products_info .pagetop{
	margin-left:360px;}
/**/
/* safari only \*/
html:\66irst-child div#products_info p.pagetop{
	margin-left:360px;}
/* end */ 

/* line
-----------------------------------------------------*/
#menber .line{
	padding-bottom:10px;
	background:url(../common/line.gif) 0 100% repeat-x;}
/*----------------------------------------------------------------------------
******************************************************************************
skills
******************************************************************************
----------------------------------------------------------------------------*/
#skills .pagetop{
	margin-left:380px;
	margin-bottom:3px;}

p.in{
	margin-bottom:20px;
	padding: 0 0 0 17px;}
/*----------------------------------------------------------------------------
******************************************************************************
info
******************************************************************************
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
qa
******************************************************************************
----------------------------------------------------------------------------*/
#qa dl{
	width:490px;
	margin:0 0 0 14px;
	padding-top:15px;
	background:url(../common/line.gif) 0 0 repeat-x;}	
#qa dt,
#qa dd{
	font-size:79%;}
#qa dt{
	min-height:20px;
	height:20px;
	font-weight:bold;
	margin-bottom:1px;
	padding:5px 0 5px 26px;
	background:url(../common/tit_q.gif) 0 0 no-repeat;}
#qa dt.lgr{
	min-height:40px;
	height:40px;
	padding:0 0 0 26px;}
#qa dd{
	min-height:35px;
	height:35px;
	margin-bottom:10px;
	padding:0 0 0 26px;
	background:url(../common/tit_a.gif) 0 0 no-repeat;}
#qa dd strong{
	color:#d93c69;}
#qa dd.str{
	min-height:15px;
	height:15px;
	padding:5px 0 5px 26px;}
	
p.in2{
	margin-bottom:20px;
	padding: 0 0 0 50px;}
/*----------------------------------------------------------------------------
******************************************************************************
inquiry
******************************************************************************
----------------------------------------------------------------------------*/

/* width
-----------------------------------------------------*/

.w320{width:320px;}
.w100{width:100px;}
.w60{width:60px;}
.btn{width:120px;height:20pt;}
/*----------------------------------------------------------------------------
******************************************************************************
sitemap
******************************************************************************
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
******************************************************************************
topics
******************************************************************************
----------------------------------------------------------------------------*/
#PTOP dl{
	padding:0px;
	background:#FFFFFF;
	margin-bottom:20px;}
	
#PTOP dt{
	color:#333333;
	font-weight:normal;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}	


#PTOP p{
	margin: 0 0 10px 0;
}

#PTOP a{
	color: #0000CC;
}

#PTOP a:hover{
	color: #0066FF;
}

#PTOP table td.space01{
	padding: 0px 10px 0px 0px;
}

#PTOP table td.space02{
	padding: 0px 20px 0px 0px;
}

#PTOP table td.right{
	text-align: right;
}

/* 081006
--------------------------------------------------*/
#products_info dl {
	margin-bottom:.8em;
}

#products_info table {
	width:490px;
	margin-bottom:5px;
}
#products_info table th {
	font-size:75%;
	text-align:center;
	padding:6px;
}
#products_info table th.pro {
	text-align:left;
	background:#e6e6ff;
	vertical-align:middle;
	color:#51f;
}
#products_info table td {
	text-align:center;
	vertical-align:middle;
	padding:6px;
}

/* 20090728 */
.smallc { font-size:80% ; }

td.w290{width:290px;}

td.w280{width:280px;}
		 
/* 2025/5/9追加
--------------------------------------------------*/
/* <font> タグ（※HTML5非推奨・廃止）への代替 */
.title-lg { font-size: 1.5rem; }
.title-sm { font-size: 1rem;}

/* <br class="clb"> の使用
   <br> は改行タグであり、スタイル目的に使うのはNGです。clearfixを目的とするなら、CSSクラスで対応するべき */
.clb::after {
  content: "";
  display: block;
  clear: both;
}


/* <table>レイアウト用途の使用
    レイアウト目的で<table>を使うのは非推奨です。本文構造として使っているならOKですが、CSSで背景色を管理する方が望ましい */
.content-section {
  padding: 10px;
}


/* fontタグ・blockquote削除とCSS移行 */
.section-title {
  font-size: 1.0rem;
    padding-left: 0em;
  color: #0000CC;
}
.main-text p {
  font-size: 0.8rem;
  margin-bottom: 1em;
}

.content-box {
  width: 96%;
  max-width: 710px;
  margin: 0 auto;
  border: 2px solid #C0C0C0;
  border-radius: 0px;
  padding: 20px;
  font-size: 16px;
  background-color: #ffffff;
  text-align: left;
  letter-spacing: 0.03em;
  word-spacing: 0.1em;
}

.content-box p {
  padding-left: 2.2em;
  margin-bottom: 1em;
}

@media (max-width: 768px) {
    /* スマホ用のスタイル */
    body {
        font-size: 14px;
    }
}


 /* 点滅の設定 */
 .new-label {
  background-color: red;
  color: white;
  padding: 0 5px;
  font-weight: bold;
  border-radius: 3px;
  animation: blink 1.5s step-start infinite;
}

/* 点滅効果（任意。苦手な人もいるので使い所に注意） */
@keyframes blink {
  50% {
    opacity: 0;
  }
}