@charset "UTF-8";

/*　レイアウト：SP 下層ページ体裁　*/

/* ================================================================ */
/*  パンくず													*/
/* ================================================================ */

.bread-crumb {
	/*
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f2f2f2;
	text-align: center;
	*/
	display: none;
}

.bread-crumb p {
	/*
	margin: 8px 15px;
	text-align: left;
	font-size: 10px;
	*/
}

/* ================================================================ */
/*  体裁													*/
/* ================================================================ */

/*------------------------------------------*/
/*  コーポレートサイト								*/
/*------------------------------------------*/
.under .main-inner {
	width: 100%;
	height: auto;
	margin: 15px auto;
	overflow: hidden;
	position: relative;
	text-align: left;
}

/*------------------------------------------*/
/*  フォトサイト								*/
/*------------------------------------------*/
.photo-site .main-inner {
	width: 96%;
	height: auto;
	margin: 15px auto;
	overflow: hidden;
	position: relative;
	text-align: left;
}


/* ================================================================ */
/*  サイドメニュー／下位層													*/
/* ================================================================ */
.side-menu {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	float: right;
}

.category-guide h3 a {
	width: 100%;
	height: auto;
	display: block;
	padding: 8px 13px;
	margin-bottom: 0.75em;
	color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background: url(../../images/photo-site/under/icon-arrow01.jpg) #000 no-repeat 88% 50%;
}

.category-guide h4 {
	width: 100%;
	height: auto;
	display: block;
	padding: 8px 13px;
	margin-bottom: 0.75em;
	color: #000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.dir-arrow {
	background: url(../../images/photo-site/under/icon-arrow02.jpg) #ededed no-repeat 88% 50% !important;
}

