@charset "UTF-8";

/*==================================================================
	common setting
===================================================================*/

a:link, a:visited {
    color: #06C;/* color: #039;	*/
    text-decoration:none;
}

a:hover, a:active {
    text-decoration:underline;
}

a:hover img {
    border-color: #FFCC00;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
a[href$=".pdf"] {   
    background: url(./img/common/pdf.png) no-repeat 100% 50%;
		padding-right:20px;
}  

body {
	background-color: #FFF;
	background-image: url(./img/common/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

body#p-home {

}


#container {
    position:relative;
    width:950px;
    margin:0px auto;
}

/*==================================================================
	header area
===================================================================*/

#header {
    height:180px;
}

#header #logo{
	position:absolute;
	top:43px;
}
#header #tel{
	position:absolute;
	top:50px;
	right:0;
	width:404px;
}
#header #english{
	position:absolute;
	top:50px;
	right:414px;
//	width:404px;
}

#header h1 {
	position:absolute;
	top:10px;
	font-weight: bold;
}

#gn {
	position:absolute;
	top:121px;
}

#gn ul li {
	float:left;
	position:relative;
}



#gn ul li a {
	display:block;
	text-indent:-5000px;
	width:160px;
	height:55px;
}

#gn ul li#gn1 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat 0 0;
	width:155px;
}

#gn ul li#gn2 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat -155px 0;
}

#gn ul li#gn3 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat -315px 0;
}

#gn ul li#gn4 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat -475px 0;
}

#gn ul li#gn5 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat -635px 0;
}

#gn ul li#gn6 a.gnstyle {
	background:url(./img/common/gn.png) no-repeat -795px 0;
	width:155px;
}

#gn ul li#gn1 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat 0 -70px;
	width:155px;
}

#gn ul li#gn2 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat -155px -70px;
}

#gn ul li#gn3 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat -315px -70px;
}

#gn ul li#gn4 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat -475px -70px;
}

#gn ul li#gn5 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat -635px -70px;
}

#gn ul li#gn6 a:hover.gnstyle {
	background:url(./img/common/gn.png) no-repeat -795px -70px;
	width:155px;
}


#gn ul li .row {
	border:2px solid #FFD576;
	width:400px;
	background:#FFF;
	padding:20px;
	display:none;
}
#gn ul li  ul {
	float:none;
	position:inherit;
	display:none;
	position:absolute;
}
#gn ul li  ul li {
	float:none;
	position:inherit;
}

#gn ul li  ul li a{
	background: #FFF;
	text-indent:0;
	height: auto;
	
}

#keyv {
	width:950px;
	height:315px;
	margin:15px 0 5px 0;
}




/*==================================================================
	contents area
===================================================================*/

a.imgLink img {
    padding:1px;
    border:1px solid #CCCCCC;
}

a.imgLink:hover img {
    padding:1px;
    border:1px solid #669900;
}
.bggray{
	background:#F1F2F2;
}
.bgorange{
	background:#FFEFD7;
}


/*==================================================================
	main styles
===================================================================*/

#main {
	width:690px;
	float:right;
	line-height:170%;
	margin-bottom:15px;
}

#main p {
	margin-bottom:10px;
}

.mb15 {
	margin-bottom:15px;
}


.twoColumn #main{
	background:url(./img/company/bg.png) no-repeat 0 0;
}
.twoColumn #main .inner {
	padding:20px;
	}

.bl{
	margin:15px 0;
}
#main .pic {
	margin: 0 auto;
	display:block;
	margin-bottom:20px;
	}
#main .inner2{
	padding:0 10px 10px 10px;
}
.headline{
	margin-bottom:15px;
}
.headline1{
	background:url(./img/common/headline1.png) no-repeat 0 0;
	line-height:71px;
	font-size:25px;
	margin-bottom:20px;
	padding-left:30px;
	clear:both;
}
.headline2{
	background:url(./img/common/headline2.png) no-repeat 0 0;
	line-height:42px;
	font-size:15px;
	margin:20px 0 20px 0;
	padding-left:15px;
	clear:both;
}

