@charset "UTF-8";

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

共通

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

html { overflow-y: scroll; }

body {
	margin: 0;
	padding: 0;
	font:13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/*background: url(../img/background001.gif) top left repeat;*/
	background-color: #efefef;
 *font-size:small;
 *font:x-small;
	color:#333333;
}

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }

table { font-size:108%; }

img { border-style:none; }

ol,
ul,
li {
	margin: 0;
	padding: 0;
}

.left { float:left; }

.right { float:right; }

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

a:link {
	color: #2971a7;
	text-decoration: underline;
}

a:hover { text-decoration: none; }

a:visited {
	color: #59399a;
	text-decoration: underline;
}

a:active { }

/*-------------------------　テキスト　-------------------------*/
p {
	margin:0;
	padding:0;
	line-height:1.7;
	font-size: 108%;
}

p.ind {
	text-indent: 1em;
	margin:0 0 1em 0;
}

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

.txt_red { color: #FF0000; }

.txt_b { font-weight:bold; }

.txt_c { text-align:center; }

.right_bold {
	text-align:right;
	font-weight:bold;
}

.center_bold {
	text-align:center;
	font-weight:bold;
}

.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%; }

/*------------------------- クリアー -------------------------*/
.clearboth {
	clear: both;
	height: 20px;
	text-indent:-9999px;
}

.clearboth_h0 {
	clear: both;
	visibility: hidden;
	height: 0;
	font-size:0;
}

*html .clearboth_h0 {
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

/*------------------------- レイアウト -------------------------*/
#wrapper {
	width: 900px;
	margin: auto;
	background-color: #FFFFFF;
}

#line {
	width: 900px;
	height: auto;
	padding-top:3px;
}

#lnbg {
	margin:0px 0px 0px 0px;
	padding:0;
	width:900px;/*background-image: url(../img/l_navi/lnavi_bg.gif);
	background-repeat: repeat-y;*/
}

.main {
	width:655px;
	padding:15px;
	height:auto;
	float:left;
	display:block;
}

.index_cont_txt {
	width: 655px;
	height: auto;
	margin: 0 0 0 0;
	line-height:1.6;
}

.cont_txt {
	width: 625px;
	height: auto;
	margin: 0 0 0 0;
	padding:15px;
}

.h4_section { margin-bottom:30px; }

.h5_section { margin-bottom:20px; }

/*------------------------- パンくず -------------------------*/
.pan_txt {
	width:640px;
	font-size:93%;
	padding:7px 0px 0px 15px;
	text-align:left;
	background:url(../img/topicpath_bg.gif) repeat-x;
}

/*-------------------------　幅いっぱいの画像　ボーダーあり  -------------------------　*/
.img_619 {
	margin:0px 0 15px 0;
	padding: 2px;
	border:#CCCCCC 1px solid;
}

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

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

/*-------------------------　画像　ボーダーなし、フロート　-------------------------*/
.img_left_2 {
	float: left;
	margin:0px 15px 15px 0;
	border:none;
}

.img_right_2 {
	float: right;
	margin:0px 0px 15px 15px;
	border:none;
}

/*-------------------------　お申し込みボタン　-------------------------*/
.contact_btn {
	height:65px;
	display: block;
	padding:20px 0 0 0;
	margin:0 auto;
	text-align:center;
	clear:both;
}

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

ヘッダー

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

#header {
	width: 900px;
	height: 66px;
	background:url(../img/header/header_bg.gif) top left repeat-x;
	margin:0;
	padding:0;
	overflow: hidden;
}

#header h1#logo1 {
	width: 259px;
	height: 36px;
	display: block;
	float:left;
	text-indent: -9999px;
	margin:0;
	padding:15px;
}

#header h1#logo1 a {
	width: 259px;
	height: 36px;
	display: block;
	background:url(../img/header/logo.gif) top left no-repeat;
	padding:15px;
}

#header_content {
	width:477px;
	float:right;
	margin:0;
	padding:0;
}

