@charset "utf-8";
/* CSS Document */


/*--------------------------
	reset
--------------------------*/
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;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
th,td { vertical-align: top; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
html {background-color: transparent; background-image: none;}
input{font-family:'MS UI Gothic'; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;} 
img{vertical-align:bottom;}
input:hover{cursor:pointer;}

/*--------------------------
	common
--------------------------*/
.clearfix:before,.clearfix:after {content:"";display:table;} 
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.on_img, .on_nav li { position: relative; z-index: 3;}
.on_img a, .on_nav li a{display: -moz-inline-box; display: inline-block;}
.on_img a:hover, .on_nav li a hover { position: static;}
.on_img a:hover img, .on_nav li a:hover img, .on_nav li.current a img{ position: relative; z-index: -1;}

.fLeft{float:left;}
.fRight{float:right;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.bold{font-weight:bold;}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.gray{color:#666666;}

ol.ol{list-style:decimal;}
ul.ul{list-style:disc;}

a {
    text-decoration: none;
    color: #08C;
}
  
a:hover { color: #0AF; }

.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;  
}

.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover, .no_link {
    opacity: 0.6;
    filter: alpha(opacity=60);
} 
/*--------------------------
	base
--------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	line-height:160%;
	/*background:url(../img/bg.jpg) 0 0 repeat-x;*/
}



#wrapper{
}



/* header -------------------------*/
#header_wrapper{}

#header{
	/*margin:0 auto 20px auto;*/
	/*width:1000px;*/
	/*position:relative;*/
	height:30px;
	}

#header h1{
	/*position:absolute;
	top:5px;
	right:0;*/
}

/*#header h2{
	float:left;
}

#header .address{
	float:right;
}*/

/* menu -------------------------*/
#menu_wrapper{
	background:url(../img/menu_bg.png) 0 0 repeat-x;
	margin:0 auto 20px auto;
}


#menu{
	margin-bottom:30px;
	margin:auto;
	width:1000px;
}

#menu li{
	float:left;
}

/* mainimage_wrapper -------------------------*/

#mainimage_wrapper{
	margin:0 auto 20px auto;
	}

#mainimage{
	width:1000px;
	margin:0 auto;
	}


/* contents -------------------------*/
#breadcrumb{
	margin:0 auto 30px auto;
	font-size:10px;
	}

#breadcrumb li{
	background:url(../img/bread_icon.png) right center no-repeat;
	margin:0 5px 0 0;
	padding:0 9px 0 0;
	float:left;
	}
#breadcrumb li:last-child{background:none;}

#contents{
	margin:0 0 30px 0;
	margin:auto;
	width:1000px;
}

#left_clm{
	float:left;
	width:200px;
	}

#right_clm{	
	float:right;
	width:680px;
	}

/* footer -------------------------*/

#footer_wrapper{}

/*#footer{
	margin:auto;
	width:1000px;
	position:relative;
	padding:0 0 20px 0;
	}*/

.pagetop{
	position:absolute;
	top:2px;
	right:0;
}

#footer h2{
	margin:0 20px 0 0;
	float:left;
	}