@charset "UTF-8";

img {
	height: auto;
	width: auto\9;
}
/*IE6,7で段落ちしないように*/
#sidebar {
    padding-left: -1px;
}

/*====================================================
480px以下 for スマートフォン
====================================================*/
	#headerArea {
		margin:0 0 20px 0;
		width:220px;
	}
	#contentsArea{
		margin: 0 auto;
		padding: 0 2.04%;
		width: 95.91%;
	}
	#sidebar {
		width: 100%;
	}
	#globalNavigationArea {
		display:none;
	}
	#globalNavigationArea ul {
		border-top:none;
	}
	#globalNavigationArea li {
		float:left;
		width:47.8%;
		margin:0 1.02%;
	}
	#globalNavigationArea #submenu {
		display:block;
	}
	#globalNavigationArea #submenu ul {
		border-top:none;
		margin-bottom:0;
	}
	#globalNavigationArea #submenu li {
		border-bottom:none;
		width:auto;
		float:left;
		margin-right:2.04%;
	}
	#globalNavigationArea #submenu li a{
		background-image:url(../images/icon_list3.gif);
		background-repeat:no-repeat;
		background-position:center left;
	}
	#globalNavigationArea #submenu li a:hover {
		background-color:#F7E9C5;
	}

	#mainContentsArea {
		float:none;
		width:auto;
	}
	#whatsnew dt {
		margin-bottom: 0.2em;
		float:none;
	}
	#whatsnew dd {
		padding-left:0;
	}
	#welcomeArea,
	#scheduleArea {
		margin:0 auto 10px;
		text-align:left;
	}
	#welcomeArea a,
	#scheduleArea a {
		padding:0.6em 0.2em 0.2em 0.4em;
	}
	#welcomeArea span,
	#scheduleArea  span {
		display:block;
		margin-left:0;
	}
	.fb-like {
		text-align:left;
	}
	#breadcrumbArea {
		display:none;
	}
	#footerArea {
		width:100%;
		background-position:top;
		background-repeat:repeat;
		height:auto;
	}
	#footerContentsArea {
		width: 95.91%;
	}
	#pagetopnavigationArea {
		margin-bottom:1em;
		width:100%;
		float:none;
		text-align:right;
	}
	#pagetopnavigation {
		margin-top: 1em;
	}
	#underNavigation {
		clear:both;
	}
	
	#footerArea #topcat li,
	#footerArea .page_item li.page-item-23,
	#footerArea .page_item li.page-item-104,
	#footerArea .page_item li.page-item-24,
	#footerArea .page_item li.page-item-10 {
		clear:none;
		float:left;
		margin-right:1em;
	}
	#footerArea .page_item li.page-item-21 {
		float:left;
		margin-right:1em;
	}
	#underNavigation .page_item {
		clear:both;
    min-height: inherit;
	}
	#underNavigation li.cat-item .children li,
	#underNavigation li.page-item-18 li,
	#underNavigation li.page-item-15 li {
		float:left;
		margin-right:1em;
		clear:none;
	}

	#copyright {
		float:none;
		clear:both;
	}
	table {
		width:100%;
	}
	table th,
	table td {
		padding:3px 4px;
	}
	#mainContentsArea .fb-like {
		padding: 2.04%;
		width: 95.91%;
	}

