/* スタイルシート */ 

html{-webkit-text-size-adjust: none;}

/*
body { background:transparent url(back.jpg); width:1000px; margin: 0 auto;}
*/

body {
    -webkit-text-size-adjust: none;
    width:1000px; margin: 0 auto;
     }

/*
.main { background:#F0F8FF; width:1000px; padding: 2px;}
*/

.main { background:#FFFFFF; width:1000px; padding: 2px;}

.Nheader { background:transparent url(tt3.png) repeat-x; width:1000px; height:235px;}

/* CSS for tabmenu with jquery v1.3 */
/* Copyright(C) ASH (http://ash.jp/) */

ul.tabmenu {
	position: relative;
	display: inline-block;
	list-style: none;
	border: none;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

ul.tabmenu li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	white-space: nowrap;
	float: left;
	color: #000000;
	background: transparent url(tab_inact.gif) no-repeat 0px 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
}

ul.tabmenu li.act {
	color: #000000;
	background: transparent url(tab_act.gif) no-repeat 0px 0px;
}

ul.tabmenu li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000000;
	background: transparent url(tab_inact.gif) no-repeat 100% 0px;
	margin: 0px -10px 0px 0px;
	padding: 0px 10px 0px 0px;
}

ul.tabmenu li.act a {
	color: #000000;
	background: transparent url(tab_act.gif) no-repeat 100% 0px;
}


ul.tabmenu li a:visited {
	color: #000000;
}

ul.tabmenu li:hover {
	color: #ffffff;
	background: transparent url(tab_sel.gif) no-repeat 0px 0px;
}

ul.tabmenu li:hover a, * ul.tabmenu li a:hover {
	color: #ffffff;
	background: transparent url(tab_sel.gif) no-repeat 100% 0px;
}

ul.tabmenu li:hover a, * ul.tabmenu li a:hover {
	color: #ffffff;
	background: transparent url(tab_sel.gif) no-repeat 100% 0px;
}


div.tabbody {
/*
	border: #777777 1px solid;
*/
	width: 100%;
	margin-top: -1px;
}

.footer { 
        background:transparent url(footer2.jpg); 
        width:1000px; 
        height:90px;
        color:#FFFFFF;
}

.footer a { 
        color:#FFFFFF;
}

/* お試し */

#nav {
	margin: 0;
	padding: 7px 6px 0;
	background: #7d7d7d url(gradient.png) repeat-x 0 -110px;
	line-height: 100%;

	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    height: 40px;
}
#nav li {
/* margin: 0 5px; */
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
    font-size:12px;
/* 追加 */
    width:110px;

}


#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

#nav .current a {
/*	background: #666; */
/*	color: #444; */
/*	border-top: solid 1px #7D7D7D; */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

#nav li:hover > a {
	background: #666 url(gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0078ff url(gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}


#nav li:hover > ul {
	display: block;
}


#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 210px;
/*	width: 115px; */
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

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

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
    width:210px;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

#nav ul ul {
	left: 181px;
	top: -3px;
}


#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}


#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}


