@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
fieldset,img {
border:0;
vertical-align:top;
}
address,strong,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
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;
}

.f-left{
display:inline !important;
float:left;
}
.f-right{
display:inline !important;
float:right;
}

.clear:after{  
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;}
.clear{
_zoom: 1;}


html {
margin-bottom:1px;
width:100%;
height:100%;
overflow-y:scroll;
background:url(../images/bg03.png) repeat;
}
body{
width:100%;
min-width:1000px;
margin:0 auto;
background:#000;
font-size:14px;
line-height:2;
background:url(../images/head-bar.png) center top repeat-x;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1{
text-align:left;
width:940px;
padding:0 20px 0 20px;
height:20px;
font-size:10px;
font-weight:normal;
line-height:20px;
color:#808080;
margin:0 auto 0 auto;
}
header{
display:block;
width:100%;
height:80px;
background:url(../images/bg_head.png) #000 repeat-y center top;
border-bottom:1px solid #111;
}
header nav{
display:block;
position:relative;
width:960px;
height:80px;
margin:0 auto 0 auto;
overflow:visible;
}
#maincontents{
position:relative;
width:100%;
padding:30px 0 0 0;
margin:0 auto 0 auto;
border-top:1px solid #222;
background:url(../images/bg04.png) center repeat-y;
background:url(../images/bg04.png) repeat-y center,url(../images/bg01.png) repeat,url(../images/bg02.png) repeat-x #3e3a39;
}

footer{
display:block;
position:relative;
width:100%;
height:100px;
margin:20px auto 0 auto;
overflow:visible;
background:url(../images/bg_foot.png) repeat-x;
clear:both;
}
#maincontents footer div{
position:relative;
width:960px;
height:60px;
margin:0 auto 0 auto;
overflow:visible;
}
#maincontents footer address{
position:absolute;
text-align:right;
top:15px;
right:0;
display:block;
color:#555;
font-size:8px;
line-height:1.3em;
}
#maincontents footer address a,
#maincontents footer address a:link,
#maincontents footer address a:visited{
color:#555;
}
footer img{
margin:1em 0;
}

header img{
margin:0 0 0 -100px;
}

header ul{
position:absolute;
top:55px;
right:0;
}
footer ul{
position:absolute;
top:15px;
left:0;
}
header ul li,
footer ul li{
width:140px;
height:25px;
overflow:hidden;
float:left;
display:inline;
}
header ul li a,
footer ul li a{
width:140px;
height:25px;
display:block;
text-indent:-9999px;
}


a,
a:link,
a:visited{
color:#fff;
text-decoration:none;
}
a:hover{
color:#FF338D;
}

em{
font-weight:bold;
color:#fff;
text-shadow:rgba(255,255,255,0.6) 0 0 10px;
}


header ul a[href$="sitemap.html"]{
background:url(../images/bt_sitemap.png);}
* html header ul a.sitemap{
background:url(../images/bt_sitemap.png);}

header ul a[href$="kakaku.html"]{
background:url(../images/bt_kakaku.png);}
* html header ul a.kakaku{
background:url(../images/bt_kakaku.png);}

header ul a[href$="toiawase.html"]{
background:url(../images/bt_toiawase.png);}
* html header ul a.toiawase{
background:url(../images/bt_toiawase.png);}

header ul a[href$="gaiyou.html"]{
background: url(../images/bt_gaiyou.png);}
* html header ul a.gaiyou{
background: url(../images/bt_gaiyou.png);}

footer ul a[href$="situmon.html"]{
background: url(../images/bt_situmon.png);}
* html footer ul a.situmon{
background: url(../images/bt_situmon.png);}

footer ul a[href$="tyosakuken.html"]{
background: url(../images/bt_tyosakuken.png);}
* html footer ul a.tyosakuken{
background: url(../images/bt_tyosakuken.png);}

footer ul a[href$="link.html"]{
background: url(../images/bt_link.png);}
* html footer ul a.link{
background: url(../images/bt_link.png);}


