@charset "utf-8";

/************************************/
/* body              */
body {
	font-family: "Helvetica","Arial",Osaka,sans-serif;
	font-size: 12px; color: #222222;
	line-height: 130%; text-align: center;
	margin: 1px auto; padding: 0px;
	background: none;
}
html>body {
	margin: 0px auto; padding: 10px;
}
#baseBlock {
	background-color: #fff;
	width: 880px;
	padding: 0px;
        z-index: 3;
}
html>#baseBlock {
	width: 880px; padding: 10px; margin: 0px auto;
}
#baseLeft {
	float : left;
	width : 700px;
	margin: 10px 0px 0px 0px;
}
html>#baseLeft {
	width : 700px; margin: 10px 0px 0px 0px;
}
.editentry {
	text-align:right; padding-right:5px;
}
h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
h4{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
h5{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 11px; color: #222222;
}

em { font-style: normal;
}
/* scrollbar-color */
*{
	scrollbar-face-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-highlight-color: #ffffee;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-arrow-color: #005500;
}
ul{
   margin-top:0px;
}
li{
   list-style:none;
}
/************************************/
/* リンクの色  */
a{ color: #2255FF; text-decoration: none;
cursor : hand ;
}
a:link{ color: #2255FF; text-decoration: none;
}
a:visited{ color: #2255FF; text-decoration: none;
}
a:hover{ color: #2255FF; text-decoration: underline;
visibility : visible;
float : none;
clear : none;
}

/************************************/
/* list要素              */
blockquote {
	margin: 5px;
	background-color: #99CC99;
	padding: 5px;
	border-top: 1px dotted #336699;
	border-right: 1px dotted #336699;
	border-bottom: 1px dotted #336699;
	border-left: 5px solid #336699;
}

/************************************/
/*head要素              */
#headBlock {
	height: 85px;
	width: 880px;
	margin: 5px 0px 0px 0px; padding-top: 0px;
	text-align: center;
	border-top: 1px double #ccc;
         border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;

	}
