@charset "Shift_JIS";
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Opera !!!!!!!!!!!!!!!!!!!!!!!!!!
@charset宣言の前に文字があると、最初のセレクタが反映されない。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/*
*****************************************************
CSS skin settings
FileName:	tag_style_kitagin001.css
Version:	2006/03/10
*****************************************************
*/


/* ####################### tag setting ####################### */
/* ======================= body and main class ======================= */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%
	height: 100%;
	color: #000000;
	background-color: #FFFFFF;
	font-family: "MS UI Gothic", Osaka, monospace;
	font-size: 90%;
	padding: 0px 0px 0px 0px;
/* !CAUTION! */
	margin: 0px 0px 0px 0px;
/* ! end CAUTION end ! */
}
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Firefox !!!!!!!!!!!!!!!!!!!!!!!!!!
	margin: 0px;

Firefoxのためにbodyに margin: 0px; を設定してはならない。
？？？
他の設定との兼ね合いで
横スクロールバーが表示されるという問題が発生する場合がある。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/* $ TIPS $ */
html > body {
	max-width: 100%;
	min-width: 760px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* $ end TIPS end $ */
/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$ TIPS for Firefox and Netscape $$$$$$$$$$$$$$$$$$$$$$$$$$$$
html > body {
	max-width: 100%;
	min-width: 760px;
}

FirefoxとNetscapeのために html>body セレクタが必要。
body直下にheaderやfooterを置くと表示が崩れる。
（勝手に不要な縦スクロールバーが表示される。）
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/


/* ======================= img ======================= */
img {
	border: 0px solid #000000;
}

img.bordered {
	border: 1px solid #13327C;
}
/* ======================= END img END ======================= */


/* ======================= anchor link ======================= */
a,
a:link,
a:visited,
a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover .listTitle {
	text-decoration: none;
}

a.icon {
	font-size: 13px;
	text-indent: 0em;
}

a.pdf {
	height: 20px;
	line-height: 20px;
	padding: 4px 0px 3px 25px;
	background: 0px 0px url(../img/icon_pdf.gif) no-repeat transparent;
	color: #FF0000;
}

a.card, a.pc, a.tel, a.fax {
	height: 50px;
	line-height: 1em;
	padding: 13px 0px 0px 55px;
	color: #13327C;
	display: block;
	vertical-align: middle;
}

a.card {
	background: 0px 0px url(../img/material004.gif) no-repeat transparent;
}

a.pc {
	background: 0px 0px url(../img/material001.gif) no-repeat transparent;
}

a.tel {
	background: 0px 0px url(../img/material002.gif) no-repeat transparent;
}

a.fax {
	background: 0px 0px url(../img/material003.gif) no-repeat transparent;
}

a.link {
	line-height: 13px;
	padding-left: 15px;
	background: -7px 0px url(../img/list_marker001.gif) no-repeat transparent;
	color: #13327C;
}

a.link:hover {
	background-position: 0px -12px;
}

a.mailto {
	color: #FF0000;
}
/* ======================= END anchor link END ======================= */


/* ======================= list tag ======================= */
.unity ul,
.unity ol {
	display: block;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
}

.unity ul li {
	line-height: 1.4em;
	border: 1px solid #FFFFFF;
	font-size: 90%;
	list-style-type: none;
	list-style-position: outside;
}

.unity ol li {
	text-indent: 0ex;
	line-height: 1.4em;
	list-style-type: decimal;
	list-style-position: inside;
	border: 1px solid #FFFFFF;
	font-size: 90%;
	margin: 0px 0px 3px 1em;
}

.unity li ul {
	margin-top: 6px;
}

ul.topics {
	font-size: 12px;
	color: #13327C;
}

ul.topics li {
	margin-bottom: 8px;
	list-style-type: none;
	list-style-position: outside;
	display: block;
}

ul.normalList {
	margin-bottom: 25px;
}

ul.liquidList li.listEnd {
	margin-bottom: 20px;
}

ul.normalList li {
	text-indent: 0ex;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px 0px 3px 1em;
	display: block;
}

ul.liquidList li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 1em 3px 0px;
	float: left;
	white-space: nowrap;
}

ul.topics li a {
	padding: 0px 0px 0px 15px;
	display: block;
}

li span.listTitle {
	font-weight: bold;
	line-height: 1em;
}

li span.listString {
	font-size: 98%;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 3px;
	display: block;
	letter-spacing: 0ex;
}
/* ======================= END list tag END ======================= */


