@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/

html{
	height:100%;
}

body {
	-webkit-text-size-adjust: 100%;
	height:100%;
	width: 100%;
	background-color:#FFF;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#000;
	min-width:320px;
}

#stage {
	position: relative;
	min-height: 100%;
	padding-bottom:450px;
}

#ie{
    width:100%;
    padding:30px 0;
    background-color:#FFF7E1;
    color:#333;
    text-align:center;
}
 
/*#ie p{
    font-size:18px;
    font-weight:bold;
}*/

a {
	color:#000;
	text-decoration:none;
}

#current {
	background:#264a65;
	background: linear-gradient(#6185a0, #142634);
	background: -moz-linear-gradient(top, #6185a0, #142634);
	background: -webkit-gradient(linear, left top, left bottom, from(#6185a0), to(#142634));
	background: -o-linear-gradient(top, #6185a0, #142634);
}

#crntSide {
	background-color:#ffd7d6;
}

.red {
	color:#941711;	
}


/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
	text-align:center;
}

/*logoの設定*/
header h1 {
	margin:20px auto 0;
	padding-top:-15px;
	/*padding:15px 5px 7px 5px;*/
	width:90%;
}

header h1 img {
	width:100%;
	max-width:400px;
}

header p#tpImgh1 {
	margin:0 auto;
	width:100%;
	padding:0;
}

header p#tpImgh1 img {
	display:none;
}

header p#tpImgh2 img {
	width:100%;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}

header ul#s_nav {
	margin-bottom:15px;
	width:130px;
	float:right;
}

header ul#s_nav li {
	margin-bottom:4px;
}

header ul#s_nav li a {
	display:block;
	font-size:0.9em;
	margin-right:20px;
	padding-right:20px;
	text-align:right;
}

header ul#s_nav li a img {
	width:15px;
	height:auto;
}

header ul#s_nav li.sitemap a {
	background:url(../images/icn_sitemap.jpg) no-repeat right center;
}

header ul#s_nav li.aboutUs a {
	background:url(../images/icn_aboutus.jpg) no-repeat right center;
}

header ul#s_nav li.contactUs a {
	background:url(../images/icn_contact.jpg) no-repeat right center;
}

header ul#s_nav li#languages a {
	margin-left:40px;
	display:block;
	text-align:center;
	padding:3px 3px;
	font-size:0.8em;
	border:#000 1px solid;
	text-decoration:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	/*background-color:#941711;*/
}

header ul#s_nav li#languages a:hover {
	background-color:#FEE0E0;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
h4 {
	font-size:1em;
	line-height:1.4em;	
}

ul.nsnBtn2 {
	margin:0 auto 15px;
	padding:0;
}

ul.nsnBtn2 li {
	margin:0 0 0 10px;
	padding:0;
	float:right;		
}

section#topTxt h2 {
	margin:0 2% 20px;
	font-size:1.6em;
	line-height:1.5em;
}

div#contents {
    margin: 20px auto 0;
	padding:0;
}

div#contents section#mainconts p {
	text-align:left;
	line-height:1.6em;
}
/*==========================================
 コンテンツエリア -> WORKSのスタイル
===========================================*/
p.contsTxt a {
	font-size:1.2em;
	text-decoration:underline;	
}

section#work {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	width:100%;
	margin:0 auto;
	padding:10px 0 0;
	/*box-shadow: 0 1.3px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1.3px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1.3px 1px rgba(0,0,0,0.3);*/
}

section#work h1 {
	margin: 0 0 10px 5px;
	font-size:1.4em;
	line-height:1.5em;
}

section#work h2 {
	margin: 0 0 15px 10px;
	font-size:1.5em;
	line-height:1.5em;
}

div#usCstp {
	background-color:#333;
	border-top:#C60 solid 12px;
	padding:20px 0 10px;	
}

div#contents section#topTxt p {
	margin:0 10px 0 10px;
	padding:0 0 10px;
	font-size:0.95em;
	line-height:1.6em;
}

section#work p {
	margin:0 10px 0 10px;
	padding:0 0 10px;
	font-size:0.95em;
	line-height:1.6em;
}

div#usCstp p {
	color:#FFF;	
}

section#work p#tpLead {
	font-size:1.6em;
	line-height:1.3em;
}

section#work p#sbLead {
	font-size:0.95em;
	line-height:1.3em;
}