.headline3{
	background:url(./img/common/line1.gif) repeat-x 0 100%;
	padding:0 0 6px 0;
	margin-bottom:10px;
	font-weight:bold;
	clear:both;
}

.headline4{
	margin-bottom:10px;
	font-weight:bold;
}

.leftBox{
	float:left;
}

.rightBox{
	float:right;
}

.aboutture .leftBox,
.aboutture .rightBox{
	width:335px;
}


.photoleft{
	float:left;
	margin-right:10px;
}

.photoright{
	float:right;
	margin-left:10px;
}


.rightBox{
	float:right;
}
.line{
		background:url(./img/common/line1.gif) repeat-x 0 100%;
}

.ptb{
	padding:10 0;
}

.link{
	background:url(./img/common/btn.png) no-repeat 0 50%;
	padding-left:20px;
	line-height:180%;
}
#topNews h1 {
	background:url(./img/news/keyv.jpg) no-repeat 0 0;
	height:100px;
	text-indent:-5000px;
	margin-bottom:20px;
}

.bottomContact img{
	margin:0 auto;
	width:280px;
	display:block;
}






.faqlist dt{
	background:#D4EFF8;
	padding:10px;
	border:1px solid #E3E3E3;
	margin-bottom:10px;

}
.faqlist dt span{
	background:url(./img/common/q_big.png) no-repeat 10px 50%;
	display:block;
	padding:10px;
	padding-left:60px;
}

.faqlist dd{
	background:#FFEFD7;
	padding:10px;
	border:1px solid #FFDDAA;
	margin-bottom:20px;
}

.faqlist dd span{
	background:url(./img/common/a_big.png) no-repeat 10px 50%;
	display:block;
	padding:10px;
	padding-left:60px;
}



#main #news {
	margin-bottom:30px;
	position:relative;
}

#main #news .headline2{
	margin:0 0 0 0;
}

#main #news .inner {
}
#main #news .inner #line {
	background:url(./img/common/line1.gif) repeat-x 0 100%;
}
#main #news .inner table {
	border-collapse:collapse;
	border-spacing:0px;
	border-bottom: none;
	margin-bottom:10px;
	width:100%;
	text-align: left;
	line-height:150%;
}
#main #news .inner table th, #main #news .inner table td {
	padding: 10px;
	text-align: left;
}
#main #news .inner table th {
	background:url(./img/common/line1.gif) repeat-x 0 100%;
	width:120px;
	padding: 10px 10px 10px 0;
}


#main #news .inner table td {
	background:url(./img/common/line1.gif) repeat-x 0 100%;
}

#main #news .inner table td img {
	vertical-align:middle;
}
#main #news a{
	padding:2px 5px 2px 60px;
	display:block;
}

#main #news .iblog a{
	background:url(./img/common/icon_blog.png) no-repeat 0 0;
}
#main #news .istaffblog a{
	background:url(./img/common/icon_staffblog.png) no-repeat 0 0;
}
#main #news .inews a{
	background:url(./img/common/icon_news.png) no-repeat 0 0;
}
#main #news .icolumn a{
	background:url(./img/common/icon_column.png) no-repeat 0 0;
}
#main #news .iactivity a{
	background:url(./img/common/icon_activity.png) no-repeat 0 0;
}
#main #news #more {
	position:absolute;
	top:10px;
	right:0;
}
#stafflist{
	margin-bottom:15px;
}
#stafflist div{
	background:url(./img/common/line1.gif) repeat-x 0 100%;
	padding:10px 0;
}
#stafflist img{
	width:180px;
	float:left;
}
#stafflist table{
	width:480px;
	float:right;
}

#stafflist th{
	font-weight:bold;
	width:110px;
}

