@charset "UTF-8";
/* CSS Document */
html {
	/*//margin-bottom:1px;
	height:100%;*/
	overflow-y:scroll;
}
/*
body {
	height:100%;
	font-family:Arial Robot, "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#FFF;
	background-image:url(../images/background.gif);
}
*/

body {
	background-image:url(../images/background.gif);
	font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
}

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

a{
	border:0px;
	cursor:pointer;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}

a:link { color:#fff; }
a:visited { color:#fff; }
a:hover { color:#fff; text-decoration: underline; }
a:active { color:#fff; }
a img{ border:0px; }

body, img, p, label, span, h1, h2, h3, ul, a {
	margin:0;
	padding: 0;
}

ul{
	list-style:none;
}

span.red{
	color:red; 
}

.hidden{ 
	display:none;
}

/* For modern browsers */
.cf:before,.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.maru{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:solid 1px #dedede;
}
/*--------------------------------------------------------
outline
--------------------------------------------------------*/
#outline{ 
	position: relative;
	margin:0 auto 0 auto; 
	width:950px;
	overflow:hidden;
	-moz-box-shadow: 0px 0px 256px #000;
	-webkit-box-shadow: 0px 0px 256px #000;
	box-shadow: 0px 0px 256px #000;
}
/*-- Outline Black --*/
.outlineBlack{border:1px solid #370e0c; color:#FFFFFF; background-color:#000000; }
.outlineBlack #path ul li a{ color:#eead22; }
.outlineBlack .pagetop a { background: url(../images/pagetop_mk_bk.gif) no-repeat left center; }

/*-- Outline White --*/
.outlineWhite{ 
	border:1px solid #370e0c;
	color:#000000;
	background-color:#FFFFFF;
}
.outlineWhite #path ul li a{ color:#701217; }
.outlineWhite .pagetop a{ color:#000000; background: url(../images/pagetop_mk_wh.gif) no-repeat left center;}
.outlineWhite a:hover{color:#000000; text-decoration: underline; }

/*-- Outline Orange --*/
.outlineOrange{ background-color:#ffcc99; border:1px solid #370e0c; color:#000000; }
.outlineOrange #path a{ color:#ff3300;}
.outlineOrange .pagetop a{ color:#000000; background: url(../images/pagetop_mk_orange.gif) no-repeat left center;}

/*-- Outline Orange2 --*/
.outlineOrange2{ background-color:#ff9933; border:1px solid #370e0c; color:#000000; }
.outlineOrange2 #path a{ color:#ff3300;}
.outlineOrange2 .pagetop a{ color:#000000; background: url(../images/pagetop_mk_orange2.gif) no-repeat left center;}

/*-- Outline Olive --*/
.outlineOlive{background-color:#666633; border:1px solid #370e0c; color:#FFFFFF; }
.outlineOlive #path a{ color:#F00;}
.outlineOlive .pagetop a{ color:#FFFFFF; background: url(../images/pagetop_mk_olive.gif) no-repeat left center;}

/*-- Outline Greene --*/
.outlineGreene{background-color:#143001; border:1px solid #370e0c; color:#FFFFFF; }
.outlineGreene #path a{ color:#88da88;}
.outlineGreene .pagetop a{ color:#FFFFFF; background: url(../images/pagetop_mk_olive.gif) no-repeat left center;}


/*-- Outline Greene2 --*/
.outlineGreene2{ background-color:#013300; border:1px solid #370e0c; color:#FFFFFF; }
.outlineGreene2 #path a{ color:#88da88;}



.outlinemenu{ background:#FFF url(../images/outline_background.jpg) repeat-y right top; }
.outlinemenu #path a{ color:#701217;}
.outlinemenu #path p{ color:#000;}

#divBody{ border:0px; top: 0%; bottom: 0%;}
#divBody .pagetop { padding: 20px 50px; clear: both; text-align: right;}
#divBody .pagetop a { padding-left: 15px;}

.outlinemenu #divBody{ width:675px; }

/*--------------------------------------------------------
header
--------------------------------------------------------*/
#header p{ padding:8px; font-size:12px; }
#header{width:950px; background:url(../images/divbg_header_950.jpg)  no-repeat; text-align:center; height:100px; text-align:left; border:0px; padding:0px; margin:0px;}
#logo{ position:relative; width:157px; left:750px; top:48px;}

.outlinemenu #header{width:675px; background:url(../images/divbg_header_675.jpg)  no-repeat; text-align:center; height:100px; text-align:left; border:0px; padding:0px; margin:0px;}
.outlinemenu #header #logo{ position:relative; width:157px; left:480px; top:48px;}

/*--------------------------------------------------------
footer
--------------------------------------------------------*/
#footer{text-align:center; bottom:0%; height:60px; color:#ffffff; width:950px; background:url(../images/divbg_footer_950.jpg)  no-repeat; border:0px; padding:0px; margin:0px; clear: both;}
#footer a{color:#ffffff;}
.outlinemenu #footer{text-align:center; bottom:0%; height:60px; color:#ffffff; width:675px; background:url(../images/divbg_footer_675.jpg)  no-repeat; border:0px; padding:0px; margin:0px;}

#footer ul{ padding:8px 0 0 0; text-align:center; }
#footer li{ clear:left; padding:0 0 0 2px; display:inline-block; /display:inline; /zoom:1; }
#footer p{ padding:1px; font-size:12px; }

/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/
#path{ 
	height:14px; 
	margin:23px 0 24px 32px; 
	font-size:11px; 
	width:600px; 
}
#path a{ text-decoration:underline; }
#path p{ }
#path ul{ }
#path li{ float:left;}

/*--------------------------------------------------------
GlobalNav グローバルなび
--------------------------------------------------------*/
#globalNavOutline{ height:30px; width:950px; background:url(../images/divbg_globalNav.jpg) no-repeat;}
#globalNavOutline a{display:inline;}
#globalNavOutline ul.left{ text-align:center; font-size:12px;line-height:23px;}
#globalNavOutline ul.left li{ float:left; line-height:30px; }
#globalNavOutline ul.left li div.separate{ margin:5px 0 0 -1px; height:20px;width:1px; background-color:#FFFFFF;}
#globalNavOutline ul.left li a{ color:#FFFFFF; text-decoration:none; display:block; width:128px; height:30px;}
#globalNavOutline ul.left li a:hover{ background:url(../images/btn_over_globalNav.gif) no-repeat;}
#globalNavOutline ul.left li a.left:hover{ background:url(../images/btn_over_globalNavleft.gif) no-repeat;}

#globalNavOutline ul.right{ 
	float:right; 
	text-align:center; 
	font-size:12px;
	line-height:23px;
}
#globalNavOutline ul.right li{
	float:left; 
	line-height:30px; 
	width:80px;
	display:inline;
}
#globalNavOutline ul.right li a{
	
	color:#FFFFFF; 
	text-decoration:none;
	display:inline;
	font-size:11px;
}
#globalNavOutline ul.right li a:hover{ 
	text-decoration:underline
}
/*--------------------------------------------------------
contents
--------------------------------------------------------*/

#divBody #contents{
	 margin:0 auto 0 auto; 
}

.outlinemenu #divBody #contents{
	width:600px;
	margin:0 auto 0 auto; 
}

/*--------------------------------------------------------
h1 h2 p
--------------------------------------------------------*/
#divBody h1.red{
	color:#FF0000;
}

#divBody h1 span.red2{
	color:#892626;
}

#divBody h1 span.p{
	color:#ea6db5;
}

#divBody h2.s18g{
	text-align:center;
	font-size:18px;
	line-height:23px;
}

#divBody h2.s17{
	font-weight:normal;
	text-align:center;
	font-size:17px;
	line-height:30px;
}

#divBody p.s14{
	text-align:center;
	font-size:14px;
	line-height:20px;
}

#divBody p.s20{
	text-align:center;
	font-size:20px;
	line-height:24px;
}

#divBody p.s23{
	text-align:center;
	font-size:23px;
	line-height:29px;
}

#divBody p span.red{
	color:#FF0000;
}

