@CHARSET "UTF-8";

div#svgheader {
	position: relative;
	width: 896px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

div#svgheader ul {
	position: relative;
	left: 50%;
	float: left;
	list-style: none;
}
/*
li.top {
	width: 100px;
	height: 50px;
	position: relative;
	left: -50%;
	float: left;
	text-indent: -9999px;
}
*/
div#svgheader li a {
	display: block;
}
/*

div#svgheader a:hover {
	
}

div.chara {
	
}
*/

div#svgheader li {
	width: 100px;
	height: 50px;
	position: relative;
	left: -50%;
	float: left;
	text-indent: -9999px;
	margin-left: 7px;
	
	/*hover時の動き方、時間を設定*/
	transition: all 1s ease-out;
	
	/*グラデーション*/
	/* 通常 */
	background-image: linear-gradient(
  #ffffff, #ffffff 50%, #ffffff 51%, #ffffff);
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		StartColorStr='#ffffff', EndColorStr='#ffffff' );
	/* webkit */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
        	color-stop(0.3, #ffffff),
        	color-stop(0.5, #ffffff),  
		to(#c0c0c0) );
	/* mozilla */
	background-image: -moz-linear-gradient(
 #ffffff, #ffffff 30%, #ffffff 50%, #ffffff);
	/* opera */
	background-image: -o-linear-gradient(top, #cccccc, #ffffff);
}
div#svgheader span {
   background-color:#0;
   display:inline-block;
}

/* 左角丸指定 */
li.leftradius {
	/* 通常 */
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	/* webkit用 */
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	/* mozilla用 */
	-moz-border-top-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	/* opera用 */
	-o-border-top-left-radius:5px;
	-o-border-bottom-left-radius:5px;
}

/* 右角丸指定 */
li.rightradius {
	/* 通常 */
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	/* webkit用 */
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	/* mozilla用 */
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	/* opera用 */
	-o-border-top-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	
}

div#svgheader a {
	width: 100px;
	height: 50px;
}

/*ヘッダーボタンsvg ここから*/
div#svgheader a.top {
    background: url(../common/images/hd_top.png); no-repeat 0 0; /* for IE7 IE8 */
    background: url(../common/images/hd_top.png); no-repeat 0 0; /* modern browser */
}

div#svgheader a.brand {
	background: url(../common/images/hd_brandtop.gif); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_brandtop.gif); no-repeat 0 0;
}
div#svgheader a.tenshu {
	background: url(../common/images/hd_tenshu.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_tenshu.png); no-repeat 0 0;
}

div#svgheader a.boulmich {
	background: url(../common/images/hd_logo_kana.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_logo_kana.png	); no-repeat 0 0;
}
div#svgheader a.gv {
	background: url(../common/images/hd_logo_gv.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_logo_gv.png	); no-repeat 0 0;
}

div#svgheader a.sb {
	background: url(../common/images/hd_logo_sb.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_logo_sb.png	); no-repeat 0 0;
}
//div#svgheader a.topics {
//	background: url(../common/images/shop.png); no-repeat 0 0; /* for IE7 IE8 */
//	background: rgba(0,0,0,0) url(../common/images/hd_db.png); no-repeat 0 0;
//}
//div#svgheader a.buy {
//	background: url(../common/images/hd_kikujirou.png); no-repeat 0 0; /* for IE7 IE8 */
//	background: rgba(0,0,0,0) url(../common/images/hd_kikujirou.png); no-repeat 0 0;

//}
div#svgheader a.shop {
	background: url(../common/images/shop.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/shop.png); no-repeat 0 0;
}
div#svgheader a.seika {
	background: url(../common/images/hd_seika.png); no-repeat 0 0; /* for IE7 IE8 */
	background: url(../common/images/hd_seika.png); no-repeat 0 0;
}


/*ヘッダーボタンsvg ここまで*/

div#svgheader li:hover {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
#headnews{
   margin-left: 50%;
}