#voicelist{
	margin-bottom:15px;
}
#voicelist div{

	background:#FFEFD7;
	padding:10px;
	border-top:3px solid #FFA723;
	padding:10px;
	margin-bottom:15px;
}
#voicelist img{
	width:130px;
	float:left;
}
#voicelist p{
	width:530px;
	float:right;
}

#info{
	background:url(./img/common/info.png) no-repeat 0 0;
	width:690px;
	height:414px;
	position:relative;
	margin-bottom:20px;
}
#info .infobtn{
	position:absolute;
	top:199px;
	left:20px;
	width:276px;
	height:57px;
	display:block;
}


.fukufukulist{
		background:url(./img/common/line1.gif) repeat-x 0 0;
		padding-top:1px;
		margin-bottom:20px;
}
.fukufukulist li{
		background:url(./img/common/line1.gif) repeat-x 0 100%;
		padding:15px;
}
.fukufukulist li a{
		background:url(./img/common/fukufukulist.png) no-repeat 0 50%;
		padding-left:20px;
}

.page-menu h2.headline3{
	background:#eee url(./img/common/btn-o.png) no-repeat 10px center;
	border:none;
	font-size:16px;
	padding:10px 10px 10px 30px ;
	margin-bottom:0;
	border-radius:5px 5px 0 0;
}
.page-menu p.headline3{
	background:#fff url(./img/common/btn-o.png) no-repeat 10px center;
	border:none;
	font-size:16px;
	padding:5px 5px 5px 30px ;
	margin-bottom:0;
	border-radius:0;
}
.page-menu img{
	margin-bottom:20px;
}
.apparatus img{
	margin-bottom:0;
}

.headline5{
	background:#eee url(./img/common/btn-o.png) no-repeat 10px center;
	border:none;
	font-size:16px;
	padding:10px 10px 10px 30px ;
	margin-bottom:0;
	border-radius:5px 5px 0 0 ;
}
.sBox3{
	padding:10px;
	border:1px solid #ddd;
	border-top:none;
	margin-bottom:20px;
}

/*==================================================================
	sidebar styles
===================================================================*/

#sidebar {
	width:240px;
	float:left;
	line-height:170%;
}
#sidebar img {
	vertical-align:bottom;
}
#sidebar .inner {
	padding:10px;
}

#sidebar ul li {
	margin-bottom:12px;
}

#sidebar h2 {
	margin-bottom:10px;
}
#sidebar p {
	margin-bottom:10px;
}

#sidebar .snabout {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}

#sidebar .headline1sn{
	background:url(./img/common/headline1sn.png) no-repeat 0 0;
	line-height:42px;
	font-size:15px;
	padding-left:15px;
	margin-bottom:0;
}

#sidebar .snbox{
	margin-bottom:15px;
}
#sidebar .snbox h2{
	margin-bottom:0;
}

#sidebar .snbox ul{
	border:1px solid #CCC;
	border-top:none;
}

#sidebar .snbox ul li{
	margin-bottom:0;
	background:url(./img/common/line1.gif) repeat-x 0 100%;
	padding:10px;
	display:block;
}

#sidebar .snbox ul li a{
	background:url(./img/common/q.png) no-repeat 0px center;
	display:block;
	padding-left:18px
}

#sidebar .snbox ul#fukufukudayorilis li{
	margin-bottom:0;
	background:url(./img/common/line1.gif) repeat-x 0 100%;
	padding:0px;
	display:block;
}
#sidebar .snbox ul#fukufukudayorilist li a{
	background:url(./img/common/fukufukulist.png) no-repeat 3px center;
	display:block;
	padding:5px 5px 5px 18px;
	margin:0;
}
#sidebar .snbox ul#fukufukudayorilist li a:hover{
	background: #FFF2E8 url(./img/common/fukufukulist.png) no-repeat 3px center;
	display:block;
	padding:5px 5px 5px 18px;
}