div#contents section#work article {
  text-align: center;
  width: 50%;
  min-width: 120px;
  float: left;
  margin-bottom: 30px;
}


div#contents section#work article img {
  width: 100%;
  height: auto;
  max-width: 184px;
}

div#contents section#work article h3 {
  font-size: 0.9em;
  font-weight: bold;
}

div#contents section#work article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


section.intro {
	background-color:#F0F0F0;
	padding:10px;	
}

section.intro dl#intDet {
	margin:0;
	padding:0;
	width:95%;	
}

div#usiintro {
	width:95%;
	margin:10px auto;
	padding:0;
}

section.intro dl#intDet dt {
	margin:10px 0;
	padding:0;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}

section.intro dl#intDet dd {
	margin:10px 0;
	padding:0;
	font-size:0.95em;
	line-height:1.4em;	
}

section.cmpOv {
	background-color:#F0F0F0;
	padding:10px 10px;
}

section.cmpIn {
	background-color:#FFF;
	padding:10px;
}

section.cmpOv dl,
section.cmpIn dl,
dl.usCstb{
	width:95%;
	margin:0 0 0 1%;
	padding:0;
	line-height:1.5em;
}

section.cmpOv dl dt,
section.cmpIn dl dt,
dl.usCstb dt{
	font-size:1.05em;
	margin:5px 0;
	padding:0;
	font-weight:bold;
}

section.cmpOv dl dd,
section.cmpIn dl dd,
dl.usCstb dd{
	margin:0 0 0 5px;
	padding:0;
	
}

/*====　追加  =====*/

dl.usCstb02{
	margin:0;
	padding:0;	
}

dl.usCstb02 dt{
	font-size:1.2em;
	margin:10px 0;
	padding:0;
	font-weight:bold;
	padding-left:1.3em;
	text-indent:-1.3em;
	line-height:1.2em;
}

dl.usCstb02 dd{
	font-size:16px;
	line-height:1.5em;
	margin:0 15px 0 25px;
	padding:0;
}

/*====　終わり  =====*/

p.tanto1 {
	margin:0 0 0 10px;
}

p.contx1 {
	float:left;
}

#mainconts h3 {
	margin:10px 5px;
	line-height:1.3em;
}

div.usGz {
	margin:0;
	padding:0;
}

div.usGz p {
	float:left;
	padding:3px;	
}

/*==========================================
 コンテンツエリア -> WORKのスタイル
===========================================*/
div#contents section#mainconts {
  text-align: left;
  /*border:#CDCDCD 7px solid;*/
  padding:10px 0;
  margin:0 auto 20px;
  width:98%;
}

div#contents section#mainconts p img {
	margin:10px 0;
	width:100%;
	height:auto;
}

/*==========================================
 コンテンツエリア -> MAINCONTENTSのスタイル
===========================================*/
div#contents section#mainconts h2#usCsts {
	border-top:#C60 solid 8px;
	background-color:#333;
	text-align: left;
	font-size:1.3em;
	line-height:1.3em;
	color:#FFF;
	margin:20px 0 10px 0;
	padding:5px 5px 5px 10px;
}

div#contents section#mainconts h2#uscList {
	background-color:#C60;
	text-align: left;
	font-size:1em;
	line-height:1.3em;
	color:#FFF;
	margin:0 0 10px 0;
	padding:7px;
}

div#contents section#mainconts p.uscDetail {
	margin:0 10px;
	font-size:0.9em;
}

div#contents section#mainconts ul#scl {
	margin:10px 0 0;
	padding:0 0 0 20px;
}

div#contents section#mainconts ul#scl li {
	list-style-type: square;
	list-style-position: outside;
	margin:0 0 10px 0;
	padding:0 35px 0 0;
}

div#contents section#mainconts ul#pInfo {
	margin:5px 0 0;
	padding:0 0 0 20px;
}

div#contents section#mainconts ul#pInfo li {
	list-style-type: square;
	list-style-position: outside;
	margin:0 0 5px 0;
	padding:0 35px 0 0;
	font-size:0.85em;
	line-height:1.2em;
}

div#contents section#mainconts h2#xlsConts {
  text-align: left;
  font-size:1.4em;
  line-height:1.3em;
  color:#118541;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-bottom:#118541 2px solid;
}

div#contents section#mainconts h2#xlsConts img {
	max-width: 47px;
	height: auto;	
}