/*現在は使用していない*/
/*
ul.downheader{
    width:80%;
    font-size:12px;
    padding-left:0;
    margin-left: 0%;
}

ul.downheader li{
    list-style:none;
    padding:3px 10px;
    width:700px;
    float:left;
}
*/
*/ここまで*/

*.topic
{
	padding: 8px 8px 8px;
   vertical-align:top;
   text-align:left;
}

*.shadowpanel
{
    position: relative;
    display: inline-block;
    overflow: hidden; /* 不要部分を消す */
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    border-radius: 5px;
    border: 1px solid #999;
    padding: 1px;
}
*.shadowpanel:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    background: blue;
    content: "White Day & Spring Sweets"; /* 表示するテキスト */
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px 10px;
    left: -30px;
    top: 3px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg); /* chrome、safari　*/
    -moz-transform: rotate(-30deg); /* firefox　*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
*.yearpanel
{
    position: relative;
    display: inline-block;
    overflow: hidden; /* 不要部分を消す */
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    border-radius: 5px;
    border: 1px solid #999;
    padding: 1px;
}
*.yearpanel:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    background: blue;
    content: "お歳暮"; /* 表示するテキスト */
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px 10px;
    left: -30px;
    top: 3px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg); /* chrome、safari　*/
    -moz-transform: rotate(-30deg); /* firefox　*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
*.monthly
{
    position: relative;
    display: inline-block;
    overflow: hidden; /* 不要部分を消す */
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    border-radius: 5px;
    border: 1px solid #999;
    padding: 1px;
}
*.monthly:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    background: blue;
    content: "Monthly!"; /* 表示するテキスト */
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px 10px;
    left: -30px;
    top: 3px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg); /* chrome、safari　*/
    -moz-transform: rotate(-30deg); /* firefox　*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
div#shopmenu {
 	position: relative;
 	left: 25%;
      float: left;
	height: 1200px;
}
ul.shoplist{
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
}

ul.shoplist li.thisit{
    display: block; 
    border-left: 8px solid #474655;
    border-top: 1px solid #474655;
    border-right: 1px solid #474655;
    border-bottom: 1px solid #474655;
    background-color: #cfe7fe;
    padding: 3px 10px;
    text-decoration: none;
    color: #333;
    width: 150px; 
    margin: 1px 0px;
    text-align: left;
    font-size: 14px;
	
}

ul.shoplist li a{
    display: block; 
    border-left: 8px solid #474655;
    border-top: 1px solid #474655;
    border-right: 1px solid #474655;
    border-bottom: 1px solid #474655;
    background-color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    color: #333;
    width: 150px; 
    margin: 1px 0px;
    text-align: left;
    font-size: 14px;
}
ul.shoplist li a:hover{
    border-left: 8px solid #474655;
    border-top: 1px solid #474655;
    border-right: 1px solid #474655;
    border-bottom: 1px solid #474655;
    background-color: #cfe7fe;
}

div#shopmain {
 	position: relative;
 	left: 27%;
    float: left;
    text-align: left;
}
/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#9B0000;
}

#main a:hover {
   color:#C94C00;
   text-decoration:underline;
}

#main h2 {
   margin-bottom:8px;
   padding:0 0 0 10px;
   color:#5A482B;
   font-family:Georgia,"MS 明朝","Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif;
   font-size:15px;
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("../images/bg_h2.gif") 100% 100% no-repeat;
}

#main h3 {
   margin-bottom:3px;
   padding-left:50px;
   font-size:14px;
   border-bottom:1px none #999;
   background:url("../images/bg_h3.gif") 0 5px no-repeat;
}

#main h4 {
   margin-bottom:2px;
   padding:2px;
   font-size:12px;
   background:#82af21;
   color:#fff;
}

#main h5 {
   margin-bottom:2px;
   font-size:12px;
   border-bottom:1px solid #5A482B;
}

#main h6 {
   margin-bottom:2px;
   font-size:12px;
}

#main p {
   margin:0 0 1em 0;
   font-size:13px;
}

#main ul,ol,dl {
   font-size:12px;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   margin:0;
   padding:0;
}

#main dl.information dd {
   margin:5px 0;
   padding:0 0 0.5em 8em;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}

#main table {
   width:100%;
   border-collapse:collapse;
   border-right:1px solid #ddd;
   border-left:1px solid #ddd;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px none #ddd;
   border-bottom:1px solid #ddd;
   background:#e4f4fc;
}

#main table td {
   padding:5px;
   font-size:13px;
   text-align:left;
   border:1px none #ddd;
   border-bottom:1px solid #ddd;
   border-top:1px solid #ddd;
   vertical-align:middle;
}
.list{
        float:left;
}
.list_date{
        margin-left:220px;
        font-size:13px;
}






/////2013/11/1///////
#globalmenu{
    min-width:800px;
    background-color: #ffffff;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom:1%;
}
body #menu {
	width: 800px;
	margin: 10px auto;
	position: relative;
	z-index: 4000;
	overflow: hidden;
}

/* Main menu */
#menu {
	width: 100%;
	text-align: center;
	/*width: 100%;*/
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;

}