/*====================================================
480px以上 for タブレット
====================================================*/
@media only screen and (min-width: 481px){
	#headerArea {
		margin:0 0 20px 0;
		text-align:left;
	}
	#contentsArea{
		margin: 0 auto;
		padding: 0 2.04%;
		width: 95.91%;
	}
	#sidebar {
		width: 100%;
	}
	#globalNavigationArea {
		width: 100%;
		margin:0 auto 20px auto;
		display:none;
	}
	#globalNavigationArea ul {
		border-top:none;
	}
	#globalNavigationArea li {
		float:left;
		width:47.8%;
		margin:0 1.02%;
		font-size:100%;
	}
	#globalNavigationArea #submenu {
		display:block;
	}
	#globalNavigationArea #submenu ul {
		border-top:none;
		margin-bottom:0;
	}
	#globalNavigationArea #submenu li {
		border-bottom:none;
		margin-left:0;
		width:auto;
		float:left;
	}
	#globalNavigationArea #submenu li a {
		background-image:url(../images/icon_list3.gif);
		background-repeat:no-repeat;
		background-position:center left;
	}
	#globalNavigationArea #submenu li a:hover {
		background-color:#F7E9C5;
	}
	
	#mainContentsArea {
		float:none;
		width:auto;
	}
	#catchImageArea {
		display:block;
	}
	#welcomeArea,
	#scheduleArea {
		clear: none;
		float: left;
		margin: 0 0.5% 10px 0.5%;
		width: 48%;
	}
	#welcomeArea a,
	#scheduleArea a {
		padding:1.2em 0.2em 0.8em 2em;
	}
	#welcomeArea span,
	#scheduleArea span {
		/*display: inline;
		margin-left:2em;*/
	}
	#breadcrumbArea {
		margin:0 auto 40px auto;
		clear:both;
		font-size:86%;
	}
	#footerArea {
		width:100%;
	}
	#footerContentsArea {
		width: 95.91%;
	}
	#pagetopnavigationArea {
		margin-bottom:1em;
		width:100%;
		float:none;
	}
	#underNavigation {
		clear:both;
	}
	#underNavigation .page_item.page-item-11,
	#underNavigation .page_item.page-item-12 {
		min-height:inherit;
	}
	#footerArea #topcat {
		float:left;
	}
	
	#footerArea .page_item,
	#footerArea .cat-item-14 {
		float:left;
	}
	#footerArea .page_item li {
		float:none;
	}
	#fblikeboxArea {
		clear: both;
	}	
	#copyright {
		clear:both;
		float:left;
	}
	table {
		width:100%;
	}
	table th,
	table td {
		padding:4px 6px;
	}
	#mainContentsArea .fb-like {
		padding: 1.02%;
		width: 97.95%;
	}
}

/*====================================================
768px以上 for PC
====================================================*/
@media only screen and (min-width: 769px){
	#headerArea {
		margin:0 20px 20px 0;
		text-align:left;
		float:left;
	}
	#go2menu {
		display:none;
	}
	#contentsArea{
		margin: 0 auto;
		padding: 0 2.04%; /*20/980*/
		width: 95.91%; /*940/980*/
	}
	#sidebar{
		margin-top:30px;
		width:100%;
		text-align:center;
	}
	#subContentsArea {
		float:left;
		width:100%;
	}
	#globalNavigationArea {
		text-align:center;
		display: inline;
		float:right;
		width:65%;
	}
	#globalNavigationArea li {
		float:left;
		width:47.8%;
		margin:0 0 0 2.04%;
		text-align:left;
    border-bottom:1px dotted #FAD678;
	}

	#globalNavigationArea #submenu {
		display:block;
	}
	#globalNavigationArea #submenu ul {
		border-top:none;
		margin-bottom:0;
	}
	#globalNavigationArea #submenu li {
		border-bottom:none;
		margin-left:0;
		width:auto;
		float:left;
	}
	#globalNavigationArea #submenu li a{
	background-image:url(../images/icon_list3.gif);
		background-repeat:no-repeat;
		background-position:center left;
	}
	#globalNavigationArea #submenu li a:hover {
		background-color:#F7E9C5;
	}
	#menu-item-30 {
		display:none;
	}
	#pagelist {
		display:none;
	}
	#whatsnew dt {
		margin-right: 0.4em;
		margin-bottom: 0.5em;
		float:left;
	}
	#welcomeArea a,
	#scheduleArea a {
		padding:1em 0.2em 0.8em 0.4em;
	}
	#welcomeArea span,
	#scheduleArea span {
		display: inline;
		/*margin-left:2em;*/
	}
	#mainContentsArea .alignright {
		float:right;
		margin-left:10px;
	}
	#breadcrumbArea {
		display: block;
	}
	#footerArea {
		width:100%;
	}
	#footerContentsArea {
		width:95.91%;
	}
	#footerArea #topcat,
	#footerArea .page-item-2,
	#footerArea .page-item-13 {
		margin-right:0;
		width:45%;
	}
	#pagetopnavigationArea {
		margin-bottom:0;
		width:auto;
	}
	#underNavigation {
		clear:none;
	}
	#underNavigation .page_item {
		clear:none;
	}
	#footerArea #topcat li,
	#footerArea .page_item li.page-item-23,
	#footerArea .page_item li.page-item-104,
	#footerArea .page_item li.page-item-24,
	#footerArea .page_item li.page-item-10,
	#footerArea .page_item li.page-item-21 {
		float:none;
		margin-right:0;
	}
	#underNavigation li.cat-item .children li,
	#underNavigation li.page-item-18 li,
	#underNavigation li.page-item-15 li {
		float:none;
		margin-right:0;
	}
	
	#fblikeboxArea {
		float: left;
		clear:none;
	}	

	#copyright {
		clear:both;
		float:left;
	}
	
	table {
		width:auto;
	}
	table th,
	table td {
		padding:6px 8px 5px 8px;
	}
}