/* ======================= heading & separater ======================= */
/* ----------------------- heading ----------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	white-space: nowrap;
	clear: left;
}

h2.contentsHeading {
	height: 26px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	color: #13327C;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.08ex;
	background: left bottom url(../img/dot001.gif) repeat-x transparent;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0px 3px 0px;
	letter-spacing: 0.1ex;
	padding: 0px 0px 0px 0px;
	color: #000000;
	display: block;
}

h3.contentsHeading {
	padding-left: 14px;
	background: 0px 2px url(../img/list_marker004.gif) no-repeat transparent;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0px 3px 0px;
	letter-spacing: 0.1ex;
	padding: 0px 0px 0px 0px;
	color: #13327C;
	display: block;
}

h4.contentsHeading {
	padding-left: 13px;
	background: 0px 1px url(../img/list_marker005.gif) no-repeat transparent;
}

h5 {
	font-size: 13px;
	font-weight: normal;
	line-height: 1em;
	margin: 10px 0px 3px 0px;
	letter-spacing: 0.1ex;
	padding: 0px 0px 0px 0px;
	color: #13327C;
	display: block;
}

h5.contentsHeading {
	padding-left: 13px;
	background: 0px 1px url(../img/list_marker006.gif) no-repeat transparent;
}

#docomoUCPoint1,
#docomoUCPoint2,
#docomoUCPoint3,
#docomoUCPoint4,
#docomoUCPoint5 {
	padding-left: 30px;
	line-height: 24px;
	clear: right;
}

#docomoUCPoint1 {
	background: 0px 0px url(../img/card_docomo_mark1.gif) no-repeat transparent;
}

#docomoUCPoint2 {
	background: 0px 0px url(../img/card_docomo_mark2.gif) no-repeat transparent;
}

#docomoUCPoint3 {
	background: 0px 0px url(../img/card_docomo_mark3.gif) no-repeat transparent;
}

#docomoUCPoint4 {
	background: 0px 0px url(../img/card_docomo_mark4.gif) no-repeat transparent;
}

#docomoUCPoint5 {
	background: 0px 0px url(../img/card_docomo_mark5.gif) no-repeat transparent;
}
/* ----------------------- END heading END ----------------------- */
/* ======================= END heading & separater END ======================= */


/* ======================= paragraph ======================= */
p {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.4em;
	text-indent: 2ex;
	letter-spacing: 0.08ex;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}
/* ======================= END paragraph END ======================= */


/* ======================= definition tag ======================= */
dl {
	margin: 0px 0px 25px 0px;
	font-size: 85%;
	letter-spacing: 0.1ex;
	color: #13327C;
	clear: left;
}

dt {
	font-weight: bold;
	padding: 0px 0px 0px 1em;
	line-height: 1.4em;
}

dd {
	font-weight: normal;
	padding: 0px 0px 0px 2em;
	line-height: 1.4em;
}
/* ======================= END definition tag END ======================= */


/* ======================= table on container ======================= */
table {
	border: 0px solid #000000;
	border-collapse: separate;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	clear: left;
}

table.bordered {
	border: 0px solid #000000;
}

table.bordered td {
	border-width: 1px;
	border-style: solid;
	border-color: #13327C;
}

table.item td {
	padding: 5px 5px 5px 5px;
	font-size: 90%;
	line-height: 1.2em;
}

table.middle td {
	vertical-align: middle;
}

table.center td {
	text-align: center;
}

table .note {
	font-size: 100%;
}

table.nintei {
	padding: 5px;
	border: 2px solid #13327C;
	text-align: center;

}

