@charset "UTF-8";

@media screen and (max-device-width: 480px){
html {
*zoom: 34%;
}
body {
font-size:200%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}

body .main-slider-content,
body .navigator-content{
font-size:50%;
}
.right_content h3 {
background-image:none;
background:url(/images/sp_h3Bg.gif) 0 0 no-repeat;
background-size:cover;
padding:20px 15px;
font-size:120%;
margin-bottom:15px;
text-shadow: 2px 2px 2px #ffffff;
}

.lnav ul li a {
color:#333333;
text-decoration:none;
background:url(https://www.tanaka-p.co.jp/images/footerMenu.gif) 14px 14px no-repeat;
padding:10px 10px 10px 20px;
display:block
}
}

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

　FONTSIZE

----------------- */
/*
10px77%
11px85%
12px93%
13px100%
14px108%
15px116%
16px124%
17px131%
18px139%
19px147%
20px154%
21px162%
22px170%
23px177%
24px185%
25px193%
26px200%
*/

/*
========================================== 

共通

========================================== 
*/


/*　テキストリンク　*/
a:active,
a:focus { outline:none; }

a:link {
color: #004da1;
text-decoration: underline;
}
a:visited {
color: #59399a;
text-decoration: underline;
}
a:hover {
color: #0065d4;
 text-decoration: none; }


.left { float:left; }

.right { float:right; }

/* クリアー */
.clear { clear: both; }

.clearfix { ⁄zoom:1; }

.clearfix:after {
content:'';
display:block;
clear:both;
}

.txt_red { color: #cc0000; }

.text10 { font-size:77%; }

.text11 { font-size:85%; }

.text12 { font-size:93%; }

.text13 { font-size:100%; }

.text14 { font-size:108%; }

.text15 { font-size:116%; }

.text16 { font-size:123.1%; }

.text17 { font-size:131%; }

.text18 { font-size:138.5%; }

.text19 { font-size:146.5%; }

.text20 { font-size:153.9%; }

.text21 { font-size:161.6%; }

.text22 { font-size:167%; }

.text23 { font-size:174%; }

.text24 { font-size:182%; }

.text25 { font-size:189%; }

.text26 { font-size:197%; }

.mb1{
margin-bottom:1em;
}
.mb2{
margin-bottom:2em;
}
blockquote{
background: #f5f5f5;
padding:1em 1em 1em 1em;
margin-bottom:1em;
position:relative;
border-left:3px solid #ddd;
}
/*blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:serif;
color:#ddd;
position:absolute;
left:0;
top:0;
}*/
.h3_section blockquote p{
text-indent: 0;
margin:0;
}
/*
========================================== 

レイアウト

========================================== 
*/
#wrapper {
width: 940px;
margin: auto;
padding:0 10px;
}
#wrapperInner {
width: 940px;
margin: 0;
padding:0;
}
.left_content {
width:220px;
float:left;
}
#sub_contents {
width:220px;
position: relative;
}
#sub_contentsInner {
position: absolute;
top: 20px;
}
.right_content {
width: 700px;
float: right;
}



/*
=============================================================== 

ヘッダー

=============================================================== 
*/

#header {
width: 100%;
height: 100px;
background:url(https://www.tanaka-p.co.jp/images/headerBg.gif) top left repeat-x;
}

#header_content {
width:940px;
padding:24px 10px;
margin:0 auto;
}

/*　ロゴ　*/
#header h1 a {
width: 253px;
height: 34px;
background:url(/images/logo.gif) top left no-repeat;
display: block;
float:left;
text-indent: -9999px;
}

/*　ヘッダーナビ、検索エリア　*/
.header_menu {
width:220px;
float:right;
}

/*　ヘッダーナビ　*/
.header_menu ul { height:20px; }

.header_menu ul li {
float: left;
margin: 0px 18px 5px 0px;
padding: 0;
display:inline;
zoom:1;
}

/*　ヘッダー　検索エリア　*/
#search_box { width: 205px; }

#search_box form { }

#search_box #s {
float: left;
padding: 2px;
margin: 0 5px 0 0;
font-size: 12px;
width:150px;
border:solid 1px #cfcfcf;
}

#search_box #go {
float: right;
margin: 0;
padding:0;
}

#header_tel {
width: 186px;
height: 40px;
float: right;
display: block;
}
#header_form {
width: 158px;
height: 32px;
padding:8px 0 0 10px;
float: right;
display: block;
}
/*  not found  */
.kensaku {
margin: 7px 0 -6px 0px;
display: inherit;
}

/*

========================================== 

フッター

========================================== 
*/