#logo2 {
	width:259px;
	height:42px;
	float:left;
	margin:12px 0px;
	padding:0;
	position:relative;
	border-right:solid 1px #02367d;
}

.header_menu {
	width:269px;
	height:13px;
	overflow: hidden;
	position:absolute;
	top:0px;
	left:0px;
}

.header_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 -18px 0 0;
}

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

#search_box {
	width: 251px;
	padding: 0;
	position:absolute;
	top:21px;
	left:0px;
}

#search_box form { }

#search_box #s {
	float: left;
	padding: 1px;
	margin: 0 5px 0 0;
	font-size: 13px;
	width:198px;
	border:solid 1px #CCCCCC;
}

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

#header_tel {
	width: 200px;
	height: 42px;
	float: left;
	text-indent: -9999px;
	margin:12px 0 12px 0px;
	display: block;
	background:url(../img/header/header_tel.gif) 11px 0 no-repeat;
	border-left:solid 1px #4a7aad;
}

/*  not found  */
.kensaku {
	margin: 7px 0 -6px 0px;
	display: inherit;
}

/*

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

フッター

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

#footer {
	width: 900px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding:0;
}

#footerBg {
	width: 900px;
	margin:0;
	padding:15px 0;
	background:url(../img/footer/footer_bg.gif) top left no-repeat #07509f;
}

#footer p {
	color:#FFFFFF;
	font-weight:bold;
}

.footer_nav01 {
	padding:0 10px 0 15px;
	float:left;
}

.footer_nav02 {
	padding:0 10px;
	float:left;
	border-left:dotted 1px #02367d;
}

.footer_nav03 {
	padding:0 10px;
	float:left;
	border-left:dotted 1px #02367d;
}

.footer_nav04 {
	padding:0 10px;
	float:left;
	border-left:dotted 1px #02367d;
}

.footer_nav05 {
	padding:0 10px;
	float:left;
	border-left:dotted 1px #02367d;
}

.footer_nav06 {
	padding:0 10px;
	float:left;
	border-left:dotted 1px #02367d;
}

#footer ul { display:block; }

#footer ul li {
	font-size:12px;
	list-style-type:none;
	margin-bottom:5px;
}

#footer ul li a {
	color:#6396cd;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer_r {
	width:320px;
	display: block;
	float:right;
}

#footer_r p.footer_logo {
	width:209px;
	height:25px;
	margin:15px 0 5px 0;
	padding:0;
	background:url(../img/footer/footer_logo.gif) top left no-repeat;
	text-indent: -9999px;
}

#footer_r address {
	color:#FFFFFF;
	font-style:normal;
	line-height:1.3;
	margin:0;
	padding:0;
}

#pageTop {
	text-align:right;
	display: block;
}

#pageTop img { margin-right:15px; }

/*

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

レフトナビ

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

.l_navi {
	width: 215px;
	height: auto;
	float:left;
	display:block;
	overflow: hidden;
}

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

.ln1 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_1.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln2 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_2.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln3 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_3.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln4 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_4.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln5 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_5.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln6 a {
	width: 215px;
	height:54px;
	background-image: url(../img/l_navi/lnavi_6.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-indent: -9999px;
}

.ln1 a:hover,
.ln2 a:hover,
.ln3 a:hover,
.ln4 a:hover,
.ln5 a:hover,
.ln6 a:hover { background-position: -215px 0; }

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; }

/*** タナカ印刷とは ***/

#info1 {
	width:201px;
	overflow:hidden;
	padding: 15px 7px 0 7px;
	margin: 0;
	text-align:center;
}

.l_navi #info1 ul { margin-bottom:15px; }

.l_navi #info1 ul li {
	width:201px;
	height:70px;
	margin-bottom:5px;
 /margin-bottom:0px;
}

.l_navi #info1 ul li a { display:block; }

h2.top_what_tanaka {
	width:201px;
	height:31px;
	background: url(../img/what_tanaka_02.gif) 0 0 no-repeat;
	margin:0 0 0 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	text-align:left;
}