div#contents section#mainconts h2#acsConts {
  text-align: left;
  font-size:1.4em;
  line-height:1.3em;
  color:#9D2E80;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-bottom:#9D2E80 2px solid;
}

div#contents section#mainconts h2#acsConts img {
	max-width: 47px;
	height: auto;	
}

div#contents section#mainconts h2#stmConts {
  text-align: left;
  font-size:1.4em;
  line-height:1.3em;
  color:#941711;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border-bottom:#941711 2px solid;
}

div#contents section#mainconts p.stmAtn img {
	width:25px;
	height:auto;
}

p.xlsPct1 {
	margin:0;
	padding:0;		
}

p.xlsPct1 img {
	/*max-width: 286px;*/
	max-width: 600px;
	width:100%;
	height: auto;
}

div.xlsPct2 {
	margin:-110px 0;
	padding:0;
	text-align:center;
}

div.xlsPct2 img {
	transform: rotate(90deg);  
    -webkit-transform: rotate(90deg);  
    -moz-transform: rotate(90deg); 
	max-width: 40px;
	width:47%;
	height: auto;
}

div#contents section#mainconts h3.xlsScd {
	background-color:#1C7B3D;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.4em;
	color:#FFF;
	margin:10px 0 0;
	padding:10px;
}

div#contents section#mainconts h4.xlsDtl1 {
	margin:20px 0 10px 0;
	background:url(../images/dbsc_xls_dot1.gif) no-repeat left top;
	padding:0 0 0 20px;
	color: #1C7B3D;
	font-size:1.0em;
	font-weight:bold;	
	line-height:1.4em;
}

div#contents section#mainconts h4.acsDtl1 {
	margin:20px 0 10px 0;
	background:url(../images/dbsc_acs_dot1.gif) no-repeat left top;
	padding:0 0 0 20px;
	color: #9D2E80;
	font-size:1.0em;
	font-weight:bold;	
	line-height:1.4em;
}

div#contents section#mainconts h3.acsScd {
	background-color:#9D2E80;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.4em;
	color:#FFF;
	margin:10px 0 0;
	padding:10px;
}

div#contents section#mainconts h3.Explain {
	background-color:#969;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	color:#FFF;
	margin:10px 0 0;
	padding:10px;
}

div#contents section#mainconts dl.xlsDtl {
	margin:0;
	padding:0;	
}

div#contents section#mainconts dl.xlsDtl dt {
	font-weight:bold;
	font-size:1em;
	margin:0 0 5px 0;
	padding:5px 0 3px 7px;
	/*border-bottom:#1C7B3D 1px solid;*/
}

div#contents section#mainconts dl.xlsDtl dd {
	margin:0 0 5px 10px;
	padding:0 0 0 20px;
	font-size:0.9em;
	background:url(../images/dbsc_xls_dot1.gif) no-repeat left top;
	background-size:10px 20px;
	line-height:1.4em;
}

div#contents section#mainconts dl.acsDtl {
	margin:0;
	padding:0;	
}

div#contents section#mainconts dl.acsDtl dt {
	font-weight:bold;
	font-size:1em;
	margin:0 0 5px 0;
	padding:5px 0 3px 7px;
	/*border-bottom:#9D2E80 1px solid;*/
}

div#contents section#mainconts dl.acsDtl dd {
	margin:0 0 5px 10px;
	padding:0 0 0 15px;
	font-size:0.9em;
	background:url(../images/dbsc_acs_dot1.gif) no-repeat left top;
	background-size:10px 20px;
	line-height:1.4em;
}

div#contents section#mainconts dl.xlsPct3 {
	margin:10px 0 0 0;
	padding:0;		
}

div#contents section#mainconts dl.xlsPct3 dt {
	margin:0 0 10px 5px;
	padding:0;
	font-size:0.9em;	
}

div#contents section#mainconts dl.xlsPct3 dd {
	margin:0 0 15px 0;
	padding:0;		
}

div#contents section#mainconts dl.xlsPct3 dd img {
	max-width: 522px;
	height: auto;
	width: 100%;
}

div#contents section#mainconts dl.acsPct3 {
	margin:10px 0 0;
	padding:0;		
}

div#contents section#mainconts dl.acsPct3 dt {
	margin:0 0 10px 10px;
	padding:0;
	font-size:0.9em;
	color:#9D2E80;		
}

div#contents section#mainconts dl.acsPct3 dd {
	margin:0 0 15px 0;
	padding:0;
	font-size:0.9em;	
}

