@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;
	border-top:dotted 1px #666;
	border-bottom:dotted 1px #666;
	margin-bottom:20px;
	padding-left: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 {	
}

#main li {
	font-size:16px;
	margin-bottom:15px;
	margin-top:5px;
	list-style-type: disc;
	margin:0 0 0 2em;
}



#main{
	font-size:15px;}



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

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

.linkBox a:hover{ 
    opacity:0.95; background-color:#FFC;}

.linkBox img{ float:left; padding-right:5px;}



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

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: #FFF3CE;
    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;}






#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;}	


/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
	background-color:#FFC;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}
	
	
/*************************************************
メディアクエリ
**************************************************/	
	
	
@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;

}

	
/*--------------------------------------
  ヨメレバ・カエレバ（スマホ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:15px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    width: 100px;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:12px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:10px;
     margin-top:5px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail{
    font-size: 12px;
}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin: 2px 0px;
    padding:10px 0px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active,
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.booklink-footer{clear:left;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}	
	
	
	}

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



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

}


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


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


}


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