@charset "UTF-8";

/* =============================================
   YUI CSS Reset

   Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0

    * YUI Reset
    * @module reset
    * @namespace
    * @requires 
============================================= */

html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

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

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
/*	vertical-align: baseline;*/
	vertical-align: super;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

/* =============================================
   YUI Fonts 

   Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0

    * YUI Fonts
    * @module fonts
    * @namespace yui-
    * @requires 

    for setting 10px => 77%
    for setting 11px => 85%
    for setting 12px => 93%
    for setting 13px => 100%
    for setting 14px => 108%
    for setting 15px => 116%
    for setting 16px => 123.1%
    for setting 17px => 131%
    for setting 18px => 138.5%
    for setting 19px => 146.5%
    for setting 20px => 153.9%
    for setting 21px => 161.6%
    for setting 22px => 167%
    for setting 23px => 174%
    for setting 24px => 182%
    for setting 25px => 189%
    for setting 26px => 197%

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

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/* =============================================
   element
============================================= */
hr {
	display: none;
}
a,
a:link {
	text-decoration: underline;
}
a:visited {
}
a:hover {
	text-decoration: none;
}
table {
		border-collapse: collapse;
}

/* =============================================
   layout
============================================= */

/* base ------------------------------------- */
body {
	text-align: center;
}
	body.top {}
	body.second {}
#container {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

/* header ----------------------------------- */
#head {}
#head p#trademark {
	width: 420px;/* width of logotype */
	float: left;
}
#head div#logomark {
	width: 160px;
	float: right;
}

/* global navigation ------------------------ */
ul#glNavi {}
ul#glNavi li {
	float: left;
}

/* topic path ------------------------------- */
ul#topicPath {}
ul#topicPath li {
	float: left;
}

/* main area -------------------------------- */
#main {
	margin-top: 20px;
}

/* content ---------------------------------- */
#content {
	position: relative;
	width: 650px;
}
	.patternLS #content {
		left: 10px;
		float: left;
	}
	.patternSL #content {
		right: 10px;
		float: right;
	}

/* sub navigation --------------------------- */
#subNavi {
	position: relative;
	width: 220px;
}
	.patternLS #subNavi {
		right: 10px;
		float: right;
	}
	.patternSL #subNavi {
		left: 10px;
		float: left;
	}

/* footer ----------------------------------- */
#footer {
	margin: 20px 0 0;
	padding: 15px 0;
}

/* clearfix setting ------------------------- */
#head:after,
ul#glNavi:after,
ul#topicPath:after,
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#head,
ul#glNavi,
ul#topicPath,
#main {
	display: inline-block;
}

/*\*/
* html #head,
* html ul#glNavi,
* html ul#topicPath,
* html #main {
	height:1%;
}
#head,
ul#glNavi,
ul#topicPath,
#main {
	display: block;
}
/* */


/* =============================================
   Design:base, element
============================================= */

body {
	background: #eee;
}
#container {
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* element ---------------------------------- */
a:link {
	color: #001387;
}
a:visited {
	color: #666;
}
a:hover {
	color: #6272D3;
}



/* =============================================
   Design：#head
============================================= */

/* google cse ------------------------------- */
#head {
	padding: 10px 0;
}
#head div#logomark {
	margin: 0;
}
#head div#logomark input.text {
	width: 150px;
	margin-right: 10px;
	padding: 2px 0;
	border: 1px solid #ccc;
}
#head div#logomark input.btn {
	vertical-align: middle;
}

/* =============================================
   Design：#glNavi
============================================= */

ul#glNavi {
	margin: 0 5px 0 10px;
}
ul#glNavi li {
	margin-bottom: 10px;
	border-right: 1px solid #fff;
	background: #3278be;
	font-size: 85%;
}
	ul#glNavi li a {
		display: block;
		padding: 7px 3px;
		overflow: hidden;
		text-align: center;
		line-height: 1.0em;
	}
	ul#glNavi li a:link,
	ul#glNavi li a:visited {
		color: #fff;
		text-decoration: none;
	}
	ul#glNavi li a:hover {
		background: #32c1d2;
		color: #fff;
	}