div#contents section#mainconts dl.acsPct3 dd img {
	max-width: 521px;
	height: auto;
	width: 100%;
}

section#mainconts dl.abtUs {
	margin:15px auto;
	padding:0;
	width:97%;
}

section#mainconts dl.abtUs dt {
	text-align:left;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
}

section#mainconts dl.abtUs dd {
	text-align:left;
	margin:0 0 10px 10px;
	padding:0;
	font-size:0.95em;
	line-height:1.4em;
}


div#contents section#mainconts ul.abtList {
	margin:15px auto;
	padding:0;
	width:97%;	
}

div#contents section#mainconts ul.abtList li {
	margin:0 0 5px 0;
	padding:0;
	font-size:0.95em;
}


div#contents section#mainconts cntDtl {
	margin:0;
	padding:0;		
}


video {
	width:100%;
	margin:0;
	padding:0;
}

video p {
	width:100%;
	margin:0;
	padding:0;
}

.xlsGazo {
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	overflow:hidden;
	zoom:1;
}

.xlsEachcnt,.acsEachcnt {
	clear:both;
	margin:20px 0 0 0;
	padding:0;
}

.acsEachcnt blockquote {
	margin:0;
	padding:5px;
	/*background-color:#ffe7e6;*/
	background-color:#E8FFFE;
	font-size:0.8em;
	line-height:1.5em;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
}

.acsEachcnt p.dtl1P,.xlsEachcnt p.dtl1P {
	margin:0;
	padding:0;
	font-size:1.2em;
}

p.yajirushi {
	margin:20px 0 0;
	padding:0;
}

p.yajirushi img {
	width:100%;
	height:auto;	
}

p.cmpCore {
	margin:10px;
	padding:0;
}

dl.cmpTms{
	margin:0;
	padding:0;
}

dl.cmpTms dt {
	font-size:1.2em;
	/*font-weight:bold;*/
	color:#FFF;
	margin:0 0 15px 0;
	padding:8px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

dl.cmpTms dt:nth-child(3n+1)  {
	background:#00aeeb;
	background: linear-gradient(#9ed7f6, #00aeeb);
	background: -moz-linear-gradient(top, #9ed7f6, #00aeeb);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ed7f6), to(#00aeeb));
	background: -o-linear-gradient(top, #9ed7f6, #00aeeb);
}

dl.cmpTms dt:nth-child(3n+2) {
	background:#41b282;
	background: linear-gradient(#a3d4bf, #41b282);
	background: -moz-linear-gradient(top, #a3d4bf, #41b282);
	background: -webkit-gradient(linear, left top, left bottom, from(#a3d4bf), to(#41b282));
	background: -o-linear-gradient(top, #a3d4bf, #41b282);
}

dl.cmpTms dt:nth-child(3n+0) {
	background:#8d81ba;
	background: linear-gradient(#b9b1d6, #8d81ba);
	background: -moz-linear-gradient(top, #b9b1d6, #8d81ba);
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b1d6), to(#8d81ba));
	background: -o-linear-gradient(top, #b9b1d6, #8d81ba);
}

dl.cmpTms dd {
	margin:0 0 20px 15px;
	padding:0;
}

#stmMain {
	width:100%;
}


ul#stmList {
	margin:20px 0 0 0;
	padding:0;
	font-size:0.9em;
}

ul#stmList a {
	text-decoration:underline;
}

ul#stmList li {
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	line-height:1.4em;
}

ul#stmList li:first-child {
	background:url(../images/lst_yajirushi.gif) no-repeat left center;	
}

ul#stmList li li {
	background:url(../images/lst_yajirushi.gif) no-repeat left center;
	/*margin:0 0 0 15px;*/
	margin-left:15%;
	padding:10px 0 10px 20px;
}

ul#stmList li li img {
	width:15px;
	height:auto;	
}

ul.josh {
	margin:0;
	padding:0;
}

ul.josh li {
	float:left;
}

dl.exPict {
	margin:0 0 20px 15px;
	padding:0;
}

dl.exPict dt {
	margin:0 0 5px 0;
	padding:0;
	padding-left: 1em;
	text-indent: -1em;
}

dl.exPict dd {
	margin:0;
	padding:0;
}

dl.exPict dd img {
	max-width:250px;
	width:100%;
	border:#333 1px solid;
}

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {
  position: fixed;
  bottom: 10px;
  right:0;
  z-index:100;
}


/*==========================================
 Contact Form
===========================================*/
form {
	margin:20px 0 0 0;
	padding:0;	
}

dl#frm {
	margin:0;
	padding:0;
}

dl#frm dt {
	margin:0 0 3px 0;
	padding:0;
	font-size:1.2em;	
}

dl#frm dd {
	margin:0 0 7px 0;
	padding:5px 8px;
}

dl#frmConf {
	margin:0;
	padding:0;
}

dl#frmConf dt {
	margin:0 0 3px 0;
	padding:0;
	font-size:1.2em;	
}

