@charset "shift_jis";
/* ブラウザスタイルの初期化 */
/* ----- HTML再定義 ------------------------------------ */


* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;

	text-align: left;
	color:#333333;
}
body {
	color: #666666;
	background-image: url(../images/bg3.jpg);
}


img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

/* ブラウザスタイルの初期化(IE 6など一部のブラウザ向け) */
th,td,form {
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	color: #333333;
	font-size: medium;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;

}

img {border: none;
vertical-align: bottom;}

/*\*/ a { overflow: hidden; }/**/

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

a:link, a:visited {
	color: #D22930;

	text-decoration: none;
}
a:active, a:hover {
	color: #666666;

	text-decoration: none;
}


ul li{list-style:none;}

br{ letter-spacing :0;}

/* ----- サイト全体------------------------------------ */
div#container {
	width:803px;
	height:auto;
	margin: 0px auto;
	background-color: #FFFFFF;	
	position: relative;
}	
/* ----- ヘッダー------------------------------------ */
div#header {
	float: none;
	clear: both;
	width:800px;
	height: 82px;
	background-color:#FFFFFF;
	background-image: url(../images/headerbq.jpg);
	background-repeat:repeat-x;
}


div#header h1 {
	
	width:150px;
	height:80px;
	padding:0px;
	margin:0px;
	display:block;
	background-position: right bottom;
	float:left;
}
/* (IE 6など一部のブラウザ向け) */
* html div#header h1 {
	
	width:150px;
	height:80px;
	padding:0px;
	margin:0px;
	display:block;
	background-position: right bottom;
	float:left;
}

div#header h1 a {
	display:block;
	width:150px;
	height:80px;
	padding:0px;
	margin:0px;
}
div#header h1 a span {
	display:none;
}

@media screen {
	div#header h1 a {
		font-family: Verdana, Arial, sans-serif;
	}}
	

#flash {
background: url(../images/flash_side.jpg);
background-repeat:repeat-x;
height:300px;
width:803px;
}

#fl1{
width:145px;
height:300px;
float:left;

}

#fl2{
width:500px;
height:300px;
float:left;
background-image:url(../images/flash.jpg);
background-repeat:no-repeat;
}

#fl3{
width:145px;
height:300px;
float:left;

}
#fl4{
width:802px;
height:30px;
float:left;
background-image:url(../images/fla_info.jpg);

}

#fl1 ul{
width:150px;
}

#fl1 li{
padding-left: 4px;
padding-top:20px;
}

#fl1 li a{
}

#fl3 ul{
width:150px;

}

#fl3 li{
padding-top:20px;
padding-left: 4px;
}

#fl3 li a{
}


/* ----- menu --------------- */

div#menu{
width:800px;
height:50px;
margin: 0px;
clear:both;
}

#menu ul{
	width:800px;
	margin: 0px;
}
#menu li {
float:left;
margin:0px;
	padding: 0px;
	height: 50px;
}

/* ----- menu 2ndページ以降 -------- */

div#menu2{
width:800px;
height:50px;
margin: 0px;
padding: 0px;
}

#menu2 ul{
	width:800px;
	margin: 0px;
	padding: 0px;
	height: 50px;
}
#menu2 li {
float:left;
margin:0px;
	padding: 0px;
	height: 50px;
}	

/* ----- メイン -------------------------------- */

/* ----- トップページ ----- */
h2.toph2{
	height:30px; line-height:30px;
	background:url(../images/toptitle_bg.gif) left top repeat-x;
	font-size:16px; font-weight:bold;
	text-indent:10px;
	color:#FFFFFF;
	margin-right:2px;
}


div#main1{
	width:280px;
	float:left;
	background:url(../images/border_dotted_y.jpg) right top repeat-y;
	color:#221E1F;
	margin:0px;
}
div#main1_scro{
	overflow:auto;
	margin-top:10px;
	padding-left: 10px;
}
div#main1_scro dt{
	clear:both;
	float:left;
	width:70px;
	padding-bottom:5px;
}
div#main1_scro dd{
	float:left;
	width:150px;
	padding-bottom:5px;
}

div#main2{
width:300px;
float:left;
background:url(../images/border_dotted_y.jpg) right top repeat-y;
background-repeat:repeat-y;
text-align:center;

}
div#main2 .ce_midashi{
	margin-top: 10px;
}
div#main2 .r_kochira{
	text-align: right;
	width: 285px;
	margin-top: 5px;
}
div#main2 .ce_img{
	margin-top: 10px;
	margin-left: 10px;
}

