@charset "UTF-8";



body {
	width:100%;
	margin: 0;
	padding: 0;
	position:relative;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

img{
  vertical-align:bottom;
}



p,th,td{
	font-size:90%;
	line-height:1.9em;
	margin:0 0 2em;
}

#en p{
	line-height:1.7em;
}

h2{
	font-size:10px;
	letter-spacing:2px;
	margin:0 0 30px 0;
	background-color:#000;
	width:90px;
	color:#FFF;
	line-height:2em;
	text-align:center;
}

.catetitle{
	font-size:10px;
	letter-spacing:2px;
	margin:0 0 30px 0;
	background-color:#000;
	padding: 6px 8px;
	color:#FFF;
	line-height:2em;
	text-align:center;
}

.catetitle02{
font-size:15px;
font-weight: bold;
color: #e60012;
}

.catetitle03{
	font-size:10px;
	letter-spacing:2px;
	margin:0 0 0 0;
	border: 1px solid #000;
	color: #000;
	padding: 5px 7px;
	line-height:2em;
	text-align:center;
}

.catetitle04{
	margin:0 0 10px 0;
	font-size:95%;
	font-weight:bold;
}

.number{width:30px; height: 25px; background-color: #e60012; color: #FFF; 
	font-weight: bold; border-radius: 15px; text-align: center; padding:5px 0 0 0; margin-right: 10px; float: left;}

.saiyoucopy{font-size: 21px; margin: 20px 0 40px 0;}
.saiyoubody{font-size: 13px;}
.saiyoubody a{color: #333;}
.saiyoubody a:hover{text-decoration: none;}


.saiyoutitle{width: 100%; color: #FFF; font-size: 11px; letter-spacing: .06em; margin-bottom:30px;}
.saiyoutitle .left{width: 15%; float: left; background-color: #e60012; padding: 8px 0; text-align: center;}
.saiyoutitle .right{width: 85%; float: left; background-color: #333; padding: 8px 0; text-indent: 1em;}


#en h2{
	letter-spacing:1px;
	width:150px;
	line-height:2.5em;
}

h3{
	margin:0 0 30px 0;
}

h4{
	margin:0 0 20px 0;
}



.con-item{
	margin:0 0 0 100px;
}


h1{
	position:fixed;
	top:60px;
	left:50px;
	z-index:-1;
}


#item-top{
	z-index:0;
}

.catch{
	position:fixed;
	top:0;
	right:50px;
	z-index:-1;
}

.catch2{
	position:fixed;
	bottom:80px;
	right:0;
	z-index:0;
}

.catch3{
	position:fixed;
	bottom:160px;
	right:0;
	z-index:0;
}

.catch4{
	position:fixed;
	bottom:80px;
	right:0;
	z-index:0;
}

@media screen and (min-width: 730px) {

}



#en .catch{
	position:fixed;
	top:60px;
	right:0px;
	z-index:-1;
}


small{
	width:100%;
	position:fixed;
	bottom:20px;
	text-align:center;
}

#bg-img{
	position:fixed;
	top:0;
	left:0;
}

#bg-img img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	
}

section{
	width:100%;
	min-width:880px;
	background-color:#fff;
	position:relative;
	margin:0 auto;
	padding:0 0 80px 0;
}


.detai_section{
	width:100%;
	min-width:880px;
	background-color:#fff;
	position:relative;
	margin:0 auto;
	padding:0 0 80px 0;
}


/*logo---------------*/

#logo{
	width:100%;
	margin:0 auto;
	text-align:left;
	position:absolute;
	top:65px;
	right:0;
}

#logo div{
	padding:56px 0 0 0;
	margin:0 auto;
	text-align:left;
}

#logo .mainmenu {margin-top:35px; width:80px;}

#logo .mainmenu li {margin-bottom: 18px; background: url(../img/arrow_menu.png) no-repeat; 
background-size: 14px 14px; padding-left: 20px; background-position: 0 4px;}

