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


#container {
	background:url(../img/header-bg.jpg) repeat-x;
	}

#container #header {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/header-img.png) no-repeat;
	background-position:right center;
	padding-top:40px;
	padding-bottom:35px;}
	
	
	
#container #nav {
	background:url(../img/navi-bg.jpg) repeat-x;
	height:42px;
	margin-bottom:0px;}

#container #nav ul {
	width:1000px;
	margin-left:auto;
	margin-right:auto;}

#container #nav ul li {
	display:inline;
	margin-right:30px;
	line-height:42px;}

#container #nav ul li a {
	font-size:15px;
	color:#630;
	text-decoration:none;}
	
	
#container #content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;}
	
#container #main {
	width:690px;
	float:left;}
	
#container #main p {
	font-size:14px;}	
	
#container #main h1 {
	background:url(../img/main-ttl-bg.jpg) repeat-x;
	background:url(../img/sidebar-border.gif) repeat-y;	
	font-size:16px;
	width:100%;	
	line-height:50px;
	font-size:20px;
	border-top:dotted 1px #666;
	border-bottom:dotted 1px #666;
	margin-bottom:20px;
	text-indent:10px;
	}	
	
#container #main h2 {
	border-left:solid 6px #F93;
	border-bottom:solid 1px #999;
	padding:7px 0 7px 5px;
	margin-top:30px;
	margin-bottom:20px;
	font-size:15px;}
#container #main h3 {
	background:url(../img/main-ttl-h3.gif) no-repeat;
	background-position:left center;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:10px;
	font-size:14px;}

#container #content #main p {
	font-size:15px;
}

#main ol {
	margin:0 0 0 1em;
	
}

#main li {
	font-size:16px;
	margin-bottom:15px;
	margin-top:5px;
}


#main{
	font-size:15px;}




/* --------- テーブル設定 ----------------- */

table.table1 {
    border: 1px #F93 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table1 th {
    padding: 5px;
    border: #F93 solid;
    border-width: 0 0 1px 1px;
    background: #EEE;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table.table1 td {
    padding: 5px;
    border: 1px #F93 solid;
    border-width: 0 0 1px 1px;
	background:#FFF;
    text-align: left;
}




/* --------- テーブル設定 ----------------- */

table.table0 {
    border: 0px #666666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}


table.table0 td {
    padding: 5px;
    border: 0px #666666 solid;
    border-width: 1px 1px 1px 1px;
	background:#FFFFCC;
    text-align: left;
}



/* --------- 広告設定 ----------------- */

.ads{margin-top:30px; margin-bottom:20px;}
.ads p{font-size:10px !important; margin:0;}

.linkBox a{ 
    width: 95%;
    height: 100px;
    margin: 15px auto;
	padding:3px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	display:block;}

.linkBox a:hover{ 
    opacity:0.8;}

.linkBox img{ float:left;}





#container #sidebar {
	width:300px;
	float:right;}	


#container #sidebar h2 {
	border:1px solid #dcdcdc;
	background:url(../img/sidebar-bg.jpg) repeat-x;
	line-height:35px;
	}
	
#container #sidebar h2 span {
	background:url(../img/sidebar-border.gif) no-repeat;
	background-position:left center;
	padding-left:10px;
	margin-left:10px;
	line-height:35px;
	height:35px;
	padding-top:5px;
	padding-bottom:5px;}
	
#container #sidebar ul {}

#container #sidebar ul li {
	border-bottom:dotted 1px #666;
	line-height:42px;}
	
	
#container #footer {
	background-color:#FFD997;
	height:150px;}	

#container #footer #inner-footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;}
	
#container #footer #inner-footer p {
	line-height:80px;
	text-align:center;}	
	
	
/*************************************************
メディアクエリ
**************************************************/	
	
	
@media screen and (max-width:1024px){

#container #header {
	max-width:1000px;
	width:100%;}
	
#container #nav ul {
	width:96%;
	padding-left:2%;}	
	
#container #content {
	max-width:1000px;
	width:100%;
	}	
	
#container #content #main {
	width:67%;
	padding-left:2%;}
	
#container #content #sidebar {
	width:28%;
	padding-right:2%;}
	
	
#container #footer #inner-footer {
	max-width:1000px;
	width:100%;}	
	



}



/* 幅が1024px以内の時 */



@media screen and (max-width: 760px) {
#container #header {
	background-image:none;}	
	
#container #header p {
	text-align:center;}	
	
#container #header p img {
	max-width:450px;
	width:100%;
	height:auto;}	
	
#container #nav {
	height:auto;
	background:none;}	
#container #nav ul {
	padding-left:0;
	padding-right:0;
	width:100%;
	
	}
	
#container #nav ul li {
	width:100%;
	display:block;
	margin-right:0px;}	
	
 #container #nav ul li a {
	 height:41px;
 	 background:url("../img/nav-closed-bg.png") repeat-x;
	 display:block;
	 line-height:41px;
	 padding-left:2%;
 }

	
#container #content #main {
	float:none;
	width:96%;
	padding-left:2%;
	padding-right:2%;}
	
	
#container #content #sidebar {
	float:none;
	width:96%;
	padding-left:2%;
	padding-right:2%;}	
	
	
/*メニュー開閉*/
#nav-toggle {
 height: 43px;
 line-height:43px;
 text-indent: -9999px;
  padding-left:10%;
 overflow: hidden;
 background-image:url("../img/menu-icon.gif"), url("../img/closed-menu-all.jpg");
 background-repeat:no-repeat, repeat-x;
 background-position:10px center;
 display:block;
 text-indent:-9999px;
 behavior:url(“css/PIE.htc”);
 -pie-background-image:url("../img/menu-icon.gif"), url("../img/closed-menu-all.jpg");
 -pie-background-repeat:no-repeat, repeat-x;

}

	
	
	
	
	}

/* 幅が760px以内の時 */



@media screen and (max-width: 480px){

}


/* 幅が480px以内の時 */


 @media screen and (max-width: 320px){
	
	
	


}


/* 幅が320px以内の時 */