div#main3{
	width:200px;
	float:right;
	background-color:#FFFFFF;
}

#top_newsbox{
margin-left:20px;
_margin-left:15px;
margin-right:20px;
margin-top:20px;
margin-bottom:10px;
zoom:100%;
}


#top_newsbox:after{
content:" ";
clear:both;
height:0;
display:block;
visibility:hidden;
}

div#main3 ul{
width:200px;
}

div#main3 li{
margin-left: 10px;
margin-top: 10px;
}


.main2_img{
margin-top:50px;
margin-left:60px;
}

.main_tex{
	color:#D22930;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.main_tex2{
color:#D22930;
padding-right: 10px;
margin-top:5px;
}

.red{
color:#D22930;
}

/* ----- フッター-------------------------------- */
div#footer {
	float: none;
	clear: both;
	width:800px;
	height: 170px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top: 10px;
}

.footimg_1{
margin-left:12px;
margin-top:50px;

}
/* (Operaなど一部のブラウザ向け) */
html:first-child .footimg_1{
margin-left:12px;
margin-top:42px;
margin-bottom:20px;
}
.foot_link{
margin-left: 10px;
margin-right:5px;
}

/* (Operaなど一部のブラウザ向け) */
html:first-child div#footer p{
	height: 20px;
}

/* ----- イベント情報 ------ */
.event_tab01{
margin-left:4px;
margin-top:4px;
}

#main2 p {
margin-top:36px;
margin-bottom:0px;
margin-left:10px;
}

#main2 a:hover {background:#ffffff; text-decoration:none; font-size:10px;} /*BG color is a must for IE6*/
#main2 a.tooltip span {display:none; padding:2px 2px; margin-left:0px; width:85px; margin:3px; font-size:10px;}
#main2 a.tooltip:hover span{display:inline; position:absolute; background:#fff; color:#D22930; text-align: center; font-size:10px; }


#topgear_input{
	width:580px;
	clear:left;
	background:url(../images/border_dotted_y.jpg) right top repeat-y;
	margin:10px 0;
}
#topgear_input li{
	line-height:1.8;
}
#topgear_input a:link,
#topgear_input a:visited{
	text-decoration:none;
}

#blog_input{
	margin-top:10px;
	padding:0px 10px 0px 10px; 
	margin-right:1px;
}

/*===== 09/09/15 ===============*/

#blog_input .top_new_inbox{
	float:left;
	width:170px;
	border:1px dotted #c5c5c5;
	border-collapse:collapse;
	height:165px;
	text-align:center;
	margin:7px;
}
*html #blog_input .top_new_inbox{
	margin:5px;
}

#blog_input .top_new_inbox h3{
	margin:5px 0 5px 0;
	text-align:center;
}
#blog_input .top_new_inbox h3 a{
	text-align:center;
}

#blog_input .top_new_inbox ul{
	text-align:left;
	padding-left:5px;
	margin:5px 0;
}

#blog_input .top_new_inbox li{
background:url(../images/yajirushi_r.jpg) left no-repeat;
padding-left:15px;
}

#blog_input .top_new_inbox li a{
	text-align:left;
}
#blog_input .top_new_inbox li a:link,
#blog_input .top_new_inbox li a:visited{
	color:#090909;
}
#blog_input .top_new_inbox li a:hover{
	color:#999999;
}

#blog_input .top_new_inbox li span{
	font-size:10px;
	padding-left:2px;
	color:#D22930;
}

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


#main_left{
	float:left;
	width:590px;
	margin-bottom:5px;
}

#news_event{
}

.gw_bana{
float:right;
margin-right:10px;
margin-bottom:15px;
}

a:hover img{
opacity: 0.7; 
filter: Alpha(opacity=70); 
}

.top_new_link{
margin-right:5px;
}



/*===== 100318 ===============*/

.t_bana001{
background:url(../images/t_bana001_o.jpg) no-repeat;
}

.t_bana001 a{
text-indent:-99999px;
display:block;
background:url(../images/t_bana001_o.jpg) no-repeat;
width:150px;
height:153px;
}

.t_bana001 a:hover{
background:url(../images/t_bana001_a.jpg) no-repeat;
}

.t_bana002{
background:url(../images/t_bana002_o.jpg) no-repeat;
}

.t_bana002 a{
text-indent:-99999px;
display:block;
background:url(../images/t_bana002_o.jpg) no-repeat;
width:150px;
height:153px;
}

.t_bana002 a:hover{
background:url(../images/t_bana002_a.jpg) no-repeat;
}


