@charset "UTF-8";
/* -------------------------------------------------------- CSS Information 
Lust up date:   0000.00.00
Style Info:     Reset & Base css
------------------------------------------------------------------------ */  
/*===========================
�@�@�X���C�_�[���C���r�W���A������
===========================*/
.nav_and_viewer {
	position:relative;
}
.nav_and_viewer .bottom_shadow {
	position:absolute;
	bottom:0;
	background:url(../img/bg_shadow_header_bottom.png) center no-repeat;
	height:6px;
	width:100%;
	z-index:100;
}
#viewer {
	width:1000px;
	margin:0 auto;
}
#viewer ul#photo {
	width: 1000px;
	height: 380px;
	overflow: hidden;
	position: relative;
}
#viewer ul#photo li {
	top: 0;
	left: 0;
	position: absolute;
}
#viewer .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#viewer ul#controls:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#viewer ul#controls {
	display: inline-block;
	overflow: hidden;
}
/* =======================================
	�X���C�_�[�R���g���[������
======================================= */
#controls {
	width:1000px;
	position:absolute;
	margin:0 auto;
	bottom:-70px;
}
#wrap_thumb {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#wrap_thumb ul {
	margin-left:0;
	height:50px;
}
#wrap_thumb li {
	float:left;
	width:160px;
}
#controls .left {
	position:absolute;
	left:0;
	width:20px;
	background:#fff url(../img/index_img/bg_left.gif) center center no-repeat;
	height:60px;
	cursor:pointer;
}
#controls .right {
	position:absolute;
	right:0;
	width:20px;
	background:#fff url(../img/index_img/bg_right.gif) center center no-repeat;
	height:60px;
	cursor:pointer;
}
/* =======================================
	�w�b�_�[�G���A
======================================= */
header {
	/*margin-bottom:110px;*/
	margin-bottom:50px;
}
/* =======================================
	�R���e���c�G���A
======================================= */
h3 {
	position:relative;
	width:980px;
	/*background:url(../img/border_gray.gif) center bottom no-repeat;*/
	font-size:1.875em;
	font-size:3rem;
	text-align:center;
	color:#1f2c5c;
	padding:15px 0 38px;
	line-height:1;
}
h3 small {
	display:block;
	font-size:0.75em;
	font-size:1.2rem;
	color:#474747;
	line-height:1;
}
/* =======================================
	�W���C�t�B�b�g�Љ�
======================================= */
.intro {
	width:960px;
	margin:0 auto;
	margin-bottom:50px;
}
.intro .blue {
	width:470px;
	background:url(../img/border_dotted_center.gif) right repeat-y;
	padding-right:11px;
	position:relative;
}
.intro .red {
	width:470px;
	padding-left:9px;
	height:100%;
	position:relative;
}
.intro a {
	display:block;
	height:100%;
	text-decoration:none;
}
.intro .blue a:hover {
	background:#1f2c5c;
}
.intro .red a:hover {
	background:#b61a32;
}
.intro a:hover h2,.intro a:hover p,.intro a:hover p span {
	color:#fff;
}
.intro h2 {
	padding-left:92px;
	padding-top:10px;
	font-size:30px;
	line-height:1.066;
	min-height:59px;
}
.intro .blue h2 {
	background:url(../img/logo_blue.gif) 10px 5px no-repeat;
	border-top:#1f2c5c solid 5px;
	color:#1f2c5c;
}
.intro .red h2 {
	background:url(../img/logo_red.gif) 10px 5px no-repeat;
	border-top:#b61a32 solid 5px;
	color:#b61a32;
}
.intro p {
	padding:28px 20px 45px;
}
.intro .blue p span {
	font-size:0.875em;
	font-size:1.4rem;
	position:absolute;
	bottom:10px;
	right:21px;
}
.intro .red p span {
	font-size:0.875em;
	font-size:1.4rem;
	position:absolute;
	bottom:10px;
	right:10px;
}
.intro .blue p span {
	color:#1f2c5c;
	text-decoration:underline;
}
.intro .red p span{
	color:#b61a32;
	text-decoration:underline;
}
/* =======================================
	�V�X�I�[�v�����@�j���[�X���g�s�b�N
======================================= */
.cms {
	width:980px;
	margin:0 auto 80px;
}
.cms h3 a {
	position:absolute;
	bottom:42px;
	right:10px;
	background-color:#103d94;
	width:35px;
	height:35px;
}
.cms h3 a img {
	position:absolute;
	bottom:0;
	right:0;
}
.cms h3 a:hover {
	background-color:#708bbf;
}
.cms table {
	border-collapse:collapse;
	width:960px;
	margin:0 auto;
}
.cms table th {
	color:#1f2c5c;
	font-size:1em;
	font-size:1.6rem;
	vertical-align:middle;
	padding-left:13px;
	padding-right:20px;
	text-align:left;
	width:180px;
	border-bottom:1px dotted #474747;
}
.cms table td {
	border-bottom:1px dotted #474747;
	padding:30px 0;
	font-size:0.875em;
	font-size:1.4rem;
	line-height:1.78;
}
.cms table td em {
	font-size:1.1428em;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.56;
}
.cms.is_title table td {
	border-bottom:1px dotted #474747;
	padding:0 0 30px 0;
	font-size:0.875em;
	font-size:1.4rem;
	line-height:1.78;
}
.cms.is_title table td.shop_name {
	font-size:1.1428em;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.56;
	border-bottom:none;
	padding:30px 0 5px 0;
}

/* =======================================
	��W�o�i�[
======================================= */
.bnr {
	width:100%;
	background:#eaeaea;
	padding:10px 0;
	margin-bottom:40px;
	min-width:1000px;
}
.bnr ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.bnr ul {
	width:1000px;
	margin:0 auto;
	text-align:center;
}
.bnr ul li {
	display:inline;
	margin-right:10px;
}
.bnr ul li:last-child {
	margin-right:0;
}
.bnr img:hover {
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom:1;
}
/* =======================================
	�X�}�z�A�N�Z�X
======================================= */
#forSmartPhone {
	display:none;
	text-align:center;
	background:#333;
	padding:20px;
}
#forSmartPhone img {
	width:100%;
	height:auto;
}