header ul a[href$="sitemap.html"]:hover{
background:url(../images/bt_sitemap-ov.png);}
* html header ul a.sitemap:hover{
background:url(../images/bt_sitemap-ov.png);}

header ul a[href$="kakaku.html"]:hover{
background:url(../images/bt_kakaku-ov.png);}
* html header ul a.kakaku:hover{
background:url(../images/bt_kakaku-ov.png);}

header ul a[href$="toiawase.html"]:hover{
background:url(../images/bt_toiawase-ov.png);}
* html header ul a.toiawase:hover{
background:url(../images/bt_toiawase-ov.png);}

header ul a[href$="gaiyou.html"]:hover{
background: url(../images/bt_gaiyou-ov.png);}
* html header ul a.gaiyou:hover{
background: url(../images/bt_gaiyou-ov.png);}

footer ul a[href$="situmon.html"]:hover{
background: url(../images/bt_situmon-ov.png);}
* html footer ul a.situmon:hover{
background: url(../images/bt_situmon-ov.png);}

footer ul a[href$="tyosakuken.html"]:hover{
background: url(../images/bt_tyosakuken-ov.png);}
* html footer ul a.tyosakuken:hover{
background: url(../images/bt_tyosakuken-ov.png);}

footer ul a[href$="link.html"]:hover{
background: url(../images/bt_link-ov.png);}
* html footer ul a.link:hover{
background: url(../images/bt_link-ov.png);}

/*トップメニュー
-------------------------------------------------------------------------------------*/


#mainmenu{
width:930px;
margin:0 auto 0 auto;
padding:20px 15px 50px 15px;
background:url(../images/bg_dot2px.png) repeat;
        border-radius:5px; 
-webkit-border-radius:5px;
   -moz-border-radius:5px;

        box-shadow:1px 1px 10px rgba(0,0,0,0.8);
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.8);

}
#mainmenu li{
position:relative;
display:inline;
float:left;
width:435px;
height:250px;
margin:0 15px -1px 15px;
border-top:1px dotted #444;
border-bottom:1px dotted #444;
}
#mainmenu li.title{
position:relative;
display:block;
float:none;
width:900px;
height:70px;
background:url(../images/titleline_product.png) no-repeat;
margin:0 15px 20px 15px;
border:none;
overflow:hidden;
}
#mainmenu li.title p{
margin:30px 10px 0 10px;
height:40px;
line-height:1.4;
color:#ddd;
font-size:14px;
}
#mainmenu li a{
position:relative;
margin:20px 0 0 0;
padding:1px 0 1px 0;
display:block;
width:435px;
height:208px;
font-size:12px;
color:#ccc;

        transition:all 0.5s ease-in-out;
	 -o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;

-webkit-transform:scale(0.98);
   -moz-transform:scale(0.98);
     -o-transform:scale(0.98);
	    transform:scale(0.98);

filter:alpha(opacity=65);
-moz-opacity:0.65;
     opacity:0.65;
text-decoration:none;}
#mainmenu li a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
     opacity:1;
background:rgb(25,25,25);
background:rgba(50,50,50,0.2);

-webkit-transform:scale(1);
   -moz-transform:scale(1);
     -o-transform:scale(1);
	    transform:scale(1);

        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;

        box-shadow:inset 1px 1px 1px rgba(255,255,255,0.3),inset 1px 1px 5px rgba(255,255,255,0.3),inset -1px -1px 5px rgba(0,0,0,0.5),1px 1px 15px rgba(0,0,0,0.7);
-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.3),inset 1px 1px 5px rgba(255,255,255,0.3),inset -1px -1px 5px rgba(0,0,0,0.5),1px 1px 15px rgba(0,0,0,0.7);
   -moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.3),inset 1px 1px 5px rgba(255,255,255,0.3),inset -1px -1px 5px rgba(0,0,0,0.5),1px 1px 15px rgba(0,0,0,0.7);
}
#mainmenu a img{
display:inline;
margin:14px 0 25px 5px;
float:left;
}
#mainmenu a * img{
display:inline;
margin:0;
float:none;
}