#menu li {
	float: left;
	padding: 0 0 0 0;
	position: relative;
}

/*メニューボタンの最後は右端に*/
#menu li#lastbutton {
	float: right;
}

/*ロゴの指定*/
#menu div.top {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: 50px;
	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.top a {
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background: url(../common/images/boulgroup.png); /* for IE7 IE8 */
   /*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/boulgroup_1.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:contain;
    -webkit-background-size:contain;
    -o-background-size:contain;
    -ms-background-size:contain; 
    /*	animation: anime1 3s ease -2s infinite alternate;*/
}
#menu div.top:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
/*BOULMICHロゴの指定*/
#menu div.boulmich {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: 50px;
	
	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.boulmich a {
	width: 100%;
	height: 50px;
    margin: 0px;
	padding: 0px;
	background: url(../common/images/hd_logo_kana.png); /* for IE7 IE8 */
/*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/hd_logo_kana.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;

	-moz-background-size:contain;
   -webkit-background-size:contain;
   -o-background-size:contain;
   -ms-background-size:contain; 
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.boulmich:hover>a {
    background: url(../common/images/hd_logo_kana_1.png); /* for IE7 IE8 */
	zoom:1;
}

/*
#menu div.boulmich:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
*/

/*GVロゴの指定*/
#menu div.gv {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: none;
	
	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.gv a {
	width: 100%;
	height: 50px;
    margin: 0px;
	padding: 0px;
	background: url(../common/images/hd_logo_gv.png); /* for IE7 IE8 */
/*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/hd_logo_gv.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain; 
	/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.gv:hover>a {
	background: url(../common/images/hd_logo_gv_1.png); /* for IE7 IE8 */
	zoom:1;
}

/*
#menu div.gv:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
*/

/*
@keyframes anime1 {
0% {background: rgba(0, 0, 0, 0) url(../image/header/lmlogo.svg);}
100% {background: rgba(0, 0, 0, 0) url(../image/header/top.svg);}
}
*/
/*SBロゴの指定*/
#menu div.sb {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: 50px;
    	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.sb a {
	width: 100%;
	height: 50px;
    margin: 0px;
	padding: 0px;
	background: url(../common/images/hd_logo_sb.png); /* for IE7 IE8 */
/*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/hd_logo_sb.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain; 
	/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.sb:hover>a {
	background: url(../common/images/hd_logo_sb_1.png); /* for IE7 IE8 */
	zoom:1;
}

/*
#menu div.sb:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
*/