.t_bana003{
	background:url(../images/sanma.jpg) no-repeat;
}

.t_bana003 a{
text-indent:-99999px;
display:block;
background:url(../images/sanma_a.jpg) no-repeat;
width:150px;
height:306px;
}

.t_bana003 a:hover{
	background:url(../images/sanma_a.jpg) no-repeat;
	border-color: #FFFFFF;
}


.t_bana004{
background:url(../images/t_bana004.jpg) no-repeat;
}

.t_bana004 a{
text-indent:-99999px;
display:block;
background:url(../images/t_bana004.jpg) no-repeat;
width:150px;
height:153px;
}

.t_bana004 a:hover{
background:url(../images/t_bana004.jpg) no-repeat;
}

.t_shop{
border: solid 1px #ccc;
width:230px;
padding:5px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
float:left;
font-size:11px;
line-height:1.5;
}

.t_shop img{
margin-bottom:1em;
}

.t_shop strong{
font-size:14px;
color:#a4080b;
}

.t_shop span{
color:#999;
}

.t_shop p{
padding-bottom:0.5em;
margin-bottom:0.5em;
border-bottom: dotted 1px #ccc;
}

.t_shop_link{
background:url(../images/t_bana_btn_o.jpg) no-repeat;
margin-left:15px;
margin-top:15px;
margin-bottom:10px;
}

.t_shop_link a{
background:url(../images/t_bana_btn_o.jpg) no-repeat;
width:200px;
height:31px;
display:block;
text-indent:-99999px;
}

.t_shop_link2 a:hover{
	margin-top: 1em;
	background: url(../images/t_bana_btn2_a.jpg) no-repeat;
}

.t_shop_link2{
background:url(../images/t_bana_btn2_o.jpg) no-repeat;
margin-left:15px;
margin-top:15px;
margin-bottom:10px;
}

.t_shop_link2 a{
background:url(../images/t_bana_btn2_o.jpg) no-repeat;
width:200px;
height:31px;
display:block;
text-indent:-99999px;
}

.t_shop_link a:hover{
background:url(../images/t_bana_btn_a.jpg) no-repeat;
}

.t_shop_link3{
background:url(../images/t_bana_btn2_k.jpg) no-repeat;
margin-left:15px;
margin-top:15px;
margin-bottom:10px;
}

.t_shop_link3 a{
background:url(../images/t_bana_btn2_k.jpg) no-repeat;
width:200px;
height:31px;
display:block;
text-indent:-99999px;
}

.t_shop_link3 a:hover{
background:url(../images/t_bana_btn2_k_a.jpg) no-repeat;
}

.t_infomation{
clear: both;
zoom:100%;
background:url(../images/toptitle_bg.gif) repeat-x top;
margin-bottom:10px;
}

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

.t_info{
float:left;
width:290px;
margin-left:15px;
_margin-left:10px;
}

.t_info2{
float:left;
width:180px;
}

.t_info_title{
color:#fff;
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-bottom:20px;
}

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


/* --ページ内リンク-- */

.subnavi{
margin-left:7px;
zoom:100%;
}

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

.subnavi li{
list-style:none;
float:left;
margin-top:1em;
}

.subnavi .li a{
width:150px;
font-size:14px;
margin-left:15px;
padding:5px;
background:#d22930;
color:#fff;
display:block;
text-decoration:none;
text-align:center;
}

.subnavi .li a:hover{
background:#efb64c;
color:#fff;
text-decoration:none;
}


#imageContainer {
	position:relative;
	margin:auto;
	width:500px;
	border:1px solid #000;
}

/* styles unrelated to the application follow */
h1 {
	position:relative;
	font:1em verdana;
}

.copy {
	width:499px;
	margin:auto;
	position:relative;
	font:0.9em verdana;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:499px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

#imageContainer {
	height:300px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

.center{
width:800px;
height:auto;
text-align:center;
margin-top:10px;
}

.viewer {
	margin: 0 auto;
	width: 501px;
	height: 300px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 500px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 500px;
	height: 300px;
	display: none;
	position: absolute;
}
/* .viewer
------------------------- */
.viewert {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewert ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewert ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewert ul li img {
	width: 100%;
}
/* sideNavi
------------------------- */
.viewert .btnPrev,
.viewert .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewert .btnPrev {
	left: 10px;
	background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewert .btnNext {
	right: 10px;
	background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.viewert ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewert ul {
	display: inline-block;
	overflow: hidden;
}

.banner{
	width:550px;
	}
.banner img{
	margin-right: 10px;
	margin-bottom: 10px;
	}