dl#frmConf dd {
	margin:0 0 7px 0;
	padding:5px 10px;
	background-color:#EEE;
	font-size:1.0em;
	line-height:1.5em;
	height:25px;
}

.hissu {
	font-size:1.2em;
	color:#F00;
	vertical-align:middle;
}

input,
textarea {
	width:95%;
	padding:3px 8px;
	font-size:1em;
}

div#formBtn ul {
	margin: 20px 0 0;
	padding:0;
}

div#formBtn ul li {
	float:left;
	margin:0 0 0 35px;
}


.cnfBtn {
	/*height:30px;*/
	background-color:#FC9;
	padding:10px 0;
	cursor:pointer;
	font-size:1.3em;
	/*line-height:0.8em;*/
	font-weight:bold;
	border-right: #C77341 1px solid;
	border-bottom: #C77341 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.bckBtn {
	background-color:#CCC;
	/*padding:5px 5px;*/
	height:30px;
	cursor:pointer;
	font-size:1.3em;
	line-height:0.8em;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.sbmBtn {
	background-color:#F96;
	/*padding:5px 5px;*/
	height:30px;
	cursor:pointer;
	font-size:1.3em;
	line-height:0.8em;
	font-weight:bold;
	border-right: #AA7637 1px solid;
	border-bottom: #AA7637 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

h3.dbscKomoku {
	margin:0;
	padding:7px 10px;
	background-color:#AFAFAF;
	font-size:1.4em;
	color:#FFF;
}

section#topTxt ul#topic {
	margin:15px 0 0 15px;
	padding:0;
}

section#topTxt ul#topic li {
	margin:0 0 7px 0;
	padding:0;
	font-size:0.9em;
	list-style-type:disc;
}



/*==========================================
 フッターのスタイル
===========================================*/
footer {
	text-align: center;
	position:absolute;
	bottom:0;
	width: 100%;
	margin:20px 0 0 0;
	padding:10px 0;
	/*background: -moz-linear-gradient(top,rgba(100,100,100,1) 0%,rgba(20,20,20,1));
	background: -webkit-gradient(linear, left top, left bottom,from(rgba(255,255,255,1)),to(rgba(200,200,200,1)));*/
	background-color:#666;
}

footer div#ftMtm {
	margin: 20px auto 0;
	/*width:97%;*/
}

footer dl#ftJusho {
	margin:0 5px 10px;
	padding:0 0 5px 0;
	font-size:0.85em;
	color:#FFF;
	line-height:1.6em;
	border-bottom:#FFF 1px solid;
}

footer dl#ftJusho dt {
	margin:0;
	padding:0;
	font-weight:bold;
}

footer dl#ftJusho dd {
	margin:0 0 0 5px;
	padding:0;
}

footer div p {
	margin:0 5px 10px;
	padding:0 5px;
	font-size: 0.9em;
	line-height: 1.6em;
	color:#FFF;
	border-bottom:#FFF 1px solid;
}

footer div p a{
	color:#FFF;	
}

footer div p a:hover{
	color:#FFF;	
}

footer small {
	clear:both;
	text-align:center;
	margin:20px auto 0;
	padding:0;
	color:#FFF;
	font-size: 0.6em;
}

footer div div#cmpnyInfo img,
footer div div#otherLink img
 {
	width:15px;
	height:auto;	
}

section#docDl {
	margin:0;
	padding:0;
}

section#docDl article {
	margin:0 0 15px;
	padding:10px 5px;
	background-color:#FFFBEA;	
}

section#docDl div.docLay1 {
	margin:0;
	padding:0;
}

section#docDl div.docLay2 {
	margin:0 0 30px 0;
	padding:0;
}

section#docDl div.docLay2 h2.docTitl {
	margin:0 0 10px 10px;
	padding:0;
	font-size:1.1em;
	color:#333;
	font-weight:normal;
}


