@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
width: 100%;
height: 100%;
}

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;
font-size: 100%;
font-weight: normal;
list-style: none;
}

body {
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana;
	color: #555555;
	font-size: 82%;
	line-height: 150%;
}
 
html>/**/body {  
font-size: 12px;  
}


input, select {padding: 1px;}

img {
border: none;
}

li ul {
margin: 0;
padding: 0;
list-style: none;
}

.logo{
width:214px;
height:53px;
position: absolute;
left: 30px;
top: 90px;

}

.copy{
color:#A3A3A3;
position: absolute;
left: 50px;
top: 160px;
width:300px;
font-size:82%;
text-align:left;
}

.clear{
clear:both;

}

#left_con{
width:300px;
height:100%;
float:left;
}


#footer {
font-size:72%;
position: relative;
left: 76px;
bottom: 60px;
}
#ftarea{
margin-top:40px;
margin-left:50px;
}
#footer2 {
font-size:82%;
position: relative;
margin-top: -150px; /* negative value of footer height */
height:200px;
clear:both;
text-align:left;
}


/*=========================================
MAIN MENU
===========================================*/

#mmenu{
position: absolute;
left: 50px;
top: 0;
z-index:100;
width:50px;
height:420px;
margin:0 auto;
padding:0;
background:url(../images/menu_bg-trans.png) no-repeat left 20px;
}

#mmenu li {
float:left;
margin-top:16px;
padding:0;
}

#mmenu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#mmenu a:link img{
visibility : visible ;
border-style : none ;
}

#mmenu a:visited img{
visibility : hidden ;
border-style : none ;
}

#mmenu a:hover img{
visibility : hidden ;
border-style : none ;
}

#mmenu a:active img{
visibility : hidden ;
border-style : none ;
}


/* menu01
---------------------------------------------*/
.mmenu01 {
width : 109px ;
height :13px ;
background-image : url(../images/menu_01_on-trans.gif);
}

.mmenu01 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 109px ;
height :13px ;
}

.mmenu01 a:link {
background-image : url(../images/mmenu_01-trans.png);
}

.mmenu01 a:visited{
background-image : url(../images/mmenu_01-trans.png);
}

.mmenu01 a:hover{
background-image : url(../images/mmenu_01_on-trans.png);
}

.mmenu01 a:active{
background-image : url(../images/mmenu_01_on-trans.png);
}


/* menu02
---------------------------------------------*/
.mmenu02 {
margin-left:26px;
width : 168px ;
height :13px ;
background-image : url(../images/menu_02_on-trans.gif);
}

.mmenu02 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 168px ;
height :13px ;
}

.mmenu02 a:link {
background-image : url(../images/mmenu_02-trans.png);
}

.mmenu02 a:visited{
background-image : url(../images/mmenu_02-trans.png);
}

.mmenu02 a:hover{
background-image : url(../images/mmenu_02_on-trans.png);
}

.mmenu02 a:active{
background-image : url(../images/mmenu_02_on-trans.png);
}

/* menu03
---------------------------------------------*/
.mmenu03 {
margin-left:26px;
width : 72px ;
height :13px ;
background-image : url(../images/menu_03_on.gif);
}

.mmenu03 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 72px ;
height :13px ;
}

.mmenu03 a:link {
background-image : url(../images/mmenu_03-trans.png);
}

.mmenu03 a:visited{
background-image : url(../images/mmenu_03-trans.png);
}

.mmenu03 a:hover{
background-image : url(../images/mmenu_03_on-trans.png);
}

.mmenu03 a:active{
background-image : url(../images/mmenu_03_on-trans.png);
}

/* menu04
---------------------------------------------*/
.mmenu04 {
margin-left:26px;
width : 73px ;
height :13px ;
background-image : url(../images/menu_04_on-trans.gif);
}

.mmenu04 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 73px ;
height :13px ;
}

.mmenu04 a:link {
background-image : url(../images/mmenu_04-trans.png);
}

.mmenu04 a:visited{
background-image : url(../images/mmenu_04-trans.png);
}

.mmenu04 a:hover{
background-image : url(../images/mmenu_04_on-trans.png);
}

.mmenu04 a:active{
background-image : url(../images/mmenu_04_on-trans.png);
}

/* menu05
---------------------------------------------*/
.mmenu05 {
margin-left:26px;
width : 121px ;
height :13px ;
background-image : url(../images/menu_05_on-trans.gif);
}

.mmenu05 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 121px ;
height :13px ;
}

.mmenu05 a:link {
background-image : url(../images/mmenu_05-trans.png);
}

.mmenu05 a:visited{
background-image : url(../images/mmenu_05-trans.png);
}

.mmenu05 a:hover{
background-image : url(../images/mmenu_05_on-trans.png);
}

.mmenu05 a:active{
background-image : url(../images/mmenu_05_on-trans.png);
}

/* menu06
---------------------------------------------*/
.mmenu06 {
display: block;
text-indent: -9999px;
width : 56px ;
height :13px ;
background-image : url(../images/mmenu_06-trans.png);
}



/* menu07
---------------------------------------------*/
.mmenu07 {
margin-left:26px;
width : 99px ;
height :13px ;
background-image : url(../images/menu_07_on-trans.gif);
}

.mmenu07 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 99px ;
height :13px ;
}