#mainmenu a h2{
display:inline;
width:135px;
height:20px;
margin:12px 0 5px 13px;
float:left;
text-indent:-9999px;
overflow:hidden;}
#mainmenu a p{
display:inline;
width:145px;
float:left;
margin:0 0 0 15px;
padding:7px 0 0 0;
border-top:1px dotted #666;
line-height:1.5;
text-align:justify;
text-justify:inter-ideograph;}

#mainmenu a[href$="concept.html"] h2{
background:url(../images/h2_concept.png) no-repeat;}
* html #mainmenu a.concept h2{
background:url(../images/h2_concept.png) no-repeat;}
#mainmenu a[href*="gallery"] h2{
background:url(../images/h2_gallery.png) no-repeat;}
* html #mainmenu a.gallery h2{
background:url(../images/h2_gallery.png) no-repeat;}
#mainmenu a[href$="snap.html"] h2{
background:url(../images/h2_snap.png) no-repeat;}
* html #mainmenu a.snap h2{
background:url(../images/h2_snap.png) no-repeat;}
#mainmenu a[href$="location.html"] h2{
background:url(../images/h2_location.png) no-repeat;}
* html #mainmenu a.location h2{
background:url(../images/h2_location.png) no-repeat;}
#mainmenu a[href$="movie.html"] h2{
background:url(../images/h2_movie.png) no-repeat;}
* html #mainmenu a.movie h2{
background:url(../images/h2_movie.png) no-repeat;}
#mainmenu a[href$="album.html"] h2{
background:url(../images/h2_album.png) no-repeat;}
* html #mainmenu a.album h2{
background:url(../images/h2_album.png) no-repeat;}

#mainmenu a img.syousai{
display:block;
margin:0;
position:absolute;
right:10px;
top:185px;
}

/*コンテンツ
-------------------------------------------------------------------------------------*/


#maincontents div{
width:960px;
min-height:690px;
margin:0 auto;
padding:0 15px 0 15px;}
#maincontents * div{
width:auto;
min-height:0;
margin:0;
padding:0;}

#maincontents div article{
display:inline;
float:right;
width:740px;
color:#bbb;
margin:0;
padding:0;
background:url(../images/bg_dot2px.png) repeat;
        border-radius:5px; 
-webkit-border-radius:5px;
   -moz-border-radius:5px;

        box-shadow:1px 1px 10px rgba(0,0,0,0.8);
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.8);


}
#maincontents div * article{
display:block;
float:none;
clear:both;
width:auto;
height:auto;
margin:25px 25px 1em 25px;
padding:5em 1px 1em 1px;
background:none;
        border-radius:0; 
-webkit-border-radius:0;
   -moz-border-radius:0;
        box-shadow:none;
-webkit-box-shadow:none;
   -moz-box-shadow:none;
border-top:1px solid #333;
}
#maincontents div * article:first-child{
border-top:none;
padding:1em 1px 1em 1px;}

#maincontents div article h2{
display:block;
color:#fff;
font-size:16px;
line-height:16px;
overflow:visible;
letter-spacing:0.4em;
font-weight:bold;
padding:0 0 0 1em;
border-left:10px solid #aaa;
margin:0 0 3em 0;
}

/*共通項目*/
#maincontents div * article p{
margin:0 0.5em 2em 0.5em;
padding:0;
color:#bbb;
}
#maincontents div * article table{
border-top:1px solid #000;
border-left:10px solid #000;
border-collapse:collapse;
margin:0 auto 3em auto;
padding:0;
color:#bbb;

        box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
   -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