#footer {
width: 100%;
margin:0;
clear:both;
border-top:solid 1px #e3e3e3;
background-color:#f9fafb;
z-index:9999;
}

#footer_content {
width:940px;
padding:15px 10px 10px 10px;
margin:0 auto;
overflow:hidden;
}

#footer p {
font-weight:bold;
margin-bottom:10px;
padding:0 0 5px 0;
font-size:100%;
border-bottom:solid 1px #e3e3e3;
line-height:1;
}

.footer_nav {
width:215px;
padding:0;
margin:0 20px 20px 0;
float:left;
}
.footer_nav_r {
width:140px;
padding:0;
margin-right:0;
float:right;
}

.footer_nav ul,
.footer_nav_r ul { margin-bottom:15px; }

.footer_nav ul li,
.footer_nav_r ul li {
font-size:11px;
margin-bottom:6px;
background:url(https://www.tanaka-p.co.jp/images/footerMenu.gif) 0 3px no-repeat;
padding-left:8px;
line-height:1.2;
}

#footer a,
#footer a:visited {
color:#333333;
text-decoration:none;
}

#footer a:hover {
color:#004da1;
text-decoration:none;
}

#footer address {
color:#FFFFFF;
font-style:normal;
line-height:1;
padding:5px 0;
clear:both;
background-color:#111111;
text-align:center;
font-size:93%;
}

/*

========================================== 

グローバルナビ

========================================== 
*/

#gnav {
width: 940px;
height: 52px;
overflow: hidden;
margin-bottom:20px;
}

#gnav li {
float:left;
height: 52px;
}

#gnav li.gnav01 a,
#gnav li.gnav07 a { width:135px; }

#gnav li.gnav02 a,
#gnav li.gnav03 a,
#gnav li.gnav04 a,
#gnav li.gnav05 a,
#gnav li.gnav06 a { width:134px; }

/* ie6 */
* html #gnav li.gnav01 a {
width:135px;
height:52px;
background-position:bottom;
}

* html #gnav li.gnav07 a { width:135px; }

* html #gnav li.gnav02 a,
* html #gnav li.gnav03 a,
* html #gnav li.gnav04 a,
* html #gnav li.gnav05 a,
* html #gnav li.gnav06 a { width:134px; }

/*
body#corporate_m .ln1 a,
body#activities_m .ln2 a,
body#case_m .ln3 a,
body#beginner_m .ln4 a,
body#employment_m .ln5 a,
body#inquiry_m .ln6 a { background-position: -215px 0; }
*/

/*

========================================== 

レフトコンテンツ

========================================== 
*/

/* 初めての方へ */
.left_content p.bnr{margin:0 0 10px 0;}

/* 初めての方へ */
.box_beginner { margin:0 0 10px 0; }

/* タナカ印刷とは */
.box_tanaka {
width:198px;
margin:0 0 10px 0;
padding:10px;
border:1px solid #e3e3e3;
}

.box_tanaka h4 { margin:0 0 10px 0; }

.box_tanaka p {
margin:0;
font-size:93%;
text-align:justify;
text-justify: inter-ideograph;
line-height:1.4;
}

/* お問い合わせ */
.box_inquiry {
width:198px;
margin:0 0 10px 0;
padding:10px;
border:1px solid #e3e3e3;
background:#fff;
z-index:1;
}

.box_inquiry h4 { margin:0 0 10px 0; }

p.box_inquiry_tel {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #e3e3e3;
}

p.box_inquiry_mail { margin-bottom:10px; }

/*

========================================== 

ライトコンテンツ

========================================== 
*/

.right_content .h3_section {
width:700px;
margin-bottom:20px;
overflow:hidden;
}