.cat-title {
	width: 100%;
	height: auto;
	display: block;
	padding: 0.75em 13px;
	margin-bottom: 0.75em;
	font-weight: bold;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/**/
.lense-title {
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.list-title {
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.active {
 background: #d2d9e8;
}

.gray {
 background: #ededed;
 margin-bottom: 10px;
}

.side-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.corporate .side-list ul li { line-height: 1.25; }
.photo-site .side-list ul li { line-height: 1.5; }

/**/

.active {
 background: #d2d9e8;
}

.gray {
 background: #ededed;
}

.side-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.side-list ul.type02 {
	width: 100% !important;
	margin: 0 0 5px 0;
}

.side-list ul.lense-list li {
	padding: 0 0 0 24px !important;
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
}

/*SP CSE　左メニュー追加*/

.side-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.side-list_02 ul li {
	background: none repeat scroll 0 0 #E6E6E6;
  color: #000000;
  display: block;
    margin-bottom: 20px;
    padding: 5px 5px 5px 15px !important;
    width: 100%;
		margin-top: 20px;

}


/*------------------------------------------*/
/*  コーポレートサイト								*/
/*------------------------------------------*/

.corporate .category-guide h3 a {
	width: 100%;
	height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	display: block;
	padding: 8px 13px;
	margin-bottom: 15px;
	border: 1px solid #d9d9d9;
	color: #000;
	background: url(../../images/corporate/under/icon-arrow01.jpg) #fff no-repeat 97% 50%;
}

.corporate .side-list ul {
	margin: 0 0 0 0;
}

.corporate .side-list ul li {
	margin: 0 0 1px 0;
}

.corporate .side-list ul li a {
	background: #e6e6e6;
	width: 100%;
	padding: 10px  5px 10px 15px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.corporate .side-list ul li a:hover {
	background: #dcdcdc;
}

/*------------------------------------------*/
/*  フォトサイト								*/
/*------------------------------------------*/

.photo-site .side-menu li,
.photo-site .side-menu li a,
.photo-site .side-menu h3,
.photo-site .side-menu h4,
.photo-site .side-menu p {
	font-size: 15px !important;
}
	

.photo-site .side-list ul li {
	margin: 0 0 0.25em 0;
	border-bottom: 1px solid #ddd;
	padding: 0 0 0.75em 0;
}

/* ================================================================ */
/*  コンテンツ													*/
/* ================================================================ */

.photo-site .content {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	float: left;
	margin-bottom: 15px;
}


.corporate .content {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	float: none;
}

.section {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.5em;
	position: relative;
}

.inner {
	width: 650px;
	height: auto;
	margin: 25px;
	overflow: hidden;
	position: relative;
}

.content h3 {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.25em;
	color: #36558f;
	padding: 10px 0;
	margin-bottom: 1em;
}

.content p {
	margin-bottom: 15px;
}

/* ================================================================ */
/*  フォトサイト：写真講座													*/
/* ================================================================ */

.pp-link-section {
	margin-bottom: 0;
}

.pp-link-section ul li {
	width: 48%;
	height: auto;
}

.pp-link-section ul li:nth-child(even) {
	float: right;
}


.pp-link-section ul li a {
	width: 100%;
	height: auto;
	margin: 0 0 1em 0;
	display: block;
}

.pp-link-section ul li a img {
	width: 100%;
	height: auto;
}
.pp-link-section ul li.end a {
	margin-right: 0;
}

/*------------------------------------------*/
/*  ボックス配置汎用								*/
/*------------------------------------------*/

/* ロングバナー２段 */
.thumb-long-bnr ul li{
	margin-bottom: 0.5em;
}

.thumb-long-bnr ul li img {
	width: 100%;
	height: auto;
}
	
	
/* 企業情報：バナー３段 */
.thumbs-index-3 ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1em;
}

.thumbs-index-3 ul li{
	display: inline;
	float: left;
	width: 48%;
	margin-right: 0;
}

.thumbs-index-3 ul li:nth-child(even){
	float: right;
}

.thumbs-index-3 ul li a {
	display: block;
	float: left;
	width: 100%;
}

.thumbs-index-3 ul li img {
	width: 100%;
	height: auto;
}

/* 企業情報：小バナー４段 */
.thumbs-index-4 ul li{
	display: inline;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: both;
}

.thumbs-index-4 ul li a {
	display: block;
	float: left;
	width: 115px;
	height: 27px;
	font-weight: bold;
	background: url(../../images/corporate/campany/cp_ss_bnr.jpg) no-repeat 0 0;
	padding: 15px 0 0 45px;
}

/*-----------------------------------------------
  [製品情報TOP]
-------------------------------------------------*/
.data-lineup .product-lineup {
	padding: 1em 1em 0 1em;
	margin: 0;
	border: 1px solid #d9d9d9;
	margin-bottom: 2em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

}
.data-lineup h3 {
	padding-top: 0;
	border: 0;
	margin-bottom: 0.5em;
}
.data-lineup .inner {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.data-lineup .lens-lineup .lens-thumbs {
	float: none;
	width: auto;
	margin-right: 0;
	margin-bottom: 1em;
	overflow: hidden;
	width: 100%;
}

.data-lineup .lens-lineup .lens-thumbs .series-photo {
	float: left;
	width: 35%;
}

.data-lineup .lens-lineup .lens-thumbs .series-photo img {
	width: 100%;
	height: auto;
}
.data-lineup .lens-lineup .lens-thumbs .series-caption {
	float: right;
	width: 60%;
	border-bottom: 1px solid #4d4d4d;
}
.data-lineup .lens-lineup .lens-thumbs dd {
	float: right;
	width: 60%;
}


.data-lineup-sub .product-sub-inner {
	text-align: center;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product-sub-inner .lens-thumbs {
	width: 100%;
	text-align: center;
	height: auto;
	margin-bottom: 1em;
}
.product-sub-inner .lens-thumbs dd {
	width: 75%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	float: none;
}


#data-lineup-quicklink dd {
	width: 75%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	float: none;
}
#data-lineup-quicklink dd a {
	display: block;
	width: 75%;
	height: auto;
	margin: 3px auto;
	
}

/*-----------------------------------------------
  [デジタル博物館]
-------------------------------------------------*/
.museum {
	border: 0;
}
.museum ul {
	text-align: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.museum li {
	width: 49%;
	height: auto;
	float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin: 0.25em 0;
}

.museum li:nth-child(even) {
	float: right;
}

.museum li a {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.museum li img {
	width: 100%;
	height: auto;
}
#museum-01,
#museum-02 {
	width: 100%;
	float: none;
	clear: both;
	overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding: 1em 1em 0.75em 1em;
}
#museum-01{
	margin-bottom: 1em;
}

/*-----------------------------------------------
  [製品情報]のタブと中身
-------------------------------------------------*/
.product-detail-wrap {
	float: none;
	width: auto;
}
/* 左右のborderが重なるので消しています */
.product-detail {
	width: auto;
	border-left: 0;
	border-right: 0;
	margin-left: 0;
}
.product-detail table {
	width: 100%;
}
/* 見出しのテーブルをバラして上下に */
.product-caption table,
.product-caption table tr,
.product-caption table th,
.product-caption table td {
	display: block;
	border: 0;
	width: auto;
}
/* 製品情報のテーブル */
.product-detail tbody,
.product-detail tr,
.product-detail td {
	display: block;
}
.product-detail-info,
.product-detail-info dl {
	width: auto;
}
.product-detail-photo {
	text-align: center;
}
/* タブ関係、border右端がずれるために消しています。 */
.product-tab #tab-content {
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border: 0;
}
.product-tab #tab-menu li {
	width: 25%;
}
.product-tab #tab-menu li .fontS {
	display: block;
}
/* タブの高さを揃えていますが、高さ固定は環境に依存しそうです。 */
.product-tab #tab-menu li a {
	width: 100%;
	height: 4.5em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.product-tab #tab-menu li.end a {
	width: 100%;
}
/*-----------------------------------------------
  [製品情報]のアイコン凡例
-------------------------------------------------*/
.product-support {
	float: none;
	width: auto;
}
.product-support dl {
	padding: 0 0 0 2em;
}
.product-support dl dd {
	width: auto;
}
.product-support dd br {
	display: none;
}
/*-----------------------------------------------
  [サポート情報]のページ内ナビゲーション
-------------------------------------------------*/
.support-nav ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1em;
}