html>#headBlock {
	width:880px;height:80px;margin-top:5px;padding-top:0px;
	background-color: #ffcccc;
}
html>h1 {
     font-family:"Helvetica", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
     font-size: 24px; margin: 15px 0px 0px 0px; padding: 5px;
     
}
#title { 
	font-size: 24px;
	color: #222222; margin: 20px 0px 0px 0px;
	padding: 5px;
         font-weight: 80;
}
.BlogName { 
	font-family:"Helvetica", "Verdana", "ＭＳ Ｐゴシック", "Arial Black", "Impact", "Osaka";
	font-size : 24px;

         
}
.introduction { 
	font-family: "Helvetica", "ＭＳ Ｐゴシック", "Arial Black", "Osaka"; color: #222222;
	font-size: 12px;
padding: 5px;
	
}
.BlogName h1 a:visited {
	color:#222222; text-decoration : none;
         
}
.BlogName h1 a:hover {
	color:#222222; text-decoration : underline;
}
.sub_title { 
	font-family: "Helvetica", "ＭＳ Ｐゴシック"; color: #222222;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
}
.back_top { 
	font-family: "Helvetica", "ＭＳ Ｐゴシック"; color: #222222;
	font-size: 12px;
	margin-top: 0px;
	text-align: right;
	padding-right: 10px;
}
.koukoku1 {
	margin: 0px 0px 0px 0px;
padding-left: 50px;
}
.left {
	margin: 0px 0px 0px 0px;
float: left;
width: 240px;
padding-left: 10px;
}
.right {
	margin: 0px 0px 0px 0px;
float: left;
width: 240px;
}
.ama {
	margin: 0px 0px 0px 0px;
float: left;
width: 110px;
}
.ad_top {
margin-left:35px;
margin-bottom:10px;
}
.ad_ue {
margin-bottom:10px;
}
.ad_shita {
margin-top:11px;
}
.koushin {
margin-top:1px;
margin-bottom:3px;
}
.kashi {
	margin: 0px 0px 0px 0px;
float: left;
width: 155px;
padding-right: 2px;
}
.bun {
	margin: 0px 0px 0px 0px;
float: left;
width: 303px;
}
/* FC2relate
.relate_dl {
 margin-top:0px !important;
 margin-bottom:0px !important;
}
.relate_dt {
 margin-top:0px;
}
.relate_ul {
padding: 0px 0px 0px 5px;
	margin: 2px;
}
/************************************/
/* form 要素              */
form {
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

/************************************/
/* 左menu 要素              */

#menu1Block {
	float : left; width : 200px; 
	margin-top: 0px;
}
html>#menu1Block {
     width:200px;margin-top:0px;
}
.menu1BlockBase {
	text-align: center;
	width : 199px; margin-bottom: 10px;
	padding-bottom: 3px;
	background: none("");
	border: 1px solid #ccc;
}
html>#menu1BlockBase {
     width:199px;margin-bottom:10px;
}
.menu1BlockHead {
	font-weight: bold; 
	padding: 2px 0px 2px 0px;
	
	border-bottom: 1px solid #ccc;
}
.menuTitle {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 13px; color:#222222;
}
.menu1BlockBody {
         border-right:solid none;
	width : 198px;
	padding-left: 0px;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Gradient
  (gradientType=0,startColorStr=#FFFFFF,endColorStr=#FFFFFF);
}
#menu1Block p {
	margin: 5px 0px 2px 0px;
}
.menu1BlockFoot {
	margin: 0px;
	padding: 0px;
}
.menuText {
	font-family: "Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px;
	padding: 4px 0px 1px 5px;
	margin-bottom: 10px;
	color: #222222;
	line-height: 120%;
}
.menuText1 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.menuText1 ul li {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
}
.menuText ul {
	padding: 0px 0px 0px 5px;
	margin: 2px;
}
.menuText ul li {
	padding: 0px 0px;
	margin: 4px 0px 4px 0px;
	list-style-image: none;
}
.plugin-freearea {
	font-size: 12px;
}
.uta {  line-height:20px;  font-size:12px;
}
.uta td {  text-align:center;  padding:5px;  width:40px;
} 
.uta a {  background-color:#DFEBFD;  border-width:1px;  border-style:solid;  border-bottom-color:#0066CC;  border-left-color:#0066CC;  border-right-color:#0066CC;  border-top-color:#0066CC;  text-decoration:none;  color:#222222;  display:block;  width:100%;
} 
.uta a:hover {  border-width:1px;  border-left-style:solid;  border-bottom-color:#808080;  border-left-color:#808080;  border-right-color:#808080;  border-top-color:#808080;  color:#333333;  background-color:#F5F5DC;  text-decoration:none;  font-weight:bold;
}
.uta a:visited {  color:#333333;  width:100%;
}

/************************************/
/* 右menu 要素              */
#menu2Block {
	float : right; width : 170px; 
	margin: 10px 0px 0px 5px;
}
html>body div#menu2Block {
	width : 170px;
}
.menu2BlockBase {
	width : 168px; margin-bottom: 10px;
	padding-bottom: 3px;
	background: none("");
	border: 1px solid #ccc;
}
.menu2BlockBody {
	width: 166px;
	font-size: 12px;
	margin-bottom: 0px;
	padding: 1px;
	filter: progid:DXImageTransform.Microsoft.Gradient
  (gradientType=0,startColorStr=#FFFFFF,endColorStr=#FFFFFF);
}
html>body div.menu2BlockBody {
	width : 166px;
}
#menu2Block p {
	margin: 10px 0px 0px 0px;
}
/************************************/
/* 3rd menu 要素              */

#menu3Block {
	float : right; width : 490px; height : 207px;
	margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
	overflow : auto;
        border-bottom: 1px solid #ccc;
}
.menu3BlockBase {
	text-align: center;
        height : 235px;
	width : 487px;
	padding-bottom: 0px;
        margin-bottom: 0px;
	background: none("");
	border: 1px solid #ccc;
}
.menu3BlockHead {
	font-weight: bold; 
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
}
.menu3BlockBody {
	text-align: left;
}

/************************************/
/* main 要素              */

