@charset "utf-8";

html {
	overflow-y	: scroll;
	font-size: 62.5%;
}

body {
	font-family		: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size		: 12px;
	font-size		: 1.2rem;
	background-color: #CCC;
	-webkit-text-size-adjust: none;
}

h1.h1_top {
	width: 920px;
	margin: 0 auto;
}

ul li{
	list-style: none;
}

a {
	text-decoration	: none;
}

a:focus {
	outline	: none;
}

input {
	font-size : 12px;
	font-size : 1.2rem;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

noscript {
	background-color: #FFFFFF;
	color			: red;
	font-size		: 60px;
	font-weight		: bold;
	padding-top		: 10px;
	position		: relative;
	text-align		: center;
	z-index			: 999;
}

/* ボタン
--------------------------------------*/
button {
	font-size : 12px;
	font-size : 1.2rem;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	height : 20px;
	padding : 0 2px;
	margin : 0;
	background-color: #e8e8e8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9 0%), to(#d9d9d9 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -moz-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -ms-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: -o-linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	background-image: linear-gradient(top, #f9f9f9 0%, #d9d9d9 50%, #c8c8c8 50%, #cccccc 100%);
	border-top : 1px solid #aaaaaa;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #777777;
	border-left : 1px solid #999999;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
	-ms-border-radius : 4px;
	-o-border-radius : 4px;
	border-radius : 4px;
	-webkit-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-moz-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-ms-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	-o-box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	box-shadow : inset 0 0 2px 0 rgba(255, 255, 255, 0.8);
	color: #444;
}

button:hover {
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9 0%), to(#c9c9c9 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -moz-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -ms-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: -o-linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	background-image: linear-gradient(top, #e9e9e9 0%, #c9c9c9 50%, #b8b8b8 50%, #bbbbbb 100%);
	cursor: pointer;
}

button:active {
	border-top : 1px solid #999999;
	border-right : 1px solid #888888;
	border-bottom : 1px solid #666666;
	border-left : 1px solid #888888;
	-webkit-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-moz-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-ms-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	-o-box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
	box-shadow: inset 0 0 2px 2px #666666, 0 1px 0 #eeeeee;
}

/* ラッパー
--------------------------------------*/
#wrapper {
	width			: 920px;
	margin			: 0 auto;
	background-color: #FFC;
	padding-top		: 10px;
}

/* ヘッダ
--------------------------------------*/
header {
	width		: 920px;
	margin		: 0 auto;
}

header h1 {
	font-size	: 12px;
	font-size	: 1.2rem;
	font-weight	: normal;
	margin		: 2px 0;
	color		: #000;
}

header .image {
	width				: 920px;
	height				: 30px;
	padding				: 3px 0;
	background-color	: #393;
	background-image	: url("../tmk/frame/www.tamaknew.gif");
	background-repeat	: no-repeat;
	background-position	: center center;
}

header address {
	font-size		: 12px;
	font-size		: 1.2rem;
	color			: #FFF;
	background-color: #393;
	text-align		: center;
	padding-bottom	: 3px;
}

header address span {
	margin-right	: 8px;
}

header address a {
	color	: #FFF;
}

.mail {
	background-image	: url("../images/mail.gif");
	background-repeat	: no-repeat;
	background-position	: left center;
	padding-left		: 24px;
}

/* ナビゲーション
--------------------------------------*/
#global_navigation {
	background-color: #FC3;
	text-align		: center;
	width			: 920px;
	margin			: 0 auto;
}

#global_navigation ul {
	width		: 880px;
	display		: inline-block;
	/display	: inline;
	/zoom		: 1;
}

#global_navigation ul li {
	width		: 110px;
	margin		: 2px 0;
	padding		: 2px 0 2px 1px;
	border-right: 1px solid #999;
	text-align	: center;
	display		: inline-block;
	/display	: inline;
	/zoom		: 1;
}

#global_navigation ul li:nth-of-type(7n) {
	margin		: 2px 0;
	border-right: 0 none;
}

#global_navigation ul li:hover {
    background-color: #FFFFFF;
}

#global_navigation ul li a {
	display	: block;
}

#global_navigation ul li a:hover {
	color	: #F39;
}

#global_navigation ul li.gokounyuu {
	background-color: #F99;
}

.current {
	color			: #F00;
	background-color: #FF0 !important;
}

.current a {
	color	: #F39
}

/* パンくずリスト
--------------------------------------*/
#breadcrumb {
	width			: 880px;
	padding			: 10px 20px;
	margin			: 0 auto;
	font-size		: 11px;
	font-size		: 1.1rem;
	background-color: #FFC;
}

#breadcrumb span:first-of-type {
	width			: auto;
}

#breadcrumb span {
	display			: inline-block;
	margin-right	: 5px;
	overflow		: hidden;
	text-overflow	: ellipsis;
	white-space		: nowrap;
	vertical-align	: top;
	-ms-filter		: "alpha( opacity=0 )";
	filter			: alpha( opacity=0 );
	opacity			: 0;
}

#breadcrumb span:last-of-type {
	color			: #F00;
	background-color: #FF0;
	margin-right	: 0;
}

#breadcrumb span a:hover {
	color	: #F39;
	background-color	: #FFF;
}

/* フッタ
--------------------------------------*/
footer {
	margin			: 0 auto;
	padding-top		: 20px;
	width			: 920px;
	text-align		: center;
	background-color: #FFC;
	letter-spacing	: 1px;
}

footer nav a:first-of-type {
	margin-bottom	: 5px;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
}

footer nav div a {
	margin-bottom	: 0 !important;
}

footer nav ul:first-of-type {
	margin-bottom	: 5px;
}

footer nav ul li {
	display		: inline-block;
	border-right: 1px dotted #000;
	padding		: 0 8px;
	/display	: inline;
	/zoom		: 1;
}

footer nav ul li a {
	margin	: 0 !important;
}

footer nav ul li:last-of-type {
	border-right: 0 none;
}

footer nav div {
	width		: 640px;
	margin		: 15px auto 20px;
	text-align	: right;
}

footer p {
	padding			: 5px 0;
	color			: #FFF;
	background-color: #393;
	font-size		: 10px;
	font-size		: 1rem;
	font-weight		: bold;
	letter-spacing	: 1px;
}

footer a:hover {
	color			: #F39;
	background-color: #FFF;
}

/* バナー
--------------------------------------*/
#banner {
	border-bottom	: 2px dotted #888;
	border-top		: 2px dotted #888;
	margin			: 0 auto;
	padding			: 10px 0;
	text-align		: center;
	width			: 920px;
	background-color: #FFC;
}

#banner img{
	vertical-align	: top;
}

#banner ul li {
	margin-bottom	: 5px;
}

#banner ul li:last-of-type {
	margin-bottom : 0;
}

input[type=text]{
	background-image: linear-gradient(bottom, rgb(255,255,255) 70%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.7, rgb(255,255,255)),
	color-stop(1, rgb(247,247,247))
	);
}