#divBody p span.b{
	color:#205eb3;
}

#divBody .clear {
	clear: both;
}

#page {
	margin: 0 50px;
}

#page .request {
	width: 620px;
	margin: 65px 95px 45px 95px;
	padding: 15px 20px;
	background: #333;
}

#page .requestp {
	width: 495px;
	float: left;
	color: #fff;
	font-size: 13px;
	line-height:20px;
}

#page .request img {
	margin-top: 4px;
	float: right;
}

/*---- downloads ----*/
#divBody #contents.downloads{ 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border:solid 1px #dedede; 
	padding:0 4px 16px 4px;
}

#divBody #contents.downloads talbe{	
}

#divBody #contents.downloads table thead{
	font-size:18px;
	line-height:22px;
}

#divBody #contents.downloads table thead th{
	text-align:left;
	border-bottom:solid 2px #701217;
	padding:32px 0 0 0;
	color:#701217;
}

#divBody #contents.downloads table tbody{
	font-size:11px;
	line-height:18px;	
}
#divBody #contents.downloads table tbody tr td a{
	color:#000000;
}
#divBody #contents.downloads table tbody tr td.note{
	border-bottom:dotted 1px #dedede;
}
#divBody #contents.downloads table tbody tr td.size{
	text-align:right;
	border-bottom:dotted 1px #dedede;
}
#divBody #contents.downloads table tbody tr td.link{
	text-align:center;
	border-bottom:dotted 1px #dedede;
}
#divBody #contents.downloads p{
	padding:8px;
	font-size:12px;
}
/*---- end downloads ----*/

/*---- cal ----*/
#divBody #cal{
	text-align:center;
	padding:0 0 32px 0;
}
/*---- end cal ----*/


/*---- ftpappendix ----*/


#ftpappendix h1{
	font-size:15px;
	line-height:24px;
	padding:24px 80px 24px 80px;
	color:#F00;
}

