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


/*共通CSS*/

a {
	color: #F60;
}
a:link {
	color: #F60;
}
a:hover {
	color: #F93;
}
a:active {
	color: #F93;
}
a:visited {
	color: #F60;
}
/*全体*/

img {
    max-width:100%;
    width /***/:auto; /* IE8のみ */
    height:auto;
    vertical-align:bottom;
}
img.left {
	float: left;
	margin: 0 20px 0 0;
}
.font24{font-size:24px;}

#container {
	background-image:url(../img/header-bg.jpg);
	background-repeat:repeat-x;
}
/*ヘッダー*/

#container #header {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/header-img.png);
	background-repeat:no-repeat;
	background-position:right 10px;
}
#container #header .title img {
	padding-top:20px;
	padding-bottom:20px;
}
/*ナビゲーション*/

#container #nav {
	background-image:url(../img/navi-bg.png);
	background-repeat:repeat-x;
	height:45px;
	line-height:45px;
}
#container #nav ul {
	width:1000px;
	margin:0 auto;
}
#container #nav ul li {
	display:inline;
	margin-right:30px;
}
#container #nav ul li a {
	font-size:16px;
	color:#333;
	text-decoration:none;
}
#container #nav ul li a:hover {
	text-decoration:underline;
}
/*コンテンツ*/

#container #content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
/*メイン*/	

#pan{margin-bottom:15px;}

#container #content #main {
	float:left;
	width:690px;
}
#container #content #main h1 {
	

	width:100%;	
	line-height:35px;
	font-size:20px;
	border-top:dotted 1px #666;
	border-bottom:dotted 1px #666;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:left center;
}

#container #content #main h1 span {
	background-image:url(../img/main-h1-img.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:50px;
	height:61px;
	display:inline-block;
	
	}
#container #content #main h2 {
	border-left:solid 5px #F93;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:20px;
	padding-left:5px;
	font-size:20px;
	background:#eee;
}
#container #content #main h3 {
	border-top:1px solid #f93;
	border-bottom:1px solid #f93;
	padding:8px 8px;
	font-size:17px;
	margin-top:30px;
	margin-bottom:20px;
}
#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;}




/* --------- アイキャッチ設定 ----------------- */
.eyecatch img {
    float: left;
    margin-right: 10px;
}
.eyecatch p {
    overflow: auto;
}



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

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; font-size:11px;}

.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; padding-right:5px;}

/*サイドバー*/


#container #content #sidebar {
	float:right;
	width:300px;
/*border:solid 1px #CCC;*/}
#container #content #sidebar h2 {
	background-image:url(../img/side-title.jpg);
	background-repeat:no-repeat;
	height:37px;
	line-height:37px;
	padding-left:19px;
	font-size:16px;
}
#container #content #sidebar ul {
}
#container #content #sidebar ul li {
	height:40px;
	line-height:40px;
	border-bottom:dotted 1px #666;
}
/*フッター*/	

#footer {
	background-image:url(../img/footer-bg.jpg);
	background-repeat:repeat-x;
	height:153px;
}
#footer #inner-footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#footer #inner-footer p {
	text-align:center;
	padding-top:30px;
}




/*******************media Queries**************************/

@media screen and (max-width: 1200px) {
 #container #header {
 max-width:1000px;
 width:95%;
}
 #container #nav ul {
 max-width:1000px;
 width:90%;
 margin-left:5%;
 margin-right:5%;
}
 #container #content {
 max-width:1000px;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
 #container #content #main {
 max-width:690px;
 width:65%;
 padding-left:3%;
}
 #container #content #main h1 {
 width:100%;
}
 #container #content #sidebar {
 max-width:300px;
 width:27%;
 padding-right:3%;
}
 #container #content #sidebar h2 {
 background-image:none;
 background-color:#FFD235;
}
 #footer #inner-footer {
 width:100%;
}
}
@media screen and (max-width: 760px) {
#container #header {
 background:none;
 width:100%;
}
 #container #header .title {
 text-align:center;
}
 #container #header .title img {
 width:80%;
 height:80%;
}
 #container #nav {
 background:none;
 height:auto;
}
 #container #nav ul {
 width:100%;
 margin-left:0;
 margin-right:0;
}
 #container #nav ul li {
 display:block;
}
 #container #nav ul li a {
 background:url("../img/nav-closed-bg.png") repeat-x;
 display:block;
 height:41px;
 margin-top:0;
 padding-left:20px;
}
 #container #content {
 width:100%;
 clear:both;
}
 #container #content #main {
 float:none;
 width:94%;
 max-width:94%;
 padding-right:3%;
}
 #container #content #sidebar {
 margin-top:20px;
 float:none;
 max-width:94%;
 width:94%;
 padding-left:3%;
 padding-right:3%;
}
 #container #content #main h1 {
 width:100%;
}
 #footer #inner-footer {
 width:100%;
}

/*リスト関連*/
ol{margin:105px; }
.listnumber li{padding:5px; }

/*メニュートグル*/

#nav ul ul a {
 display: none;
}
 #nav-toggle {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 width: 90%;
 height: 43px;
 line-height:43px;
 /* float: left;*/
  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;
 /* レスポンシブweb ナビゲーション	ie対応*/
  *background: transparent url(../img/menu-icon.gif) no-repeat; /* IE lt IE8 */
  background: transparent url(../img/menu-icon.gif)\9 no-repeat; /* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/closed-menu-all.jpg', sizingMethod='crop')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/closed-menu-all.jpg', sizingMethod='crop'); /* IE5.5+ */
}
}
 @media screen and (max-width: 480px) {
 #container #header {
 width:100%;
}
 #container #header .title img {
 width:80%;
 height:80%;
}
 #container #content {
 width:100%;
}
 #container #content #main h1 {
 width:100%;
}
 #container #content #main {
 float:none;
 width:100%;
}
 #container #content #sidebar {
 margin-top:20px;
 float:none;
 max-width:94%;
 width:94%;
}
 #footer #inner-footer {
 width:100%;
}
 #nav-toggle {
 width:85%;
 padding-left:15%;
}

.resimg {width:100% !important;}

 @media screen and (max-width: 320px) {
 #container #header {
 width:100%;
}
 #container #content {
 width:100%;
}
 #container #content #main {
 float:none;
 width:100%;
}
 #container #content #sidebar {
 float:none;
 max-width:100%;
 width:100%;
}
 #footer #inner-footer {
 width:100%;
}
}