/*
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
*/

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;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Set Typography (All Pages) ----------------------------------------------- */

body {
	font-size: 100%;
	font-family: arial,helvetica,clean,sans-serif;
	line-height: 1.5;
	}
html>body {
	font-size: 16px;
	}
/**
 * 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%;
	}

/* Set Default (All Pages) ----------------------------------------------------- */

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",arial,helvetica,clean,sans-serif;
	line-height: 1.5;
}

/*---------------------------------------
	Text
---------------------------------------*/

p { margin-bottom: 1em; font-size: 1em; }

pre, address, dl, ul, ol, table, blockquote { margin-bottom: 1.23em; font-size: 0.8125em; line-height: 1.85; }

h1, h2, h3, h4, h5, h6 { line-height: 1.125; }

h1 { margin-bottom: 3em; font-size: 2em; }

h2 { margin: 2em 0 1.5em 0; font-size: 1.5em; }

h3 { margin: 2.25em 0; font-size: 1.125em; }

h4 { margin: 1.5em 0; font-size: 1em; }

h5 { margin: 1.5em 0; font-size: 1em; }

blockquote {
	margin: 2em 0 2em 2em;
	padding: 0 0 0 1em;
	color: #666;
	border-left: 8px solid #cdf;
}

blockquote * { font-size: 100%; }

blockquote cite { display: block; text-align: right; }

blockquote[title]:before { content: attr(title); }

blockquote[cite]:after { display: block; content: attr(cite); text-align: right; }

/* 1行程度の短い引用に。 */
q:before,q:after{ content: '"'; }
/*
cite：参考文献、図書目録など。
dfn：特別な用語や語句に。
samp: 文字列を通常の文脈から際立たせる場合。
*/
cite, dfn, em, samp { padding: 0 .2em; }

strong { padding: 0 .2em; font-weight: bold; }

