@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video ,table {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
 .ie6 img {
	width:100%;
 }
/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */



/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (max-width: 481px) {
	#sidebar{width:100%;}
    .gridContainer {
	/*width: 90.675%;*/
	/*padding-left: 1.1625%;*/
	/*padding-right: 1.1625%;*/
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
header h1{
	width:100%;
	float:left;
	margin:0;
	hight:150px;
}
/* main（本文のレイアウト） */

#main{
	/*display:inline-block; */
	width:90%;
	float:left;
	margin-right:1em;
	margin-left:0px;
	}
	
	#main h2{
	font-size:2em;
	border:1px solid #666;/*ライン装飾 */
    padding:11px 2px;
	border-radius:5px;	/*ライン装飾 */
	line-height:2em; /*行間空け*/
	
 
}
#main h3{
	font-size:18px;
	border-left:solid 10px #666;/*ライン装飾 */
	border-bottom:solid 1px #666;/*ライン装飾 */
	padding:4px 9px 4px 20px;	
}
	/* sidbar(サブのレイアウト（右のリンク集） */
#sidbar{
	width:90%;
	float:left;
	
}

#side_banner

{
	margin-top:2em;/*サイド上の余白*/
	margin-bottom:2em;
	padding:0em;
    border:1px solid #666;
    color:#333;
    text-align:center;	

}
#side_banner h2{
	background-color:#666;
	color:#fff;
	padding:1em;
	font-size:1em;
	text-align:center;
	line-height:2em; /*行間空け*/
}

#side_banner ul{
		list-style:none;
		margin-right:2em;
					}
}


@media only screen and (max-width:1099px) 
{
header h1{
	width:100%;
	float:left;
	margin:0;
	hight:150px;
}

#sidebar{width:100%;}

.gridContainer {
	/*width: 90.675%;*/
	/*padding-left: 1.1625%;*/
	/*padding-right: 1.1625%;*/
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* メニュー */
#global_navi{
	 width:100%;
	clear:both;
	/*overflow:hidden; */
	margin:0;
	background-color:#333;
}
#global navi ul{
  list-style:none;/* リストを消す */
  margin:0;
  padding:0;	
}
#global_navi ul li{/* メニュー横並び */
	float:left;
	margin-right:0;
	text-align:center;
}
#global_navi ul li a{/* メニュー基本カラー */
	display:block;
	padding:1em;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	
}
#global_navi ul li.current a {/*現在の部分色を変える */
	background-color:#999;
}

#global_navi ul li a:hover{
 background-color:#999;	
}
/* wrapper（本文とサブの欄のレイアウト） */
#wrapper{
     width:90%;
	 margin: 0 auto;
	/* overflow: hidden;*/	
}
/* main（本文のレイアウト） */

#main{
	/*display:inline-block; */
	width:90%;/*1225 */
	float:left;
	margin-right:1em;
	margin-left:0px;
	}
	
	#main h2{
	font-size:2em;
	border:1px solid #666;/*ライン装飾 */
    padding:10px 10px;
	border-radius:5px;	
    line-height:2em; /*行間空け*/
}
#main h3{
	font-size:18px;
	border-left:solid 10px #666;/*ライン装飾 */
	border-bottom:solid 1px #666;/*ライン装飾 */
	padding:4px 9px 4px 20px;	
}
	/* sidbar(サブのレイアウト（右のリンク集） */
#sidbar{
	width:90%;
	float:left;
	
}

#side_banner

{
	margin-top:2em;/*サイド上の余白*/
	margin-bottom:2em;
	padding:0em;
    border:1px solid #666;
    color:#333;
    text-align:center;	

}
#side_banner h2{
	background-color:#666;
	color:#fff;
	padding:1em;
	font-size:1em;
	text-align:center;
}

#side_banner ul{
		list-style:none;
		margin-right:2em;
					}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width:1100px) {
	
/* PCでのレイアウト設定 */
header h1{
	width:100%;
	hight:150px;
	float:left;
	margin:0;
}
header #header_english{
     float:right;
	 margin:0;	
}
/* メニュー */
#global_navi{
	 width:100%;
	clear:both;
	/*overflow:hidden; */
	margin:0;
	background-color:#333;
}
#global navi ul{
  list-style:none;/* リストを消す */
  margin:0;
  padding:0;	
}
#global_navi ul li{/* メニュー横並び */
	float:left;
	margin-right:0;
	text-align:center;
}
#global_navi ul li a{/* メニュー基本カラー */
font-size:1em;
	display:block;
	padding:1em;
	background-color:#333;
	color:#fff;
	text-decoration:none;
	
}
#global_navi ul li.current a {/*現在の部分色を変える */
	background-color:#999;
}

#global_navi ul li a:hover{
 background-color:#999;	
}
/* wrapper（本文とサブの欄のレイアウト） */
#wrapper{
     width:90%;
	 margin: 0 auto;
	/* overflow: hidden;*/	
}
/*#main_visual img{
	padding-top:0px;
	 display:block;
}

/* main（本文のレイアウト） */

#main{
	/*display:inline-block; */
	width:75%;
	float:left;
	margin-right:1em;
	margin-left:0px;
	}
	
	#main h2{
	font-size:2em;
	border:1px solid #666;/*ライン装飾 */
    padding:11px 2px;
	border-radius:5px;	/*ライン装飾 */
	line-height:1em; /*行間空け*/
	
}
#main h3{
	font-size:18px;
	border-left:solid 10px #666;/*ライン装飾 */
	border-bottom:solid 1px #666;/*ライン装飾 */
	padding:4px 9px 4px 20px;	
}
	/* sidbar(サブのレイアウト（右のリンク集） */
#sidbar{
	width:20%;
	float:right;
	
}

#side_banner

{
	margin-top:2em;/*サイド上の余白*/
	margin-bottom:2em;
	padding:0em;
    border:1px solid #666;
    color:#333;
    text-align:center;	

}
#side_banner h2{
	background-color:#666;
	color:#fff;
	padding:1em;
	font-size:1em;
	text-align:center;
}

#side_banner ul{
		list-style:none;
		margin-right:2em;
					}
	
}