.mmenu07 a:link {
background-image : url(../images/mmenu_07-trans.png);
}

.mmenu07 a:visited{
background-image : url(../images/mmenu_07-trans.png);
}

.mmenu07 a:hover{
background-image : url(../images/mmenu_07_on-trans.png);
}

.mmenu07 a:active{
background-image : url(../images/mmenu_07_on-trans.png);
}

/* menu08
---------------------------------------------*/
.mmenu08 {
margin-left:26px;
width : 63px ;
height :13px ;
background-image : url(../images/menu_08_on-trans.gif);
}

.mmenu08 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 63px ;
height :13px ;
}

.mmenu08 a:link {
background-image : url(../images/mmenu_08-trans.png);
}

.mmenu08 a:visited{
background-image : url(../images/mmenu_08-trans.png);
}

.mmenu08 a:hover{
background-image : url(../images/mmenu_08_on-trans.png);
}

.mmenu08 a:active{
background-image : url(../images/mmenu_08_on-trans.png);
}

/* menu09
---------------------------------------------*/
.mmenu09 {
width : 71px ;
height :13px ;
background-image : url(../images/menu_09_on-trans.gif);
}

.mmenu09 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 71px ;
height :13px ;
}

.mmenu09 a:link {
background-image : url(../images/mmenu_09-trans.png);
}

.mmenu09 a:visited{
background-image : url(../images/mmenu_09-trans.png);
}

.mmenu09 a:hover{
background-image : url(../images/mmenu_09_on-trans.png);
}

.mmenu09 a:active{
background-image : url(../images/mmenu_09_on-trans.png);
}


/* menu10
---------------------------------------------*/
.mmenu10 {
width : 69px ;
height :13px ;
background-image : url(../images/menu_10_on-trans.gif);
}

.mmenu10 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 69px ;
height :13px ;
}

.mmenu10 a:link {
background-image : url(../images/mmenu_10-trans.png);
}

.mmenu10 a:visited{
background-image : url(../images/mmenu_10-trans.png);
}

.mmenu10 a:hover{
background-image : url(../images/mmenu_10_on-trans.png);
}

.mmenu10 a:active{
background-image : url(../images/mmenu_10_on-trans.png);
}


/* menu11
---------------------------------------------*/
.mmenu11 {
width : 55px ;
height :13px ;
background-image : url(../images/menu_11_on-trans.gif);
}

.mmenu11 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 55px ;
height :13px ;
}

.mmenu11 a:link {
background-image : url(../images/mmenu_11-trans.png);
}

.mmenu11 a:visited{
background-image : url(../images/mmenu_11-trans.png);
}

.mmenu11 a:hover{
background-image : url(../images/mmenu_11_on-trans.png);
}

.mmenu11 a:active{
background-image : url(../images/mmenu_11_on-trans.png);
}

/* menu12
---------------------------------------------*/
.mmenu12 {
width : 53px ;
height :13px ;
background-image : url(../images/menu_12_on-trans.gif);
}

.mmenu12 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 53px ;
height :13px ;
}

.mmenu12 a:link {
background-image : url(../images/mmenu_12-trans.png);
}

.mmenu12 a:visited{
background-image : url(../images/mmenu_12-trans.png);
}

.mmenu12 a:hover{
background-image : url(../images/mmenu_12_on-trans.png);
}

.mmenu12 a:active{
background-image : url(../images/mmenu_12_on-trans.png);
}

/* menu13
---------------------------------------------*/
.mmenu13 {
width : 93px ;
height :13px ;
background-image : url(../images/menu_13_on-trans.gif);
}

.mmenu13 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 93px ;
height :13px ;
}

.mmenu13 a:link {
background-image : url(../images/mmenu_13-trans.png);
}

.mmenu13 a:visited{
background-image : url(../images/mmenu_13-trans.png);
}

.mmenu13 a:hover{
background-image : url(../images/mmenu_13_on-trans.png);
}

.mmenu13 a:active{
background-image : url(../images/mmenu_13_on-trans.png);
}

/* menu14
---------------------------------------------*/
.mmenu14 {
width : 81px ;
height :13px ;
background-image : url(../images/menu_14_on-trans.gif);
}

.mmenu14 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 81px ;
height :13px ;
}

.mmenu14 a:link {
background-image : url(../images/mmenu_14-trans.png);
}

.mmenu14 a:visited{
background-image : url(../images/mmenu_14-trans.png);
}

.mmenu14 a:hover{
background-image : url(../images/mmenu_14_on-trans.png);
}

.mmenu14 a:active{
background-image : url(../images/mmenu_14_on-trans.png);
}


/* menu15
---------------------------------------------*/
.mmenu15 {
width : 91px ;
height :13px ;
background-image : url(../images/menu_15_on-trans.gif);
}

.mmenu15 a{
display : block ;
background-repeat : no-repeat ;
background-position : top left ;
width : 91px ;
height :13px ;
}

.mmenu15 a:link {
background-image : url(../images/mmenu_15-trans.png);
}

.mmenu15 a:visited{
background-image : url(../images/mmenu_15-trans.png);
}

.mmenu15 a:hover{
background-image : url(../images/mmenu_15_on-trans.png);
}

.mmenu15 a:active{
background-image : url(../images/mmenu_15_on-trans.png);
}










/*=========================================
CLEARFIX
===========================================*/

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*=========================================

===========================================*/