@charset "utf-8";

/*------------------------------------------------------------------------------
BNGI - CSS Modules Import
Date: 2010-04-27
Copyright (C) BNGI. All Rights Reserved.
------------------------------------------------------------------------------*/

/******************************************
- Title Style
- List Style
- Section Style
- Table Style
- Banner Style
- Button Style
- Form Style
- Common Class
- Clearfix
*******************************************/

/* ----------------------------------------

TitStyle

---------------------------------------- */

/* -- TitStyle01 -- */

.TitStyle01_01 {
	position: relative;
	width: 571px;
	height: 19px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-left: 7px;
	background: url(/common/img/css/bg_sprite_01.png) 0 -1018px no-repeat;
	line-height: 1.1;
}

.TitStyle01_01 a {
	position: absolute;
	top: 6px;
	right: 1em;
}

*:first-child+html .TitStyle01_01 img {
	vertical-align: top;
}

/* ----------------------------------------

ListStyle

---------------------------------------- */

/* -- ItemList -- */

ul.ItemList01 {
	padding-bottom: 12px;
}

ul.ItemList01 li {
	float: left;
	display: inline;
	width: 264px;
	margin-right: 9px;
}

ul.ItemList01 li a.Photo {
	float: left;
	width: 102px;
}

ul.ItemList01 li a.Photo img {
	border: 1px solid #ccc;
}

ul.ItemList01 li dl {
	margin-left: 107px;
}

ul.ItemList01 li dl dt {
	line-height: 1.3;
}

ul.ItemList01 li dl dt img {
	margin-bottom: 3px;
}

ul.ItemList01 li dl dd {
	font-size: 83.4%;
}

/* -- ListStyle01 -- */

ul.ListStyle01 {
	padding-left: 20px;
}

ul.ListStyle01 li {
	list-style-type: disc;
}

/* -- ListStyleDef -- */

.ListStyleDef {
	padding-left: 30px;
}

ul.ListStyleDef li {
	list-style-type: disc;
}

ol.ListStyleDef li {
	list-style-type: decimal;
}

/* -- WordSearch -- */

.WordSearch a {
	padding-left: 10px;
	background: url("/common/img/css/icon_arrow_02.png") no-repeat scroll 0 50% transparent;
}

/* -- BreadCrumb -- */

#BreadCrumb {
	margin-bottom: 2px;
	font-size: 91.7%;
}

#BreadCrumb li {
	display: inline;
}

/* ----------------------------------------

SecStyle

---------------------------------------- */

div.RecomSec01 {
	margin-bottom: 12px;
}

/* ----------------------------------------

TblStyle

---------------------------------------- */

/* -- TblStyle01 -- */

table.TblStyle01 {
	width: 100%;
	margin-bottom: 20px;
}

table.TblStyle01 th,
table.TblStyle01 td {
	padding: 0.4em 1em;
	border: 1px solid #ccc;
	vertical-align: top;
}

table.TblStyle01 th {
	background-color: #e9e9e9;
	font-weight: 700;
}

/* -- ItemList02 -- */

table.ItemList02 {
	width: 100%;
}

table.ItemList02 th,
table.ItemList02 td {
	padding-right: 5px;
	padding-bottom: 6px;
	text-align: left;
}

table.ItemList02 th {
	width: 52px;
}

table.ItemList02 th a img {
	border: 1px solid #ccc;
}

table.ItemList02 td {
}

/* -- Col -- */

col.FirstCol01 {
	width: 30%;
}

/* ----------------------------------------

BnrStyle

---------------------------------------- */

/* -- BnrStyle01 -- */

.BnrStyle01 {
	text-align: center;
}

.BnrStyle01 li {
	margin-bottom: 8px;
	padding: 2px;
	border: 1px solid #ccc;
}

/* ----------------------------------------

BtnStyle

---------------------------------------- */

/* -- BtnStyle01 -- */

.BtnStyle01 {
	text-align: center;
}

.BtnStyle01 li {
	display: inline;
	padding: 0 10px;
}

.BtnStyle01 li input {
	vertical-align: bottom;
}

/* ----------------------------------------

FormStyle
(input要素の幅は適宜調整する)

---------------------------------------- */

input,
textarea,
select {
	padding: 1px 0;
	vertical-align: baseline;
}

input,
textarea {
	padding: 2px 0;
}

input.Small01 {
	width: 4em;
}

input.Small02 {
	width: 50px;
}

input.Small03 {
	width: 18px;
}

input.Small04 {
	width: 3em;
}

input.Medium01 {
	width: 8em;
}

input.Medium02 {
	width: 30em;
}

textarea.Large01,
input.Large01 {
	width: 80%;
}

textarea.Large02,
input.Large02 {
	width: 98%;
}

/* ----------------------------------------

Common Class
(以下は暫定的に、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */

.Clear {
	clear: both;
}

.Hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}

.OutlineFix {
	/* Gecko outLinefix & MacIEHack ＼*/
	overflow: hidden;
	/* End */
}

.MgnTop0 {
	margin-top: 0;
}

.MgnTop10 {
	margin-top: 10px;
}

.MgnTop15 {
	margin-top: 15px;
}

.MgnTop20 {
	margin-top: 20px;
}

.MgnTop30 {
	margin-top: 30px;
}

.AlignCenter {
	text-align: center;
}

.AlignRight {
	text-align: right;
}

/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない、必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

.ClearFix:after,
ul.ItemList01:after,
ul.ItemList01 li:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html .ClearFix,
*:first-child+html ul.ItemList01,
*:first-child+html ul.ItemList01 li  {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html .ClearFix,
* html ul.ItemList01,
* html ul.ItemList01 li  {
	zoom: 1;
}