@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	10;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
#スマートフォン{
} 
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.9318%;
	padding-left: 1.034%;
	padding-right: 1.034%;
	clear: none;
	float: none;
}

body header {
	background-color: rgba(0,0,0,0.80);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: fixed;
	width: 100%;
	top: 0px;
}

#h1_title {
	width: 74.4186%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.6em;
	color: rgba(255,255,255,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 0.4px;
	line-height: 1em;
	text-align: center;
	background-image: url(../images/ui/logo_ve_40.png);
	background-repeat: no-repeat;
	background-position: 0% 10px;
}
#h1_title a {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
#h1_title a span {
	font-size: 0.5em;
	line-height: 0em;
	letter-spacing: 0.2em;
}



#movi_menu {
	width: 23.2558%;
	margin-left: 2.3255%;
	clear: none;
	list-style-type: none;
	border-radius: 3px 3px 0 0;
	position: static;
	z-index: 3;
	height: auto;
}

#movi_menu li{
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 2em;
	font-size: 0.9em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#movi_menu li a{
	display: block;
	margin: 0;
	color: #525252;
	font-weight: normal;
	line-height: 2em;
	text-decoration: none;
}
#movi_menu li ul{
	list-style: none;
	position: fixed;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
	width: 100%;
	right: 0px;
}
#movi_menu li:last-child ul{
	width: 100%
}
#movi_menu li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #7B7B7B;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	line-height: 2em;
	font-size: 1.2em;
	text-align: center;
}
#movi_menu li ul li a{
	text-align: left;
	font-weight: normal;
	padding-left: 5%;
	padding-right: 5%;
	background-color: rgba(0,0,0,0.83);
	line-height: 2.3em;
	color: rgba(146,146,146,1.00);
}
#movi_menu li:hover > a{
	color: #FFFFFF;
}
#movi_menu > li:hover > a{




}
#movi_menu li:hover ul li{
	overflow: visible;
	height: 38px;
}
#movi_menu li:hover ul li:first-child{
    border-top: 0;
}
#movi_menu li:hover ul li:last-child{
    border-bottom: 0;
}
#movi_menu li:hover ul li:last-child a{
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #535353;
}
#main_menu {
	width: 100%;
	clear: both;
	margin-left: 0;
	display: none;
}
#dropmenu {
}




#footer_1 {
	background-color: rgba(0,0,0,0.40);
	color: #FFFFFF;
	letter-spacing: 0.2em;
	line-height: 2em;
}
#footer_1 a {
	color: #DDDDDD;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#footer_1 nav .fluid.f_menu a:hover {
	color: #FFFFFF;
}

#footer_2 {
	background-color: rgba(0,0,0,0.80);
	color: #FFFFFF;
	letter-spacing: 0.2em;
}
#footer_2 nav .fluid.f_menu a {
	color: #DDDDDD;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 2em;
}
#footer_2 nav .fluid.f_menu a:hover {
	color: #FFFFFF;
}









#footer_3 {
	background-color: rgba(0,0,0,0.70);
	color: #FFFFFF;
	letter-spacing: 0.2em;
}


.f_menu {
	width: 100%;
	clear: both;
	margin-left: 0;
	list-style-type: none;
}
.f_menu a {
	color: #4A4A4A;
	text-decoration: none;
	text-align: center;
}
#footer_3 h3 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.4em;
	line-height: 1.8em;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer_3 h3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer_3 h3 span {
	font-size: 0.8em;
	margin-right: 20px;	
}
#footer_3 h3 span a {
	color: #DC8283;
}



#footer_3 dl {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#footer_3 dl dt {
	font-size: 0.8em;
	color: #E7E7E7;
}
#footer_3 dl dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0em;
}
#footer_3 dl dd a {
	color: #FFFFFF;
	text-decoration: none;
}

#copyright {
	float: left;
	color: #929292;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#firehunt {
	list-style-type: none;
	float: right;
	clear: none;
}
.face {
width: 100%;
}
.data {
	width: 94%;
	clear: both;
	margin-left: 0;
	background-color: hsla(0,0%,100%,0.90);
	margin-bottom: 2%;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}
.data dl {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	padding-left: 5%;
}
.data dl dt {
	float: left;
	margin-right: 20px;
	font-size: 0.9em;
	padding-top: 10px;
}
.data dl dd {
	font-size: 1.5em;
}



.craft_goods {
}
.good_thum {
	width: 48.8372%;
	margin-left: 2.3255%;
	clear: none;
}
.good_thum a:hover img {
	opacity: 0.8;
}

.content {
	background-color: hsla(0,0%,100%,0.90);
	margin-bottom: 2%;
	float: left;
	clear: left;
	width: 100%;
}
#content_top {
	margin-top: 80px;
}