/*
@keyframes anime1 {
0% {background: rgba(0, 0, 0, 0) url(../image/header/lmlogo.svg);}
100% {background: rgba(0, 0, 0, 0) url(../image/header/top.svg);}
}
*/
/*KIKUJIROUロゴの指定*/
#menu div.kikujirou {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: 50px;
    	
	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.kikujirou a {
	width: 100%;
	height: 50px;
    margin: 0px;
	padding: 0px;
	background: url(../common/images/hd_logo_kiku.png); /* for IE7 IE8 */
/*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/hd_logo_kiku.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;

	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain; 
	/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.kikujirou:hover>a {
	background: url(../common/images/hd_logo_kiku_1.png); /* for IE7 IE8 */
	zoom:1;
}

/*
#menu div.kikujirou:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
*/

/*
@keyframes anime1 {
0% {background: rgba(0, 0, 0, 0) url(../image/header/lmlogo.svg);}
100% {background: rgba(0, 0, 0, 0) url(../image/header/top.svg);}
}
*/

/*オンラインショップロゴの指定*/
#menu div.onshop {
	text-indent: 100%;
	white-space: nowrap; /*or display: block;*/
	overflow: hidden;
	width: 100px;
	height: 50px;
	
	/*animation:name duration timing-function delay iteration-count direction */
/*	animation: anime1 3s ease -2s infinite alternate;*/
}

#menu div.onshop a {
	width: 100%;
	height: 50px;
    margin: 0px;
	padding: 0px;
	background: url(../common/images/shop.png); /* for IE7 IE8 */
/*		background-size:100% auto;*/
	background: rgba(0, 0, 0, 0) url(../common/images/shop_1.png);
	/* modern browser */
	background-repeat: no-repeat;
	background-position: center;

	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain; 
	/*	animation: anime1 3s ease -2s infinite alternate;*/
}
#menu div.onshop:hover>a {
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
/*
@keyframes anime1 {
0% {background: rgba(0, 0, 0, 0) url(../image/header/lmlogo.svg);}
100% {background: rgba(0, 0, 0, 0) url(../image/header/top.svg);}
}
*/
/*メニューテキストの指定*/
#menu a {
	float: left;
	height: 22px;
	padding: 5px 5px 0 5px;
	text-decoration: none;
	color: #555555;
	text-shadow: 0 1px 0 #ffffff;
	/*テキストの指定*/
	font-size:11px;
	line-height:22px;
	text-transform: uppercase;/* 英小文字を大文字に変換*/
	font-family:"M+2P+IPAG",Arial, Verdana;
/*	font: bold 12px/25px Arial, Helvetica;*/
}

/*ブランドストーリーメニューテキスト マウスオンでの色と影*/
#menu li table tr td.brand a {
	color: #8470FF;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}
#menu li table tr td.brand:hover>a {
	color: #D5D5D5;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}

* html #menu li table tr td.brand a:hover /* IE6 */ {
	color: #888888;
}


/*店主　吉田菊次郎メニューテキスト マウスオンでの色と影*/
#menu li table tr td.kiku a {
	color: #D2691E;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}
#menu li table tr td.kiku:hover>a {
	color: #D5D5D5;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}

* html #menu li table tr td.kiku a:hover /* IE6 */ {
	color: #888888;
}
#menu li table tr td.academy a {
	color: #DAA520;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}
#menu li table tr td.academy:hover>a {
	color: #D5D5D5;
		text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
	
}

* html #menu li table tr td.academy a:hover /* IE6 */ {
	color: #888888;
}
/* サブメニュー */
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 30px;
	left: 0;

