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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
   color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,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;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
   font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }
/*-----Reset----*/

/* Fonts
------------------------------------------------------------*/
body {
font-size: 1.00em; /* IE */
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html>/**/body { } /* Except IE */


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix { /zoom: 1; } /* IE */
#myMainInner .pageTop {
text-align: right;
margin-right: 30px;
}


.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;
top: 2px;
}
 
.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;
}