.support-nav ul li {
	display: inline;
	width: 50%;
	height: auto;
	float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.support-nav ul li a {
	background: url(../../images/photo-site/under/icon-arrow03.jpg) no-repeat 0 0.32em;
	font-size: 0.9em;
	margin-right: 0;
}

/*-----------------------------------------------
  [サポート情報]のサポート最新情報
-------------------------------------------------*/
#support-info .support-info-date,
#support-info .support-info-title {
	display: block;
}
#support-info .support-info-title {
	margin-bottom: 1em;
}
/*-----------------------------------------------
  [過去のニュース]の表組
-------------------------------------------------*/
.news-release-table,
.news-release-table tbody,
.news-release-table tr,
.news-release-table th,
.news-release-table td {
	display: block;
}


/* ================================================================ */
/*  コーポレートサイト：企業情報													*/
/* ================================================================ */

/*-----------------------------------------------
  [グループ]
-------------------------------------------------*/

.cell-tel01 {
	word-break: break-all;
	white-space: normal;
}
.cell-fax01 {
	word-break: break-all;
	white-space: normal;
}

/*-----------------------------------------------
  [企業情報]
-------------------------------------------------*/
.history-originator {
	height: auto;
}
.history-pedigree h3,
.history-pedigree h3 + p,
.history-originator .history-image,
.history-originator .history-founder {
	position: static;
	width: auto;
}
.history-originator .history-image {
	text-align: center;
	margin-bottom: 0.5em;
}
.history-originator .history-founder {
	text-align: center;
}
.history-tab-content {
	margin-bottom: 0;
}

.history .list-style dt {
	width : 100%;
}


/* ヒストリータブ */
.history-block {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: none;
	position: relative;
	z-index: 5;
}

.history-block ul {
	display: block;
	margin: 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-top: 1px solid #efefef;
}
.history-block ul li {
	display: inline;
	float: left;
	width: 33.3% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	text-align: center;
}

.history-block ul li a {
	background: #ededed;
	color: #666;
	font-weight: normal;
	display: block;
	width: 100% !important;
	height: auto;
	padding: 0.5em 0.25em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border: 0;
	border-right: 1px solid #ddd !important;
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#eeedf5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#eeedf5));

	text-align: center;
	padding: 0.25em 0;
}