section#docDl h1 {
	font-size:1.2em;
	color:#FFF;
	line-height:1.4em;
	background-color:#C63;
	padding:10px;
	margin-bottom:15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

section#docDl p.youTxt {
	margin:0 auto 10px;
	padding:0;
	font-size:0.9em;
	width:95%;
}

section#docDl p.youTmov {
	margin:0 auto;
	padding:0;
	width: 95% ;
	max-width: 800px ;			/* 最大の横幅 */
	height: 0 ;					/* 高さは0にする */
	padding-bottom: 75% ;	/* 横幅に対する縦幅の比率 */
	position: relative ;
	top: 0 ;
	left: 0 ;
}

section#docDl p.youTmov iframe {
	width: 95% ;		/* 親要素の余白いっぱい */
	height:85% ;		/* 親要素の余白いっぱい */
	margin: 0 ;			/* 余白 */
	padding: 0 ;		/* スペース */
	position: absolute ;
	top: 0 ;
	left: 0 ;
}

section#docDl p.dcConts1 {
	font-size:0.9em;
	margin-bottom:10px;
	line-height:1.6em;
}

section#docDl p.dcConts2 {
	margin:0 auto;	
}

section#docDl p.dcConts2 img {
	border:#ffe5b3 solid 3px;
	padding:2px;	
}


ul#dwnFlow {
	margin:0 0 0 7px;
	padding:0;	
}

ul#dwnFlow li {
	float:left;
	margin:0 15px 10px 0;
	padding:0;		
}

ul.tate {
	margin:0;
	padding:0;	
}

ul.tate li {
	margin:0 0 5px 0;
	padding:0;
	font-size:0.95em;
	padding-left: 1em;
	text-indent: -1em;
	line-height:1.3em;
}

div#intdt {
	margin:0;
	padding:0;
}

div#intdt figure {
	margin:0 0 15px 0;
	padding:0;
	float:left;		
}

div#intdt figure img {
	max-width:100%;	
}

div.gazo1,
div.gazo2,
div.gazo3 {
	width:95%;
	margin:15px auto;
	padding:0;	
}

div.gazo1 figure,
div.gazo2 figure,
div.gazo3 figure {
	margin:0 0 15px 0;
	padding:0;
}

div.gazo1 figure figcaption {
	margin:0 0 5px 0;
	font-size:1.2em;
	line-height:1.3em;
}

div.gazo1 figure img,
div.gazo2 figure img {
	max-width:100%;
	height:auto;
}

div.gazo3 {
	margin:0 auto;
	padding:0;	
}

div.gazo3 figure {
	margin:0 auto 15px;
	padding:0;
	float:left;
}

div.gazo3 figure figcaption {
	text-align:center;	
}

div.gazo1 figure img,
div.gazo3 figure img {
	border:#2E2E2E 1px solid;	
}

div#cockP {
	margin:15px 0 20px 0;
	padding:0;	
}

div#cockP figure {
	margin:0 15px 15px 0;
}

div#cockP figure img {
	max-width:100%;	
}

div#cockP ul {
	margin:15px 0 0 0;
	padding:0;	
}

div#cockP ul li {
	font-size:0.9em;
	margin:0 0 10px 0;
	line-height:1.4em;
	padding-left: 1em;
	text-indent: -1em;
}


/* タブレット向けのレイアウトの指定：569px～959px */
@media only screen and (min-width: 569px) {
#stage {
	padding-bottom:400px;
}	

header {
	/*#s_navのセンタリングの解除*/
	position:static;
	overflow:visible;
	margin-top:20px;
}

header h1 {
	text-align:left;
	padding:0 5px 5px;
	width:320px;
	float:left;
	margin-top:0;
}

header h1 img {
	width:100%;
}

header p#tpImgh1 img {
	display:inline;
	width:100%;
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}

header p#tpImgh2 img {
	display:none;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