#maincontents div * article table th{
border-right:1px dotted #000;
border-bottom:1px solid #000;
background:url(../images/bg_40a40dot2px.png);
_background-image:none;
_background:rgb(15,15,15);
/*background:rgba(40,40,40,0.4);*/
padding:1em;
}
#maincontents div * article table td{
border-right:1px solid #111;
border-bottom:1px solid #000;
background:url(../images/bg_80a40dot2px.png);
_background-image:none;
_background:rgb(30,30,30,);
/*background:rgba(80,80,80,0.4);*/
padding:1em;
}
#maincontents div * article table th em{
font-size:16px;
}
#maincontents div * article table td em{
color:#fff;
font-weight:bold;
font-size:24px;
text-shadow:0 0 0;
}
#maincontents div * article input,
#maincontents div * article textarea{
padding:0.2em;
border:1px solid #ccc;}
#maincontents div * article input[type="radio"]{
border:none;}

#maincontents div * article ol{
margin:0 0.5em 2em 0.5em;
padding:0;
color:#aaa;
}
#maincontents div * article ol li{
position:relative;
margin:1em 1em 1.7em 1em;
padding:1em;
background:url(../images/bg_200a10dot2px.png);
_background-image:none;
_background:rgb(20,20,20);
/*background:rgba(200,200,200,0.1);*/
border:1px solid #222;
        box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);
-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);
   -moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);

_zoom: 1;
}
#maincontents div * article ol li:before{ 
position:absolute;
content:" ";
left:315px;
top:-20px;
width:30px;
height:15px;
background:url(../images/li_bottom_arrow.png);
}
#maincontents div * article ol li:first-child:before{ 
display:block;
width:0;
height:0;
background:none;
}
#maincontents div * article ol li:after{ 
visibility:hidden;  
display:block;
font-size:0;
content:" ";  
clear:both; 
height:0;
}

#maincontents div * article ol li em{
font-size:16px;
margin:0 0 0.5em 0;
}
#maincontents div * article ol li p{
margin:0;}

#maincontents div * article ol li img{
display:inline;
margin:0 1em 0 0;
float:left;
        box-shadow:1px 1px 10px rgba(0,0,0,0.7);
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.7);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.7);
}
#maincontents div * article ol li img:hover{
filter:alpha(opacity=80);
        box-shadow:0px 0px 15px rgba(255,255,255,1);
-webkit-box-shadow:0px 0px 15px rgba(255,255,255,1);
   -moz-box-shadow:0px 0px 15px rgba(255,255,255,1);
}



#maincontents div * article p img{
padding:7px;
margin:2px;
background:url(../images/bg_200a10dot2px.png);
_background-image:none;
_background:rgb(20,20,20);
/*background:rgba(200,200,200,0.1);*/
border:1px solid #222;

filter:alpha(opacity=100);
-moz-opacity:1;
     opacity:1;

        transition:all 0.5s ease-in-out;
	 -o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;

        box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);
-webkit-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);
   -moz-box-shadow:inset 0px 0px 2px rgba(255,255,255,0.4),1px 1px 10px rgba(0,0,0,0.6);
}
#maincontents div * article p a:hover img{
border:1px solid #ccc;
filter:alpha(opacity=85);
-moz-opacity:0.85;
     opacity:0.85;
}
#maincontents div * article p ruby{
display:block;
padding:0 0 5px 0;
margin:0 0 -1em 0;
border-bottom:1px solid #999;
}

#sitemap #maincontents div * article ul{
margin:-1em 0.5em 4em 0.5em;
padding:0;
color:#aaa;
}
#sitemap #maincontents div * article ul li{
margin:0 0 0 1em;
}



/*イレギュラー*/
#maincontents div * article div.photographer{
width:390px;
float:right;
/margin:0 0 -3em 0;
}

#maincontents div * article table.toiawase{
border-left:1px solid #000;
text-align:center;
}
#maincontents div * article table.toiawase span{
margin:0 1em 0 0;
}
#maincontents div * article table.toiawase input{
margin:0 1em 0 1em;
}
#maincontents div * article #articlelink a{
display:block;
width:220px;
margin:0 2em 0 0;
border-right:1px dotted #666;
float:left;
}
#maincontents div * article #articlelink li{
_zoom: 1;}
#maincontents div * article #articlelink li:after{  
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;}