#logo .mainmenu li a{color: #333; font-size: 11px; font-weight: bold;}


#logo .detail{
	padding:0px 0 0 0;
	margin:-60px auto 0 auto;
	text-align:left;
}


/*nav---------------*/

nav{
	width:100%;
	text-align:center;
	background-color:#fff;
	position:absolute;
	top:0;
	right:0;
}

nav ul{
	margin:0 auto;
	height:56px;
}


nav .lang{
	width:310px;
	margin-right: 50px;
	float: right;
}


nav .submenu{
	width:400px;
	margin-left: 50px;
	float: left;
	/*
	margin-top:-56px;*/
}

nav .submenu li{
	width:200px;
	text-align:center;
	float:left;
}

nav .lang li{
	width:98px;
	height:40px;
	text-align:center;
	background-color:#fff;
	font-size:13px;
	float:right;
	border-left:solid #CCC 1px;
	line-height:40px;
}

nav li a{
	color:#000;
	text-decoration: none;
	width:98px;
	height:40px;
	display:block;
}

nav li a:hover{
	text-decoration: underline;
}

nav li.contact{
	width:200px;
	/*background-color:#e60012;*/
	background-color:#A3A3A3;
	color:#FFF;
	font-size:13px;
	border:none;
	padding: 10px 0 0 0;

}

nav li.contact a{
	color:#FFF;
	width:200px;
	display:block;
	text-decoration: none;
}


nav li.contact2{
	width:200px;
	font-size: 12px;
	color: #FFF;
	background-color: #cbaf63;
	border:none;
	padding: 11px 0 5px 0;
}

nav li.contact2 a{
	color:#FFF;
	width:200px;
	display:block;
	text-decoration: none;
}

nav li.contact3{
	width:200px;
	font-size: 12px;
	color: #FFF;
	background-color: #e60012;
	border:none;
	padding: 11px 0 5px 0;
}

nav li.contact3 a{
	color:#FFF;
	width:200px;
	display:block;
	text-decoration: none;
}


nav li.contact p{
	font-size: 13px;
	margin-top: 6px; 
}

nav li.contact2 p,nav li.contact3 p,{
	font-size: 10px;
	margin: 0; padding: 0;
}


.contact_mr{ margin-right:125px;}
.contact_border{ border-right:solid #CCC 1px;}


.fixed{
	position:fixed;
	top:0;
}


/*frof---------------*/

table.prof{
}

.prof th,.prof td{
	padding:7px 0;
	line-height:1.5em;

	
}

.prof th{
	width:10em;
	white-space:nowrap;
	
}

.prof th strong{
	font-weight:bold;
	
}

.prof td strong{
	text-decoration:underline;
	
}

.outline{
	text-align:center;
	padding:20px 0 10px;
	
}

.outline2{
	text-align:center;
	padding:0;
}

.outline2 img{
margin: 10px 0 0 0;
}



table.idea{
}

.idea th,.idea td{
	padding:7px 0;
	line-height:1.5em;
	border-bottom:solid #fff 1px;

	
}

.idea th{
	width:90px;
	background-color: #e60012;
	white-space:nowrap;
	color:#FFF;
	text-align:center;
	vertical-align: middle;
	
}

.idea td{
	padding-left:15px;
	
}

.idea td strong{
	text-decoration:underline;
	
}

/*point---------------*/

dl#point {
	padding:10px 0 0 0;
}


#point dt{
	float:left;
	clear: left;
	width:53px;
}

#point dd{
	margin:0 0 0 70px;
}

#point dd h5{
	margin:0 0 10px 0;
	font-size:95%;
	font-weight:bold;
}



.fixed{
	position:fixed;
	top:0;
}

@media screen and (max-device-width: 1024px) {
 .fixed{
	position: absolute !important;
}
}

article{
	padding:60px 0 0 0;
	width:80%;
	/*min-width:780px;*/
	margin:0 auto;
	text-align:left;
	position:relative;
}