ul#glNavi.menu3 li { width: 300px; }
ul#glNavi.menu4 li { width: 225px; }
ul#glNavi.menu5 li { width: 180px; }
ul#glNavi.menu6 li { width: 149px; }
ul#glNavi.menu7 li { width: 128px; }
ul#glNavi.menu8 li { width: 112px; }
ul#glNavi.menu9 li { width: 99px; }

ul#glNavi.menu3 li.home { width: 298px; }
ul#glNavi.menu4 li.home { width: 222px; }
ul#glNavi.menu5 li.home {}
ul#glNavi.menu6 li.home { width: 150px; }
ul#glNavi.menu7 li.home { width: 126px; }
ul#glNavi.menu8 li.home { width: 109px; }
ul#glNavi.menu9 li.home { width: 100px; }

/* =============================================
   Design：#topicPath
============================================= */

ul#topicPath {
	margin: 0 20px;
}
ul#topicPath li {
	padding-left: 30px;
	background: url(../images/icnTpath_01.gif) 12px center no-repeat;
	font-size: 77%;
}
ul#topicPath li.home {
	padding-left: 0;
	background: none;
}

/* =============================================
   Design：#content
============================================= */

/* title, headings -------------------------- */
#content h1 {
	margin-bottom: 20px;
	padding: 5px;
	background: #3278be;
	color: #fff;
	font-size: 182%;
	font-weight: bold;
}
#content h2 {
	position: relative;
	margin-bottom: 20px;
	padding: 5px;
	border-left: 7px solid #ccc;
	background: #eee;
	font-size: 131%;
	font-weight: bold;
}
#content h3 {
	margin-bottom: 10px;
	padding: 1px 5px;
	border-left: 5px solid #999;
	font-size: 116%;
	font-weight: bold;
}

#content h4 {
	margin-bottom: 5px;
	padding: 1px 0px;
/*	border-left: 5px solid #3278be;*/
	font-size: 100%;
	font-weight: bold;
}



/* block ------------------------------------ */
.block {
	clear: both;
	margin: 0 0 30px 0;
}
	.block:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.block {
		display: inline-block;
	}
	
	/*\*/
	* html .block {
		height:1%;
	}
	.block {
		display: block;
	}
	/* */


/* paragraph, text -------------------------- */
#content p {
	margin-bottom: 20px;
}
#content p.desc {
	margin-left: 10px;
}


#content p.sub {
	margin-bottom: 5px;
	text-align: right;
	font-size: 85%;
}

#content strong {
	font-weight: bold;
	color: #f00;
}

#content em {
	font-weight: bold;
}

#content .caution {
	color: #d00;
}

/* list ------------------------------------- */
#content ul.normal {
	margin-bottom: 20px;
}
	#content ul.normal li {
		position: relative;
		padding: 2px 0 5px 18px;
		background: url(../images/icn_02.gif) 5px 0.6em no-repeat;
	}

#content ol.normal {
	margin-bottom: 20px;
}
	#content ol.normal li {
	    position: relative;
/*	    padding: 2px 0 5px 18px;*/
/*	    list-style-type: decimal; */
	    padding: 2px 0 5px 5px;
	    list-style-type: none;
	}
	
/* Archive list ----------------------------- */
#content table.archive {
	width: 100%;
	margin: 0 0 20px;
	border-top: 1px solid #ccc;
}
	#content table.archive th,
	#content table.archive td {
		vertical-align: top;
		padding: 6px 0;
		border-bottom: 1px solid #ccc;
	}
	#content table.archive th {
		width: 11em;
	}

/* link ------------------------------------- */
#content .link {
	margin-bottom: 20px;
	text-align: right;
}
#content .link a {
	padding: 7px 0 0 15px;
	background: url(../images/arwR_01.gif) 2px 10px no-repeat;
}
#content .link a.newwin {
	padding: 7px 0 0 15px;
	background: url(../images/icnNewwin_01.gif) 0 12px no-repeat;
}

