@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color:#000;
	line-height:18px;
}
a { color: #000; text-decoration: none;}


/*---------------------------------------------------------
ヘッダー
---------------------------------------------------------*/



/*---------------------------------------------------------
HOME
---------------------------------------------------------*/
#headerRight p{ font-size:12px; padding-top:5px; }
.gnavi li a{ 
	float:left;
	width:16.5%;
	height:35px;
	border-left:solid 1px #ccc;
	line-height:35px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
#tab li {
	margin:0;
	padding:8px 0;
	margin-bottom:-1px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#333;
	color:#fff;
	border-bottom:none;
	float:left;
	width:20%;
}

.seminer{ background-color:#fff; line-height:16px;}
.seminer p a{ border-bottom: dotted 1px #ccc; padding-bottom:10px; margin:8px; font-size:12px; display:block; }

.info{ margin-bottom:8px; margin-left:95px; }


/*----------------------------------------------------
サブナビボタン
----------------------------------------------------*/
.subNavi{
	width:98%;
	border:solid 1px #ccc;
	background-color:#fff;
	margin-bottom:20px;
}


/*---------------------------------------------------------
共通
---------------------------------------------------------*/
#pankuzuBase{ margin: 0 auto; width:100%; height:35px; background-color:#fff; border:1px solid  #ccc; }
.bMidashi{ font-size:20px; font-weight:bold; border-bottom:dotted 1px #ccc; margin:40px 0 10px 0; padding-bottom:8px; }
.hyou1{ 
	width:98%;
	border:solid 1px #ddd; 
	margin:10px 0 40px 10px;   
	background: url("../img/arrow8.gif") repeat-y left #fff ; 
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px; }
.hyou2{ 
	width:98%;
	border:solid 1px #ddd; 
	margin:10px 0 40px 10px;  
	background: url("../img/arrow8.gif") repeat-y left ;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px; }
.hyou4{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:20.5%;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px; }
.hyou5{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:39%; }
.hyou6{ 
	width:100%;
	border:solid 1px #ddd;
	margin:10px 10px 40px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:20%; }

.hyou7{ 
	width:100%;
	border:solid 1px #ddd;
	margin:20px 0; 
	background: url("../img/arrow8.gif") repeat-y left ; 
	background-size:20%; }
	
#contact{
	width:98.5%;
	color:#000;
	font-size:11px;
	margin-top:20px;
	border:solid 2px #ccc;
    background: url("../img/IE8arrowTel.png") no-repeat;
	background-position: left top;
	background-color:#efefef;
}
#contact p{ width:96%; }



/*---------------------------------------------------------
ソリューション
---------------------------------------------------------*/
.solution{
	float:left;
	width:47.7%;
	height:160px;
	margin-bottom:15px;
	margin:10px 1%;
	border:solid 1px #ccc;
	background-color:#fff;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;	
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so01{
	background: url("../img/IE8so01.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so02{
	background: url("../img/IE8so02.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so03{
	background: url("../img/IE8so03.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so04{
	background: url("../img/IE8so04.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so05{
	background: url("../img/IE8so05.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so06{
	background: url("../img/IE8so06.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so07{
	background: url("../img/IE8so07.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so08{
	background: url("../img/IE8so08.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}
.solutionList li.so09{
	background: url("../img/IE8so09.png") no-repeat;
	background-position: center left;
	padding-left:30px;
	background-color:#f8f8f8;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    -moz-border-top-left-radius : 8px;
    -moz-border-top-right-radius : 8px;
    border-top-left-radius : 8px;
    border-top-right-radius : 8px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}


/*---------------------------------------------------------
プロダクツ
---------------------------------------------------------*/
.productsList li.so01{
	background: url("../img/so01.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so02{
	background: url("../img/so02.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so03{
	background: url("../img/so03.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so04{
	background: url("../img/so04.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so05{
	background: url("../img/so05.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so06{
	background: url("../img/so06.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so07{
	background: url("../img/so07.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so08{
	background: url("../img/so08.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}
.productsList li.so09{
	background: url("../img/so09.png") no-repeat; 
	background-position: center left;
	padding-left:28px;
}

.category li.logo{
	width:70%;
	padding:8px 14.5% 8px 14.5%;
}



/*----------------------------------------------------
基本セット
----------------------------------------------------*/	
.bMidashi{ font-size:20px; font-weight:bold; border-bottom:dotted 1px #ccc; margin:40px 0 10px 0; line-height:28px; }
.mMidashi{ font-size:15px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left; padding-left:18px; padding-top:5px; clear:both; }
.sMidashi{ font-size:13px; font-weight:bold; background: url("../img/arrow1.png") no-repeat left; padding-left:15px; margin-left:0px; margin-bottom:10px; }
.mMidashiLine{ font-size:15px; font-weight:bold; background: url("../img/arrow3.png") no-repeat left; padding-left:15px; margin-left:0px; margin-bottom:20px; border-bottom:solid 1px #ff7200; }
.seminerFrame{ width:100%; height:290px; }


/*---------------------------------------------------------
ボタン
---------------------------------------------------------*/
.btForm{
	background:#ff8100;
	margin-top:5px;
	padding:7px;
	color:#fff;
	font:13px bold;
	border:solid 2px #888;
	text-align:center;
    -webkit-border-radius : 5px; /* Saf3-4 + */ 
    -moz-border-radius : 5px; /* FF1+ */ 
    border-radius : 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
	behavior: url("border-radius.htc");/* IE6 7 8 */
}

.imgR{
    -webkit-border-radius : 100px;
    -moz-border-radius : 100px;
    border-radius : 100px;
	behavior: url("border-radius.htc");/* IE6 7 8 */
}



/*---------------------------------------------------------
フッター
---------------------------------------------------------*/

z-index1{ z-index:1; }
z-index5{ z-index:5; }
z-index10{ z-index:10; }
z-index15{ z-index:15; }
z-index20{ z-index:20; }


/*---------------------------------------------------------
映像
---------------------------------------------------------*/
.productPh li{
	float:left;
	border:solid 1px #ccc;
	background-color:#fff;
	padding:1%;
	margin:1%;
	width:28.5%;
	text-align:left;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
	position:relative;	
	behavior: url("border-radius.htc");/* IE6 7 8 */
}