.history-block ul li.select a {
	height: auto !important;
	background: none;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 888;
	top: 0;
	border: 0;
	border-right: 1px solid #ddd !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#afd9fa),
		to(#588fad));
		color: #fff !important;
		padding: 0.25em 0;
}
.history-block ul li.end a {
	margin-right: 0 !important;
}


/*-----------------------------------------------
  [会社概要]
-------------------------------------------------*/

.outline-table table {
	width: 100%;
	height: auto;
}

.outline-table table th,
.outline-table table td {
	 word-break: break-all;
}

.outline-campany {
	width: 100%;
	margin-top: 0;
}
.outline-table .w450 {
	width: 100%;
}

/*-----------------------------------------------
  [社長挨拶]
-------------------------------------------------*/

.president-message {
	width: 100%;
}

.presi-photo {
	clear: both;
	text-align: center;
	width: 100%;
	height: auto;
}

/*-----------------------------------------------
  [本社地図]
-------------------------------------------------*/

.map-close {
	display: inline-block;
	position: fixed;
	right: 0.25em;
	top: 0.25em;
	z-index: 10000;
}

.map-close a {
	display: inline-block;
	height: 1.5em;
	background-position: 0 center;
}
.map-image {
	margin: 1em 0;
}
.map-image img {
	max-width: 100%;
}


/*-----------------------------------------------
  [経営理念]
-------------------------------------------------*/
.management-message {
	width: 100%;
}

.management-image {
	width: 100%;
}

/*-----------------------------------------------
  [製品一覧（コーポレート）]
-------------------------------------------------*/
.corporate-lineup ul:after {
	content: '';
	display: table;
	clear: both;
}
.corporate-lineup li,
#data-lineup-quicklink li {
	width: 48%;
	float: left;
	margin-right: 0;
}
.corporate-lineup li:nth-of-type(2n),
#data-lineup-quicklink li:nth-of-type(2n) {
	float: right;
}
.corporate-lineup li img,
#data-lineup-quicklink li img {
	width: 100%;
}
#data-lineup-quicklink li a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
}
/*-----------------------------------------------
  [IR情報]
-------------------------------------------------*/
.ir-associate li {
	width: 48%;
	float: left;
	clear: both;
	margin-right: 0;
}
.ir-associate li:nth-of-type(2n) {
	float: right;
	clear: none;
}
.ir-associate li img {
	width: 100%;
}

.ir-news-inner {
	height: 150px;
	padding: 0 0 0 0;
	overflow: scroll;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
-webkit-overflow-scrolling:touch;
}


/*-----------------------------------------------
  [IR資料]
-------------------------------------------------*/
.ir-tool table,
.ir-tool tbody,
.ir-tool tr,
.ir-tool th,
.ir-tool td {
	display: block;
}
.ir-tool tr {
	border-bottom: 1px dotted #CCC;
}
.ir-tool th,
.ir-tool td {
	border: 0;
	padding-left: 0;
}
.ir-tool th {
	padding-bottom: 0;
}

.ir-tsuushin {
	width: 100%;
}

.tool-photo-img {
	width: 100%;
	height: auto;
	text-align: center;
}

.tool-photo-img img {
	width: 40%;
	height: auto;
}

/*-----------------------------------------------
  IR資料
-------------------------------------------------*/

.ir-tool-nav ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1em;
}

.ir-tool-nav li {
	display: inline;
	width: 50%;
	height: auto;
	float: left;
}
.ir-tool-nav li a {
	background: url(../../images/photo-site/under/icon-arrow03.jpg) no-repeat 0 50%;
	font-size: 0.9em;
}


/*-----------------------------------------------
  業績・予想（連結）
-------------------------------------------------*/

.result-graff ul li {
	display: inline;
	width: 49%;
	height: auto;
	float: left;
}

.result-graff ul li img {
	width: 100%;
	height: auto;
}

.result-graff ul li:nth-child(even) {
	float: right;
	clear: right;
}

/*-----------------------------------------------
  配当金について
-------------------------------------------------*/

.allotment-page img {
	width: 80%;
	height: auto;
}

/*-----------------------------------------------
  コーポレートガバナンス
-------------------------------------------------*/
.cg-detail {
	width: 100% !important;
}

/*-----------------------------------------------
  中期目標
-------------------------------------------------*/

.vis-project-photo {
	width: 100%;
	text-align: center;
}