/*	border: solid 1px #dddddd;*/
	background: #dddddd;
	/*グラデーション*/
	/* 通常 */
	background-image: linear-gradient(top, #dddddd, #a9a9a9);
	background-image: linear-gradient(to bottom, #dddddd, #000000);
	/* IE7はグラデーションにするとサブメニューが動かないので指定しない*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		StartColorStr='#dddddd', EndColorStr='#a9a9a9' );*/
	/* mozira */
	background-image: -moz-linear-gradient(top, #dddddd, #a9a9a9);
	/* webkit */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a9a9a9),
		color-stop(1, #dddddd) );
	/* opera */
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	/*水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色 inset*/
	box-shadow: 0 2px 3px 3px #777777;
}

/*横罫線*/
#menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	-moz-box-shadow: 0 1px 0 #ffffff, 0 2px 0 #777777;
	-webkit-box-shadow: 0 1px 0 #ffffff, 0 2px 0 #777777;
	box-shadow: 0 1px 0 #ffffff, 0 2px 0 #777777;
}

/*横罫線 最後のliにはつけない*/
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#menu ul a {
	padding: 10px;
	height: auto;
	line-height: 1;
	display: block;
	/*white-space: nowrap;*/ /*テキスト折り返しなし*/
	float: none;
	text-transform: none;
	width: 130px;
}

#menu ul a.right{
	text-align:right;
	font-size:10px;
}
#menu ul li a.top {
    background: url(../common/images/hd_top.png); no-repeat 0 0; /* for IE7 IE8 */
    background: url(../common/images/hd_top.png); no-repeat 0 0; /* modern browser */
}

/* IE6 */
/*
* html #menu ul a  {
	height: 10px;
	width: 150px;
}
*/
/* IE7 */
/*
*:first-child+html #menu ul a  {
	height: 10px;
	width: 150px;
}
*/
#menu ul a:hover {
	background: #777777;
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc),
		to(#c9c9c9) );
	background: -moz-linear-gradient(top, #c9c9c9, #dcdcdc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr='#cccccc', endColorstr='#c9c9c9' );*/ /* IE */
}

/*上角を丸く*/
#menu ul li:first-child>a {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

/*box上部に三角を付ける*/
#menu ul li:first-child>a:after {
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #dddddd;
	
}

/*マウスオーバー時の三角の色*/
#menu ul li:first-child a:hover:after {
	border-bottom-color: #777777;
}

/*下角を丸く*/
#menu ul li:last-child a {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* サブサブメニュー */
#menu ul ul {
	top: 0px;
	left: 150px;
	background: #c0c0c0;
	/*グラデーション*/
	/* 通常 */
	background-image: linear-gradient(top, #c0c0c0, #808080);
	background-image: linear-gradient(to bottom, #c0c0c0, #808080);
	/* IE7はグラデーションにするとサブメニューが動かないので指定しない*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		StartColorStr='#c0c0c0', EndColorStr='#808080' );*/
	/* mozira */
	background-image: -moz-linear-gradient(top, #c0c0c0, #808080);
	/* webkit */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #808080),
		color-stop(1, #c0c0c0) );
	/* opera */
	background-image: -o-linear-gradient(top, #c0c0c0, #808080);
}

/*boxに三角を付ける*/
#menu ul ul li:first-child a:after {
	border-color: transparent #b7b7b7 transparent #c0c0c0;
	border-left: 0 none;
	border-style: solid solid solid none;
	border-width: 5px 8px 5px 0;
	height: 0;
	left: -8px;
	top: 12px;
	width: 0;
}

/*マウスオーバー時の三角の色*/
#menu ul ul li:first-child a:after:hover {
	border-bottom-color: #777777;
}

#menu ul ul li:first-child a:hover:after {
	border-bottom-color: rgba(0, 0, 0, 0);
	border-right-color: #777777;
}

#menu ul ul li a {
	color: #444444;
	text-shadow: 0 1px 0 #bbbbbb;
}

/*上角を丸く*/
#menu ul li ul li:first-child a {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

/*下角を丸く*/
#menu ul li ul li:last-child a {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* IE6 */
* html #menu {
	zoom: 1;
}
/* IE7 */
*:first-child+html #menu {
	zoom: 1;
}
.frame {
	display: inline-block;
	position: relative;
        font-size: 80%;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: -20px;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.6);
	transform: rotate(0.5deg); /* 回転させる */
   -webkit-transform: rotate(0.5deg);
 	background: #fff;
	z-index: -1;
}
 .bigframe {
	display: inline-block;
	position: relative;
}
.bigframe:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.6);
	transform: rotate(-1deg); /* 回転させる */
   -webkit-transform: rotate(-1deg);
 	background: #fff;
	z-index: -1;
}


