﻿@charset "UTF-8";



/* ---- TSK CSS ---- */


/* Base /////////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
	}

body {
	color: #555555;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align: center;
	}


.floatClr {
	width: 1px;
	height: 1px;
	overflow: clip;
	clear: both;
	}

.floatClrB {
	height: 1px;
	overflow: clip;
	clear:both;
	border-bottom: 1px solid #E6E6E6;
	width: 100%;
	}


h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{

	margin:0;
	padding:0;
	clear:both;

	}

p {
	font-family: "ヒラギノ角ゴ Pro W3","Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align: left;
	color: #555555;
	}

.cap {
	font-family: "ヒラギノ角ゴ Pro W3","Osaka", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	text-align: left;
	font-size: 10px;
	line-height: 125%;
	color: #555555;
	padding-top: 2px;
	}

/* Link */



a{
	color:#0066CC;
	text-decoration:underline;
}	

a:link{
	color:#0066CC;
	text-decoration:none;
}

a:visited{
	color:#0066CC;
	text-decoration:none;
}

a:hover{
	color:#0099FF;
	text-decoration:underline;
}

a:focus{
	color:#0066CC;
	text-decoration:none;
}

.clearFix:after {
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden;
}

.clearFix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac ¥*/
* html .clearFix {height: 1px;}
.clearFix {display: block;}
/* End hide from IE-mac */

/* footer /////////////////////////////////////////////////////////////*/

#footer {
	display: none;
	}

	
#print_footer {
	width: 640px;
	clear: both;
}


/* Header /////////////////////////////////////////////////////////////*/

#header {
	width: 620px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	position: relative;
}

#logo {
	margin: 0px;
	padding: 0px;
	float: left;
}
#header h1 {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 5px 0 0 0;
}

#header h2 {
	height: 30px;
	width: 250px;
	background-image: url(../image/tsk_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	margin: 10px 0px;
}

#header h2 a {
	height: 30px;
	width: 250px;
	display:block;
	position: relative;
}

#header h2 span {display:none;}


#header2 h1 {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 5px 0 0 0;
}

#header2 h2 {
	height: 30px;
	width: 250px;
	background-image: url(../../image/tsk_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	margin: 10px 0px;
}

#heade2r h2 a {
	height: 30px;
	width: 250px;
	display:block;
	position: relative;
}

#header2 h2 span {display:none;}


#lang {
	margin: 0px;
	padding: 0px;
	float: right;
}
#lang ul {
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 0px;
	list-style-type: none;
}
#lang ul li {
	display: inline;
	margin: 0px;
	padding: 0px 5px;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#lang ul li.line {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
}
#lang a {
	color: #333333;
}
#lang a:link {
	color: #333333;
}
#lang a:visited {
	color: #333333;
}
#lang a:hover {
	color: #0099FF;
}
#lang a:active {
	color: #333333;
}
#lang span {
	font-weight: bold;
	color: #990033;
}

/* Layout /////////////////////////////////////////////////////////////*/

/* allcontents-area /////////////////////////*/

#main_wrap {
	position: relative;
	text-align: center;
	margin: 0;
	}

#background {
	text-align: center;
	width: 660px;
	position: relative;
	margin: 0px auto;
}

/* containers */


#container {
	text-align: center;
	width: 640px;
	background-color: #FFFFFF;
	position: relative;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	}
#main {
	margin: 0px;
	padding: 0px;
}
	
/* side */

#side {
	width: 211px;
	float: left;
	text-align: left;
	display: block;
	padding: 40px 14px 0 0;
	}

#contents {
	width:530px;
	padding: 10px 0px 10px 55px;
	text-align: center;
}


#title {
	clear: both;
	height: 90px;
	width: 836px;
}


#pagetop {
	display: none;
}
#breadcram {
	display: none;
}
#pageTitle {
	display: none;
}
#contactBlock {
	font-size: 85%;
	line-height: 160%;
	background-color: #EBEBEB;
	margin: 20px 0;
	padding: 10px;
	width: 510px;
}
#close {
	clear: both;
	text-align: right;
	margin: 20px 0;
	width: 740px;
}


#print_pageTitle {
	background-image: url(../image/print_category_bg.jpg);
	background-repeat: repeat-y;
	padding: 5px;
	width: 640px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}
#print_pageTitle h2 {
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #006699;
}

/* side Menu/////////////////////////*/

#smn {
	display: none;
}

/* Top  /////////////////////////////////////////////////////////////*/



#tmn {
	display: none;
}

#newsArea {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	float: left;
	width: 256px;
}
#newsArea .newspart {
	margin: 10px 0px;
	clear: both;
	width: 256px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	position: relative;
}
#newsArea .date {
	font-size: 75%;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 70px;
	text-align: left;
	line-height: 160%;
}
#newsArea .news {
	margin: 0px;
	padding: 0px;
	width: auto;
	display: block;
	text-align: left;
	font-size: 75%;
	line-height: 160%;
}
#newsArea .event {
	color: #006633;
}
#newsArea .product {
	color: #CC0033;
}

#newsArea .topics {
	color: #FF3300;
}

#productsArea {
	margin: 0 0 25px 0;
	padding: 0px;
	float: left;
	width: 160px;
}
#productsArea ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#productsArea ul li {
	display: block;
	margin: 5px 0 0 0;
	padding: 0px;
	height: 40px;
	width: 160px;
}
#productsArea ul li a span {display:none;}

#productsArea ul li.b01 {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b01 a {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b01 a:link,
#productsArea ul li.b01 a:visited{
	background: url(../../image/top_pm01.jpg) no-repeat left top;
}

#productsArea ul li.b01 a:hover {
	background: url(../../image/top_pm01_over.jpg) no-repeat left top;
}

#productsArea ul li.b02 {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b02 a {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b02 a:link,
#productsArea ul li.b02 a:visited{
	background: url(../../image/top_pm02.jpg) no-repeat left top;
}

#productsArea ul li.b02 a:hover {
	background: url(../../image/top_pm02_over.jpg) no-repeat left top;
}

#productsArea ul li.b03 {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b03 a {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b03 a:link,
#productsArea ul li.b03 a:visited{
	background: url(../../image/top_pm03.jpg) no-repeat left top;
}

#productsArea ul li.b03 a:hover {
	background: url(../../image/top_pm03_over.jpg) no-repeat left top;
}

#productsArea ul li.b04 {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b04 a {
	display: block;
	padding: 0px;
	height: 40px;
	width: 160px;
	background-image: url(../../image/top_pm04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#productsArea ul li.b04 a:link,
#productsArea ul li.b04 a:visited{
	background: url(../../image/top_pm04.jpg) no-repeat left top;
}

#productsArea ul li.b04 a:hover {
	background: url(../../image/top_pm04_over.jpg) no-repeat left top;
}



#pickupArea {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 160px;
	text-align: left;
}
#pickupArea #topTochigi {
	margin: 5px 0 10px 0;
	padding: 0px;
	font-size: 75%;
	line-height: 160%;
}
#pickupArea ul {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	list-style-type: none;
}
#pickupArea ul li {
	margin: 0px;
	padding: 5px 20px;
	font-size: 75%;
	text-align: left;
	list-style-position: inside;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../image/link_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
}
#topImage {
	display: none;
}
#newsArea .newsbar {
	display: none;
}

#topContents {
	margin: 15px auto;
	padding: 0px;
	width: 620px;
	clear: both;
}