#sidebar .snLine{
	background:url(./img/index/bn_line.png) no-repeat 0 100%;
	padding-bottom:10px;
	margin-bottom:15px;
}


#sidebar .snMenu{
	margin-bottom:15px;
}
#sidebar .snMenu h2{
	border:1px solid #CCC;
	border-top: 3px solid #FC0;
	border-bottom:0;
	padding:23px;
	margin:0;
	font-size:20px;
	text-align:center;
	background:#F4F4F4;
}

#sidebar .snMenu ul{
	border:1px solid #CCC;
	border-top:none;
}

#sidebar .snMenu ul li{
	margin-bottom:0;
	background:url(./img/common/line1.gif) repeat-x 0 0;
	display:block;
	padding-top:1px;
}

#sidebar .snMenu ul li a{
	background:url(./img/common/btn.png) no-repeat 10px 50%;
	padding:10px 30px;
	display:block;
}

#sidebar .snMenu ul li a:hover{
		background: #F6F6F6 url(./img/common/btn.png) no-repeat 10px 50%;
}


/*==================================================================
	pagetop style
===================================================================*/
#pageTop {
	clear:both;
}
#pageTop {
	background:url(./img/common/bg_pagrtop.png) no-repeat 0 0;
	width:950px;
	height:32px;
	line-height:32px;
	position:relative;
	margin-bottom:30px;
}

#pageTop span a  {
	padding-left:20px;
	color:#333;
	font-weight:bold;
}

#pageTop2 {
	position:absolute;
	right:0;
	top:0;
	width:94px;
	height:32px;	

}
#pageTop2 a {
	background:url(./img/common/btn_pagetop.png) no-repeat 0 0;
	height:32px;
	display:block;
	text-indent:-5000px;
}


/*==================================================================
	footer style
===================================================================*/
#footer {
	background:url(./img/common/bg_footer.png) repeat-x;
	font-size:10px;
        color:#666;
}
#footer .inner {
	width:950px;
	margin:0 auto;
	padding-top:20px;
}
#footer .inner div {
	width:237px;
	float:left;
}

#footer .inner p {
	clear:both;
	text-align:center;
	padding:40px 0 50px;
	font-size:10px;
}

#footer h3	{
	font-weight:bold;
	margin-bottom:5px;
	color:#666;
}

#footer ul li {
	line-height:160%;
}

#footerInformation ul li a, #footerServise ul li a, #footerLink ul li a {
	padding-left:20px;
	background:url(./img/index/btn.png) no-repeat 0 center;
	font-size:10px;
}

#footer ul li a {
	color:#666;
}

#footer p {
	color:#666;
}

#footer #footerMobileSite #qrcode {
	margin-right:10px;
	float:left;
}





.contactBox{
	padding:23px 20px 20px 20px;
	background:#F0F0F0;
	text-align:center;
}
.contactBox img{
	margin:0;
}





#idMenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 5px;
  width: 150px;
  height: 20px;
  border: solid 1px #cccccc;
  line-height:1.4em
}
#idMenu li:hover {
  color: #ffffff;
  background-color:#CCCCCC;
}
#idMenu li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: -1px;
  padding: 5px;
  width: 150px;
  background-color:#999999;
  border: solid 1px #cccccc;
}
#idMenu li ul li {
  margin: 0;
  padding: 0;
  width: 150px;
  border: none;
}
#idMenu li ul li a {
  display: inline-block;
  width: 150px;
  height: 20px;
  text-decoration:none;
  color:#FFFFFF;
  line-height:1.4em
}
#idMenu li ul li a:hover {
  background-color:#999999;
  color:#333333;
  text-decoration:underline;
}


.serif {
background-color:#ccc;
border-radius:5px;
position:relative;

padding: 10px
}
 
.serif:after {
border:10px solid transparent;
border-bottom-color:#ccc;
border-top-width:0;
top:-10px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}

