@charset "UTF-8";

@charset "UTF-8";

/* 固定==============================*/
@media print {body {zoom: 65%;}}

html {font-size: 62.5%;margin: 0px;padding: 0px;}
body { overflow-y:scroll; margin: 0px; padding: 0px; color: #333333; font: 1.4em/1.5em Arial, Helvetica, sans-serif; }
  *html body { font-size: 14px;overflow-y:hidden;} /*IE6だけに適用*/
  *+html body { font-size: 14px; overflow-y:hidden;} /*IE7だけに適用*/
  
/*clearfix*/
* html div.clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html div.clearfix { zoom: 1; } /* IE7 */
div.clearfix:after { visibility: hidden;  display: block;  font-size: 0;  content: " "; clear: both;  min-height: 1px;} 

/*リセット */
h1, h2, h3, h4, h5, h6  { margin:0px; padding:0px; clear: both; font-size: 100%; font-weight: normal; line-height: 1.5em; }	
ol, ul, li , dt ,dl, dd{margin:0px;padding:0px;list-style: none;}
p,img {margin: 0px;padding: 0px;border:0 none;outline:none;}
img {-ms-interpolation-mode:bicubic;}
address { font-style: normal; text-align: right; font-size: 12px; float: right; clear: both; padding: 35px 0px 5px 0px; }
em {display: none;}
form {margin:0px;padding:0px;}
textarea { font-size: 100%; } /* area内文字sizeのブラウザ間での差異解除 */
object, embed { vertical-align: top;  }  /* flashの隙間をなくす */
table {border-collapse: collapse;border-style: none;margin: 0px;}
th,td { margin: 0px; display: table-cell; }
	table th  { padding: 5px; text-align: left; }
	table td  { padding: 5px; }
	table.noborder th, table.noborder td, .noborder { border-style: none; }
	table.nopadding th, table.nopadding td { margin: 0px; padding: 0px; }
	
	
/* テキストフィールド ----------------------------------------------- */
input[type='text'] { border: solid 1px #ccc;}

/* ボタン ----------------------------------------------- */
input[type='image'] { border: none;}

/*汎用設定==============================*/
.arrow { background: url(../common/master/arrowImg.png) no-repeat left top; margin: 0px; padding: 0px 0px 0px 32px; }
.BGbeige { background: #fff2cc; padding-left:5px; padding-right:5px }
.BGyellow { background: #ff0; padding-left:5px; padding-right:5px }
.BGpink { background: #ffe5e5; padding-left:5px; padding-right:5px  }
.BGgray { background: #f2f2f2; padding-left:5px; padding-right:5px }


.center {text-align: center;}
.clearBoth { clear: both; }
.clearBothMinus { clear: both; margin-top: -20px; }
.circle10{ border-radius: 10px;}
.error { color:red; background:#ffe5e5;}
.floatLeft {float: left;}
.floatLeftPadding {float: left; padding-right:10px}
.floatRight {float: right;}
.hidden{ display: none; }
.indenthalfblock { margin-left: 30px; }
.indent1block { margin: 0px 0px 0px 60px; }
.indentLeftLine { border-left:10px solid #ffdd99; padding: 5px 0px 5px 15px; display: block; clear: both; }
.imgMarginBtm { margin-bottom: 5px; }
.imgBorder { border: 1px solid #ddd; background: #FFF; padding: 5px; }
.imgBorderBlue { background: #FFF; border: 1px solid #b2e5ff; padding: 5px; }
a:hover .imgBorderBlue{ background: #cceeff; border-color: #cceeff; }
.line-through { text-decoration: line-through;}
.justify{ text-align:justify; text-justify:inter-ideograph;} 
.mini{color: #666666;font-size:85%;line-height: 1.5em;}
.miniRed { color: #FF5700; font-size: 85%; line-height: 1.5em; }
.opacity a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff;}
.opacity:hover div{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"}
.paddingLR10px { padding-right: 10px; padding-left: 10px; }
.right{ text-align:right}
.txtBig { font-size: 18px; line-height: 1.6em; }
.txtBigMid { font-size: 20px; font-weight: bold; line-height: 1.5em; }
.txtBigHIgh { font-size: 24px; font-weight: bold; line-height: 1.6em; }
.txtBlue {color: #0087E2;}
.txtCommentBG { background: #e6fafa; padding: 20px;border-radius: 10px; }
.txtGray { color: #999; }
.txtOrange{color:#FF5700}
.txtRed{color: #e00;}
.txtTurquoise { color: #00A393; }
.thBGblue th{ background: #e5f6ff; color: #009999; }
.thBGyellow th{ background: #fffadf; }
.thBGorange td, .thBGorange th{ border-color: #f5d493; }
.thBGorange th{ background: #ffeecc; color: #ff9500;}
.underline { text-decoration: underline; }




a:link {text-decoration: underline;color: #1689da;}
a:visited {color: #1689da;}
a:hover {text-decoration: none;}
a:active {}


/*汎用設定==============================*/
.bigTxt {font-size: 115%;line-height: 1.6em;}
.bigTxt21px {font-size: 21px;line-height: 1.6em;font-weight: bold;}
.blueTxt {color: #0087E2;}
.center {text-align: center;}
.clearBoth {clear: both;margin:0px;}
.closeUp { margin: auto; display::block;
padding: 10px 30px; width: 300px; text-align: center; border: 1px solid #ddd; background: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
a.closeUp:hover{
	display::block;
	background: #f5f5f5;}
.error { color:red; background:#ffe5e5;}
.circle10{-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.grayBGbox {background: #f0f0f0;padding: 20px 50px;}
.hidden{visibility: hidden;display: none;}
.line-through {text-decoration: line-through;}
.opacity a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff;}
.opacity:hover div{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"}
.mini{color: #666666;font-size:85%;line-height: 1.5em;font-weight: normal;}
.miniRed {color: #c00;font-size: 85%;line-height: 1.5em;font-weight: normal;}
.redTxt{color: #c00;}


#globalNavi {
	position: fixed;
	top: 50%;
	bottom: 50%;
	left: 0px;
	width: 16px;
	margin: 0px 0px 0px 5px;}
#globalNavi li {
	text-align: center;}


/*header
==============================*/
#headerOuter { margin: 0px; padding:0px; height: 75px; top:0px; overflow: hidden; background: url(../common/master/header_naviBG.png) repeat-x left top; width:100%  }
#header { padding: 0px; width: 1030px; height:75px; margin: 0px auto; top:0px; text-align:center; }

.iconcss  a{ display:block; width:119px; height:75px; padding:0px; float:left; background: url(../common/master/header_navi.png) no-repeat 0px 0px; text-decoration: none; font-size: 0px; line-height: 0px; margin: 0px; }

#naviLogo{
	width: 180px;
	background: url(../common/master/header_navi.png) no-repeat 0px 0px;}
#naviLogo:hover, #naviLogo.hover, #pagehome #naviLogo{
 	background: url(../common/master/header_navi.png) no-repeat 0px -75px;}

#naviWeb{
	background: url(../common/master/header_navi.png) no-repeat -180px 0px;}
#naviWeb:hover, #naviWeb.hover,  #pageweb #naviWeb{
	background: url(../common/master/header_navi.png) no-repeat -180px -75px;}
#naviAboutus{
	width:118px;
	background: url(../common/master/header_navi.png) no-repeat -299px 0px;}
#naviAboutus:hover, #naviAboutus.hover, #aboutus #naviAboutus{
	background: url(../common/master/header_navi.png) no-repeat -299px -75px;}

#naviHistory{
	background: url(../common/master/header_navi.png) no-repeat -417px 0px;}
#naviHistory:hover, #naviHistory.hover,  #drbgallery #naviHistory{
	background: url(../common/master/header_navi.png) no-repeat -417px -75px;}
	
#naviPicture{
	background: url(../common/master/header_navi.png) no-repeat -536px 0px;}
#naviPicture:hover, #naviPicture.hover,  #tsukuroo #naviPicture{
	background: url(../common/master/header_navi.png) no-repeat -536px -75px;}
	
#naviKnowledge{
	width:118px;
	background: url(../common/master/header_navi.png) no-repeat -655px 0px;}
#naviKnowledge:hover, #naviKnowledge.hover,  #knowledge #naviKnowledge{
	background: url(../common/master/header_navi.png) no-repeat -655px -75px;}
	
#naviContact{
	background: url(../common/master/header_navi.png) no-repeat -773px 0px;}
#naviContact:hover, #naviContact.hover,  #inquiry #naviContact{
	background: url(../common/master/header_navi.png) no-repeat -773px -75px;}
	
#naviYoutube{
	width: 138px;
	background: url(../common/master/header_navi.png) no-repeat -892px 0px;}
#naviYoutube:hover, #naviYoutube.hover{
	background: url(../common/master/header_navi.png) no-repeat -892px -75px;}



#toPageTop { clear:both; background: url(../common/master/totoplinkBG.png) repeat-x right top; text-align:center; margin:0px 0px 10px; padding:0px; height: 100px; width:100%; }
#toPageTop a{ display:block; width:990px; padding:0px 20px; margin: 0px auto; color:#999; text-decoration:none; background: url(../common/master/totoplink.png) no-repeat center -100px; height: 100px; }
#toPageTop a:hover{
	background: url(../common/master/totoplink.png) no-repeat center 0px;}



/*全体的に使いそうなもの set
==============================*/
#footer { width:990px; padding:40px 20px 50px; margin:20px auto 0px; color: #555; position: relative; background: #FFF; }
#footer .foth5 {
	margin: 0px 0px 5px;
	border: 1px solid #dadada;}
#footer .foth5 h5 {
	font-size:11px;
	padding: 3px 10px;
	margin: 0px;
	color: #777;
	background: #eee;
	border-bottom: 1px solid #FFFFFF;}
#footer a:link {
	text-decoration: none;}
#footer a:visited {
	text-decoration: none;}
#footer a:hover {
	text-decoration: underline;}
#footerleft{
	width:580px;
	float:left;}
#footerright{
	width:360px;
	float:right;}

#whatsNew {
	margin: 0px;
	clear: both;
	font-size: 13px;}
#whatsNew  p{
	margin: 0px 0px 8px 15px;}
#whatsNew  p.indents {
	text-indent: -15px;}
#whatsNew a img, #todaypicture a img {
	background: #f5f5f5;
	padding: 10px;}
#whatsNew a:hover img, #todaypicture a:hover img {
	background: #cceeff;}
#footerSkil table{
	border-top: 1px solid #CCC;
	line-height: 1.2em;}
#footerSkil th{
	margin:0px;
	text-align: left;
	font-size: 12px;
	padding: 3px 0px 3px 5px;
	border-bottom: 1px solid #CCC;
	font-weight: normal;
	color: #A78900;}
#footerSkil td {
	font-size: 10px;
	border-bottom: 1px solid #CCC;
	padding: 3px 5px 3px 8px;}
#footerPR{
	margin:20px 0px 10px;}
#PRgoogle {
	margin: 0px 0px 0px 20px;
	padding: 0px;}
#footer #morelink {
	padding: 20px 0px;}
#footer #morelink ul {
	margin: 0px 0px 0px 20px;}
#footer #morelink li {
	background: url(../common/master/footerArow1.gif) no-repeat left bottom;
	padding: 0px 0px 0px 15px;}
#footerbottom{
	background:#eee url(../common/master/footerbottom.jpg) repeat-x left bottom;
	height:50px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	font-size: 12px;
	color: #666;}
#footerbottom #fbLine {
	border-top: 1px solid #FFFFFF;
	width: 100%;}
#footerbottom #copyright {
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;}
	
#footerToGallery{ display:block;margin-left:0px;border:solid 1px #ddd; padding:5px 10px;}