.vis-project-photo img {
	width: 60%;
	text-align: center;
}

.vision-caption {
	display: block;
	font-size: 10px;
	margin-top: 3px;
}

.vis-project-detail {
	width: 100%;
}

.vis-project-detail p {
	color: #1e428a;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 5px;
	font-size: 1.16em;
	padding-bottom: 3px;
}

.vis-project-detail ul li {
	
	padding-left: 13px;
}


/*-----------------------------------------------
  株式情報
-------------------------------------------------*/


.ir-table { width: 100%; }
.ir-table table {
	width: 100%;
	height: auto;
}

.ir-table td {
	border-bottom: 1px solid #a5a5a5;
word-break: break-all;
}

.ir-attention {
	text-indent: -1em;
	margin-left: 1em;
}

.nw {
	white-space: normal;
}

/*-----------------------------------------------
  株主様からのお問い合わせ
-------------------------------------------------*/

.hareholders .waku {
	width: auto;
	height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.hareholders .waku p {
	margin-bottom: 10px;
	font-size: 0.9em;
}
.hareholders-img {
	background: url(../../images/corporate/inquiry/inq_image.jpg) no-repeat center top;
}

.hareholders .format01 dl.sp-width {
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding-top: 100px;
}

/*-----------------------------------------------
  IR情報関連に関するお問い合わせ
-------------------------------------------------*/

/* スタイル01 */

.form-body .style01 table {
	border-top: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
}

.form-body .style01 th {
	background: #e6e6e6;
	width: 25%;
	text-align: center;
}

.form-body .style01 label {
	width: 50%;
	float: left;
	height: auto;
}

.form-body .style01 input[type=text] {
	display: block;
	width: 100%;
	margin: 0.25em 0;
}

.form-body .style01 textarea {
	width: 100%;
}

/* スタイル02 */
.form-body .style02 {
	width: 100%;
	height: auto;
}

.form-body .style02 table {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	width: 100%;
	height: auto;
	border: 1px solid #36558f;
}

.form-body .style02 th {
	width: 25%;
}

.form-body .style02 input[type=text] {
	display: block;
	width: 100%;
	margin: 0 0 0.25em 0;
}

.form-body .style02 .attention-txt {
	display: block;
	text-indent: -5em;
	margin-left: 5em;
}


/* スタイル03 */

.form-body .style03 th {
	width: 25%;
	font-size: 1em;
}

.ir-form-address input[type="text"] {
	width: 35% !important;
	display: inline !important;
}


.ir-form-address span {
	display: block;
}

/* 送信・リセット */
.submit-section ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: table;
}

.btn-submit,
.btn-reset {
	float: none;
	background: transparent;
	display: table-cell;
	text-indent: 0;
	text-align: center;
	height: auto;
	padding: 0.25em 0;
}