.voicechara {
	float: left;
	font-size: 24px;
	top: 1em;
	border-radius: 0.7em 0.7em 0 0;
	background: #2C2C2C;
	width: 1.5em;
	height: 0.8em;
	position: relative;
	margin-bottom: 40px;
	margin-left: 10px;
	margin-right: 10px;
}

.voicechara:before {
	position: absolute;
	content: "";
	top: -0.9em;
	left: 0.38em;
	width: 0.8em;
	height: 0.85em;
	border-radius: 50%;
	background: #2C2C2C;
}


.mb30 {
	margin-bottom: 30px;
}

.detail{
	font-size:12px;
}

.pd10{
	padding:10px 10px 0 15px;
}

.caution{
	font-weight:lighter;
	color:#0000FF;
}

.pdimg{
	padding:20px 20px 20px 20px;
}
.mb20{
	margin-bottom:20px;
}
.redbold{
	font-weight:bold;
	color:red;
}
/*	jsの開閉用	*/
#js-dummy {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.9;
}


/*	パネルコンテンツ	*/
.popup {
  display: none;
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  margin-left: 0;
  background: #fff;
}

/*==================================================================
	 margin
===================================================================*/
.pt05 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pb05 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl05 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pr05 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}

/*==================================================================
	 margin
===================================================================*/

.mt05 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb05 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.ml05 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.mr05 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
/*	パネル開閉
-------------------------------------------------------------------*/
#accordion{
	padding:5px;
	background:#FAFAFA;
	border:1px solid #EBEBEB;
	margin-bottom:15px;
}
.archive{
	background:#ffe8c4 url(./img/common/btn.png) no-repeat 10px 50%;
	color:#000000;
	padding:10px 10px 10px 30px;
	border-bottom:1px solid #FFF;
	cursor:pointer;
	font-size:14px;
}

.subMenu{
	background:#f5f5f5;	
	padding:10px 10px;
	border-bottom:1px solid #FFF;	
}
/*------------------------------------------------------------------
	sheet setting
-------------------------------------------------------------------*/

dl.sheet-dotted{
	margin:0 10px 10px 10px;
}
/*dotted style*/
dl.sheet-dotted{
	overflow:hidden; /*floatしたので高さ確保*/
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	clear:both;
}
dl.sheet-dotted dt{
	width:30%;
	float:left;
	padding:10px 0;
	border-top:1px dotted #ccc;
	font-weight:bold;
}
dl.sheet-dotted dd{
	width:70%;
	float:left;
	padding:10px 0;
	border-top:1px dotted #ccc;
}

/*	 ページ内リンク
-------------------------------------------------------------------*/

ul.faqlink{
	border-bottom:3px solid #fff;
	margin:0 auto 30px 30px;
	padding:0;
	text-align:center;
}

ul.faqlink li{
	float:left;
	width: 45%;
	list-style-type:none;
	margin-right: 4%;
	margin-bottom:5px;
}

ul.faqlink li:last-child {
	margin-right: 0;
}

ul.faqlink li a{
	padding:10px;
	background: #e9ebeb;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color: #000;
	

	-webkit-border-radius: 5px;
	-moz-border-radius:  5px;
	-o-border-radius:  5px;
	-ms-border-radius: 5px;
}
ul.faqlink li a:hover {
	padding:10px;
	background: #ffd576;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color: #fff;
}

ul.faqlink li a.active {
	background: #FF9F3F;
	color: #fff;
}
.sBox{
	background:#f1f2f2;
	padding:20px;
	border-radius:5px;
	border:dashed 1px #bbb;
}
.sBox2{
	background:#fff;
	padding:20px;
	border-radius:5px;
	border:solid 1px #bbb;
}
.more{
	text-align:right;

	
}
.more a{
	text-align:right;
	color:#fff;
	background:#ffa927;
	padding:10px 20px;
	border-radius:5px;
}
.bold{
	font-weight:bold;
}