/* table ----------------------------------- */
#content table.normal {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#content table.normal th,
#content table.normal td {
    padding: 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#content table.normal th {
    background: #eee;
    font-weight: bold;
}
#content table.normal td {
    background: #fff;
}



#content table.withNote {
	width: 100%;
/*	margin-bottom: 20px;*/
	margin-bottom: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#content table.withNote th,
#content table.withNote td {
    padding: 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#content table.withNote th {
    background: #eee;
    font-weight: bold;
}
#content table.withNote td {
    background: #fff;
}


/* form ------------------------------------ */
#content table.form {
	width: 100%;
	margin-bottom: 20px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
	#content table.form th,
	#content table.form td {
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}
	#content table.form th {
		background: #eee;
		width: 12em;
	}
	#content table.form.long th {
		width: auto;
	}

#content table.form input.text {
	width: 300px;
	border: 1px solid #aaa;
}
	#content table.form input.text#phone,
	#content table.form input.text#fax {
		width: 200px;
	}
	#content table.form input.text#zip01 {
		width: 60px;
	}
	#content table.form input.text#zip02 {
		width: 80px;
	}
	#content table.form textarea.textbox {
		width: 400px;
		height: 100px;
		border: 1px solid #aaa;
	}
	
#content table.form.long textarea.textbox {
	width: 500px;
}
	
#content table.form p.caution {
	margin: 5px 0 0;
}

#content div.button {
	margin-bottom: 20px;
	text-align: center;
}
#content div.button input.go {
	margin: 0 5px;
}
#content div.button input.back {
	margin: 0 5px;
}

/* image set ------------------------------- */
#content div.set { text-align: center; }
	#content div.set:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
	#content div.set { display:inline-block; }
	/*\*/
	*html #content div.set { height:1%; }
	#content div.set { display:block; }
	/* */

#content div.set {
	text-align: left;
}

#content div.set div.img.posC {
	margin: 0 auto 10px;
}

#content div.set div.img.posR {
	float: right;
	margin: 0 0 20px 10px;
}
#content div.set div.img.posL {
	float: left;
	margin: 0 10px 20px 0;
}

#content div.set div.img p {
	margin: 5px 0 0;
	font-size: 85%;
}

#content div.set h4  {
	font-size: 110%;
	font-weight: bold;
}



/* to top ---------------------------------- */
#content p.toTop {
	padding: 5px 0 0;
	font-size: 77%;
	text-align: right;
}
#content p.toTop a {
	padding-left: 12px;
	background: url(../images/arwU_01.gif) 0 0.4em no-repeat;
	color: #333;
}
#content p.toTop a:link {
	color: #333;
}
#content p.toTop a:hover {
	color: #f6821f;
}
#content p.toTop a:visited {
	color: #333;
}


/* =============================================
   Design：#subNavi
============================================= */

#subNavi {
	border-top: 3px solid #999;
}
#subNavi h3 {
	padding: 10px;
	background: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#subNavi ul#menuList { 
	border-bottom: 3px solid #999;
 }
#subNavi ul#menuList li {
	position: relative;
	padding: 7px 10px 7px 20px;
	background: url(../images/icn_01.gif) 10px 12px no-repeat;
}
#subNavi ul#menuList li ul li {
	padding: 7px 10px 0px 20px;
}

/* banner set ------------------------------ */
#subNavi ul.banner {
	margin: 20px 0 0;
	padding: 10px 10px 0;
	background: #eee;
}
#subNavi ul.banner li {
	padding-bottom: 7px;
}

/* =============================================
   Design：#footer
============================================= */

#footer {
	padding: 15px 10px;
	border-top: 1px solid #999;
	text-align: center;
}
#footer ul#footNavi {
	display: inline;
	font-size: 85%;
	border-right: 1px solid #999;
}
#footer ul#footNavi li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #999;
}
#footer p {
	margin: 20px 10px 0;
	font-size: 77%;
}