@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em { font-style: normal; }
strong,th { font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
}
th { text-align: left; }
hr,legend { display: none;	}
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
img,fieldset {
border: 0;
background: no-repeat;
}
li { list-style-type: none; }

/* Fonts
------------------------------------------------------------*/
body {
font-size: 1.00em; /* IE */
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html>/**/body { font-size: 1.00em; } /* Except IE */
/* clearfix
------------------------------------------------------------*/
#myLeft .myIndex .maru {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix { /zoom: 1; } /* IE */


body {
color: #000;
background: #FFF;
}
a:link { color: #00F; }
a:visited { color: #00F; }
a:hover { color: #FFF; }


.header { text-align: center; }


.wrapper100 {
width: 100%;
float: left;
}

 
.wrapper {
float: left;
margin: 0 -165px 0 0;
width: 100%;
}


 
.content {
float: right;
width: 100%;
margin-left: -165px;
}


.content_main {
position: relative;
margin: 0 165px;
}
 
.left_sidebar {
float: left;
width: 160px;
}

.r_sidebar {
float: right;
width: 160px;
}
 
.footer { clear: both; }
 
@media (max-width: 1024px) {
     .wrapper, {
          float: none;
          margin: 0;
          width: auto;
     }
	
}


@media (max-width: 920px) {
     .wrapper, .content_main {
          float: none;
          margin: 0;
          width: auto;
     }
     .r_sidebar { 
          display: none;
     }
	 .content_main {
		 margin-left: 165px;
     }
	 
}





@media (max-width: 640px) {
     .wrapper, .content, .content_main, .left_sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
     .r_sidebar { 
          display: none;
     }
}



html {
	    font-size : 80%; 
		}
	
		@media screen and (min-width : 768px){
		    html{ font-size : 100%;} 
		}
		 
		@media screen and (min-width : 1024px) {
		    html{ font-size : 100%}; 
		}
		
		
		/* .switchBtn
------------------------- */
.switchBtn {
	margin-top: 15px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	background: #CCCCCC;
	clear: both;
}

.switchBtn a {
	margin: 0 10px;
	padding: 5px 30px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	background: #CCCCCC;
	border: #333333 solid 1px;
}

.switchBtn a.btnAcv {
	background: #FFFFFF;
}