nav#navTp {
	top:0;
	width:100%;
	background: #0c1923;
	background: linear-gradient(#19354b, #0c1923);
	background: -moz-linear-gradient(top, #19354b, #0c1923);
	background: -webkit-gradient(linear, left top, left bottom, from(#19354b), to(#0c1923));
	background: -o-linear-gradient(top, #19354b, #0c1923);
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
	z-index:10;
}

nav#navTp ul {
	width:100%;
}

nav#navTp ul li {
	float:left;
	width:20%;
	text-align:center;
	background: #0c1923;
	background: linear-gradient(#19354b, #0c1923);
	background: -moz-linear-gradient(top, #19354b, #0c1923);
	background: -webkit-gradient(linear, left top, left bottom, from(#19354b), to(#0c1923));
	background: -o-linear-gradient(top, #19354b, #0c1923);
}

nav#navTp ul li a {
	line-height:1.5em;
	display:block;
	padding:10px 5px;
	color:#FFF;
}

nav#navTp ul li a:hover {
	text-decoration:none;
	background:#264a65;
	background: linear-gradient(#6185a0, #142634);
	background: -moz-linear-gradient(top, #6185a0, #142634);
	background: -webkit-gradient(linear, left top, left bottom, from(#6185a0), to(#142634));
	background: -o-linear-gradient(top, #6185a0, #142634);
}

/*==========================================
 コンテンツエリア
===========================================*/
  div#contents section#work article {
    width: 33%;
  }
  div#contents section#work article h3 {
    line-height: 2.0em;
  }
  div#contents section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }
  
  div#contents section#mainconts p {
	/*width:100%;*/
	font-size:0.85em;
	text-align:left;
	line-height:1.6em;
}

div#contents section#mainconts .cntDtl {
	width:45.2%;
	margin:0;
	padding:0;
	float:left;		
}

p.xlsPct1 {
	margin:0;
	padding:0;		
}

p.xlsPct1 img {
	/*max-width: 286px;*/	
	max-width: 600px;
	width:100%;
	height: auto;
}

div.xlsPct2 {
	margin:0;
	padding:100px 10px 0;
	float:left;
}

div.xlsPct2 img {
	max-width: 20px;
	width:100%;
	height: 200px;
	margin:0;
	padding:0;
	transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg); 
	float:left;
}

  div#contents section#work article {
    width: 33%;
  }
  div#contents section#work article h3 {
    line-height: 2.0em;
  }
  div#contents section#work article p {
    font-size: 0.8em;
    line-height: 2.0em;
  }

div#contents section#mainconts dl.xlsPct3 {
	float:left;
	margin:10px 20px 0 0;
	padding:0;
	width:30%;	
}

div#contents section#mainconts dl.xlsPct3 dd {
	margin:0 0 15px 0;
	padding:0;		
}

div#contents section#mainconts dl.xlsPct3 dd img {
	width:100%;
	height: auto;
	max-width: 250px;
	border:#333 solid 1px;
}

.acsEachcnt p.dtl1P,.xlsEachcnt p.dtl1P {
	margin:0 0 0 15px;
}

div#contents section#mainconts ul#scl li {
	float:left;
}

p.tanto1 img {
	float:right;
}

section#work p#tpLead {
	font-size:2em;
	line-height:1.3em;
}

dl#frm {
	width:80%;
}

dl.exPict {
	float:left;
	width:40%;
}

section#docDl p.dcConts1 {
	float:left;
	margin-left:20px;
	width:60%;
}

section#docDl p.dcConts2 {
	float:right;
	margin-right:40px;
}

div#intdt figure {
	float:left;
	margin:0 20px 0 0	
}

div#intdt figure img {
	max-width:300px;	
}

div.gazo3 {
	margin:0 auto;
	padding:0;	
}

div.gazo3 figure {
	margin:0 auto 15px;
	/*margin:0 15px 20px 0;*/
	padding:0;
	float:left;
	width:280px
}

div.gazo3 figure img {
	max-width:260px;
	height:auto;	
}


/*==========================================
 フッターのスタイル
===========================================*/
footer {
	clear:both;
	text-align:center;
}

footer div {
	text-align:left;
	width:100%;
	margin:10px auto 20px;
	padding:0;
	overflow:hidden;
	zoom:1;	
}

footer div div#cmpnyInfo {
	float:left;
	margin:0;
	padding:0 10px 0;
	width:27%;
	font-size:1.0em;
	color:#FFF;
}

footer div div#cmpnyBranch {
	margin:0;
	padding:0 10px 0;
	float:left;
	width:48%;
	font-size:0.85em;
	color:#FFF;
	border-left:#FFF 1px solid;	
	border-right:#FFF 1px solid;	
}

footer div div#otherLink {
	margin:0;
	padding:0 0 0 10px;
	float:left;
	width:15%;
	font-size:0.85em;
	color:#FFF;	
}