/*コンテンツメニュー
-------------------------------------------------------------------------------------*/
#maincontents div nav{
float:left;
display:inline;
width:200px;
color:#CCC;
margin:0;
padding:0;
background:url(../images/bg_dot2px.png) repeat;
        border-radius:5px; 
-webkit-border-radius:5px;
   -moz-border-radius:5px;

        box-shadow:1px 1px 10px rgba(0,0,0,0.8);
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
}
#maincontents div * nav{
float:none;
display:block;
width:auto;
color:inherit;
margin:0;
padding:0;
background:none;
        border-radius:0; 
-webkit-border-radius:0;
   -moz-border-radius:0;

        box-shadow:0 0 0;
-webkit-box-shadow:0 0 0;
   -moz-box-shadow:0 0 0;
}


#maincontents div nav ul{
display:block;
width:180px;
margin:10px;
padding:0;
font-size:12px;
line-height:1.4;
}
#maincontents div nav ul li{
display:block;
width:178px;
color:#CCC;
margin:0 0 1em 0;
padding:1px;
}
#maincontents div nav ul li a img{
display:block;
margin:0 auto;
}
#maincontents div nav ul li a p{
display:block;
margin:10px;
}
#maincontents div nav ul li a{
display:block;
width:178px;
color:#CCC;
text-decoration:none;
margin:0;
padding:1px;
text-decoration:none;

        transition:all 0.5s ease-in-out;
	 -o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;

filter:alpha(opacity=35);
-moz-opacity:0.35;
     opacity:0.35;

        box-shadow:1px 1px 10px rgba(0,0,0,0.8);
-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
   -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.8);
}
#maincontents div nav ul li a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
     opacity:1;}


#maincontents div nav a h3{
height:20px;
width:170px;
margin:3px 0 3px 10px;
text-indent:-9999px;
overflow:hidden;}
#maincontents div nav a[href$="concept.html"] h3{
background:url(../images/h2_concept.png) no-repeat;}
* html #maincontents div nav a.concept h3{
background:url(../images/h2_concept.png) no-repeat;}
#maincontents div nav a[href*="gallery"] h3{
background:url(../images/h2_gallery.png) no-repeat;}
* html #maincontents div nav a.gallery h3{
background:url(../images/h2_gallery.png) no-repeat;}
#maincontents div nav a[href$="snap.html"] h3{
background:url(../images/h2_snap.png) no-repeat;}
* html #maincontents div nav a.snap h3{
background:url(../images/h2_snap.png) no-repeat;}
#maincontents div nav a[href$="location.html"] h3{
background:url(../images/h2_location.png) no-repeat;}
* html #maincontents div nav a.location h3{
background:url(../images/h2_location.png) no-repeat;}
#maincontents div nav a[href$="movie.html"] h3{
background:url(../images/h2_movie.png) no-repeat;}
* html #maincontents div nav a.movie h3{
background:url(../images/h2_movie.png) no-repeat;}
 #maincontents div nav a[href$="album.html"] h3{
background:url(../images/h2_album.png) no-repeat;}
* html #maincontents div nav a.album h3{
background:url(../images/h2_album.png) no-repeat;}



/*プラグイン
-------------------------------------------------------------------------------------*/


/*フォトフレーム
-------------------------------------------------------------------------------------*/
#photoflame{
position:relative;
width:100%;
height:400px;
margin:0 auto;
overflow:hidden;
border-top:1px solid #222;
border-bottom:1px solid #111;
background:#000;
}

#photoflame #photos{
position:relative;
display:block;
width:1px !important;
height:400px !important;
margin:0 auto !important;
overflow:visible;
}