#ftpappendix h2{
	text-align:center;
	font-size:24px;
	line-height:24px;
	padding:64px 0 24px 0;
}

#ftpappendix h3{
	text-align:center;
	font-size:20px;
	line-height:24px;
	padding:0px 0 24px 0;
}

#ftpappendix .waku{
	width:520px;
	border: 1px solid #000;
	margin:0 auto 0 auto;
	padding:0 5px 0 5px;
}

#ftpappendix .waku p{
	padding:4px 4px 4px 4px;
	background-color:#FFFFFF;
	margin:-1px 0 -1px 0;
}
#ftpappendix img{
	margin:0 auto 0 auto;
	display:block;
	padding:0 0 20px 0;
}

#ftpappendix p.text1{
	padding:24px 110px 32px 110px;
}

/*---- end ftpappendix ----*/

#divBody #base {
	line-height:100%;
}

#divBody #base h1 {
	padding: 0 0 40px 50px;
	clear: both;
}

#divBody #base div.product {
	padding: 0 0 50px 90px;
	width: 385px;
	float: left;
	min-height:443px;
}

#divBody #base div.Product_Group {
	display: block;
	padding: 20px 0px 20px 50px;
	border: 1px solid rgb(205,100,104);
	margin: 30px 0px 40px 112px;
	width: 673px;
}
#divBody #base div.product2 {
	margin: 10px 25px 0px 0px;
	text-align: left;
	width: 300px;
	float: left;
}

#divBody #base div.Product_Group a{
	display: block;
	position: relative;
	left: 243px;
	width: 140px;
	clear: both;
}

#divBody #base h2 {
	padding: 10px 0;
	color: #eead22;
	font-size: 19px;
	font-weight: normal;
	
}

#divBody #base h3 {
	padding-bottom: 10px;
	color: #eead22;
	font-size: 15px;
}

#divBody #base p{
	padding: 7px 0;
/* 	color: #fff; */
	font-size: 12px;
	line-height:150%;
}

#divBody #base p span {
	color: #46d677;
}

#divBody #base .only {
	margin-top: 10px;
}

#divBody #base .pagetop {
	padding: 20px 50px;
	clear: both;
	text-align: right;
}

#divBody .clear {
	clear: both;
}

#page {
	margin: 0 50px;
}

#page .request {
	width: 620px;
	margin: 65px 95px 45px 95px;
	padding: 15px 20px;
	background: #333;
}

#page .requestp {
	width: 495px;
	float: left;
	color: #fff;
	font-size: 13px;
	line-height:20px;
}

#page .request img {
	margin-top: 4px;
	float: right;
}

#divBody .detailed #dataBox{
	margin:20px auto 32px auto;
	width:660px;
	height:70px;
}
#divBody .detailed #dataBox p{ 
	padding:16px 0 0 16px; 
	display:block; 
	float:left; 
	width:500px; 
	text-align:left; 
	font-size:12px; 
	line-height:19px; 
}

#divBody .detailed #dataBox img{ 
	margin:18px 8px 0 0; 
	float:right; 
}

/*-- kiji --*/
#divBody #kiji{
	margin:0 auto 24px auto;
	clear:both;
	width:850px;
	text-align:center;
}

#divBody #kiji h1{
	padding:24px 0 0 0;
}
#divBody #kiji h2{
	font-size:18px;
	line-height:20px;
	padding:32px 0 24px 0;
	text-align:center;
	color:#FF0000;
}

#divBody #kiji h2{
	font-size:18px;
	line-height:20px;
	padding:64px 0 24px 0;
	color:#FF0000;
}

#divBody #kiji p.a{
	font-size:16px;
	line-height:20px;
	padding:0 0 24px 0;
}
#divBody #kiji p.a span{
	color:#FF0000;
}

#divBody #kiji h1.banner{
	font-size:28px;
	text-align:left;
	padding:0 0 0 23px;
	width:825px;
	height:60px;
	line-height:60px;
	
	/*書体*/
	color:#887453;
	font-size:28px;
	font-weight:normal;
	
	
	border:solid 1px #e1d7bb;
	
	/*影*/
	box-shadow: inset 0 0 5px #FFF, 0 0 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 5px #FFF, 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 5px #FFF, 0 0 4px rgba(0, 0, 0, 0.5);
	
	/*角丸*/
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	/*グラデーション*/
	background-color:#f6efe3;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f6efe3, endColorstr=#dcceb7);
	background-image:-moz-linear-gradient(top, #f6efe3 0%, #dcceb7 100%);
	background-image:-webkit-linear-gradient(top, #f6efe3 0%, #dcceb7 100%);
	background-image:-ms-linear-gradient(top, #f6efe3 0%, #dcceb7 100%);
	background-image:linear-gradient(top, #f6efe3 0%, #dcceb7 100%);
	background-image:-o-linear-gradient(top, #f6efe3 0%, #dcceb7 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#f6efe3), color-stop(100%,#dcceb7));
}

#divBody #kiji h1.banner span{
	position:relative;
	bottom:3px;
	font-size:14px;
	padding:0 24px 0 24px;
}