/*====================================================
880px以上 for PC
====================================================*/
@media only screen and (min-width: 881px){
	#footerArea #topcat,
	#footerArea .page-item-2,
	#footerArea .page-item-13 {
		width:21%;
	}
}
/*====================================================
980px以上 for PC 固定レイアウト
====================================================*/
@media only screen and (min-width: 980px){
	#headerArea {
		margin:0 0 20px 0;
	}
	#headerArea img#logo {
		margin-top:30px;
	}
	#go2menu {
		display:none;
	}
	#contentsArea{
		margin: 0 auto;
		padding: 0 20px;
		width: 940px;
	}
	#sidebar {
		margin-top:0;
	}
	#sidebar, #globalNavigationArea {
		width:220px;
	}
	#globalNavigationArea {
		display:block;
		float:left;
	}
	#globalNavigationArea ul {
		border-top:1px solid #fad678;
	}
	#globalNavigationArea li {
		clear:both;
		width:100%;
		margin:0;
		padding-left:0;
		padding-right:0;
		font-size:108%;
		border-top:none;
		border-bottom:1px solid #fad678;
	}
	
	#globalNavigationArea #submenu li {
		margin-right:0;
		border-top:1px dotted #fad678;
		border-bottom:none;
		float:none;
	}
	#globalNavigationArea #submenu li a {
		background-image:url(../images/icon_list3.gif);
		background-repeat:no-repeat;
		background-position:center left;
	}
	#globalNavigationArea #submenu li a:hover {
		background-color:#F7E9C5;
	}
	#menu-item-30 {
		display:list-item;
	}
	#pagelist {
		display:block;
	}
	#globalNavigationArea #submenu .children {
		display:none;
	}
	#globalNavigationArea #submenu .current_page_item .children {
		display:block;
	}	 
	#globalNavigationArea #submenu .children li a {
		margin-left:20px;
		background-image:url(../images/icon_list4.gif);
		background-repeat:no-repeat;
		background-position:center left;
	}

	#mainContentsArea {
		float:right;
		margin:40px 0 20px 0;
		width:660px;
	}
	#catchImageArea {
		display: inline;
		width:660px;
	}
	#catchImageArea img {
		width:660px;
	}
	#welcomeArea,
	#scheduleArea {
		margin:0 0 10px 0;
		float:none;
		width:auto;
		text-align:left;
		line-height:1.6;
	}
	#welcomeArea a,
	##scheduleArea a{
		padding:1.2em 0 0.6em 0.5em;
	}
	#welcomeArea span,
	#scheduleArea span {
		display:block;
		margin-left:0;
	}
	#mainContentsArea .alignright {
		float:right;
		margin-left:10px;
	}
	#breadcrumbArea {
		display: block;
	}
	#footerArea {
		width:100%;
	}
	#footerContentsArea {
		width:940px;
	}
	#pagetopnavigationArea,
	#pagetopnavigation {
		width:auto;
	}
	#underNavigation {
		clear:none;
	}
	
	#fblikeboxArea {
		float:right;
	}	
	#copyright {
		clear:both;
		float:left;
	}
	table {
		width:auto;
	}
	table th,
	table td {
		padding:6px 8px 5px 8px;
	}
	#mainContentsArea .fb-like {
		padding: 8px;
		width:644px;
	}
}