/* 初期化設定 ----------------------------------------------------------------------------------- */

body, h1, h2, h3, ol, ul, li, dl, dt, dd, table, th, td, p, img, a, div, address {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}

body {
	font-size: 62.5%;
	background: #fff url(../images/bg_main.jpg) repeat-y top center;
}

body#big {
	font-size: 62.5%;
	background: #fff url(../images/bg_main.jpg) repeat-y;
	background-position: -300px 0;
}

ul {
	list-style-type: none;
}

a:focus,
a:hover,
a:active {
	text-decoration: underline !important;
	overflow: hidden;
}



/* --- FireFox スクロールバー --- */

html>/**/body {
	overflow-y: scroll;
}

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


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

#screen {
	width: 932px;
	margin: 0 auto;
}

#screen div.contents-top {
	width: 932px;
	height: 23px;
	background: #fff url(../images/bg_contents-top.jpg) no-repeat;
}

#screen div.contents-bottom {
	width: 932px;
	height: 17px;
	background: #fff url(../images/bg_contents-bottom.jpg) no-repeat bottom;
}

/* --- floatハック --- */

#header:after,
#header2:after,
#frame:after,
#navi:after,
#contents:after,
#index:after,
#text:after,
#thumbnail:after,
#pagelink:after,
#footer:after,
div.section:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html #header,
* html #header2,
* html #frame,
* html #navi,
* html #contents,
* html #index,
* html #text,
* html #thumbnail,
* html #pagelink,
* html #footer,
* html div.section {
	display: inline-block;
}

/* no ie mac \*/

* html #header,
* html #header2,
* html #frame,
* html #navi,
* html #contents,
* html #index,
* html #text,
* html #thumbnail,
* html #pagelink,
* html #footer,
* html div.section {
	height: 1%;
}

#header,
#header2,
#frame,
#navi,
#contents,
#index,
#text,
#thumbnail,
#pagelink,
#footer,
div.section {
	display: block;
}

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


/* ヘッダ --------------------------------------------------------------------------------------- */

#screen #header {
	width: 932px;
	padding-top: 18px;
	background: transparent url(../images/bg_header.jpg) no-repeat;
}

#screen #header2 {
	width: 932px;
	padding-top: 18px;
	background: transparent url(../images/bg_header.jpg) no-repeat;
	background-position: 3px 0;
}

#header div.winclose,
#header2 div.winclose {
	margin-right: 10px;
	float: right;
	text-indent: -9999px;
	background: transparent url(../images/btn_close.gif) no-repeat;
}

#header div.winclose a,
#header2 div.winclose a {
	width: 21px;
	height: 21px;
	display: block;
}

#header div.title,
#header2 div.title {
	margin-left: 9px;
	text-indent: -9999px;
	background: transparent url(../images/logo_title.gif) no-repeat;
}

#header div.title a,
#header2 div.title a {
	width: 255px;
	height: 59px;
	display: block;
}


/* --- ナビゲーション --- */

#header div.navi,
#header2 div.navi {
	margin: -9px 5px 0;
	float: right;
}

#header div.navi ul li,
#header2 div.navi ul li {
	margin-left: 15px;
	font-size: 1.2em;
	line-height: 1.5em;
	display: inline;
}

#header div.navi ul li a,
#header2 div.navi ul li a {
	padding-left: 16px;
	color: #560a0a;
	background: transparent url(../images/icon_arrow01.gif) no-repeat top left;
}

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

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


/* コンテンツエリア ----------------------------------------------------------------------------- */

#contents {
	width: 900px;
	padding: 0 16px;
	background: #fff url(../images/bg_contents.gif) repeat-y top left;
}

#contents h1.type01 {
	width: 881px;
	height: 33px;
	margin-bottom: 12px;
	padding: 14px 0 0 17px;
	vartical-align: center;
	border: 1px solid #999;
	background-color: #f4f4f4;
}

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


/* ページタイトル ------------------------------------------------------------------------------- */

#title dt {
	height: 21px;
	padding-bottom: 5px;
	text-indent: -9999px;
	border-bottom: 1px solid #c8990b;
}


#title dl.sec1 dt {
	background: #fff url(../images/caption/ttl_section1.gif) no-repeat top left;
}