code { font-family:"Courier New", Courier, mono; }
/*
abbr: 長い単語や語句の省略形に。
acronym: 頭文字からなる語句に。
*/
abbr, acronym { border-bottom: 1px dotted #fff; cursor: help; }

kbd {
	border: 1px solid #000;
	padding: 0 0.3em; 
	background-color: #fff;
	font-family: monospace;
	text-transform: uppercase;
}

pre {
	padding: 0.5em 10px;
	border: 1px solid #000;
	overflow: scroll;
}

/*---------------------------------------
	Link
---------------------------------------*/

a { padding-bottom: .1em; color: #06f; text-decoration: none; }

a:link { }

a:visited { }

a:focus { outline: none; }

a:hover { text-decoration: underline; }

a:active { }

/*---------------------------------------
	List
---------------------------------------*/

li { list-style-position: outside; }

ul li {
	margin-left: 1.6em;
	padding-left: .4em;
	list-style-type: disc;
}

ol li {
	margin-left: 2em;
	list-style-type: decimal;
}

dd { margin-bottom: 1em; }

li ul, li ol, li dl, dd ul, dd ol, dd dl { margin-bottom: 0; }

/*---------------------------------------
	Edit
---------------------------------------*/

del {
	color: #000;
	text-decoration: line-through;
}

ins {
	border-bottom: 1px solid #000;
	text-decoration: none;
}

/*---------------------------------------
	Forms
---------------------------------------*/

fieldset {
	padding: 1.5em 1em;
	border: 1px solid #000;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
	font-weight: bold;
}

input,
select,
textarea {
	margin: 0.5em 10px 0.5em 0;
	vertical-align: middle;
}

input {
	padding: 0.2em 10px;
	line-height: 1.2;
}

textarea {
	padding: 0.2em 10px;
}

select {
	margin: 0.5em 10px;
}

label {
	padding-right: 10px;
}

input:hover,
textarea:hover {

}

input[type="radio"],
input[type="checkbox"] {

}

input:focus,
textarea:focus {

}

/*---------------------------------------
	Table
---------------------------------------*/

table {
	margin: 1.5em 2px;
}

th,
td {
	padding: 5px;
}

th,
caption {
	font-weight: bold;
}

td ul, td ol, td dl { margin-bottom: 0; }

/*---------------------------------------
	Image Module
---------------------------------------*/

img {　vertical-align: bottom;　}

a img {　border: none;　}

a:active img {　outline: none;　}

.frame { border: #999 2px solid; }

/*---------------------------------------
	Object Module
---------------------------------------*/

object,
embed {
	margin: 0;
}

/* Set Class (All Pages) ----------------------------------------------------- */

.grid { border: #f00 1px solid; }

/*======================================
	ICON Class
=======================================*/

.note {
	color: red;
	font-weight: bold;
}

.zip {
	margin-left: 2px;
	padding-left: 18px;
	background: transparent url("images/page_white_zip.png") left center no-repeat;
}

.pdf {
	margin-left: 2px;
	padding-left: 18px;
	background: transparent url("images/page_white_acrobat.png") left center no-repeat;
}

.detail {
	margin-left: 2px;
	padding-right: 18px;
	background: transparent url("images/resultset_next.png") right center no-repeat;
}

/*======================================
	Image Class
=======================================*/

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

.img-center {
	margin: 1em auto;
	text-align: center;
}

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

.foto-frame {
	padding: 5px;
	background-color: #000;
}

/*======================================
	Navigation Class
=======================================*/

.go-world {
	padding-left: 20px;
	background: transparent url("images/page_white_go.png") center left no-repeat;
}

.go-prev {
	padding-left: 20px;
	background: transparent url("images/resultset_previous.png") center left no-repeat;
}

.go-next {
	padding-right: 20px;
	background: transparent url("images/resultset_next.png") center right no-repeat;
}

.go-top {
	clear: both;
	margin-top: 20px;
	padding-right: 20px;
	background: transparent url("images/triangle_up.png") right center no-repeat;
	text-align: right;
}

/*======================================
	Color Class
=======================================*/

.red { color: #f00; }

.blue { color: #03c; }

.green { color: #090; }

.yellow { color: #f90; }

/*======================================
	Text Class
=======================================*/

.fontsize-13 { font-size: 13px; line-height: 1.84; }

.normal-font { margin-bottom: 1em; font-size: 1em; line-height: 1.5; }
.small-font { margin-bottom: 1.23em; font-size: 0.8125em; line-height: 1.85; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

.text-left { text-align: left; }

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

.text-right { text-align: right; }

.asterisk {
	padding: 0 3px;
	color: #f00;
	font-size: 77%;
	font-family: monospace;
	vertical-align: top;
}

a.asterisk {
	border-bottom: none;
}

a.asterisk:hover {
	border-bottom: #f00 1px solid;
}

.left-0 { margin-left: 0; }
.left-1 { margin-left: 1em; }
.left-2 { margin-left: 2em; }
.top-0 { margin-top: 0; }
.top-1 { margin-top: 1em; }
.top-2 { margin-top: 2em; }
.bottom-0 { margin-bottom: 0; }
.bottom-1 { margin-bottom: 1em; }
.bottom-2 { margin-bottom: 2em; }

/* オールドスタイル数字 */
.old-style {
	font-family: Georgia, Constantia, Hoefler Text, serif;
	font-weight: normal;
}

/*アンパサンド（“＆”）*/
.amp {
	font-family: Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-style: italic;
}

/* スモールキャップ */
.small-caps {
	font-family: Baskerville, Palatino, "Palatino Linotype", "Times New Roman", serif;
	font-variant: small-caps;
}

/*======================================
	List Class
=======================================*/

ol.upper-alpha li { list-style-type:upper-alpha; }

ol.lower-alpha li { list-style-type:lower-alpha; }

ol.greek li { list-style-type:lower-roman; }

ol.no-style li, ul.no-style li { list-style: none; margin-left: 1em; }

ul.circle li { list-style-type: circle; }

ul.square li { list-style-type:square; }

ol.margin-bottom li, ul.margin-bottom li { margin-bottom: 1em; }

/*======================================
	定義リスト Class
=======================================*/

dl.define dd {
	margin-left: 1em;
}

dl.dl-float {
	margin: 0;
}

dl.dl-float dt {
	width: 7em;
	float: left;
	clear: left;
	margin: 0;
}

dl.dl-float dd {
	margin: 0;
}

dd dl.dl-float dt {
	margin: 0;
}

dl.dt-bold dt {
	font-weight: bold;
}

dl.sub-head dt {
	margin: 2em 0 1em 0;
	font-weight: bold;
}

/*======================================
	TABLE Class
=======================================*/

table.no-line, table.no-line th, table.no-line td {
	border: none;
}

table.line, table.line th, table.line td {
	border: #99CCCC 1px solid;
}

table.green, table.green th, table.green td {
	border-color: #66FF99;
}

table.th-green th {
	background-color: #dfc;
}

table.th-liteblue th {
	background-color: #e0eeff;
	color: #000;
}

table.th-font-blue th {
	color: #036;
}

table.th-bold th {
	font-weight: bold;
}

table.th-normal th {
	font-weight: normal;
}

table.th-left th {
	text-align: left;
}

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

table.th-right th {
	text-align: right;
}

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

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

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

table.foto th {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}

table.foto td {
	padding: 0 10px 10px 10px;
	text-align: center;
}

table.ruling, table.ruling th, table.ruling td {
	border: none;
}

table.ruling td,
table.ruling th {
	vertical-align:top;
	padding : 0.2em 8px;
	border-top:#9cc 1px solid;
	border-bottom:#9cc 1px solid;
}

/*======================================
	ROUND CORNER HEADER Class
=======================================*/

.round-header {
	padding: 0;
	background: #659df9 url(images/rdbtn_blue_1.png) left top no-repeat;
	color: white;
}

.round-header span {
	display: block;
	background: url(images/rdbtn_blue_2.png) right top no-repeat;
}

.round-header span span {
	height: 100%;
	background: url(images/rdbtn_blue_3.png) right bottom no-repeat;
}

.round-header span span span {
	padding: 4px 1.5em;
	background: url(images/rdbtn_blue_4.png) left bottom no-repeat;
}

.round-header.rh-green { background-color: #3f892e; background-image: url(images/rdbtn_green_1.png); }

.round-header.rh-green span { background-image: url(images/rdbtn_green_2.png); }

.round-header.rh-green span span { background-image: url(images/rdbtn_green_3.png); }

.round-header.rh-green span span span { background-image: url(images/rdbtn_green_4.png); }

.round-header.rh-red { background-color: #a50000; background-image: url(images/rdbtn_red_1.png); }

.round-header.rh-red span { background-image: url(images/rdbtn_red_2.png); }

.round-header.rh-red span span { background-image: url(images/rdbtn_red_3.png); }

.round-header.rh-red span span span { background-image: url(images/rdbtn_red_4.png); }

/*======================================
	ROUND CORNER Class
=======================================*/

.round-corner {
	margin: 1em 0;
	padding: 0;
	background: #edf3f6 url(images/rd_litegray_1.png) left top no-repeat;
	border: none;
}

.round-corner span {
	display: block;
	background: url(images/rd_litegray_2.png) right top no-repeat;
}

.round-corner span span {
	height: 100%;
	background: url(images/rd_litegray_3.png) right bottom no-repeat;
}

.round-corner span span span {
	padding: 4px 1.5em;
	background: url(images/rd_litegray_4.png) left bottom no-repeat;
}

/*======================================
	Clear Class
=======================================*/

.clear { clear: both; }

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

.clearfix {
	_height: 1px;
	min-height: 1px;
}

/* for MacIE5 \*//*/
.clearfix {
	height: auto;
	overflow: hidden;
}
/* end */