.news {
}
.news_image {
width: 100%;
clear: both;
margin-left: 0;
}
.news_text  {
	width: 90%;
	clear: both;
	padding-top: 2%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-left: 0px;
}
.g_image {
width: 100%;
}
.g_data {
	width: 94%;
	clear: both;
	margin-left: 0;
	padding-left: 3%;
	padding-right: 3%;
}
.main_image {
width: 100%;
margin-left: 0;
}
.image_thum {
width: 48.8372%;
margin-left: 2.3255%;
clear: none;
}
.colume1 {
}
.colume2 {
	width: 100%;
	clear: both;
	margin-left: 0;
	padding-top: 0px;
	margin-top: 0px;
}
.gall_col2 {
width: 100%;
margin-left: 0;
clear: both;
}
.red {
	color: #FF0004;
	font-weight: bold;
}
.sale_rad {
	color: #FFFFFF;
	background-color: #FF0004;
	padding-left: 3%;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	width: 94%;
	font-weight: bold;
	text-align: center;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#タブレット{
} 
.gridContainer {
	width: 91.9431%;
	padding-left: 0.5284%;
	padding-right: 0.5284%;
	clear: none;
	float: none;
	margin-left: auto;
}




#h1_title {
	width: 49.4252%;
	float: left;
	letter-spacing: 0.4em;
}


#movi_menu {
	width: 24.1374%;
	margin-left: 1.1494%;
	float: right;
	position: static;
	height: auto;
}
#main_menu {
	width: 100%;
	clear: both;
	margin-left: 0;
}
.news_text  {
	width: 56.0689%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	clear: none;
	margin-left: 1.1494%;
}
.news_image {
width: 36.7816%;
margin-left: 1.1494%;
clear: none;
}
.news {
}
.content {
	margin-bottom: 1.5%;
}
.good_thum {
width: 24.1379%;
clear: none;
margin-left: 1.1494%;
}
.craft_goods {
}
.data {
	width: 45.4252%;
	clear: none;
	margin-left: 1.1494%;
	padding-left: 2%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
}
.face {
	width: 49.4252%;
}




.f_menu {
width: 24.1379%;
margin-left: 1.1494%;
clear: none;
}
#footer_3 dl dt {
	float: left;
	width: 60px;
}
.g_image {
width: 100%;
}
.g_data {
	width: 100%;
	clear: none;
	padding-left: 1%;
	padding-right: 2%;
}
.main_image {
width: 100%;
margin-left: 0;
}
.image_thum {
width: 24.1379%;
clear: none;
margin-left: 1.1494%;
}
.colume1 {
}
.colume2 {
width: 49.4252%;
clear: none;
margin-left: 1.1494%;
}
.gall_col2 {
width: 100%;
clear: both;
margin-left: 0;
}
.sale_rad {
	font-size: 1.1em;
	padding-left: 2%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	width: 90%;
	font-weight: bold;
	margin-left: 3%;
	margin-right: 3%;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#パソコン{
} 
.gridContainer {
	width: 89.3181%;
	max-width: 1232px;
	padding-left: 0.3409%;
	padding-right: 0.3409%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#h1_title {
	width: 32.8244%;
}
#h1_title a span {
	letter-spacing: 0.4em;
}
#movi_menu {
	width: 100%;
	clear: both;
	margin-left: 0;
	display: none;
	position: static;
	height: auto;
}
#main_menu {
	width: 66.4122%;
	margin-left: 0.7633%;
	clear: none;
	display: inline;
}
#dropmenu{
	list-style-type: none;
	position: relative;
	z-index: 3;
}
#dropmenu li{
	position: relative;
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#dropmenu li a{
	display: block;
	margin: 0;
	padding-right: 0;
	padding-left: 0;
	color: #D4D4D4;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 11px;
}
li a span {
	font-size: 0.7em;
	letter-spacing: 0.2em;
}

#dropmenu li ul{
	list-style: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
	width: 100%;
}
#dropmenu li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #7B7B7B;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul li a{
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 5%;
	padding-right: 5%;
	line-height: 2em;
}
#dropmenu li:hover > a{
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.84);
}
#dropmenu > li:hover > a{
	background-color: rgba(0,0,0,1.00);
}
#dropmenu li:hover ul li{
	overflow: visible;
	background-color: rgba(0,0,0,0.76);
	height: 40px;
}
#dropmenu li:hover ul li:first-child{
	border-top: 0;
	height: 40px;
}
#dropmenu li:hover ul li:last-child{
	height: 40px;
}
#dropmenu li:hover ul li:last-child a{
	border-radius: 0 0 5px 5px;
	line-height: 2em;
}

.f_menu {
width: 24.4274%;
clear: none;
margin-left: 0.7633%;
}
.face {
	width: 49.6183%;
	margin-bottom: 1%;
}
.data {
	width: 45.6183%;
	margin-left: 0.7633%;
	clear: none;
}
.craft_goods {
}
.good_thum {
width: 24.4274%;
clear: none;
margin-left: 0.7633%;
}
.content {
	margin-bottom: 1%;
}
.news {
}
.news_image {
width: 32.8244%;
clear: both;
margin-left: 0;
}
.fluid .news_text {
	width: 60.4122%;
	margin-left: 0.7633%;
	clear: none;
}
.g_image {
width: 66.4122%;
}
.g_data {
	width: 29.8244%;
	margin-left: 0.7633%;
	clear: none;
}
.main_image {
width: 100%;
margin-left: 0;
}
.image_thum {
width: 24.1379%;
clear: none;
margin-left: 1.1494%;
}
.colume1 {
}
.colume2 {
	width: 49.6183%;
	margin-left: 0.7633%;
	clear: none;
	padding-top: 0px;
	margin-top: 0px;
}
.gall_col2 {
width: 49.6183%;
clear: none;
margin-left: 0.7633%;
}
.sale_rad {
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	width: 92%;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 1.6em;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}