/* サブミットボタン */
.btn-submit input {
	width: 70%;
	padding: 0.5em 1em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#afd9fa),
		to(#588fad));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	color: #123d54;
}

/* リセットボタン */
.btn-reset input {
	width: 70%;
	padding: 0.5em 1em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#d6d6d6));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c6c7bf;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0);
	color: #050505;
}

/* IR情報関連に関するお問い合わせ */
.ir-submit {
	width: 100%;
	margin-left: 0;
}

.form-hosoku li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
	



/* ================================================================ */
/*  コーポレートサイト：採用情報													*/
/* ================================================================ */

.icon-style01 {
	background: #4d4d4d;
	padding: 1px 4px;
	color: #fff;
	margin-right: 10px;
}

.recruit-info-entry dl {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.recruit-info-entry dl dt {
	display: inline-block;
	padding: 0.25em 1.25em;
	margin-bottom: 0.25em;
	width: auto;
	float: none;
}

.recruit-info-entry dl dd {
	display: block;
	width: 100%;
}

.arrow-style01 {
	margin-left: 0 !important;
	margin-top: 0.25em;
}



/*-----------------------------------------------
  [新卒者・募集職種]
-------------------------------------------------*/

.recruit-block ul li a , recruit-block-carrer ul li a {
	width: 116px !important;
}

.recruit-block ul li.select a , recruit-block-carrer ul li.select a {
	border-right: 1px solid #000;
}

.r-voice-index {
	margin-bottom: 1em;
}

.r-voice-index li {
	width: 100%;
}
.r-voice-index li img {
	width: 30%;
}

.r-fresh-table span {
	display: block;
}

.r-fresh-table span.none {
	display: none;
}


.voice-sub {
	width: 100% !important;
	overflow: hidden;
	padding-top: 0.75em;
	clear: both;
}

.voice-sub li {
	display: inline;
	width: 50%;
	height: auto;
	float: left;
	margin-right: 0 !important;
}

.voice-sub li img {
	width: 100%;
	height: auto;
}

.voice-sub li.floatR {
	clear: both;
	float: left !important;
}

/* リクルートタブ */
.recruit-block , recruit-block-carrer{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: none;
	position: relative;
	z-index: 5;
}

.recruit-block ul , recruit-block-carrer ul {
	display: block;
	margin: 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #efefef;
	border-top: 1px solid #efefef;
}
.recruit-block ul li , recruit-block-carrer ul li {
	display: inline;
	float: left;
	width: 50% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	text-align: center;
}

.recruit-block ul li a , recruit-block-carrer ul li a {
	font-size: 1em !important;
	background: #ededed;
	color: #666;
	font-weight: normal;
	display: block;
	width: 100% !important;
	height: auto;
	padding: 0.5em 0.25em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border: 0;
	border-right: 1px solid #ddd !important;
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#eeedf5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#eeedf5));

	text-align: center;
	padding: 0.25em 0;
}

.recruit-block ul li.select a , recruit-block-carrer  ul li.select a {
	height: auto !important;
	background: none;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 888;
	top: 0;
	border: 0;
	border-right: 1px solid #ddd !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#afd9fa),
		to(#588fad));
		color: #fff !important;
		padding: 0.25em 0;
}
.tab-base ul li.end a {
	margin-right: 0 !important;
}

 
/* 選考の流れ */

.r-step-inner {
	width: 90%;
	margin: 0 auto;
}

.r-step-inner dl {
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 1px solid #dfdfde;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	display:table;
}
.r-step-inner dl dt,
.r-step-inner dl dd {
	display: table-cell;
	padding: 0.25em 0.25em;
	float: none;
}
.r-step-inner dl dt {
	width: 25%;
	height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	vertical-align: middle ;
}

.r-step-inner dl dd {
	width: 75%;
	height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#f0f0f0);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#f0f0f0));
}

.r-step-inner p { position: relative; }

.rattention {
	left: 0;
	top: 1%;
}

.r-step-result {
	width: 90%;
}
.r-naitei {
	padding: 1em 0;
}
.r-result,
.r-step-inner dl,
.r-step-inner p{
	margin-bottom: 5px;
}
	

/* 先輩社員の声 */
.r-voice-note {
	width: 100%;
}

.r-voice-name {
	font-size: 1.25em;
}
.r-voice-note dl {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c5c5c5;
}
.r-voice-note dl dt {
	margin-bottom: 3px;
}

.r-voice-note dl dd {
	font-size: 0.8em;
}

.r-voice-note p {
	text-justify: auto;
}
.voice-message {
	color: #1e428a;
	font-size: 1.42em;
	margin-bottom: 13px !important;
}


.note-w460,
.note-w420,
.note-w330 {
	width: 100%;
}

.caption {
	text-align: center;
	clear: both !important;
}

/* 人事部より */

.dl-block,
.dl-block dl,
.dl-block dl dt,
.dl-block dl dd {
	width: 100%;
}

.dl-block dl dd {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.dl-block dl dd a {
	height: auto;
	display: inline-block;
	float: none;
	padding: 0.25em 0.5em;
	margin: 1em auto 0 auto;
}

.r_jinji_image {
	width: 100%;
}
.r_jinji_image li {
	display: inline;
	width: 49%;
}

.r_jinji_image img {
	width: 100% !important;
	height: auto;
}

.r_jinji_image .caption {
	display: block;
	text-align: left;
}

/* 採用担当から */
.r-voice-note02 {
	width: 100%;
	height: auto;
	margin: 0;
}

.voice-message02 {
	color: #1e428a;
	font-size: 1.42em;
	margin: 0;
}

.r_saiyou-inq p {
	font-weight: bold;
	color: #4d4d4d;
}
.r_saiyou-inq ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.r_saiyou-inq ul li {
	width: 32%;
	height: auto;
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 0.25em;
}

.r_saiyou-inq ul li img {
	width: 100%;
	height: auto;
}

.r_saiyou-inq ul li:nth-child(3) {
	margin-right: 0;
}

.r_saiyou-inq ul li.end {
	margin-right: 0 !important;
}


/*-----------------------------------------------
  [FAQ]
-------------------------------------------------*/

.faq-section dl dt {
	width: 40px !important;	
}

.faq-section dl dd {
	width: 100% !important;	
}

/* ================================================================ */
/*  CSR													*/
/* ================================================================ */

.csr-mainbanner img {
	width: 100%;
	height: auto;
}

ul.csr-eco-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 5px 0 5px 0 !important;
}

.csr-eco-list li {
	display: inline;
	float: left;
	margin: 0;
	text-indent: 0;
	width: 48%;
	margin: 0.25em 0;
}

.csr-eco-list li:nth-child(even) {
	float: right;
}

.csr-eco-list li img {
	width: 100%;
	height: auto;
}

.csr-eco-list li.end {
	margin-right: 0;
}

.iso-caption {
	text-align: left;
	width: 80%;
	margin: 0.25em auto 0 auto;
}

/* CSRタブ */
.csr-block {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background: none;
	position: relative;
	z-index: 5;
}

.csr-block ul {
	display: block;
	margin: 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #efefef;
	border-top: 1px solid #efefef;
}


.csr-block ul li {
	display: inline;
	float: left;
	width: 50% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	text-align: center;
}

.csr-block ul li a {
	font-size: 1em !important;
	background: #ededed;
	color: #666;
	font-weight: normal;
	display: block;
	width: 100% !important;
	height: auto;
	padding: 0.5em 0.25em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border: 0;
	border-right: 1px solid #ddd !important;
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#eeedf5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#eeedf5));

	text-align: center;
	padding: 0.25em 0;
}




.csr-block ul li.select a {
	height: auto !important;
	background: none;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 888;
	top: 0;
	border: 0;
	border-right: 1px solid #ddd !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	
	/* bgcolor */
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#afd9fa),
		to(#588fad));
		color: #fff !important;
		padding: 0.25em 0;
}

.tab-base ul li.end a {
	margin-right: 0 !important;
}

.tab-small a {
	font-size: 0.85em !important;
}

.csr-design-block {
	width: 100%;
	height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding: 15px 15px 0 15px;
	margin-bottom: 1em;
}

.tab-menu-small {
	font-size: 0.7em;
}

.csr-design-block dl dt {
	color: #1e428a;
	font-size: 1.05em;
}

.csr-design-block dl dd {
	margin-top: 0.25em;
}

.csr-design-block dl dd.right {
	text-align: center !important;
}

/*-----------------------------------------------
  写真レンズスペシャルサイト一覧
-------------------------------------------------*/
.lineup-inner .lense-list li {
	width: 48%;
	height: auto;
	border-bottom: 0;
	float: left;
}
.lineup-inner .lense-list li:nth-of-type(even) {
	float: right;
}
.lineup-inner .lense-list li img {
	width: 100%;
}

/* ================================================================ */
/*  エラーページ													*/
/* ================================================================ */

.header-space {
	display: none !important;
}

.error-wrap {
	margin-top: 0.5em;
	padding: 0 0;
}

.photo-site .error-wrap {
	padding: 0 0;
}

.error-wrap h2 {
	font-size: 1.85em;
	margin-bottom: 0.5em;
}
/* ================================================================ */
/*  サイトマップ													*/
/* ================================================================ */

.siteindex-body,
.index-row-block {
	width: 100%;
}


.siteindex-body dl dd {
	background: url(../../images/corporate/under/icon_siteindex.png) no-repeat 0 0;
}

.index-row-block {
	width: 100% !important;
}


/* ここまで */


/*------------------------------------------*/
/*  ニュースリリース							*/
/*------------------------------------------*/

.content-news img {
	width: 100%;
	height: auto;
}
.content-news .expL {
	float:none;
	position: relative;
	width: 100%;
}