#title dl.sec2 dt {
	background: #fff url(../images/caption/ttl_section2.gif) no-repeat top left;
}

#title dl.sec3 dt {
	background: #fff url(../images/caption/ttl_section3.gif) no-repeat top left;
}

#title dd {
	padding: 18px 0;
}

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


/* リストページ --------------------------------------------------------------------------------- */

#listframe {
	width: 860px;
	padding: 10px 20px;
	border: 1px solid #ccc;
	background-color: #f4f4f3;
}

#listframe h2 {
	font-size: 1.4em;
	font-weight: bold;
}

#listframe h2 small {
	margin-left: 10px;
}

#listframe h3 {
	width: 610px;
	margin: 25px auto 20px;
	padding: 8px 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color: #a9a9a9;
}

#listframe ol {
	width: 610px;
	list-style: none;
	margin: 0 auto;
}

#listframe ol li {
	margin-bottom: 15px;
	padding-top: 24px;
	float: left;
}

#listframe ol li.pic01,
#listframe ol li.pic03,
#listframe ol li.pic05 {
	width: 310px;
}

#listframe ol li.pic01 {
	background: transparent url(../images/no/panel_1.gif) no-repeat;
}

#listframe ol li.pic02 {
	background: transparent url(../images/no/panel_2.gif) no-repeat;
}

#listframe ol li.pic03 {
	background: transparent url(../images/no/panel_3.gif) no-repeat;
}

#listframe ol li.pic04 {
	background: transparent url(../images/no/panel_4.gif) no-repeat;
}

#listframe ol li.pic05 {
	background: transparent url(../images/no/panel_5.gif) no-repeat;
}

#listframe ol li.pic06 {
	background: transparent url(../images/no/panel_6.gif) no-repeat;
}


#listframe ol li img {
	width: 298px;
	height: 198px;
	border: 1px solid #bbb;
}

#listframe ol li a:focus img,
#listframe ol li a:hover img,
#listframe ol li a:active img {
	border-color: #bb340f;
}

#listframe p.pictinfo {
	margin: 0 0 10px 125px;
	_margin-top: -15px;
	height: 11px;
	text-indent: -9999px;
	background: transparent url(../images/txt_exp01.gif) no-repeat;
}


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




/* ページトップ --------------------------------------------------------------------------------- */

.pagetop01 {
	text-align: right;
	padding: 20px 0 30px;
}

.pagetop01 a {
	padding-left: 15px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #a20b0b;
	background: transparent url(../images/icon_arrorw04.gif) no-repeat;
}

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


/* フッタ --------------------------------------------------------------------------------------- */

#footer {
	width: 932px;
	padding: 5px 0 30px;
	clear: both;
	text-align: right;
}

#footer div.sitetop {
	margin-left: 10px;
	padding: 3px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	float: left;
}

#footer div.sitetop a {
	padding-left: 16px;
	color: #560a0a;
	background: transparent url(../images/icon_arrow01.gif) no-repeat top left;
}

#footer address {
	padding-right: 5px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #928f89;
}

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


body#big #screen {
	width: 1862px;
	margin: 0 20px;
}

body#big div.contents-top {
	width: 1862px;
	height: 23px;
	background: #fff url(../images/bg_contents-top2.jpg) no-repeat;
}

body#big #header {
	width: 1862px;
	padding-top: 18px;
	background: transparent url(../images/bg_header.jpg) no-repeat top center;
}

body#big div.contents-bottom {
	width: 1862px;
	height: 17px;
	background: #fff url(../images/bg_contents-bottom2.jpg) no-repeat bottom;
}


body#big #contents {
	width: 1830px;
	padding: 0 16px;
	background: #fff url(../images/bg_contents2.gif) repeat-y top left;
}


body#big #contents dl.photobig {
	width: 1800px;
	margin: 0 auto;
}


body#big #contents dl.photobig dt {
	padding: 8px 15px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #a9a9a9;
}


body#big #contents dl.photobig dd {
	padding-top: 10px;
}


body#big #footer {
	width: 1862px;
	padding: 5px 0 30px;
	text-align: right;
}


/* その他 --------------------------------------------------------------------------------------- */

* small {
	font-size: 0.8em;
}

.f-clr {
	font-size: 1%;
	clear: both;
	float: none;
}

img.null {
	width: 1px;
	height: 1px;
}

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