#mainBlock {
	float : right; margin-top: 0px;
	width : 490px; text-align: left;
}
html>#mainBlock {
     width:490px;margin-top:0px;
}
.mainEntryBlock {
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px; width : 100%;


         border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;

	border-bottom: 1px solid #ccc;
	background: none("");
}
.mainEntryTitle {
	font-family:"Helvetica", "Verdana", "Arial 	Black", "Impact", "Osaka";
	font-size: 12px; color: #222222;
	padding: 3px; text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.mainEntryTitle h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
.mainEntryTitle h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 12px; color: #222222;
}
.mainEntryTitle a {
	text-decoration : none; color:#222222;
}
.mainEntryTitle a:visited {
	color:#333333; text-decoration : none;
}
.mainEntryTitle a:hover {
	color:#333333; text-decoration : none;
}
.mainEntryBase {
	margin: 0px 0px 5px 0px;
	width : 100%;
	background-color:#fff;
}
.mainEntryBody {
	margin: 0px; text-align: left;
	padding: 5px 5px 5px 10px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	line-height: 130%;
}
.koukoku1{
	margin: 0px 0px 0px 0px;
padding-right: 30px;
}
.koukoku2{
	margin: 0px 0px 0px 0px;
padding-right: 70px;
}

.mainEntryMore {
	margin: 12px 0px 0px 0px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px; padding-left:15px;
	line-height: 130%;
	color: #222222; text-align: left;
}
.mainEntryDate {
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px; color: #99CC99;
	line-height: 130%; text-align: right;
	margin:0px;
	padding: 5px 5px 5px 0px;
	border-top: 1px dotted #99CC99;
}
.mainEntryComment {
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #222222;
	width : 490px; text-align: left;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #99CC99;
}
.mainEntryComment ul {
	padding: 0px;
	margin: 0px 10px 5px 5px;
}
.mainTraba {
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #222222;
	width : 490px;
	margin: 15px 0px 5px 0px;
	border-bottom: 1px solid #99CC99;
}

/************************************/
/* mainComment要素              */

.mainCommentBody {
	padding: 0px 0px 0px 10px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px;
	line-height: 130%;
	color: #222222;
}
.mainCommentBold {
	padding: 11px 0px 2px 5px;
	margin: 0px 3px;
	border-bottom: 1px solid #222222;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
}
.mainCommentTitle{
	padding: 3px 0px 5px 5px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}
.mainCommentDate {
	padding: 5px 10px 15px 20px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 11px;
	color: #222222;
}
.pageLink {
	font-size: 12px;
	text-align: center;
	margin: 5px 0px 10px 0px;
}
/************************************/
/* maintTaba要素              */

.mainTrabaBold{
	padding: 5px 0px 2px 5px;
	margin: 0px 3px 0px 3px;
	border-bottom: 1px solid #222222;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
}
.mainTrabaTitle{
	padding: 3px 0px 5px 5px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-weight: bold;
	font-size: 12px;
	color: #222222;
}
.mainTrabaBody {
	padding: 0px 0px 0px 10px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 12px; text-align: left;
	line-height: 130%;
	color: #222222;
}
.mainTrabaDate {
	padding: 5px 10px 15px 20px;
	font-family:"Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	font-size: 11px;
	color: #222222;
}
.mainTrabaUrl {
	padding: 4px 0px 20px 10px;
}

/************************************/
/* maintForm要素              */
.mainForm {
	margin: 11px;
}
.mainForm dt {
	width: 150px;
}
.mainForm dd {
	font-size: 11px;
	padding: 0;
	margin: 15px 10px 0px;
}
.mainFormText {
	width: 250px;
	border: 1px solid #222222;
}
.mainFormTextarea {
	width: 250px;
	border: 1px solid #222222;
}
.mainFormPass {
	border: 1px solid #222222;
}
.mainFormCheck {
	border: 1px solid #222222;
}
.mainFormButton {
	width: 100px;
}

/************************************/
/* Siteinfo-Legal              */

div#siteinfo-legal p {
	padding : 0.5em 0;
	text-align : center;
	margin:0 0 0 0;
}

/************************************/
/* footer 要素              */
#footBlock {
	width: 880px;
	text-align : center;
	padding: 0px;
	clear: both;
}
html>#footBlock {
     width:880px;
}
img.emoji{
	vertical-align:middle;
	border:0;
}