caption {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

th,
td.head {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	border: 0px solid #000000;
	color: #FFFFFF;
	background-color: #13327C;
	white-space: nowrap;
}

th,
td.key,
td.item {
	padding: 5px 5px 5px 5px;
	font-size: 90%;
	line-height: 1.2em;
}

td.item02 {
	padding: 5px 5px 5px 5px;
	font-size: 80%;
	line-height: 1.2em;
}

td.key {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	border: 1px solid #13327C;
	color: #13327C;
	white-space: nowrap;
}

td.key02 {
	vertical-align: middle;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	border: 1px solid #13327C;
	color: #13327C;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
}

table.bordered td.boldBorder {
	border-width: 2px;
}

td.item {
	vertical-align: top;
	border: 0px solid #000000;
	text-align: left;
	font-weight: normal;
}

td.item02 {
	vertical-align: top;
	border: 0px solid #000000;
	text-align: left;
	font-weight: normal;
}
	
td.item03 {
	vertical-align: middle;
	text-align: center;
	font-size: 80%;
	font-weight: normal;
	border: 0px solid #000000;
	color: #FFFFFF;
	background-color: #13327C;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
}


td.bordered {
	border: 1px solid #13327C;
}

td.middle {
	vertical-align: middle;
}

td.center {
	text-align: center;
}

td.right {
	text-align: right;
}
/* ....................... mailform align case ....................... */
table.mailformAlign {
	border: 0px solid #000000;
	margin-bottom: 10px;
	border-collapse: collapse;
}

table.mailformAlign td {
/* > SAME AS table.listAlign td < */
	font-size: 90%;
	border: 0px solid #000000;
	text-align: left;
	background-color: transparent;
	padding: 0px;
/* > END SAME AS table.listAlign td END < */
	vertical-align: middle;
	line-height: 1.5em;
	height: 1.5em;
}
/* ....................... END mailform align case END ....................... */


/* ....................... each data type setting ....................... */
.container td.abstItem,
.container td.historyDate,
.container td.listItem {
	font-size: 95%;
	font-weight: bold;
	padding-right: 20px;
	margin: 0px;
	white-space: nowrap;
	letter-spacing: 0.1ex;
	line-height: 1.5em;
	height: 1.5em;
}

.container td.mailformItem,
.container p.mailformItem {
	font-size: 95%;
	font-weight: bold;
	padding-right: 7px;
	padding-bottom: 0px;
	white-space: nowrap;
	letter-spacing: 0.1ex;
	text-indent: 0em;
}

.container p.mailformItem {
	margin-bottom: 0px;
}

.container td.mailCheckItem {
	background-color: #DDFFDD;
}
/* ....................... END each data type setting END ....................... */
/* ----------------------- special table setting ----------------------- */
/* ======================= END table on container END ======================= */


/* ======================= text input area ======================= */
label {
	font-weight: bold;
}

.mailform input#contactCompany,
.mailform input#contactName,
.mailform input#contactMail,
.mailform input#contactAddress,
.mailform input#contactPhone,
.mailform input#contactFax,
.mailform input#contactSubject,
.mailform textarea {
	color: #304030;
	background-color: #FFFFFF;
	border: 1px solid #309030;
	line-height: 1.5em;
	font-size: 95%;
	font-weight: normal;
}

.mailform #formButtons {
	margin-top: 15px;
}


/* ----------------------- notation ----------------------- */
.mailform em {
	color: #C03030;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}
/* ----------------------- END notation END ----------------------- */


/* 
br.clear {
	clear: both;
	font-size: 90%;
	line-height: 2.5em;
}
/* */
/* ======================= END text input area END ======================= */


/* ======================= etc ======================= */
.mapzoom {
	height: 15px;
	background: 0px 0px url(../img/icon001.gif) no-repeat;
	padding: 2px 0px 0px 20px;
	text-indent: 0ex;
	margin: 0px 0px 10px 60px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.return {
	height: 15px;
	background: 0px 0px url(../img/icon002.gif) no-repeat;
	padding: 3px 0px 0px 28px;
	text-indent: 0ex;
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
/* ======================= END etc END ======================= */
/* ####################### END tag setting END ####################### */


/* ####################### class setting ####################### */
.floatA {
	float: left;
	margin-right:10px;
	margin-bottom: 10px;
}

.floatB {
	float: right;
	margin-left:10px;
	margin-bottom: 10px;
}

.spaceTop {
	margin-top: 15px;
}

.nowrap {
	white-space: nowrap;
}

.behind {
	visibility: hidden;
}

.invisible {
	display: none;
}

.hot {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.hot02 {
	font-weight: bold;
	color: #FF0000;
}

.attention {
	font-size: 90%;
	font-weight: bold;
}

.strong {
	font-size: 100%;
	font-weight: bold;
}

.note {
	font-size: 80%;
	font-weight: normal;
	margin-top: 7px;
	text-indent: 0ex;
	color: #888888;
}

.weak {
	font-size: 80%;
	font-weight: normal;
} 

.error {
	font-size: 100%;
	color: #FF0000;
}

.clear {
	clear: both;
}

.bordered {
	border: 1px solid #13327C;
}

.pause1 {
	border: 0px solid #000000;
	border-bottom: 1px solid #13327C;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}

.pause2 {
	border: 0px solid #000000;
	border-bottom: 1px solid #D0D6E5;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
}

.pause3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/* ####################### END class setting END ####################### */