/*　見出し　*/
.right_content h3 {
background:url(https://www.tanaka-p.co.jp/images/h3Bg.gif) 0 0 no-repeat;
padding:15px;
font-size:131%;
line-height:1;
margin-bottom:15px;
text-shadow: 1px 1px 1px #ffffff;
}
.right_content h4 {
clear:both;
color:#333333;
font-size:124%;
font-weight:bold;
margin:2.5em 0 1em 0;
padding:6px 10px;
display:block;
background:#f9fafb;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
text-shadow: 1px 1px 1px #ffffff;
border:solid 1px #e3e3e3;
border-left:solid 4px #004da1;
}
.right_content h4.top {margin:0 0 1em 0;}
.right_content h5 {
clear:both;
//color:#004da1;
color:#333333;
font-size:124%;
font-weight:bold;
margin:2.5em 0 0.5em 0;
padding:0 0 2px 15px;
display:block;
background:url(https://www.tanaka-p.co.jp/images/h5Bg.gif) 0 10px no-repeat;
border-bottom:dotted 1px #ccc;
}
.right_content h5.top {margin:0 0 0.5em 0;}
.right_content h6 {
clear:both;
font-size:116%;
font-weight:bold;
margin:2.5em 0 0.5em 0;
display:block;
}
.right_content h6.top {margin:0 0 0.5em 0;}
/*　テキスト　*/
.h3_section p{
text-indent: 1em;
margin:0 0 1em 0;
text-align:justify;
text-justify: inter-ideograph;
font-size:108%;
}

p.note1 {
text-indent: -1em;
margin:0 0 0 1em;
font-size:93%;
line-height:1.5;
}
p.note2 {
text-indent: -2em;
margin:0 0 0 2em;
font-size:93%;
line-height:1.5;
}

p.ind0 { text-indent:0;}

p.mb1 { margin:0 0 1em 0; }

p.mb2 { margin:0 0 2em 0; }

p.txt_red { color: #cc0000; }

p.txt_b { font-weight:bold; }

p.txt_c { text-align:center; }

p.txt_r { text-align: right; }

sup { font-size:85%; }

/*　リスト　*/
.right_content ul.decimalList {
padding-left:2em;
text-align:justify;
text-justify: inter-ideograph;
font-size:108%;
}
.right_content ul.decimalList li {
 list-style-type:decimal;
margin-bottom:1em; }

.right_content ul.decimalList li ul {
padding-left:2em;
}
.right_content ul.decimalList li ul li{
list-style-type: decimal;
margin-bottom:0.5em;}

.right_content ul.discList {
padding-left:2em;
text-align:justify;
text-justify: inter-ideograph;
font-size:108%;
}
.right_content ul.discList li {
 list-style-type: disc;
margin-bottom:1em; }

.right_content ul.discList li ul {
padding-left:2em;
}
.right_content ul.discList li ul li{
list-style-type: circle;
margin-bottom:0.5em;}

#pageTop {
width:940px;
clear:both;
text-align:right;
margin-bottom:10px;
zoom:1;
display:block;
}


/*　画像　ボーダーあり、フロート  　*/
.img_left {
float: left;
margin:0px 1em 1em 0;
padding: 2px;
border:#e3e3e3 1px solid;
}

.img_right {
float: right;
margin:0 0 1em 1em;
padding: 2px;
border:#e3e3e3 1px solid;
}

/*　画像　ボーダー　*/
.imgBorder {
border:#e3e3e3 1px solid;
}

/*　画像　ボーダーなし、フロート　*/
.img_left2 {
float: left;
margin:0px 1em 1em 0;
border:none;
}
.img_right2 {
float: right;
margin:0px 0px 1em 1em;
border:none;
}

/*　画像　ボーダーあり、フロート  　*/
.img_left3 {
float: left;
margin:0px 0 1em 0;
padding: 2px;
border:#e3e3e3 1px solid;
}

.img_right3 {
float: right;
margin:0 0 1em 0;
padding: 2px;
border:#e3e3e3 1px solid;
}

/*　お申し込みボタン　*/
p.contactBtn{
padding:20px 0;
text-align:center;
text-indent:0;
clear:both;
}

div.contactBtn_area{
width:400px;
margin-left:150px;
padding:20px 0;
text-align:center;
text-indent:0;
}
div.contactBtn_area p{
padding:0 0 0 0;
margin:0 0 5px 0;
}

p.txtBtn{
text-indent:0;
//text-align:right;
//font-weight:bold;
}
p.txtBtn a{
   background: #004da1;
   padding: 3px 20px;
  border-radius: 20px;
box-shadow: 0 4px #00356e;
   color: #ffffff;
   text-decoration: none;
   vertical-align: middle;
   display:inline-block;
   }
p.txtBtn a:hover {
   background: #005aba;
   color: #ffffff;
   }
p.txtBtn a:active {
color:99c1ec;
background: #004da1;
top:2px;
box-shadow: 0 2px #00356e;
position:relative;
}

.txtBtn2 a{
   border-top: 1px solid #7db8f7;
   background: #004da1;
   background: -webkit-gradient(linear, left top, left bottom, from(#0073f0), to(#004da1));
   background: -moz-linear-gradient(top, #0073f0, #004da1);
   padding: 5px 15px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   }
.txtBtn2 a:hover {
   border-top-color: #8ecdfc;
   background: #005aba;
   background: -webkit-gradient(linear, left top, left bottom, from(#0081f8), to(#005aba));
   background: -moz-linear-gradient(top, #0081f8, #005aba);
   color: #ffffff;
   }
.txtBtn2 a:active {
color:99c1ec;
   border-top-color: #2668b0;
   background: #004da1;
   background: -webkit-gradient(linear, left top, left bottom, from(#004da1), to(#0073f0));
   background: -moz-linear-gradient(top, #004da1, #0073f0);
position:relative;
top:1px;
   }

.contact_btn_area {
height:78px;
display: block;
padding:20px 0 0 0;
margin:0px auto 20px auto;
text-align:center;
clear:both;
}

/*

========================================== 

トップページ

========================================== 
*/

/* スライド */
#slider {
height:270px;
margin-bottom:20px;
}
#slider .content {
width: 100%;
height: 240px;
background: #ffffff;
overflow: hidden;
position: relative;
}
#slider .content ul {
position: absolute;
height: 240px;
}
#slider .content ul li {
height: 240px;
overflow: hidden;
list-style: none;
float: left;
}
#slider .navigation {
width: 100%;
height: 30px;
overflow: auto;
}
#slider .navigation ul li {
margin-top: 10px;
margin-left: 10px;
height: 10px;
width: 10px;
border-radius: 5px;
background:#cacaca;
text-indent: 9999px;
overflow: hidden;
cursor: pointer;
float: left;
}
#slider .navigation ul li.active {
background: #004da1;
}

/* スライドなし　画像1枚の時 */
#catch{
height:240px;
margin-bottom:20px;
}

/* ニュース */

.h3_section #btnNews { position:relative; }

.h3_section #btnNews a {
position:absolute;
top:-48px;
right:10px;
display:block;
width:83px;
height:20px;
text-indent:0;
}

.h3_section #btnRSS { position:relative; }

.h3_section #btnRSS a {
position:absolute;
top:-48px;
right:104px;
display:block;
width:63px;
height:20px;
text-indent:0;
}

dl.newsList { border-bottom:dashed 1px #e3e3e3; }

dl.newsList dt {
font-family:Arial, Helvetica, sans-serif;
float:left;
width:6em;
padding-top:1em;
padding-left:1em;
padding-bottom:1em;
}

dl.newsList dd {
margin-left:0;
padding:1em 1em 1em 7em;
border-top:dashed 1px #e3e3e3;
text-align:justify;
text-justify: inter-ideograph;
}

dl.newsList dt.new { background: url(https://www.tanaka-p.co.jp/images/new_icon.gif) 70px 3px no-repeat; }

dl.newsList dt.saiyou { background: url(https://www.tanaka-p.co.jp/images/saiyou_icon.gif) 70px 3px no-repeat; }

dl.newsList dt.yougo { background: url(https://www.tanaka-p.co.jp/images/yougo_icon.gif) 70px 3px no-repeat; }

/* サービス */

.serviceArea {
width:711px;
margin-right:-11px;
overflow:hidden;
}

.serviceBox {
width:204px;
height:11em;
margin:0 11px 11px 0;
padding:10px;
border:1px solid #e3e3e3;
float:left;
transition: all 0.1s linear;
overflow:hidden;
}

.serviceBox h4 {
margin:0 0 10px 0;
padding:10px 8px 10px 15px;
font-size:100%;
background:url(https://www.tanaka-p.co.jp/images/linkIcon.gif) left center no-repeat ;
border-top:solid 3px #004da1;
border-bottom:dashed 1px #e3e3e3;
border-left:none;
border-right:none;
line-height:1.2;
}

.serviceBox h4 a,
.serviceBox h4 a:visited {
color:#333333;
text-decoration:none;
}

.serviceBox p {
margin: 0;
padding: 0;
font-size:93%;
text-indent:0;
line-height:1.4;
}

.bl-hover {
background-color:#f9fafb;
border:1px solid #cacaca;
box-shadow: 0 15px 10px -12px rgba(100,100,100,0.3);
}


/*

========================================== 

下層共通

========================================== 
*/

/*　下層左ナビ　*/
.lnav { margin-bottom:20px; }

.lnav p {
padding:8px;
background-color:#004da1;
color:#FFFFFF;
font-weight:bold;
font-size:116%;
}

.lnav ul { }

.lnav ul li {
line-height:1.5;
border-bottom:dashed 1px #e3e3e3;
}

.lnav ul li a {
color:#333333;
text-decoration:none;
background:url(https://www.tanaka-p.co.jp/images/footerMenu.gif) 5px 14px no-repeat;
padding:10px 10px 10px 15px;
display:block
}

.lnav ul li a:visited {
color:#333333;
text-decoration:none;
}

.lnav ul li a:hover {
color:#004da1;
text-decoration:none;
background-color:#f9fafb;
}
.lnav ul li.on a {
color:#004da1;
text-decoration:none;
background-color:#f9fafb;
font-weight:bold;
}

/*　パンくず　*/
#topicPath {
margin:0 0 15px 0;
padding-left:18px;
background:url(https://www.tanaka-p.co.jp/images/topicPath_home.gif) no-repeat left center;
}
#topicPath li {
display:inline;
line-height:110%;
list-style-type:none;
}
#topicPath li a {
padding-right:10px;
background:url(https://www.tanaka-p.co.jp/images/topicPath_icon.gif) no-repeat right center;
}

/*　ツイート、いいねボタン　*/
.snsBtn {
margin: 40px 0px 0px 0px;
padding-top:10px; 
width:700px;
border-top:solid 1px #e3e3e3;
overflow:hidden;
}
.snsBtn div{ 
float: left; 
margin: 0 10px 0 0;
}


/*　テーブル　*/
table.table01 {
border-collapse:collapse;
width:100%;
margin: 0px 0px 15px 0px ;
font-size:108%;
border-top:1px solid #e3e3e3;
}

table.table01 th {
border-bottom:1px solid #e3e3e3;
//background-color:#f3f3f3;
padding:1em;
text-align: right;
white-space:nowrap;
//font-weight:normal;
}
table.table01 th.txt_c {
text-align: center;
}
table.table01 td {
border-bottom:1px solid #e3e3e3;
padding:1em;
}
table.table01 tr.even-row {
background-color:#f9fafb;
}

/*　アンカー　*/
.flow_anchor {
width: 688px;
text-align:center;
margin-bottom:15px;
border:1px solid #e3e3e3;
padding:5px;
background-color:#f9fafb;
}

.flow_anchor p {
margin:0;
padding:0;
text-indent:0;
text-align:center;
}

/*
========================================== 

H2イメージ

========================================== 
*/

.h2Bg_business {
background: url(/business/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_option {
background: url(/option/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_products {
background: url(/products/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_web {
background: url(/web/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_beginner {
background: url(/beginner/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_adoption {
background: url(/adoption/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_inquiry {
background: url(/inquiry/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_corporate {
background: url(/corporate/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_privacy {
background: url(/privacy/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_condition {
background: url(/condition/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

.h2Bg_sitemap {
background: url(/sitemap/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}

/*ニュース*/
.h2Bg_2 {
background: url(/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}
/*印刷物例*/
.h2Bg_5 {
background: url(/products/images/h2Bg.jpg) 0 0 no-repeat;
width:700px;
height:140px;
margin-bottom:15px;
position:relative;
}
h2 {
padding:5px 0px 5px 8px;
font-size:200%;
/*border-left:solid 5px #004da1;*/
line-height:1;
color:#222222;
display:block;
position:absolute;
left:20px;
top: 50px;
text-shadow: 1px 1px 1px #ffffff;
}


/*
========================================== 

ニュース一覧

========================================== 
*/
dl.newsList2 { border-bottom:dashed 1px #e3e3e3; }

dl.newsList2 dt {
font-family:Arial, Helvetica, sans-serif;
padding-top:1em;
border-top:dashed 1px #e3e3e3;
}

dl.newsList2 dd {
margin-left:0;
padding:1em 0;
text-align:justify;
text-justify: inter-ideograph;
}
dl.newsList2 dd h4{
padding:0 0 0 10px ;
margin:0 0 1em 0;
background:none;
border-top:none;
border-bottom:none;
border-right:none;
}
dl.newsList2 dd p{
text-indent:0;
}
dl.newsList2 dd a{
text-decoration: none;
}
.page {
text-align:center;
margin-bottom:20px;
}
.page a:link,
.page a:visited{
padding:5px 10px;
color:#333333;
background-color: #f9fafb;
text-decoration: none;
}
.page a:hover {
color:#ffffff;
background-color: #004da1;
text-decoration: none;
}

/*　ページ送り　*/
.page{
clear:both;
margin-bottom:20px;
}
a.link_page,
span.current_page,
span a.link_before,
span a.link_next{
border:solid 1px #e3e3e3;
padding:3px 10px !important;
background-image:none !important;
display:inline-block;
}
a.link_page:hover,
span.current_page,
span a.link_before:hover,
span a.link_next:hover {
background-color:#ff6600;
color:#FFFFFF !important;
text-decoration:none !important;
}

/*　ニュース詳細ページ送り　*/
.post_page{
width:700px;
overflow:hidden;
margin-top:20px;
}
.post_page_prev{
width:280px;
float:left;
text-align:right;
padding-right:10px;
display:block;
}
.post_page_top{
width:108px;
padding:0 5px;
float:left;
text-align: center;
border-left:solid 1px #aaa;
border-right:solid 1px #aaa;
}
.post_page_next{
width:280px;
float:right;
text-align: left;
padding-left:10px;
display:block;
}

/*
========================================== 

企業情報

========================================== 
*/
#g_map{
width:700px;
margin:0 0 15px 0;
padding:0;
}
table.enkaku {
border-collapse:collapse;
width:100%;
margin: 0px 0px 15px 0px ;
font-size:108%;
border-top:1px dotted #ccc;
}
table.enkaku th {
border-bottom:1px dotted #ccc;
background-color:#f3f3f3;
padding:10px;
text-align: right;
white-space:nowrap;
}
table.enkaku td {
border-bottom:1px dotted #ccc;
padding:10px 10px 10px 20px;
}
/*
========================================== 

印刷サービス

========================================== 
*/
.h3_section p.ex_txt{
text-indent: 0;
margin:0 0 1em 0;
padding:2px 2px 2px 6px;
font-weight:bold;
}

/*　オンデマンド印刷　*/
.right_content .jireiList {
width:700px;
overflow:hidden;
}

.right_content .jireiList ul {
width:720px;
font-size:100%;
}

.right_content .jireiList ul li {
width:214px;
padding:2px;
border:solid 1px #e3e3e3;
float:left;
margin: 0 20px 20px 0;
text-align:center;
}


/*　教育機関及び学校向け特別キャンペーン　*/
table.school_cp_table {
border-collapse:collapse;
width:100%;
margin: 0px 0px 3px 0px ;
}

table.school_cp_table th {
border:1px solid #e3e3e3;
background-color:#f3f3f3;
padding:5px;
text-align: right;
white-space:nowrap;
}
table.school_cp_table th.txt_c {
text-align: center;
}
table.school_cp_table td {
border:1px solid #e3e3e3;
padding:5px;
text-align: right;
}
/*　ダイバーシティイ　*/
div.diver_box{
width:700px;
float:left;
margin-bottom:20px;
}
div.diver_box_2{
width:350px;
float:left;
text-align:center
}
div.diver_box_3 {
width:350px;
height:300px;
padding-top:120px;
float:left;
text-align:center
}
.right_content .divercityList {
width:700px;
overflow:hidden;
}
.right_content .divercityList ul{
width:720px;
padding:0;
font-size:108%;
}
.right_content .divercityList ul li {
width:310px;
height:3em;
 list-style-type: none;
margin:0 20px 20px 0;
float:left;
border:1px solid #e3e3e3;
padding:1em 14px;
background-color:#f9fafb;
text-align:center;
 }

/*印刷の流れ*/
dl.printflow_dl dt{
width:180px;
height:140px;
margin:0;
padding:0;
float:left;
}
dl.printflow_dl dt.dt220{
width:180px;
height:220px;
margin:0;
padding:0;
float:left;
}
dl.printflow_dl dt img{
width:180px;
margin:0;
padding:0;
margin-bottom:20px;
}
dl.printflow_dl dt.dt220 img{
width:180px;
height:220px;
margin:0;
padding:0;
margin-bottom:20px;
}
dl.printflow_dl dd{
width:520px;
height:140px;
margin:0;
padding:0;
float:right;
}
dl.printflow_dl dd.dd220{
width:520px;
height:220px;
margin:0;
padding:0;
float:right;
}

div.printflow_setsu{
width:518px;
height:118px;
float:left;
margin-bottom:20px;
border:solid 1px #e3e3e3;
background-color:#FFF;
}
div.printflow_setsu2{
width:200px;
height:100px;
margin:0px;
padding:0px;
float:left;
margin-top:10px;
}
div.printflow_setsu3{
width:200px;
height:100px;
margin:0px;
padding:0px;
float:left;
margin-top:10px;
padding-left:40px;
border-left:solid 1px #9900CC;
}
div.printflow_setsu4{
width:518px;
height:198px;
float:right;
margin-bottom:20px;
border:solid 1px #e3e3e3;
}
div.printflow_setsu h4.printflow_h4{
width:200px;
margin:0;
padding:0;
margin:15px 0px 0px 30px;
border:none;
background-color:#FFFFFF;
background-image:none;
}
div.printflow_setsu4 h4.printflow_h4{
width:471px;
margin:0;
padding:0;
border:none;
background-color:#FFFFFF;
background-image:none;
}
h4.printflow_h4_2{
width:160px;
margin:0;
padding:0;
border:none;
margin:10px 0px 0px 30px;
background-color:#FFFFFF;
background-image:none;
float:left;
}
h4.printflow_h4_3{
width:300px;
margin:0;
padding:0;
border:none;
margin:13px 0px 0px 30px;
background-color:#FFFFFF;
background-image:none;
float:left;
}
div.printflow_finish h4.printflow_h4{
width:700px;
margin:0;
margin-top:10px;
padding:0;
border:none;
background-image:none;
background-color:#FFCCFF;
float:left;
}
span.printflow_border{
height:80px;
margin:0px;
padding:0px;
float:left;
border:solid 1px #9966FF;
}
div.printflow_setsu ul{
width:180px;
margin:0px;
padding:0px;
margin-top:6px;
margin-left:40px;
float:left;
line-height:1.5em;
}
div.printflow_setsu ul li{
width:180px;
margin:0px;
padding:0px;
float:left;
margin-left:20px;
list-style-type:circle;
}
div.printflow_setsu4 ul{
width:450px;
margin:0px;
padding:0px;
margin-top:4px;
margin-left:40px;
float:left;
line-height:1.2em;
}
div.printflow_setsu4 ul li{
width:450px;
margin:0px;
padding:0px;
float:left;
margin-left:20px;
list-style-type:circle;
}
div.printflow_finish{
width:700px;
height:40px;
color:#FFFFFF;
background-color:#FFCCFF;
text-align:center;
float:left;
margin:20px 0px 40px;
}

/*

========================================== 

Webサービス

========================================== 
*/

.right_content .jissekiList {
width:700px;
overflow:hidden;
}

.right_content .jissekiList ul {
width:720px;
font-size:108%;
}

.right_content .jissekiList ul li {
width:220px;
float:left;
margin: 0 20px 20px 0;
display:inline;
text-align:center;
}
.right_content .jissekiList ul li img {
width:214px;
border:solid 1px #e3e3e3;
padding:2px;
margin: 0 0 5px 0;
}

/*めいろないきものたち*/
.right_content .app04_main {
background: url(https://www.tanaka-p.co.jp/web/app/app04_jp/images/img01.jpg) 0 0 no-repeat;
width:700px;
height:330px;
margin-bottom:15px;
}

/*
========================================== 

初めての方へ

========================================== 
*/
/*---------------- よくあるご質問 ----------------*/
.q {
color:#004da1;
margin:0;
font-weight:bold;
font-size:108%;
}

.a {
margin:0 0 20px 2em;
text-indent:-2em;
font-size:108%;
}

/*---------------- Windowsデータ入稿Q&A ----------------*/

/*    dl dt dd   */
dl.toggle {
width:700px;
margin-bottom:20px;

}

dl.toggle dt {
background-color: #ffffff;
padding:6px;
border-top:dotted 1px #e3e3e3;
font-size:108%;
}

dl.toggle dt.over {
color:#FFFFFF;
background-color: #004da1;
cursor:pointer;
}

/*dl.toggle dt.selected {
color:#FFFFFF;
background-color: #004da1;
cursor:default;
border-bottom:none;
font-weight:bold;
}*/

dl.toggle dd {
margin:0;
padding:1em 1em 2em 1em ;/*height:300px;*/
}

/*　　問題　　*/
dl.toggle h5 {
margin:0 0 10px 0;
}

dl.toggle dt span {
margin:0 0 0 2.5em;
text-indent:-2.5em;
display:block;
}

/*　　答え　　*/
dl.toggle h6 {
font-size:116%;
margin:0;
border-top:solid 1px #e3e3e3;
border-left:solid 1px #e3e3e3;
border-right:solid 1px #e3e3e3;
display:block;
padding:8px;
color:#004da1;
background-color: #f9fafb;
}

dl.toggle dd p { margin-bottom:1em; }

dl.toggle dd p.mb0 { margin-bottom:0; }

/*　　対応策　　*/
dl.toggle dd .answer {
border:solid 1px #e3e3e3;
padding:10px;
}

/*　　■見出し　　*/
dl.toggle dd p.answer_txt {
text-indent:-1em;
margin-left:1em;
display:block;
font-weight:bold;
margin-bottom:0;
}

/*　　注釈　　*/
dl.toggle dd p.note {
text-indent:-1em;
margin-left:1em;
display:block;
}

/*　　テーブル設定　　*/
dl.toggle dd table {
padding:5px;
border-collapse:collapse;
border:solid 1px #e3e3e3;
margin:0 0 1em 0;
}

dl.toggle dd table th {
background-color:#999999;
color:#FFFFFF;
white-space:nowrap;
}

dl.toggle dd table th,
dl.toggle dd table td {
padding:5px;
border:solid 1px #e3e3e3;
}

/*---------------- 製本・加工 ----------------*/
.ori {
width:150px;
float:left;
font-size:108%;
text-align:center;
}

.ori_txt {
width:250px;
float:right;
}

.toji {
width:175px;
float:left;
font-size:108%;
text-align:center;
margin-bottom:20px;
display:inline;
}

.toji_txt {
width:350px;
float:right;
}

/*
========================================== 

事例紹介


========================================== 
*/
p.jirei{
width:195px;
float:right;
text-indent:0;
font-size:93%;
}

/*
========================================== 

採用情報


========================================== 
*/
.interview_navi {
width:300px;
height:40px;
float:right;
padding-top:10px;
}

.interview_navi ul { list-style-type:none; }

.interview_navi li {
text-align:right;
float:left;
padding-left:10px;
}

.mc {
 font-weight:bold; }

.zadan_p1 {
font-weight:bold;
color:#000099;
}

.zadan_p2 {
font-weight:bold;
color:#990033;
}

.zadan_p3 {
font-weight:bold;
color:#336600;
}


/*
========================================== 

オプション

========================================== 
*/
/*自分CM*/
.h4_section .cmBox{
padding:10px;
background-color:#f9fafb;
border:solid 1px #e3e3e3;
}

/*ユニバーサルデザイン*/
ul#moji {
overflow: hidden;
margin: 0 3em 0 0;
}
ul#moji li {
float: left;
padding: .5em;
width: 3em;
background: #ccc;
text-align: center;
margin: .25em;
}
ul#btn2 {
overflow: hidden;
}
ul#btn2 li {
float: left;
padding: .5em;
width: 3em;
text-align: center;
margin: .25em;
border: solid 1px #ccc;
}
ul#btn2 li.bl {
background: #111;
color: #fff;
}
ul#btn2 li.bl a {
color: #fff;
}
ul#btn2 li.wh {
background: #fff;
color: #111;
}
ul#btn2 li.wh {
color: #111;
}
ul#btn2 li.ye {
color: #FFF001;
background: #0562C1;
}
ul#btn2 li.ye a {
color: #FFF001;
}

/*
========================================== 

お問い合わせ


========================================== 
*/

/*table.table01 th span.hissu {
background-color:#cc0000;
color:#ffffff;
font-size:83%;
vartical-align:middle;
margin-left:5px;
padding:2px;
}*/

table.table01 td span.ex {
color:#555555;
font-size:83%;
}

table.table01 th span.err { color:#cc0000; }

table.table01 td input[type="text"],
table.table01 td textarea {
padding:7px;
font-size:108%;
border:solid 1px #cfcfcf;
background-color:#ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

table.table01 td input.err,
table.table01 td textarea.err {
background-color:#fff9f9;
border:solid 1px #cc0000;
}

span.radioelement { margin-right:10px; }

.errs ul {
padding-left:2em;
font-size:108%;
color:#cc0000;
margin-bottom:20px;
}

.errs ul li {
list-style-type: disc;
margin-bottom:0.25em;
}

.btn_back {
width: 165px;
height: 42px;
border: 0;
background: url(../inquiry/images/formBtn_02.jpg) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
display: block;
}
.btn_send {
width: 165px;
height: 42px;
border: 0;
background: url(../inquiry/images/formBtn_03.jpg) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
display: block;
}

table.saiyou, table.saiyou tr th, table.saiyou tr td{
border: #919191 1px solid;
}

table.saiyou{
margin-bottom:20px;
}

table.saiyou tr th, table.saiyou tr td{
padding:5px;
}

table.saiyou tr th{
text-align:center;
background-color: #e2e2e2;
}

div.entry_button{
text-align:center;
margin-left:-60px;
}

/*
========================================== 

印刷物例

========================================== 
*/
.productList{
width: 700px;
overflow:hidden;
}
.productList ul {
width: 720px;
}
.productList ul li {
width: 334px;
list-style-type: none;
margin:0 20px 20px 0;
text-align:center;
padding: 2px;
border: #e3e3e3 1px solid;
float:left;
}
.productList a:link {
color: #004da1;
text-decoration: none;
}
.productList a:visited {
color: #59399a;
text-decoration: none;
}
.productList a:hover {
color: #0065d4;
 text-decoration: none; 
}


.productSpecList{
width: 300px;
padding:15px;
background-color: #f9fafb;
margin-bottom:20px;
border: solid 1px #e3e3e3;
float:right;
}
.productSpecList ul {
font-size:100%;
}
.productSpecList ul li {
list-style-type: none;
//margin:0.25em;
}