.title h3 {
    margin-bottom: 10px;
    padding: 8px;
    border: solid 1px;
    border-radius: 10px;
    color: #000000;
/*
    border-color: #90ee90 #90ee90 #F0F8FF #90ee90;
    background: -moz-linear-gradient(#90ee90, #F0F8FF);
    background: -webkit-gradient(linear, left top, left bottom, from(#90ee90), to(#F0F8FF));
    background: -ms-linear-gradient(#90ee90, #F0F8FF);
*/
    border-color: #90ee90 #90ee90 #FFFFFF #90ee90;
    background: -moz-linear-gradient(#90ee90, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#90ee90), to(#FFFFFF));
    background: -ms-linear-gradient(#90ee90, #FFFFFF);

    font-size: 120%;
/*    font-family: "メイリオ"; */
    width:680px;
}


.side1 a:hover {
background-image: url(b002-2.png);
}

#wrapper {
	width:220px;
	margin:0 auto;
	margin-top:12px;
}

.lightmenu {
	width:220px;
	height:62px;
	background: transparent;
	background-image:url(light.png);
	background-repeat: no-repeat;
	background-position: bottom;
	clear:both;
/*	margin-bottom:60px; */

}
.lightBlue, .lightGreen, .lightPink, .lightRed {
	position: relative;
	height: 62px;
	width: 220px;
	overflow: hidden;
	float:left;
}
.lightBlue li, .lightGreen li, .lightPink li, .lightRed li {
	float: left;
	list-style: none;
	width: 110px;
	height:44px;
	background-image:url(sep.png);
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
/*	top:9px; */

}
.lightBlue li.back {
	background-image:url(images/blue.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	margin-left:-3px;
	height: 20px;
	z-index: 8;
	top:5px;
	position: absolute;
}

.lightGreen li.back {
	background-image:url(green.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	margin-left:-3px;
	height: 20px;
	z-index: 8;
	top:5px;
	position: absolute;
}

.lightPink li.back {
	background-image:url(images/pink.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	margin-left:-3px;
	height: 20px;
	z-index: 8;
	top:5px;
	position: absolute;
}

.lightRed li.back {
	background-image:url(images/red.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 45px;
	margin-left:-3px;
	height: 20px;
	z-index: 8;
	top:5px;
	position: absolute;
}

.lightBlue li a, .lightGreen li a, .lightPink li a, .lightRed li a {
	font-size: 15px ;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
	font-weight: normal;
	text-decoration: none;
	width:106px;
	padding-right: 3px;
	color: #575757;
	outline: none;
	text-align: center;
	letter-spacing: 1px;
	z-index: 10;
	display: block;
	float: left;
	top:15px;
	height: 30px;
	position: relative;
	overflow: hidden;
}

.lightBlue li a:hover, .lightGreen li a:hover, .lightPink li a:hover, .lightRed li a:hover {
	color:#2c2c2c;
}

.title2 {
    margin-bottom: 10px;
    padding: 8px;
    border: solid 1px;
    border-radius: 10px;
    color: #000000;
/*
    border-color: #F0F8FF #F0F8FF #32cd32 #F0F8FF;
    background: -moz-linear-gradient(#F0F8FF, #90ee90);
    background: -webkit-gradient(linear, left top, left bottom, from(#90ee90), to(#F0F8FF));
    background: -ms-linear-gradient(#90ee90, #F0F8FF);
*/


    border-color: #FFFFFF #FFFFFF #90ee90 #FFFFFF;
/*
    background: -moz-linear-gradient(#FFFFFF, #90ee90 90%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#90ee90 90%));
    background: -ms-linear-gradient(#FFFFFF, #90ee90 90%);
*/

    font-size: 120%;
/*    font-family: "メイリオ"; */
    width:150px;
}


.men {
    margin-bottom: 10px;
    padding: 8px;
    border: solid 1px;
    border-radius: 0px;
    color: #000000;
    border-color: #FFFFFF #FFFFFF #d3d3d3 #FFFFFF;
    background: -moz-linear-gradient(#FFFFFF, #d3d3d3);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d3d3d3));
    background: -ms-linear-gradient(#FFFFFF, #d3d3d3);

}


/* CSS折り返し装飾 */
#contr {
/*	background: #666; */
	background: #fff;
	margin: auto;
/*	width: 305px; */
/*	height: 113px; */
/*	padding-top: 30px; */
	font-family: helvetica, arial, sans-serif;

	}
 
#contr p {
	 background: #e3e3e3;
	 background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8);
	 background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8));
	 padding: 10px 15px;
/*	 padding: 20px 15px; */
/*	 margin-left: -20px; */
/*	 margin-top: 18px; */
	 position: relative;
	 width: 160px;

	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
       box-shadow: 1px 1px 3px #292929;
 
	color: #454545;
	text-shadow: 0 1px 0 white;
}
 
#contr p .arrow {
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 20px solid transparent;
	 border-top: 10px solid #c8c8c8;
	 top: 102%;
	 left: 0;
	 position: absolute;
}

/* 追加項目 */

#contr .menu > li {
    display: block;
/*    float: left; */
/*    width: 240px; */
    background-color: #ffffff;
    margin: 4px;
    padding: 0px;
    position: relative;
    list-style: none;
}
#contr .menu > li > ul {
    position: absolute;
    opacity: 0;
    width: 180px;
    transition: opacity 0.2s linear;

/*	display: none;  */
	margin: 0;
	padding: 0;
	top: 51px;
	left: 8px;
	background: #fff url(gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

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

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);

        z-index: 9999;
}


#contr .menu a {

color: #454545;
text-decoration: none;


}

#contr .menu a:hover {

color: #454545;
text-decoration: underline;
text-align:center;"
}

#contr .menu > li > ul > li {
    height: 1px;
    transition: height 0.2s linear;
    list-style: none;
    text-align:center;"
    z-index: 9999;
}

#contr .menu > li:hover > ul > li:hover {
background-color: #cccccc;
}

#contr .menu > li:hover > ul {
    opacity: 1;

}

#contr .menu > li:hover > ul > li {
/*    height: 40px; */
    height: 35px;
    padding-top: 14px;
    text-decoration: none;
    border-bottom:1px solid #cccccc;
}

#contr .menu :after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#contr .menu {
	display: inline-block;
} 
html[xmlns] #contr .menu {
	display: block;
}
 
* html #contr .menu {
	height: 1%;
}


#slide {
   position: relative;
   width:  690px; /* 画像の横幅に合わせて記述 */
/*   height: 494px; 画像の高さに合わせて記述 */
     height: 783px; /* 画像の高さに合わせて記述 */
}
#slide img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slide img.active {
   z-index: 10;
   opacity: 1.0;
}
#slide img.last-active {
   z-index: 9;
}