/*  Common  */
body {
	font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#000; font-size:14px; line-height:1.7; background:#f8f8f8; text-align:left; margin: 0px; padding: 0px; text-shadow: 1px 1px 1px #ccc; letter-spacing: 0.1em;
	-webkit-text-size-adjust:100%; }
p	{ margin:0 0 1em 0; }
ul	{ padding:0; margin:0 0 1em 2em; }
a	{ color:#0f7eae; text-decoration:underline; }
a:hover	{ text-decoration:none; }

.clear{ clear: both; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1 { color:#525252; text-align:left; font-size:1em; padding:5px; margin: 0px 0px 5px 0px; }
h2 { text-align:left; font-size:1em; padding:3px; margin:0px; }
h3 { text-align:left; font-size:1em; padding:0; margin: 0px 0px 5px 0px; }
h4 { text-align:left; font-size:1em; background:#dfdfdf; color:#333; padding:10px 15px; margin:0 0 20px 0;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc); }
h5 { font-size: 1em; margin: 0px; padding:2px; font-weight:normal; }
h6 { font-size: 1em; margin: 0px; padding:2px; font-weight:normal; }

.noTable { font-size:0.9em; }
.linedots { border-bottom :1px dotted #666; }


/*  Common2  */
.MainCatch { width:635px; background:#fff; padding:20px; margin:0 0 20px 0; border:1px solid #ccc;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative; }
.MainCatch img.MainCatchImg { width:100%; margin:0 0 15px 0; }

.TileBox { width:160px; float:left; text-align:center; font-size:12px;
	background:#fff; padding:20px; margin:0 10px 20px 10px; border:1px solid #ccc;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative; }
.TileBox img.TileBoxImg { width:140px; margin:0 0 15px 0; }

.HalfBox1 { width:280px; float:left; font-size:12px;
	background:#fff; padding:20px; margin:0 7px 20px 7px; border:1px solid #ccc;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative; }
.HalfBox1 img.HalfBoxImg1 { width:270px; margin:0 0 15px 0; }

.HalfBox2 { width:270px; float:left; font-size:12px;
	padding:20px; margin:0 10px 20px 10px; border:5px solid #fff;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative; }
.HalfBox2 img.HalfBoxImg2 { width:270px; margin:0 0 15px 0; }


/*  原本調査の読んだメモ  */
section.booksRead		{ margin:5em 0 0 0; }
.booksRead h3			{ font-weight:bold; }
.booksRead dl			{ margin:0 0 2em 0; }
.booksRead dl dt		{ font-weight:bold; display:list-item; list-style:decimal inside; background:#eee; padding:5px; margin:2em 0 0 0; }
.booksRead dl dt:first-child	{ margin:0; }
.booksRead dl dd		{ padding:0 0 0 2em; }

/*  theme領域  */
.wrap { padding:0; margin:0 auto; }

#header { width:100%; font-size:0.8em; color:#fff; background:#333 url(bg_header.gif) top right no-repeat; padding:0; margin:0 0 30px 0; }
#header .headerIn { margin:auto; padding:0; }
#header .logo{ float:left; margin: 10px; }
#header .box { text-align:left; padding:20px; margin:0; }
#header a{ color: #ffcc00; text-decoration:none; }
#header a:hover { text-decoration:underline; }



#searchBox { color:#999; font-size:11px; padding:0 0 30px 0; margin:0 auto; }
#searchBox dl.search{ position:relative; background-color:#fff; border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }
#searchBox dl.search dt{ margin-right:40px; padding:8px 0 8px 8px; }
#searchBox dl.search dt input{ width:100%; height:24px; line-height:24px; background:none; border:none; }
#searchBox dl.search dd{ position:absolute; top:0; right:0; }
#searchBox dl.search dd button{ display:block; padding:10px; background:none; border:none; }
#searchBox dl.search dd button span{ display:block; width:20px; height:20px; background:url(images/search.png) no-repeat scroll 0 0; }



#topArea { padding:0 0 20px 0; margin:0; }
#topArea ul { list-style:none; margin:0; padding:0; }
#topArea ul li { display:inline; }
#topArea ul li img { padding:8px; margin:4px; background:#fff; border:1px solid #ccc;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; }

#bottomArea { padding:40px 0; margin:0; border-top:solid 1px #ccc; background:#eee; }
#bottomArea ul { list-style:none; margin:0; padding:0; }
#bottomArea ul li { display:inline; }
#bottomArea ul li img { padding:8px; margin:4px; background:#fff; border:1px solid #ccc;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; }




#container {  }
#container .ccBlock{ padding:0; margin:0 0 50px 0; }


#footer { color:#000; font-size:0.9em; background:#999; padding:30px 30px 100px 30px; margin:0; }
#footer a { color:#000; }
#footer a:hover { color:#eee; }



.boxAshadow {
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
}
.storyTitle {
	font-size:14px;
	margin:5px 0;
	padding: 10px;
}
.storyItem {
	float:left;
	width:180px;
	margin: 5px;
	padding: 10px;
}
.storyItem img{
	width:180px;
}
.storyInfo {
	float:left;
	width: 285px;
	margin: 5px;
	padding: 10px;
}
.storyLove {
	float: left;
	width: 90%;
	margin: 5px;
	padding: 20px;
}
.storyMap {
	float: left;
	width: 90%;
	margin: 5px;
	padding: 20px;
}

.storyPagenavi {
	float: left;
	width: 90%;
	margin: 15px 5px;
	padding: 20px;
}

.forumTitle {
	float:left;
	width:90%;
	font-size:14px;
	margin: 5px;
	padding: 10px;
}
.reviewIn { float:left; width:90%; margin: 5px; padding: 10px; background:#e3ebf1; font-size:12px; }
.reviewIn .fTitle{
	width: 300px;
}
.reviewIn .fname{
	width: 100px;
}
.reviewIn .fArea{
	width:550px;
	height:200px;
}
.reviewIn .fMit{
	width:200px;
	padding:10px;
	margin:10px;
}
.fEtc{
	float:left;
	width:90%;
}



.pico_body { }

.picoImgMain { width:100%; }
.picoImgHalf { width: 49%; }
.picoImgSub { width: 290px; float:left; margin-right:10px; }

.pico_body ol.booklist { padding:0px; margin:0 0 0 4em; }
.pico_body ol.booklist li { font-weight:bold; }
.pico_body ol.booklist li a { padding:0 0 0 1em; }
.pico_body ol.booklist li span { padding:0 0 0 2em; font-weight:normal; }

.picoColumn { float:left; width:320px; padding:0; margin:10px; }


.item {
	background: #fff;
	float: left;	
	margin: 5px 5px;
	border: 1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative;
}
.itemB {
	background: #fff;
	padding: 10px;
	margin:0 0 16px 0;
	border: 1px solid #ccc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 0 5px #ccc;
	-webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative;
}


.boxBig { width:356px; margin:10px; }
.boxMid { width:160px; height:180px; margin: 10px; }

.picoImgBox { width:280px; font-size:11px; padding:20px; }
.picoImgBox img { width:100%; }

.picoMojiBox { width:280px; font-size:11px; padding:10px; }

.picoItemBox { width:175px; text-align:center; font-size:11px; padding:10px; }
.picoItemBox img{ width:160px; }

.picoBookBox { width:175px; text-align:center; font-size:11px; padding:10px; }
.picoBookBox img{ height:160px; }




/*----umalog 追記----*/

.list_item { border:solid 1px #ccc; padding:30px 0; margin:0 0 30px 0;
	background:#fff;
	    -webkit-box-shadow: 0 10px 6px -6px #999;
	       -moz-box-shadow: 0 10px 6px -6px #999;
	            box-shadow: 0 10px 6px -6px #999; }
.list_photo{ float:left; width:130px; height:130px; background-position:center center; background-repeat:no-repeat; padding:0; margin:0 0 0 30px; }
.list_icon { padding:0; }
.list_sdescription{ float:left; width:450px; padding:0 0 0 30px; margin:0; }
.list_sdescription h2 { font-size:14px; }
.list_sdescription h3 { font-weight:normal; font-size:13px; }


.tablePicBox { float:left; width:200px; border:solid 1px #ccc; margin:10px; padding:0; text-align:left;
	background:#fff; word-wrap: break-word;
	    -webkit-box-shadow: 0 10px 6px -6px #999;
	       -moz-box-shadow: 0 10px 6px -6px #999;
	            box-shadow: 0 10px 6px -6px #999; }
.tablePicBoxinA { width:100%; height:120px; background-position:center center; background-repeat:no-repeat; }
.tablePicBoxinB { padding:20px; }
.tablePicBoxinB h2 { font-size:14px; }
.tablePicBoxinB h3 { font-weight:normal; font-size:13px; }

.blockPicBox { float:left; width:200px; border:solid 1px #ccc; margin:15px 10px; padding:0; text-align:left; background:#fff; word-break:break-all;
	    -webkit-box-shadow: 0 10px 6px -6px #999;
	       -moz-box-shadow: 0 10px 6px -6px #999;
	            box-shadow: 0 10px 6px -6px #999; }
.blockPicBoxinA { width:100%; height:120px; background-position:center center; background-repeat:no-repeat; }
.blockPicBoxinB { padding:20px; }
.blockPicBoxinB h2 { font-size:14px; }
.blockPicBoxinB h3 { font-weight:normal; font-size:13px; }




/*XOOPS search*/
#searchMo {}
#searchMo .titleDokan { font-size:1.8em; text-align:center; }
#searchMo .c2 { font-size:0.9em; padding:20px; margin:0 20px 50px 20px; }
#searchMo ul.block { padding: 0px; margin: 0px; list-style: none; }
#searchMo ul.block li { float:left; }
#searchMo ul.block li a {
	display:block; width: 75px; margin:6px; padding:10px 5px; color:#000; background-color:#ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(http://nihon.syoukoukai.com/js/PIE.htc);
	position:relative;
}
#searchMo .titleQu { font-size:1.2em; font-weight:bold; }
#searchMo .searchIn { font-size:0.9em; padding:10px; }



/*default
#xoopsHiddenText {visibility: hidden; color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}

.pagneutral {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagneutral.gif);}
.pagact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/pagact.gif);}
.paginact {font-size: 10px; width: 16px; height: 19px;text-align: center; background-image: url(./images/paginact.gif);}

.head { font-weight:bold; border:solid 1px #ccc; background:#efefef; margin:0; padding:10px; }
td.head { white-space:nowrap; width:100px; }
.outer { font-size:0.9em; border-collapse:collapse; padding:4px 4px 4px 2px; }
.even { font-size:0.9em; border:solid 1px #ccc; background:#fff; margin:0; padding:10px; }
.odd { font-size:0.9em; border:solid 1px #ccc; background:#fff; margin:0; padding:10px; }

.foot { padding:20px; }
*/




/*ピコアコーディオン*/
.picoAccordion { background:#fff; border:solid 1px #ccc; }
.picoAccordion h2 { background:#f2f2f2; padding:10px; margin:0; }
.picoAccordion h2 span { font-weight:normal; }
.picoAccordion h2:hover { background:#ccc; }
.picoAccordion label { display:block; }
input[type="checkbox"].on-off{ display:none; }
.picoAccordion ul { font-size:11px; padding:0 0 0 2em; margin:1em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
.picoAccordion ul li { list-style-type:disc; }
input[type="checkbox"].on-off + ul{ height:0; overflow:hidden; }
input[type="checkbox"].on-off:checked + ul{ height:auto; }



.slicknav_menu { display:none; }



@media screen and (min-width:1024px){
	.pcNone { overflow:hidden; display:none; }
	.tabNone {  }
	.smartNone {  }
	img{ max-width: 100%; }
	.wrap{ width:980px; }
	#header .headerIn { width:1024px; }
	#searchBox { width:400px; }
	#topArea ul li img { width:160px; }
	#bottomArea ul li img { width:160px; }
	#side { float:right; width:250px; margin:0 40px 0 0; padding:10px 0 30px 0; border-right:1px solid #ccc; }
	#side .sideMenu { font-size:0.9em; color:#666; padding:0; margin:10px 0; }
	#side .sideMenu { padding:0; margin:0; }
	#side .sideMenu h1 { font-size:1em; padding:5px; margin:0 0 5px 0; }
	#side .sideMenu li { padding:0; margin:10px 0; list-style:none inside; }
	#side .sideMenu li.line { border-top:solid 1px #ccc; padding:10px 0 0 0; margin:10px 0 0 0; }
	#side .sideMenu li a { color:#333; text-decoration:none; display:block; padding:7px 5px; }
	#side .sideMenu li a:hover { text-shadow:none; color:#fff; background-color:#a12723; }
	#side #menu .sideBanner { padding:0; margin:30px 0; }
	#side .blocks { padding:0 15px 15px 0; }
	#container { float:right; width:680px; padding:0; margin:10px 0 0 0; }
	.reviewBox { width:90%; margin: 5px; padding: 20px; }
	.reviewBox textarea { width:90%; }
}

@media screen and (max-width:1024px){
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; }
	.pcNone {  }
	.tabNone { overflow:hidden; display:none; }
	.smartNone {  }
	img{ max-width: 100%; }
	.wrap{ width:90%; }
	#header .headerIn { width:100%; }
	#searchBox { width:90%; }
	#topArea ul li img { width:110px; padding:5px; margin:5px; }
	#bottomArea ul li img { width:110px; padding:5px; margin:5px; }
	#side { float:none; width:100%; margin:0 40px 0 0; padding:10px 0 30px 0; border:none; }
	#container { float:none; width:100%; padding:0; margin:10px 0 0 0; }
	.tablePicBox { width:29%; margin:15px 10px; }
	.blockPicBox { width:29%; margin:15px 10px; }
	.st_descBox { width:100%; padding:0 10px; margin:0; float:none; }
	.st_picBox { width:100%; float:none; }
	.st_file { float:left; width:27%; padding:10px; margin:0 10px 10px 0; }
	.reviewBox { width:90%; margin: 5px; padding: 20px; }
	.reviewBox textarea { width:90%; }
}

@media screen and (max-width:640px){
	.pcNone {  }
	.tabNone {  }
	.smartNone { overflow:hidden; display:none; }
	img{ max-width:100%; }
	.wrap{ width:96%; overflow:hidden; }
	#header .headerIn { width:100%; }
	#header .box { display:none; }
	#searchBox { width:90%; }
	#topArea ul li img { width:26%; padding:3px; margin:2px; }
	#bottomArea ul li img { width:26%; padding:3px; margin:2px; }
	#side { float:none; width:100%; margin:0 40px 0 0; padding:10px 0 30px 0; border:none; }
	#side .sideMenu { font-size:0.9em; color:#666; padding:0; margin:10px 0; }
	#container {  }
	.tablePicBox { width:29%; margin:15px 5px; }
	.tablePicBoxinB { padding:10px; }
	.tablePicBox h3 { display:none; }
	.blockPicBox { width:29%; margin:15px 5px; }
	.blockPicBoxinB { padding:10px; }
	.blockPicBox h3 { display:none; }
	.st_descBox { width:95%; padding:0 10px; margin:0; float:none; }
	.st_picBox { width:98%; float:none; }
	.st_file { width:25%; padding:5px; margin:0 10px 0 0; }
	.reviewBox { width:90%; margin:5px; padding:10px; }
	.reviewBox textarea { width:96%; }
}