#photoflame .panel{
position:absolute !important;
display:block;
width:1400px !important;
left:-700px !important;
height:399px !important;
}
#photoflame .video{
background:url(../images/photo/mainphoto00.jpg) center top no-repeat !important;
}
#photoflame .no0{
display:none;
background:url(../images/event/0904top.jpg) center top no-repeat !important;
}
#photoflame .no1{
display:none;
background:url(../images/photo/mainphoto03.jpg) center top no-repeat !important;
}
#photoflame .no2{
display:none;
background:url(../images/photo/mainphoto04.jpg) center top no-repeat !important;
}
#photoflame .no3{
display:none;
background:url(../images/photo/mainphoto05.jpg) center top no-repeat !important;
}
#photoflame .no4{
display:none;
background:url(../images/photo/mainphoto01.jpg) center top no-repeat !important;
}
#photoflame .no5{
display:none;
background:url(../images/photo/mainphoto02.jpg) center top no-repeat !important;
}
#photoflame .no6{
display:none;
background:url(../images/photo/mainphoto06.jpg) center top no-repeat !important;
}
#photoflame article.panel p{
background:url(../images/main_photoflame.png) center top no-repeat;
display:block;
position:absolute;
bottom:-1px;
left:0;
width:1400px;
height:400px;
margin:0 auto;
overflow:hidden;}
#photoflame article.event p{
background:url(../images/event/main_eventflame.png) center top no-repeat;
display:block;
position:absolute;
bottom:-1px;
left:0;
width:1400px;
height:400px;
margin:0 auto;
overflow:hidden;
}

article.event a{
position:absolute;
display:block;
text-indent:-9999px;
overflow:hidden;
top:225px;
right:257px;
width:293px;
height:80px;
background:url(../images/event/bt_yoyaku.png) no-repeat;
background-position:0 0;}
article.event a:hover{
background-position:0 -80px;}

#photoflame article.panel p.playbutton{
background:url(../images/play.png) center no-repeat,url(../images/main_photoflame.png) center top no-repeat !important;
}
#photoflame article.panel p.stopplaybutton{
background:url(../images/play.png) center no-repeat,url(../images/main_photoflame.png) center top no-repeat,url(../images/photo/mainphoto00.jpg) center top no-repeat !important;}


#photoflame article.panel p button.mute{
position:absolute;
width:30px;
height:30px;
top:20px;
left:220px;
background:url(../images/mute.png);
border:none;
}
#photoflame article.panel button.play{
position:absolute;
width:100px;
height:100px;
top:150px;
left:650px;
background:url(../images/play.png);
border:none;
}
#photoflame article.panel p span{
position:absolute;
top:0;
font-size:12px;
right:225px;
color:#aaa;
padding:0.5em 0.7em 0.5em 0.7em;
background:url(../images/bg_0a80dot2px.png);

        border-bottom-right-radius:5px; 
-webkit-border-bottom-right-radius:5px;
   -moz-border-bottom-right-radius:5px;
         border-bottom-left-radius:5px; 
 -webkit-border-bottom-left-radius:5px;
    -moz-border-bottom-left-radius:5px;

        box-shadow:0 0 10px rgba(0,0,0,0.8);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
   -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
}

img.nav-next,
img.nav-prev{
display:none !important;
}

#myPlayer{display:block;width:1000px;height:399px;margin:0px auto 0 auto;}
#html5Player{display:block;width:1200px;height:400px;margin:0px auto 0 auto;}

#photoflame .strip_wrapper{
left:-450px !important;
height:60px !important;
}

#photoflame .filmstrip li{
        transition:all 0.5s ease-in-out;
	 -o-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
   -moz-transition:all 0.5s ease-in-out;

-webkit-transform:scale(1);
   -moz-transform:scale(1);
     -o-transform:scale(1);
	    transform:scale(1);

-webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),	
color-stop(0.6,rgba(0,0,0,0)),
to(rgba(0,0,0,1)));
-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),	
color-stop(0.6,rgba(0,0,0,0)),
to(rgba(0,0,0,1)));}
#photoflame .filmstrip li:hover{
-webkit-transform:scale(1.3);
   -moz-transform:scale(1.3);
     -o-transform:scale(1.3);
        transform:scale(1.3);

filter:alpha(opacity=70);}

#photoflame .filmstrip li a span{
display:none;
}

