/* CSS Document */

/*resetcss
=============================================*/
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td {
   margin:0; 
   padding:0; 
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

address,
caption,
cite,
code,
dfn,
em,strong,
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,ul {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

q:before,
q:after {
   content:'';
}

abbr,acronym {
   border:0;
}


/*レイアウトcss
=============================================*/

body {
	font-size: 0.8em;
	line-height: 1.5em;	
	background:#FFFFCC;
}

#header {
	background-color: #FFCC33;
	margin: 0;
	padding: 0px;
	width: 100%;
}

#wrap{
	width:950px;
	background:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#main {
	width:950px;
	margin: 0 auto;
	padding:10px;

}

#mainL {
	width:600px;
	float:left;
}


#mainR {
	width:330px;
	float:left;
}



div p {
	/*width: 100%;*/
}

#footer {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	font-size: 0.9em;
	color: #999999;
	margin:2em 0 0 0;
}

/*レイアウト補助
=============================================*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

p{

	margin:1em;

}

.clearfix {zoom:1;}

.clearfix:after{

    content: ""; 

    display: block; 

    clear: both;}


.txt-center {
	text-align: center;
}

.txt-left {
	text-align: left;
}

.txt-right {
	text-align: right;
}


.txt-none{
	display: none;

}

.hdn{

	visibility:hidden;
}

/*装飾
=============================================*/
a {

	color:#0084b4;

}



.popup {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 2em;
	padding: 0.5em;
}


#mainL div.sub{
	
	color:#660;
	margin:1em 0.5em;
	padding:0.1em 0.1em 0.1em 0.5em;
	border-left:solid 0.5em #660 ;
	
}

span{

	color:#993300;

}

.brdr{

	border:solid 1px #ccc;

}

.txtbg{

	padding:0.2em;
	margin:0 0.2em;
}

/*メニュー
=============================================*/

#menu {

	background:#663300;
	padding:0.5em;
}


#menu ul{
	
	width:950px;
	margin:auto;
	padding:0;
	
}

#menu ul li{
	width:150px;
	display:block;
	float:left;
	padding:0;
	
}

#menu ul li a img{

	border-bottom:solid 3px #630;
	margin:0 auto;

}


#menu ul li a:hover img{

	border-bottom:solid 3px #fc0;

}


/*サイド
=============================================*/

#mainR>div{
	width:300px;
	padding:5px;
	margin:0 auto 10px auto;
	border: 1px solid #663300;
 	
}


#mainR div p.title{
	color:#663300;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-wight:bold;
	font-weight: bold;
	border-bottom:solid 1px #663300;	
	margin:0 0 0.5em 0;
	font-size: 1.2em;
}

#mainR img.bottom{

	margin:0 auto 0.5em auto;
}


/*フッター
=============================================*/
#footer img{
	display: inline;
	border:solid 1px #ccc;
	margin:1em;

}

/*個別記事用
=============================================*/
#mainL div{
	width:590px;
	margin:0 auto;
}
#mainL h2{

	color:#663300;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-wight:bold;
	font-weight: bold;
	border-bottom:solid 1px #663300;
	margin:0 0 0.5em 0;
	font-size: 1.2em;
}


#mainL h3,
#mainL div h3{

	color:#666600;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-wight:bold;
	font-weight: bold;
	border:solid 1px #666600;
	margin:1em 0;
	padding:0.2em;
	font-size: 1.2em;
}

#singlepost img{

	display:inline;

}

/*4コマリスト　応援バナーリスト
=============================================*/

#mainL ul.comiclist,
#mainL div ul.bannerlist {

}


#mainL ul.comiclist li,
#mainL ul.bannerlist li {
	
	width:29%;
	float:left;
	border:solid 1px #ccc;
	margin:5px;
	padding:5px;
	text-align:center;


}



/*4コマ表示
=============================================*/

#mainL div#comic h3{

	text-align:center;
	color:#006699;
	font-weight:bold;
	border:none;
	

}

#mainL div#comic div{

	text-align:center;

}


/*応援バナー　フォーム
=============================================*/


#mainL ul.bannerlist form{

	margin:0.5em 0 0 0 ;
}

#mainL ul.bannerlist form textarea{

	width:170px;
	height:50px;
	overflow:hidden;
	border:solid 1px #ccc;

}

#mainL div.yellbanner{	
	width:auto;
	margin:1em;
	padding:1em;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;

}


#mainL div.yellbanner dl dt{	
	color:#660;
	border-left:solid 0.5em #660 ;
	padding:0.1em 0.1em 0.1em 0.5em;

}


#mainL div.yellbanner dl dd{	
	
	padding:1em;

}




/*書籍詳細
=============================================*/

#main div#bookinfo{
	width:95%;
	margin:0 auto;

}

#main div#bookinfo div img.cover{
	
	float:left;
	margin-right:1em;
}

#main div#bookinfo h3{
	color:#666600;
	font-weight:bold;
	border:none;
	border-left: solid 0.5em #660;
	font-size:1.2em;
	padding: 0.1em 0.1em 0.1em 0.5em ;
}

#main div#bookinfo h4{
	color:#990000;
	font-weight:bold;
	margin-top:1em;
	
}


#main div#bookinfo div {

	margin:0 0 1em 0;

}


#main div#bookinfo div.block-l {
	width:350px;
	float:left;

}

#main div#bookinfo div p{

	margin:0.5em 0;

}


#main div#bookinfo dl{

	border:none;
	margin-left:1em;

}

#main div#bookinfo dt{

	font-weight: bold;
	color:#993300;
	margin:1em 0.5em 0.5em 0;

}

#main div#bookinfo dd{
	
	margin:0 0 0.5em 2em;
	display:list-item;
	list-style:circle;

}

#main div#bookinfo dd dl{

	margin:0;
	border-bottom:solid 1px #ccc;
	padding:0 1em;

}


#main div#bookinfo dd dl dt{

	color:none;
	font-weight: normal;

}


/*グッズ
=============================================*/

dl#goods{

	width:95%;
	margin:0 auto;
}


dl#goods dt{

	color:#666600;
	font-weight:bold;
	padding:0.2em;
	border-left:solid 0.5em #660;
	margin:0 0 1em 0;

}

dl#goods img{

	margin:0 0 1em 0;
}


dl#goods dd{

	margin:0 0 2em 0;
	border-bottom:dashed 1px #ccc;
	padding:1em 0;
}

/*ニュース　個別記事
=============================================*/
#mainL div.date{

	text-align:right;
	font-size:0.9em;
	margin-top:-1em;
}

#mainL dl#newslist{

	border:solid 1em #e7e7c8;
	padding:1em;
	margin:3em 0.5em;

}

#mainL dl#newslist dt.title{

	color:#663300;

}

#mainL dl#newslist dt{

	color:#663300;

}

#mainL dl#newslist dd{

	border-bottom:dashed 1px #ccc;
	padding: 0 1em;

}

/*支援部隊　アイコン
=============================================*/
/*
.icon-s{
	display:block;
	background-position:center top;
	background-repeat: no-repeat;
	width:80px ;
	height:100px ;
	float:left;
	margin:0.5em
}

.icon-s span{

	margin-top:80px;
	display:block;
	text-align:center
}
*/

.icon-s{
	display:block;
	background-position: center ;
	background-repeat: no-repeat;
	width:130px;
	height:130px;
	float:left;
	

}


.icon-s span{
	display:none;
}
.icon-m{
	display:block;
	background-position: center ;
	background-repeat: no-repeat;
	width:260px;
	height:260px;
	float:left;
	

}


.icon-m span{
	display:none;
}