/* index_area 要素              */

.free_area {
	font-family: "Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	width : 480px; text-align: left;
	font-size: 13px;
background-color:#FFFFFF;
	padding: 5px; margin-top: 0px;
	margin: 0px 0px 10px 0px;
	color: #222222;
	line-height: 80%;
         border: 1px solid #ccc;
}
.free_area2 {
	font-family: "Helvetica", "Hiragino Kaku Gothic Pro", "Arial", "Osaka";
	width : 480px; text-align: left;
	font-size: 12px;
background-color:#FFFFFF;
	padding: 5px; margin-top: 0px;
	margin: 0px 0px 10px 0px;
	color: #222222;
	line-height: 130%;
	border: 1px solid #ccc;
}

#hatsubai{
　　　　　　　width:487px;
　　　　　　　height:207px;
　　　　　　　overflow:auto;
　　　　　　　border:none;
　　　　　　　solid #ccc;
　　　　　　　padding:0px 0px 0px 0px;
　　　　　　　margin:0px 0px 0px 0px;
　　　　　　　float:right;
}



/* 左プラグイン閉開 */ 
li.color.div.main{
        background-color:#EEEEEE;
	border:solid none;
}
li.color.ul.subs.li a{
	color:#2255FF;
	border:1px solid #EEEEEE;
}
li.color.ul.subs li a:hover{
	color:#2255FF;
}
/*
#nav{
	float: left;
	width: 196px;
}
*/
#nav{
        color:#222222;
        margin-bottom:5px;
        width:100%;
}
div.main{
	height:30px;
	line-height:30px;
	text-indent:12px;
        background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	cursor:pointer;
}
ul.subs li a{
	display:block;
	height:30px;
	line-height:30px;
	text-indent:10px;
	border:1px solid #DDDDDD;
	font-size:12px;
	color:#2255FF;
}
#rireki ul{
	list-style:none;
}
#rireki li{
	list-style:none;
}

#nav ul{
	list-style:none;
}
#nav li{
	list-style:none;
}
.main ul{
	list-style:none;
}
.main li{
	list-style:none;
}

.yajirusi{
z-index: 1;
position: fixed;
bottom: 10px;
right: 15px;
cursor:pointer;opacity: 1;
}

/* ここからタブのスタイル */

.pvtab {
margin: 0px auto;
width: 487px;
}

.pvtab ul#tab {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

.pvtab ul#tab li {
border: 1px solid #333;
border-bottom: none;
display: inline-block;
margin: 0 0 0 .5em;
padding: 0;
text-align: center;
}

.pvtab ul#tab li a {
display: block;
padding: .2em 2em;
}

.pvtab .contents {
position: relative;
}

.pvtab .contents div {
background: #fff;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}

.pvtab .contents div section {
border: 1px solid #333;
margin-bottom: 20px;
padding: 1em;
}

.pvtab #tab a:hover {
background: #333;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

/* タブの表示切替関連 */

.pvtab .contents div {
z-index: 1;
opacity: 0;
}

.pvtab #tab li:first-child a {
background: #333;
color: #fff;
}

.pvtab .contents div:first-child {
opacity: 1;
z-index: 2;
}

.pvtab #tab01:target .contents .tab01,
.pvtab #tab02:target .contents .tab02,
.pvtab #tab02:target .contents .tab03,
.pvtab #tab04:target .contents .tab04 {
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 2;
}

.pvtab #tab01:target .contents div:not([class="tab01"]),
.pvtab #tab02:target .contents div:not([class="tab02"]),
.pvtab #tab03:target .contents div:not([class="tab03"]),
.pvtab #tab04:target .contents div:not([class="tab04"]) {
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 1;
}

.pvtab #tab01:target #tab li a[href$="tab01"],
.pvtab #tab02:target #tab a[href$="tab02"],
.pvtab #tab03:target #tab a[href$="tab03"],
.pvtab #tab04:target #tab a[href$="tab04"] {
background: #333;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

.pvtab :not([id="tab01"]):target #tab li a[href$="tab01"] {
background: #fff;
color: #22aacc;
}
/* ここまでタブのスタイル */