div#maincontents {  
    width: 960px;  
    margin: 0 auto;  
    text-align: left;  
    border: 1px solid #FFFFFF;  
}

*.newshop
{
    position: relative;
    display: inline-block;
    overflow: hidden; /* 不要部分を消す */
     border-radius: 5px;
    padding: 1px;
}
*.newshop:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    background: black;
    content: "NewShop!"; /* 表示するテキスト */
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 5px 10px;
    left: -30px;
    top: 3px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg); /* chrome、safari　*/
    -moz-transform: rotate(-30deg); /* firefox　*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/*-------------- lineup link --------------*/
div#lineuplink *{
	color: #555555;
	font-family: "M+2P+IPAG", Arial, Verdana;
}
div#lineuplink {
/* 	position: relative; */
	margin:50px 0px 20px 0px;
	padding-bottom: 1px;
	text-align: right;
}
/* div#lineuplink hr{
	height:0px;
	margin:0px;
	border-bottom: solid 2px #c0c0c0;
	z-index:100;
} */
div#lineuplink div.tab_container {
	font-size: 0px;
	border-bottom: solid 2px #c0c0c0;
	/* height: 15px; */
	padding-right:10px;
}
div#lineuplink span{
	/* line-height:15px; */
/* 	height:15px; */
	font-size: 0px;
	font-weight: bold;
	padding:0px 5px;
}
div#lineuplink span a{
	font-size: 12px;
}
div#lineuplink span.modelname {
	/* position:relative; *//*for "othermodels" */
	float:left;
 	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin-left: 5px;
}
div#lineuplink .tab_left{
	float:left;
}
div#lineuplink .tab_right{
/* 	position: relative;
	background-color: #f5f5f5;
	border-top: solid 2px #c0c0c0;
	border-right: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	padding: 7px 0px 0px;;
	top: 1px;
	text-align:center;
	font-size: 12px; */
}

div#lineuplink .tab_right a{
	padding:0px 5px;	
}

div#lineuplink .tab_dark{
	position: relative;
	background-color: #f5f5f5;
	border-top: solid 2px #c0c0c0;
	padding: 7px 0px 0px;
	top: 1px;
	text-align:center;
	font-size: 12px;
	
	/*���ォ���R�Ԃ߂��̗p�����Ȃ��������K�v�Ȃ��̂ō폜  */
	border-left: solid 2px #c0c0c0;
	border-right: solid 2px #c0c0c0;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
}
div#lineuplink .tab_first{
	border-left: solid 2px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	-moz-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}
div#lineuplink .tab_last{
	border-left: solid 1px #c0c0c0;
	border-right: solid 2px #c0c0c0;
	-moz-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}

div#lineuplink .tab_right a{
	color:#777777;	
}
div#lineuplink .tab_first{
	border-right: solid 1px #c0c0c0;
}
div#lineuplink .tab_line{
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
}
div#lineuplink .tab_last{
	border-left: solid 1px #c0c0c0;
}
div#lineuplink span.tab_selected {
	position: relative;
	background-color: #ffffff;
	border-top: solid 2px #c0c0c0;
	border-right: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	padding: 7px 0px 0px;;
	top: 2px;
	text-align:center;
	font-size: 12px;
}
div#lineuplink .othermodels a{
	font-weight: normal;
	font-size:11px;
	vertical-align:top;
}
div#lineuplink span.tab_selected span {
	position: relative;
	border-bottom: solid 5px #ffffff;
	padding: 0px 3px;
	bottom: 2px;
	font-size:12px;
}
div#lineuplink a {
	text-decoration: none;
}
/* div#lineuplink span.otherpc{
	float: left;
	margin-left:5px;
} */
div#lineuplink .otherpcfont{
	font-size:11px;
	font-weight: normal;
	font-style: italic;
	color:#999999;
}
div#lineuplink .shadow{
	color:#777777;
	/* animation: shine 5s linear 1s infinite alternate; */
	animation-name: shadow;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:alternate;/* normal; */
	-webkit-animation: shadow 1.5s linear 0s infinite alternate;
}
@keyframes shadow {
0% {color:#777777;}
25% {color:#777777;}
75% {
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
	}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
	}	
}
@-webkit-keyframes shadow {
0% {color:#777777;}
25% {color:#777777;}
75% {
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
	}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
	}	
}

div#lineuplink .font_red{
	color:#cd5c5c;
}
div#lineuplink .font_white{
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
filter:dropshadow(color=#000000,offX= 0,offY=-1)
	dropshadow(color=#000000,offX= 1,offY= 0)
	dropshadow(color=#000000,offX= 0,offY= 1)
	dropshadow(color=#000000,offX=-1,offY= 0);
zoom: 1;
}

div#lineuplink .shine{

	background-color:#ffff00;
	background-size:10px 10px;
	background-repeat: no-repeat;
	/* animation: shine 5s linear 1s infinite alternate; */
	/* animation-name: shadow;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:alternate;normal;
	-webkit-animation: shine 3s cubic-bezier(1, 0, 1, 0) 0s infinite alternate; */
}
/* @keyframes shine {
0% {color:#555555;}
25% {color:#555555;}
75% {
	color:#ffffff;
	text-shadow: 0px 0px 5px #000000;
	}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 5px #000000;
	}	
}
 */
div#lineuplink .fontsize12{
	font-size:20px;
	color:#cccccc;
	padding:0px;
}
div#lineuplink .bound span{
	animation: bound 1s ease-in-out infinite alternate;
	-moz-animation: bound 1s ease-in-out infinite alternate;
	-webkit-animation: bound 1s ease-in-out infinite alternate;
	-ms-animation: bound 1s ease-in-out infinite alternate;
	-o-animation: bound 1s ease-in-out infinite alternate;
}
div#lineuplink span.bound1{
	animation-delay:0.15s;
	-moz-animation-delay:0.15s;
	-webkit-animation-delay:0.15s;
	-ms-animation-delay:0.15s;
	-o-animation-delay:0.15s;
}
div#lineuplink span.bound2{
	animation-delay:0.30s;
	-moz-animation-delay:0.30s;
	-webkit-animation-delay:0.30s;
	-ms-animation-delay:0.30s;
	-o-animation-delay:0.30s;
}
div#lineuplink span.bound3{
	animation-delay:0.45s;
	-moz-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-o-animation-delay:0.45s;
}
div#lineuplink span.bound4{
	animation-delay:0.60s;
	-moz-animation-delay:0.60s;
	-webkit-animation-delay:0.60s;
	-ms-animation-delay:0.60s;
	-o-animation-delay:0.60s;
	
}
div#lineuplink span.bound5{
	animation-delay:0.75s;
	-moz-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-o-animation-delay:0.75s;
}
div#lineuplink span.bound6{
	animation-delay:0.90s;
	-moz-animation-delay:0.90s;
	-webkit-animation-delay:0.90s;
	-ms-animation-delay:0.90s;
	-o-animation-delay:0.90s;
}
div#lineuplink span.bound7{
	animation-delay:1.05s;
	-moz-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-o-animation-delay:1.05s;
}
@keyframes bound {
0% {color:#cccccc;}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;
	}	
}
@-moz-keyframes bound {
0% {color:#cccccc;}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;
	}	
}
@-webkit-keyframes bound {
0% {color:#cccccc;}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;
	}	
}
@-ms-keyframes bound {
0% {color:#cccccc;}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;
	}	
}
@-o-keyframes bound {
0% {color:#cccccc;}
100% {
	color:#ffffff;
	text-shadow: 0px 0px 2px #000000;
	}	
}


/* IE6 */
* html div#lineuplink span.tab_selected {
	zoom: 1;
}

* html div#lineuplink span.tab_selected span {
	zoom: 1;
}
/* IE7 */
*:first-child+html div#lineuplink span.tab_selected {
	zoom: 1;
}
*:first-child+html div#lineuplink span.tab_selected span{
	zoom: 1;
}

/* ----------------------------------------------- */
.lineuplink2 *{
	font-size: 12px;
	color: #555555;
	font-family: "M+2P+IPAG", Arial, Verdana;
}

.lineuplink2 { /*border-bottom: solid 2px #c0c0c0;*/
	padding-bottom: 1px;
	text-align: right;
	/* height: 14px; */
	font-size: 12px;
	color: #555555;
	font-family: "M+2P+IPAG", Arial, Verdana;
	font-size: smaller;
	border-bottom: solid 2px #000000;
}
.lineuplink2 .modelname {
	float: left;
	font-size: 13px;
	font-style: italic;
	margin-left: 10px;
}
.lineuplink2 div.tab {
	position: relative;
	border-bottom: solid 2px #c0c0c0;
	font-weight: bold;
}

.lineuplink2 strong {
	margin-right: 10px;
}

.lineuplink2 span.tab {
	position: relative;
	background-color: #ffffff;
	border-top: solid 2px #c0c0c0;
	border-right: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	padding-top: 5px;
	top: 2px;
}

.lineuplink2 span.tab span {
	position: relative;
	border-bottom: solid 5px #ffffff;
	padding: 0px 5px;
	bottom: 2px;
}

.lineuplink2 span.tab2 {
	padding: 0px 5px;
}

.lineuplink2 a { /*	border-top:solid 2px #c0c0c0;
	border-right:solid 2px #c0c0c0;
	border-left:solid 2px #c0c0c0;
	border-bottom:solid 0px #ffffff;*/
	text-decoration: none;
	padding: 1px 7px 2px 7px;
	/*	margin-left:5px;*/
	margin-top: 5px;
	/*	background-color:#eeeeee;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
}
div.lineuplink2 input {
	font-weight:bold;
	border:none;
	text-decoration:none;
	background-color:transparent;
	margin: 0px;
	/* height:14px; */
	/* font-family: "M+2P+IPAG", Arial, Verdana; */
	cursor: pointer;
}

/* IE6 */
* html .lineuplink2 .tab {
	zoom: 1;
}

* html .lineuplink2 .tab span {
	zoom: 1;
}
/* IE7 */
*:first-child+html .lineuplink2 .tab {
	zoom: 1;
}

*:first-child+html .lineuplink2 .tab span {
	border-bottom: solid 2px #ffffff;
	zoom: 1;
}
*:first-child+html div.lineuplink2 input{
	height:15px;
}
*:first-child+html div.lineuplink2 {
	/* height: 25px; */
}
.magnify2 {
   -webkit-transform:scale(1);
   -moz-transform :scale(1);
   position: relative;
    opacity: 1;
    z-index: 10;
}
/* ClearFixElements
-------------------------- */
.magnify2:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
/* CSS3 HoverAnimation
-------------------------- */
@-webkit-keyframes hoverSpread {
    0% {-webkit-transform:scale(1);opacity: 1;}
    100% {-webkit-transform:scale(1.3);opacity: 1;}
    
    0% {-transform:scale(1);opacity: 1;}
    100% {-transform:scale(1.3);opacity: 1;}
     0% {-moz-transform:scale(1);opacity: 1;}
    100% {-moz-transform:scale(1.3);opacity: 1;}
  
}
    
.magnify2:hover {
    -webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: 20;
}
#widecontents {
	width: 980px;
	margin: 0 auto;
}