footer dl#ftJusho {
	margin:0 5px 10px;
	padding:0 0 5px 0;
	font-size:0.85em;
	color:#FFF;
	line-height:1.6em;
	border-bottom:#FFF 1px solid;
}

footer dl#ftJusho {
	border-bottom:none;	
}

footer dl#ftJusho dt {
	margin:0;
	padding:0;
	font-weight:bold;
}

footer dl#ftJusho dd {
	margin:0 0 0 5px;
	padding:0;
}

footer div p {
	margin:0 5px 10px;
	padding:0 5px;
	font-size: 0.9em;
	line-height: 1.6em;
	color:#FFF;
	border-bottom:#FFF 1px solid;
}

footer div p {
	border-bottom:none;	
}

footer small {
	clear:both;
	font-size: 0.6em;
	text-align:center;
	margin:20px auto 0;
	padding:0;
	color:#FFF;
}

div.gazo2 figure {
	float:left;
	margin:0 0 15px 0;
	padding:0;
}

}

/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media only screen and (min-width: 960px) {
/* header */
header {
	width:100%;
	margin:70px auto 0;
}

div#headLout {
	width:960px;
	margin:0 auto;
	padding:0;
}

header p#tpImgh1 {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

header p#tpImgh1 img {
	width:960px;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
nav#navTp {
    position: fixed;
}

nav#navTp ul {
	width:960px;
	margin:0 auto;
}

nav#navTp ul li {
	width:11.1%;
}

nav#navTp ul li a {
	line-height:1.8em;
	font-size:0.95em;
}
/*==========================================
 コンテンツエリア 
===========================================*/

/*section#topTxt h2 {
	margin:0 auto 20px;
	width:960px;
	font-size:1.55em;
	line-height:1.5em;
}*/

section#topTxt p {
	margin:0 auto;
	width:950px;
	line-height:1.5em;	
}

section#work h1 {
	margin: 0 auto 10px;
	width:960px;
	font-size:1.4em;
	line-height:1.5em;
}

section#work h2 {
	margin:0 auto 20px;
	width:945px;
	font-size:1.6em;
	line-height:1.5em;
}

section#work p {
	margin:0 auto;
	width:945px;
	line-height:1.5em;
}

div#contents {
	max-width: 960px;
}
div#contents section#work article {
	width: 20%;
}
div#contents section#work article h3 {
	line-height: 2.2em;
}
  
div#contents div#mainMnw {
	width: 98.5%;
	border:#CDCDCD 7px solid;
}

section#work p#tpLead {
	font-size:2.4em;
	line-height:1.1em;
}

section#work p#sbLead {
	font-size:1.1em;
	line-height:1.3em;
}

section.intro dl#intDet {
	float:left;
	margin:0 0 0 15px;
	padding:0;
	width:60%;	
}

div#usiintro {
	float:right;
	width:30%;
	margin:0 5% 0 0;
	padding:0;
}

section.intro dl#intDet dt {
	margin:10px 0;
	padding:0;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}

section.intro dl#intDet dd {
	margin:10px 0;
	padding:0;
	font-size:0.95em;
	line-height:1.4em;	
}

section.cmpOv dl dt,
section.cmpIn dl dt,
section#mainconts dl.abtUs dt {
	margin:0 2% 10px 0;
	padding:0;
	clear:both;
	text-align:left;
	width:27%;
	float:left;
	vertical-align:text-top;
}

section.cmpOv dl dd,
section.cmpIn dl dd,
section#mainconts dl.abtUs dd {
	margin:0 0 10px 27%;
	padding:0 0 0 2%;
	width:72%;
	text-align:left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
}

dl.usCstb dt{
	margin:0 2% 10px 0;
	padding:0;
	clear:both;
	text-align:left;
	width:40%;
	float:left;
	vertical-align:text-top;
}


dl.usCstb dd{
	margin:0 0 10px 40%;
	padding:0 0 0 2%;
	width:60%;
	text-align:left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
}

dl.exPict {
	width:31%;
}

ul.nsnBtn2 {
	width:945px;
}

ul.tate {
	margin:0 0 0 20px;
	padding:0;	
}

div#cockP figure {
	float:left;
}

div#cockP ul {
	margin:15px 0 0 0;
	padding:0;
	float:right;
	width:52%;	
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
	text-align: center;
	height:230px;
}

footer div {
	width:960px;
}