p.what_tanaka {
	width:189px;
	font-size: 93%;
	text-indent: 1em;
	line-height: 1.5;
	text-align:left;
	margin:0 0 15px 0;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
}

/*

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

トップページ

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

/*---------------- フラッシュエリア ----------------*/

#flashcontent {
	width:655px;
	margin-bottom:15px;
}

h2#top_img {
	width:655px;
	height:240px;
	display:block;
	margin:0 0 0 0;
	padding:0;
}

/*---------------- ビッグバナー ----------------*/
#top_bnrArea {
	width:655px;
	margin-bottom:15px;
}

p.costdown_bnr a {
	width:645px;
	height:83px;
	background: url(../img/business/costdown/costdown_bnr.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	_zoom:1;
}

p.costdown_bnr a:hover { background: url(../img/business/costdown/costdown_bnr.jpg) 0 -83px no-repeat; }

p.webplus_bnr a {
	width:645px;
	height:76px;
	background: url(../img/business/webplus/webplus_bnr.jpg) 0 0 no-repeat;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	_zoom:1;
}

p.webplus_bnr a:hover { background: url(../img/business/webplus/webplus_bnr.jpg) 0 -76px no-repeat; }

p.school_cp_bnr a {
	width:655px;
	height:75px;
	background: url(../img/business/school_cp/school_cp_bnr.jpg) 0 0 no-repeat;
	margin:0px 0 0px 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	_zoom:1;
}

p.school_cp_bnr a:hover { background-position: 0 -75px; }

p.fuutou_bnr a {
	width:655px;
	height:75px;
	background: url(../img/business/fuutou/fuutou_bnr.jpg) 0 0 no-repeat;
	margin:0px 0 4px 0;
	padding:0;
	text-indent:-9999px;
	display:block;
	_zoom:1;
}

p.fuutou_bnr a:hover { background-position: 0 -75px; }

/*---------------- トピックス ----------------*/

#info2 {
	width:315px;
	float:left;
	margin: 0;
	font-size:inherit;
}

h2.top_news {
	width:315px;
	height:28px;
	background: url(../img/index_h2_01.gif) 0 0 no-repeat;
	margin:0px;
	padding:0;
	text-indent:-9999px;
}

#info2 dl {
	width:315px;
	margin: 0;
	padding: 0;
}

#info2 dl dt {
	margin: 10px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#info2 dl dt.new { background: url(../img/new_icon.gif) 70px 3px no-repeat; }

#info2 dl dt.saiyou { background: url(../img/saiyou_icon.gif) 70px 3px no-repeat; }

#info2 dl dt.yougo { background: url(../img/yougo_icon.gif) 70px 3px no-repeat; }

#info2 dl dd {
	margin: 0;
	padding: 0 5px 10px 15px;
	border-bottom: 1px dotted #999999;
}

#info2 dl dd a {
	/*display: block;*/
	margin: 0;
	padding: 0;
}

#info2 .info2_topicslist {
	text-align:right;
	margin:10px 0 0 0;
}

/*---------------- インフォメーション ----------------*/

#info3 {
	width:315px;
	float:right;
	margin: 0;
}

h2.top_info {
	width:315px;
	height:28px;
	background: url(../img/index_h2_02.gif) 0 0 no-repeat;
	margin:0 0 0 0;
	padding:0;
	text-indent:-9999px;
}

.info_table td.info_table_l{
	text-align:center;
	padding:10px 5px;
	border-bottom:dotted 1px #cccccc;
}
.info_table td.info_table_r{
	padding:10px 5px;
	border-bottom:dotted 1px #cccccc;
}

.info_table td.info_table_r h3 {
	font-size: 100%;
	margin:0 0 5px 0;
}

.info_table td.info_table_r p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-size:93%;
}



/*---------------- このページの先頭へ ----------------*/
p.pagetop {
	text-align: right;
	padding: 0;
	margin: 0;
}

span.pagetop_ico {
	color: #0033CC;
	padding-right: 3px;
}