article figure{
	width:190px;
}

article figcaption{
	font-size:11px;
	padding:5px 0 0 0;
	text-align:right;
}


#item01{
	padding-top:120px;
	/*background-color: #900;*/
}

#item01_detail{
	padding-top:40px;
}

#item02{
	/*background-color: #0FF;*/
}

#item02 .con-item{
	/*background:url(../img/p_02.jpg) top right no-repeat;*/
}

/*footer---------------*/

footer {
	width:100%;
	min-width:880px;
	background-color:#000;
	padding:0 0 200px 0;
	
}

footer #dl-item{
	width:80%;
	margin:0 auto;
	text-align:left;
	position:relative;
}

footer #tit-dl-wrap{
	width:100%;
	background-color:#FFF;
}

footer #tit-dl{
	width:80%;
	margin:0 auto;
	background-color:#FFF;
}

footer #tit-dl p {
	text-align:center;
	background-color:#000;
	width:120px;
	height:30px;
	font-size:14px;
	color:#FFF;
	margin:0 0 0 100px;
	padding:0;
	line-height:30px;
	letter-spacing:1.7px;
}

#dl-item ul{
	padding:65px 0 0 100px;
	
}

#dl-item li{
	height:32px;
	line-height:32px;
	padding:0 0 0 43px;
	margin:0 0 35px 0;
	color:#FFF;
	font-size:16px;
	letter-spacing:1.3px;
}

li.pdf{
	background:url(../img/pdficon_large.png) left no-repeat;
}

li.word{
	background:url(../img/word_ico.png) 3px 0 no-repeat;
}

li.blank{
	margin-left: -35px!important;
}

li.sub{
	height: 20px!important;
	line-height:20px!important;
	font-size: 14px!important;
	margin:0 0 15px 0!important;
}


#dl-item li span{
	font-size:11px;
}

#dl-item li a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#dl-item li a:hover{
	text-decoration: underline;
}


.kensyottl{font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 22px; width: 100%; letter-spacing: .2em; margin:30px 0 15px 0; }
.kensyobody{
	line-height: 220%; font-size:14px;  margin: 0; }


.service{width: 100%; margin: 0 0 30px 0 ;}
.service .left{width: 180px; float: left;}
.service .right{font-size: 14px; padding-top:6px; line-height: 200%;}

.privacyttl{margin:0 0 20px 0; font-size: 110%; font-weight: bold; }

.foot_privacy{width:100%; margin:50px auto 50px auto; text-align: right;}
.foot_privacy a{font-size: 11px; color: #FFF; margin-right: 50px;}
.foot_privacy a:hover{text-decoration: none;s}


/*---------------*/

.f-left{
	float:left;
}

.f-right{
	float:right;
}

.mr-240{
	margin-right:240px;
}

.mb-60{
	margin-bottom:60px;
}

.mb50{margin-bottom:50px;}
.mb40{margin-bottom:40px;}
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}

.mt60{margin-top:60px;}
.mt50{margin-top:50px;}
.mt40{margin-top:40px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}


.mb-5{
	margin-bottom:5px !important;
}

.pt-20{
	padding-top:20px;
}

/* table */

  .infoTable {
    width: 100%;
	  font-size: 15px;
    border: 1px solid #FFF!important; }

    .infoTable th {
      width: 120px;
      padding: 10px 15px;
      background-color: #9C9C9C;
      border: 1px solid #FFF!important;
      color: #fff;
      text-align: center;
      vertical-align:middle; }

    .infoTable td {
      padding: 10px 15px;
	  background-color:#F7F7F7;
      border: 1px solid #FFF!important; }

    .infoTable .th {
      padding: 10px 15px;
      background-color: #DBDBDB!important;
      border: 1px solid #FFF!important;
      color: #fff;
      text-align: center;
      vertical-align: top; }



/*clearfix---------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */