@charset "euc-jp";

 /*-------------------------------------------------------------------
                             reset CSS
-------------------------------------------------------------------*/
.mbox td {
border:1px #DCDCDC solid;
}


ol,ul {
list-style: none; 
}
address,caption,cite,code,dfn,em,th,var { 
font-style: normal; 
font-weight: normal; 
}
fieldset,img {
border: 0;
}
a:link     { color: #40E0D0; text-decoration: underline }
a:visited       { color: #40E0D0; }
a:hover      { color: red; text-decoration: none }
a:active   { color: #e00; text-decoration: none }

.clear {
margin:0px;
padding:0px;
clear:both;
}
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}


ol,ul {
list-style: none; 
}
address,caption,cite,code,dfn,em,th,var { 
font-style: normal; 
font-weight: normal; 
}

img{
vertical-align:top;
}
.clear{
clear: both;
margin:0px;
padding:0px
}

body{
text-align:center;
//background: #151515 none;
background: #2b2b2b none;
}

.a_b a:link     { color: #000000; text-decoration: none; }
.a_b a:visited  { color: #000000; text-decoration: none; }
.a_b a:hover    { color: #FE9500; text-decoration: underline; }
.a_b a:active   { color: #000000; text-decoration: none; }

.pd a:link     { color: #FFFFFF; text-decoration: none; }
.pd a:visited  { color: #FFFFFF; text-decoration: none; }
.pd a:hover    { color: #FE9500; text-decoration: underline; }
.pd a:active   { color: #FFFFFF; text-decoration: none; }
/*-------------------------------------------------------------------
                             all
-------------------------------------------------------------------*/


.group_banner {
margin: 3px;
}



.bnr88_31 {
width: 88px;
height: 31px;
margin: 4px 0 0 4px;
float: left;
display: inline;
}

hr.indexline {
color: #FF66FF;
}

.h_line	{
background: url(../../img/line_1.jpg) repeat;
width:100%;
height:25px;
}

.h1_area	{
background: url(../../img/black_bg.png) repeat;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
width:100%;
//height:30px;
text-align:center;
}

.h1_area_2	{
background: url(../../img/black_bg.png) repeat;
padding-left:5px;
padding-top:5px;
width:100%;
//height:30px;
text-align:center;
}

.h1_top	{
position: absolute;
top: 3px;
left: 10px;
}

h1	{
top:5px;
text-align:center;
 }

.theme	{
//background: url(../../img/theme_sp.png) no-repeat;
background: url(../../img/test.png) no-repeat;
width:100%;
//height:562px;
}
.ent{
padding-top: 380px;
margin-left: 300px;
}

.index_con	{
text-align:left;
width 95%;
margin: 30px 0px 30px 0px;
}

.f_left	{
float:left;
}

.f_right	{
float:right;
}

.main	{
width:95%;
}

.btn_menu	{
width: 80px;
height: 80px;
position: absolute;
top: 40px;
right: 5px;
z-index: 100%;
}

.top_menu_z{
background: url(../../img/logo_sp.png) no-repeat;
}



.f_left_t	{
float:left;
}

.f_left_t a:link     { color: #FFFFFF; text-decoration: none; }
.f_left_t a:visited  { color: #FFFFFF; text-decoration: none; }
.f_left_t a:hover    { color: #FE9500; text-decoration: underline; }
.f_left_t a:active   { color: #FFFFFF; text-decoration: none; }
/*-------------------------------------------------------------------
                             ul
-------------------------------------------------------------------*/
ul {
color: black;
//background: #000000;
font: bold 17px Helvetica;
padding: 0;	   
margin: 15px 10px 17px 0;
-webkit-border-radius: 8px;
text-align:left;
}

ul li {
color: #000000;
list-style-type: none;	
padding: 10px 10px 10px 10px;
}

/* when you have a first LI item on any list */

li:first-child {	
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

li:last-child {	
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

/* universal arrows */

ul li.arrow {
background-image: url(../img/chevron.png);
background-position: right center;
background-repeat: no-repeat;
}

#plastic ul li.arrow, #metal ul li.arrow {
background-image: url(../img/chevron.png);
background-position: right center;
background-repeat: no-repeat;
}

ul li.topics {
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
to(#DCDCDC)
);
text-align:left;
}

//#plastic ul li.topics, #metal ul li.topics {
background: -webkit-gradient(linear, left top, left bottom,
from(#fff),
to(#DCDCDC)
);
}

/* universal links on list */

ul li a, li.img a + a {
color: #000;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 12px 10px 12px 10px;
margin: -10px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

ul li.img a + a {
margin: -10px 10px -20px -5px;
font-size: 17px;
font-weight: bold;
}

ul li.img a + a + a {
font-size: 14px;
font-weight: normal;
margin-left: -10px;
margin-bottom: -10px;
margin-top: 0;
}


ul li.img a + small + a {
margin-left: -5px;
}

ul li.img a + small + a + a {
margin-left: -10px;
margin-top: -20px;
margin-bottom: -10px;
font-size: 14px;
font-weight: normal;
}

ul li.img a + small + a + a + a {
margin-left: 0px !important;
margin-bottom: 0;
}

ul li a + a {
color: #000;
font: 14px Helvetica;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}

ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a {
color: #666;
font: 13px Helvetica;
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 0;
}

ul li a:link     { color: #000000; text-decoration: none; }
ul li a:visited  { color: #000000; text-decoration: none; }
ul li a:hover    { color: #000000; text-decoration: none; }
ul li a:active   { color: #000000; text-decoration: none; }

/*-------------------------------------------------------------------
                             line
-------------------------------------------------------------------*/
.line_gra_border2	{
padding: 10px; 
background: -webkit-gradient(linear, left top, left bottom,
from(#B1B0B0),
to(#DCDCDC)
);
border: 2px #d0d0d0 solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 1px 1px 1px #999999;  
filter: dropshadow(color=#999999, offx=1, offy=1); 
overflow: hidden;
display: block;
}

.line_gra_border2 a:link     { color: #000000; text-decoration: none; }
.line_gra_border2 a:visited  { color: #000000; text-decoration: none; }
.line_gra_border2 a:hover    { color: #000000; text-decoration: underline; }
.line_gra_border2 a:active   { color: #000000; text-decoration: none; }


.line_gra_border_header	{
padding: 3px 10px 3px; 10px; 
background: -webkit-gradient(linear, left top, left bottom,
from(#B1B0B0),
to(#DCDCDC)
);
border: 2px #d0d0d0 solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 1px 1px 1px #999999;
filter: dropshadow(color=#999999, offx=1, offy=1); 
overflow: hidden;
display: block;
}

.line_gra_borderheader a:link     { color: #000000; text-decoration: none; }
.line_gra_borderheader a:visited  { color: #000000; text-decoration: none; }
.line_gra_borderheader a:hover    { color: #000000; text-decoration: underline; }
.line_gra_borderheader a:active   { color: #000000; text-decoration: none; }

.line_sha {  
padding: 10px;  
-webkit-box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.line1	{
padding: 10px 30px 10px 30px;
background: #DCDCDC;
border: 1px solid #c0c0c0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 1px 1px 1px #999999;  
filter: dropshadow(color=#999999, offx=1, offy=1); 
margin:10px 0px 10px 0px;
background-image:url(../../img/bar_bg_sp2.gif);
background-repeat:repeat;
}

.line2	{
padding: 5px 0px 5px 10px;
border: 1px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 5px;
//text-shadow: 1px 1px 1px #999999;  
//filter: dropshadow(color=#999999, offx=1, offy=1); 
margin:10px 0px 10px 0px;
background-color:#000000;
}

.line3	{
padding: 5px 0px 5px 10px;
border: 1px solid #000000;
//-webkit-border-radius: 10px;
//-moz-border-radius: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-shadow: 1px 1px 1px #999999;  
filter: dropshadow(color=#999999, offx=1, offy=1); 
margin:0px 0px 5px 0px;
background-color:#000000;
}

.line_black	{
padding: 10px;
//background: #696969;
background-image:url(../../img/bar_bg_sp.gif);
background-repeat:repeat;
border: 2px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#FFFFFF;
}

.line_w	{
padding: 10px;
//background: #696969;
background-image:url(../../img/bar_bg_sp2.gif);
background-repeat:repeat;
border: 2px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#FFFFFF;
}

.line_gra_menu	{
//padding: 10px; 
//background: -webkit-gradient(linear, left top, left bottom,
//from(#B1B0B0),
//to(#DCDCDC)
//);
//border: 2px #d0d0d0 solid;
//-webkit-border-radius: 10px;
//-moz-border-radius: 10px;
//border-radius: 10px;
text-shadow: 1px 1px 1px #999999;  
filter: dropshadow(color=#999999, offx=1, offy=1); 
overflow: hidden;
display: block;
}

.line_gra_menu a:link     { color: #000000; text-decoration: none; }
.line_gra_menu a:visited  { color: #000000; text-decoration: none; }
.line_gra_menu a:hover    { color: #000000; text-decoration: underline; }
.line_gra_menu a:active   { color: #000000; text-decoration: none; }


.bg_sp {
    background: url("../images/bg_sp.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.photo_max {
width:310px;
}
.photo_max img {
max-width:100%;
height: auto;
}

.line_black_bar	{
padding: 10px;
background-image:url(../images/bar_bg_sp.gif);
background-repeat:repeat;
border: 2px solid #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#FFFFFF;
}

/* ----------------------------- */
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0%;
    bottom: 10px;
    z-index: 9999;
    text-align: center;
    padding: 0px;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}

#footerFloatingMenu ol {
  position: relative;
  left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
  float: left;
}

#footerFloatingMenu ol li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: left;
  list-style: none;
}
/*-------------------------------------------------------------------
                             slideshow
-------------------------------------------------------------------*/
#slideshow { 
	position:relative; 
	//width:320px; 
	//height:150px;
	 }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

.text_pink	{
font-weight: bold;
text-shadow: 1px 1px 4px rgba(255, 80, 150, 0.9), 1px -1px 4px rgba(255, 80, 150, 0.9), -1px 1px 4px rgba(255, 80, 150, 0.9), -1px -1px 4px rgba(255, 80, 150, 0.9); 
}
.text_blue	{
font-weight: bold;
text-shadow: 1px 1px 4px rgba(96, 164, 255, 0.9), 1px -1px 4px rgba(96, 164, 255, 0.9), -1px 1px 4px rgba(96, 164, 255, 0.9), -1px -1px 4px rgba(96, 164, 255, 0.9);
}
.text_red	{
font-weight: bold;
text-shadow: 1px 1px 4px rgba(255,1,1,1), 1px -1px 4px rgba(255,1,1,1), -1px 1px 4px rgba(255,1,1,1), -1px -1px 4px rgba(255,1,1,1);
}

.p_tel	{
background-color:#0000ff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 13px;
display: block;
width:100%;
padding-top:3px;
padding-bottom:3px;
margin-bottom:0px;
color:#FFFFFF;
/*text-shadow: 1px 1px 4px rgba(255,1,1,1), 1px -1px 4px rgba(255,1,1,1), -1px 1px 4px rgba(255,1,1,1), -1px -1px 4px rgba(255,1,1,1);*/
/*opacity:0.6;*/
}


/* ----------------------------- */

.flickSimple {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
	height:195px;
}

.flickSimple.landscape {
	width: 100%;
}

.flickSimple ul {
	display: block;
	margin: 0;
	padding: 0;
	border:1px solid #FFFFFF;
}

.flickSimple ul.landscape {
}

.flickSimple ul li {
	float: left;
	list-style-type: none;
	text-align: center;
	border:1px solid #FFFFFF;
}

.flickSimple ul li.landscape {
}
#basic ul,
#basic ul.landscape {
	width: 1710px;
}

#basic ul li,
#basic ul li.landscape {
	width: 120px
}

#basic ul li.newline {
	clear: both;
}

#basic ul li a {
	display: block;
	border: solid 1px #DCDCDC;
	background-color: #FFFFFF;
	width:110px;
	height:140px;
	padding-top:5px;
	margin-top:5px;
}
/* ----------------------------- */
/* ----------------------------- */

.flickSimpleSch {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
	height:280px;
	color:#000000;
}

.flickSimpleSch.landscape {
	width: 100%;
}

.flickSimpleSch ul {
	display: block;
	margin: 0;
	padding: 0;
	border:1px solid #FFFFFF;
}

.flickSimpleSch ul.landscape {
}

.flickSimpleSch ul li {
	float: left;
	list-style-type: none;
	text-align: center;
	border:1px solid #FFFFFF;
}

.flickSimpleSch ul li.landscape {
}

/* ----------------------------- */
#basicsch ul,
#basic ul.landscape {
	width: 1710px;
}

#basicsch ul li,
#basicsch ul li.landscape {
	width: 120px
}

#basicschsch ul li.newline {
	clear: both;
}

#basicsch ul li a {
	display: block;
	border: solid 1px #DCDCDC;
	background-color: #FFFFFF;
	width:110px;
	height:220px;
	padding-top:5px;
	margin-top:5px;
}
/* ----------------------------- */
/* ----------------------------- */

.flickSimpleevent {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
	height:165px;
}

.flickSimpleevent.landscape {
	width: 100%;
}

.flickSimpleevent ul {
	display: block;
	margin: 0;
	padding: 0;
	border:1px solid #FFFFFF;
}

.flickSimpleevent ul.landscape {
}

.flickSimpleevent ul li {
	float: left;
	list-style-type: none;
	text-align: center;
	border:1px solid #FFFFFF;
}

.flickSimpleSch ul li.landscape {
}

/* ----------------------------- */
#basicevent ul,
#basic ul.landscape {
	width: 2300px;
}

#basicevent ul li,
#basicevent ul li.landscape {
	width: 295px
}

#basicsevent ul li.newline {
	clear: both;
}

#basicevent ul li a {
	display: block;
	border: solid 1px #FFFFFF;
	background-color: #FFFFFF;
	width:295px;
	height:110px;
	padding-top:2px;
	margin-top:2px;
}
/* ----------------------------- */


.header_title {
	width: 100%;
	height:40px;
	position: fixed;
	top: 0;

}


.sb-slidebar {
	color: #fff;
}

.main_content {
	padding-top: 50px;
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 42px;
	background-color: #FF0404;
	z-index: 4;
}

#header .sb-toggle-left {
	float: left;
	width: 2em;
}

#header .sb-toggle-right {
	float: right;
	width: 2em;
}

/* ----------------------------- */

.flickSimpleitem {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*background-color: #eee;*/
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
	height:430px;
}

.flickSimpleitem.landscape {
	width: 100%;
}

.flickSimpleitem ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimpleitem ul.landscape {
}

.flickSimpleitem ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

.flickSimpleitem ul li.landscape {
}

/* ----------------------------- */

#basicitem ul,
#basicitem ul.landscape {
	width: 3100px;
}

#basicitem ul li,
#basicitem ul li.landscape {
	width: 280px
}

#basicitem ul li.newline {
	clear: both;
}

#basicitem ul li a {
	display: block;
	background-color:#FFFFFF;
	width:280px;
	height:370px;
	padding-top:5px;
	margin-top:5px;
}
/* ----------------------------- */

/* ----------------------------- */

.flickSimplegallery {
	width: 100%;
	position: relative;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*background-color: #eee;*/
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
	height:360px;
}

.flickSimplegallery.landscape {
	width: 100%;
}

.flickSimplegallery ul {
	display: block;
	margin: 0;
	padding: 0;
}

.flickSimplegallery ul.landscape {
}

.flickSimplegallery ul li {
	float: left;
	list-style-type: none;
	text-align: center;
}

.flickSimpleitem ul li.landscape {
}

/* ----------------------------- */

#basicgallery ul,
#basicgallery ul.landscape {
	width: 3100px;
}

#basicgallery ul li,
#basicgallery ul li.landscape {
	width: 320px
}

#basicgallery ul li.newline {
	clear: both;
}

#basicgallery ul li a {
	display: block;
	background-color: #FFFFFF;
	width:320px;
	height:240px;
	padding-top:5px;
	margin-top:5px;
}
/* ----------------------------- */