#pointer img{
display:none;
}
#photoflame .readme{
position:absolute;
background:url(../images/bt_topic.png) no-repeat;
width:330px;
height:120px;
color:#fff;
z-index:20;
left:117px;
bottom:20px;
overflow:hidden;
}
#photoflame .readme article{
display:block;
color:#ddd;
font-size:12px;
line-height:1.4;
height:70px;
padding:0 10px 0 0;
margin:40px 10px 0 20px;
text-align:justify;
text-justify:inter-ideograph;
overflow:auto;
}
#photoflame .readme article p{
margin:0 0 0.5em 0;
}

/*コンテンツフォトフレーム
-------------------------------------------------------------------------------------*/
#photoimages{
position:relative;
width:100%;
height:276px;
margin:0 auto;
overflow:hidden;
border-top:1px solid #333;
background:#000;
}
#sitemap #photoimages,
#other #photoimages,
#forms #photoimages{
position:relative;
height:28px;
}
#photoimages #photos{
position:relative;
width:1px;
height:250px;
margin:0 auto;
overflow:visible;}

#photoimages #photos aside{
position:absolute;
display:block;
width:1400px;
left:-700px;
height:250px;}

#concept #photoimages #photos aside{
background:url(../images/concept/concept-bana.png) center top no-repeat;}
#maedori #photoimages #photos aside{
background:url(../images/location/location.png) center top no-repeat;}
#tyosakuken #photoimages #photos aside{
background:url(../images/sub-bana1.png) center top no-repeat;}
#kakaku #photoimages #photos aside{
background:url(../images/sub-bana2.png) center top no-repeat;}
#link #photoimages #photos aside{
background:url(../images/sub-bana3.png) center top no-repeat;}
#event #photoimages #photos aside{
background:url(../images/event/0904sub.jpg) center top no-repeat;}

#snap #photoimages #photos aside{
background:url(../images/snap/snap-bana.png) center top no-repeat;}

#photoimages #photos aside span{
position:relative;
background:url(../images/sub_photoflame.png) center top no-repeat;
display:block;
width:1400px;
height:250px;
margin:0 auto;
overflow:hidde;
text-indent:-9999px;}

#photoimages nav{
display:block;
background: url(../images/topicpath-bar.png) center top no-repeat;
border-bottom:1px solid #333;
width:100%;
height:25px;
}
#photoimages nav ol{
display:block;
width:920px;
margin:0 auto;
font-size:10px;
color:#666;
line-height:25px;
}
#photoimages nav ol li{
display:inline;
margin:0;
/margin:0 20px 0 0;}
#photoimages nav ol li:before {
content:"　　>　　";}
#photoimages nav ol li:first-child:before {
content:"";}
#photoimages nav ol li a{
color:#666;
}
#photoimages nav ol li a:hover{
color:#fff;
}

/*ie6only
-------------------------------------------------------------------------------------*/
* html a{  
    behavior: expression(  
    this.className += this.getAttribute("href").match(/sitemap.*/) ? " sitemap" : "", 
    this.className += this.getAttribute("href").match(/kakaku.*/) ? " kakaku" : "", 
    this.className += this.getAttribute("href").match(/toiawase.*/) ? " toiawase" : "", 
    this.className += this.getAttribute("href").match(/gaiyou.*/) ? " gaiyou" : "",
	this.className += this.getAttribute("href").match(/concept.*/) ? " concept" : "",
	this.className += this.getAttribute("href").match(/gallery.*/) ? " gallery" : "",
	this.className += this.getAttribute("href").match(/snap.*/) ? " snap" : "",
	this.className += this.getAttribute("href").match(/location.*/) ? " location" : "",
	this.className += this.getAttribute("href").match(/movie.*/) ? " movie" : "",
	this.className += this.getAttribute("href").match(/album.*/) ? " album" : "",
	this.className += this.getAttribute("href").match(/situmon.*/) ? " situmon" : "",
	this.className += this.getAttribute("href").match(/tyosakuken.*/) ? " tyosakuken" : "",
	this.className += this.getAttribute("href").match(/link.*/) ? " link" : "",
    this.style.behavior = "none"  
    );  
}