@charset "utf-8";

 @import url(http://www.jfkooya.com/jiyoo/base_theme.css);

/*@import url(<$MTStaticWebPath$>themes/minimalist-red/screen.css);*/

/*h1{
	float:right;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	color:#ff3300;
	margin-bottom:0.5em;
	line-height:1.5;
	!impo-tant;
}*/

/* index ********************************************************** 全体 ******/
#all{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
	font-size:100%;
}
html>body #all {
	width:880px;
}

#all_left{/****　左側の細い部分　****/
	width:100px;
	/*float:left;*/
}

#all_right{/****　右側の細い部分　****/
	width:40px;
	float:right;
	margin:15px 0px 0 auto;
	overflow:visible;
}
html>body #all_right{/****　右側の細い部分 モダンブラウザ用値　****/
	width:30px;
	float:right;
	margin:15px 0px 0 auto;
}

#all_center{/****　真ん中の部分　****/
	width:700px;
	float:right;
	text-align:left;
	overflow:hidden;
}


/*　ナビバー  *************************/
#micronavi{
	text-align:right;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	position:absolute;
	/*left:11%;*/
	right:86%;
	top:7%;
	width:auto;
	height:auto;
	list-style:none inside;
	z-index:4;
	border-right:1px solid #cccccc;
}

html>body #micronavi{/*　モダンブラウザ用値　*/
	position:fixed;
	margin-right:0px;
	padding-right:4px;
}
*:first-child+html #micronavi{/*　IE7用　*/
	display:inline-block;
	line-height:2.6;
	padding-right:0px;
}


#micronavi li{
	clear:both;
	text-align:right;
}

#micronavi li:hover {
	color:#66ff00;
}

.micronavi_moji{
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2;
	padding-right:8px;
	width:90%;
}

.micronavi_moji:hover {
	text-decoration:none;
	color:#66ff00;
	border:none;
}

.micronavi_button{
	display:block;
	overflow:hidden;
	clear:both;
	float:right;
	background:url(imgs/b_english.gif) no-repeat left bottom;
	font-size:1em;
	color:#666666;
	width:100px;
	height:30px;
	margin:0 3px -8px 0;
}
html>body .micronavi_button{/*　モダンブラウザ用値　*/
	margin:0 8px 4px 0;

}
*+html body .micronavi_button{/*　IE7用　*/
	margin:0 9px 0px 0;
}

.micronavi_button:hover{
	background-position:right bottom;
}

/*ボタン画像置換*/
.btn_swap{
	display:inline-block;
	overflow:hidden;
	height:10px;
	width:10px;
	margin-left:-9999px;
}
html>body .btn_swap{
	display:block;
	margin-left:-9999px;
}


.micronavi_for_ie6{
	margin-top:-1em;
}
html>body .micronavi_for_ie6{
	margin-top:0;
}
#micronavi .down_up{
	color:#999999;
	font-weight:bold;
	line-height:1.2;
	margin-top:2px;
	padding-right:10px;
}
#micronavi .down_up:hover{
	color:#66ff00;
	font-weight:bold;
}
li form input{
        width:50px;
}

*+html body li form{
        margin-right:15px;
}
/* スクロールボタン　*****************************************/
#scroll{
	margin-top:300px;
}

/* 縦書き　**********************/
#seo {
	width:10px;
	height:auto;
	float:left;
	margin:40px auto 0 0;
	color:#3399cc;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
}

html>body #seo {
	margin-left:-10px;
	overflow:visible;
}

#seo h1 {
	color:#3399cc;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:1em;
}
#seo em {
	font-style:normal;
	font-weight:bold;
}

.kuten {
	display:block;
	height:1em;
	width:1em;
	background:url(http://www.jfkooya.com/imgs/kuten.gif) no-repeat;
}

.touten {
	display:block;
	height:1em;
	width:1em;
	background:url(http://www.jfkooya.com/imgs/touten.gif) no-repeat;
}

.kuten_mac {
	display:block;
	height:1em;
	width:1em;
	background:url(http://www.jfkooya.com/imgs/kuten_mac.gif) no-repeat;
}

.touten_mac {
	display:block;
	height:1em;
	width:1em;
	background:url(http://www.jfkooya.com/imgs/touten_mac.gif) no-repeat;
}

/* ページタイトル　■■■■■■■■■■■■■■■*/
.title{
	float:right;
	margin-bottom:4em;
}

/*　ページの内容説明の小さな文字  *************************/
.linkmoji3{
	font-size:0.9em;
	font-weight:normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin:0px 0px 5px 10px;
	line-height:1.5;
}

.linkmoji3 a:link {
	text-decoration:none;
	border:none;
	color:#663300;
}

.linkmoji3 a:visited {
	text-decoration:none;
	color:#336600;
	border:none;
}

.linkmoji3 a:active {
	text-decoration:none;
	color:#fff;
	border:none;
	
}

.linkmoji3 a:hover {
	text-decoration:none;
	color:#66FF00;
	border:none;
}

html>body .linkmoji2{
		margin-left:10px;/****　FIREFOX用値　****/
}
html>body .linkmoji3{
		margin-left:15px;/****　FIREFOX用値　****/
}


/********************************************　右側　************************/
/* 写真、画像など　*************/

.right_photo{
	float:right;
	width:302px;
	margin:10px 10px 10px 10px;
}

.left_photo{
	float:left;
	margin:5px 10px 10px 10px;
	
}

.center_photo{
	float:left;
	margin:5px 10px 10px 10px;
	
}

html>;body .right_photo{/****　FIREFOX用値　****/
	float:right;
	margin:10px 20px 10px 10px;
}

html>body .left_photo{/****　FIREFOX用値　****/
	float:left;
	margin:0px 10px 10px 20px;
}

html>body .center_photo{/****　FIREFOX用値　****/
	float:left;
	margin:0px 10px 10px 20px;
}

.game_gamen{/***********　ゲームの画面写真　****/
	border:#ccc 1px solid;
}

/* 見出しの文字など　***************/
.midashi{
	clear:both;
	width:560px;
	text-align:left;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:2em;
	font-weight:bold;
	color:#669933;
	border-bottom:#669933 1px solid;
	margin:0px 10px 5px 10px;
}

.midashi_blue{
	clear:both;
	width:310px;
	text-align:left;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#33cccc;
	border-bottom:#33cccc solid 1px;
	margin:6px 0px 6px 0px;
	padding:0px 0px 2px 0px;
}
.midashi_small{
	clear:both;
	width:auto;
	text-align:left;
	font-family:Osaka, MEIRYO, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#ff831f;
	border-left:solid 10px;
	margin:0 10px -5px 0;
	padding-top:4px;
	padding-left:10px;
}
.midashi_small2{
	clear:both;
	width:auto;
	text-align:left;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#ff831f;
	border-left:solid 10px;
	margin:3em 10px 0.5em -0.7em;
	padding-left:5px;
}
.midashi_small3{
	clear:both;
	width:auto;
	text-align:left;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#ff831f;
	border-left:solid 10px;
	margin:0em 10px 0.5em -0.7em;
	padding-left:5px;
}

.midashi_small a{
	text-align:left;
	font-family:Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#ff831f;
}

.midashi_small a:link{
	color:#ff831f;
}
.midashi_small a:visited{
	color:#ff831f;
}
.midashi_small a:hover{
	color:#66ff00;
}

.byline{
color:#cccccc;
margin-left:20px;
}
/* 箱1　　**************************/
#box1{
	clear:both;
	width:620px;
	height:auto;
	padding-top:16px;
	text-align:justify;
	text-justify:distribute;
	line-height:1.2;
	font-family:Osaka, "ＭＳ Ｐゴシック", sans-serif;
	overflow:hidden;
}

/* 箱2　　**************************/
.box2{
	clear:both;
	width:700px;
	min-height:600px;
	/*height:50em;*/
	margin:0em 0em 2em 0em;
	color:#000;
	font-size:1em;
	text-align:justify;
	background:url(../imgs/home_bg2.jpg) no-repeat;

}
.box2 p{
	line-height:1.4;
}

/* 箱2背景なし**************************/
.box2_nobg{
	clear:both;
	width:700px;
	height:auto;
	min-height:200px;
	margin:0em 0em 2em 0em;
	color:#000;
	font-size:1em;
	text-align:justify;
	background:none;

}
.box2_nobg p{
	line-height:1.4;
}

/* 箱2_2　　**************************/
.box2_2{
	clear:both;
	width:700px;
	height:50em;
	margin:1em 0em 0em 0em;
	color:#000;
	font-size:1em;
	text-align:justify;
	background:url(../imgs/home_bg4.jpg) no-repeat;

}
.box2_2 p{
	line-height:1.4;
}
/* 箱2_3　　**************************/
.box2_3{
	clear:both;
	width:700px;
	height:auto;
	margin:0em 0em 0em 0em;
	color:#000;
	font-size:1em;
	text-align:justify;
}
/* 箱3（box2の左側にある文章）　　**************************/
.box3{
	clear:both;
	width:20em;
	height:auto;
	font-size:1em;
	text-align:left;
	margin:0px 10px 5px 40px;
	padding-top:0px;
	padding-left:20px;	
}

html>body .box3{/****　FIREFOX用値　****/	
	margin:5px 10px 10px 20px;
}

.box3home{
	clear:both;
	width:20em;
	height:auto;
	font-size:1em;
	text-align:left;
	margin:0px 10px 5px 40px;
	padding-top:0px;
	padding-left:30px;	
}

.box3 a{
	display:block;
	text-align:center;
	text-indent:4px;
	text-decoration:none;
	line-height:70px;
	font-family: Arial Black, Helvetica, sans-serif;
	font-size:2.2em;
	color:#fff;
	padding-top:4px;
}

.box3 a:visited {
	text-decoration:none;
	color:#fff;
	border:none;
}

.box3 a:hover {
	text-decoration:none;
	color:#fff;
	border:none;
}
.box3home a{/****　IE6用ボタンの文字の値　****/
	display:block;
	text-align:center;
	text-indent:4px;
	text-decoration:none;
	line-height:70px;
	font-family: Arial Black, Helvetica, sans-serif;
	font-size:2.2em;
	color:#fff;
	padding-top:4px;
}

.box3home a:visited {
	text-decoration:none;
	color:#fff;
	border:none;
}

.box3home a:hover {
	text-decoration:none;
	color:#fff;
	border:none;
}

dl{
	font-size:1em;
	line-height:1.5;
}
dt{
	float:left;
	width:5em;
	height:5em;
}
dt.ex{
	height:6em;
}

.long{
	color:#33cccc;
	width:auto;
	height:auto;
	padding-bottom:0em;
	margin-bottom:3em;
	line-height:1.1;
}
.long2{
	width:auto;
	height:auto;
	border-left:1px solid silver;
	padding-left:0.5em;
	margin-left:6em;
	padding-bottom:0em;
	margin-bottom:3em;
	line-height:1.1;
}
.long2_ja{
	width:auto;
	height:auto;
	border-left:1px solid silver;
	padding-left:0.5em;
	margin-left:9em;
	padding-bottom:0em;
	margin-bottom:3em;
	line-height:1.1;
}


dt a{
	color:#33cccc;
	display:inline;
	text-align:left;
	text-indent:0px;
}

dt a:link {
	text-decoration:none;
	border:none;
	color:#33cccc;
	font-size:1em;
}

dt a:visited {
	text-decoration:none;
	color:#33cccc;
	border:none;
}

dt a:hover{
	color:#66ff00;
}

dd{
	margin-left:1em;
	margin-bottom:0.5em;
	height:5em;
}
dd.ex{
	height:6em;
}

/* sitemap *********************************************/
dt.sm{
	margin-bottom:0em;
	padding-bottom:0em;
	height:1em;
	display:block;
}
html>body dt.sm{
	margin-bottom:2em;
}
dt a.sitemap{
	color:#33cccc;
	font-size:1.5em;
	line-height:1.2;
	text-align:left;
	text-indent:0px;
	width:10em;
	height:1em;
	margin-bottom:0.5em;
}
dt a.sitemap:link{
	color:#33cccc;
}
dt a.sitemap:visited{
	color:#33ccff;
}
dt a.sitemap:hover{
	color:#66ff00;
}

dd.s_kaisetsu{
	font-size:1.0em;
	clear:both;
	margin-left:0em;
	height:2em;
	line-height:1.5;
	margin-bottom:2em;
}

/* links *********************************************/
dt a.links{
	color:#33cccc;
	font-size:1.2em;
	line-height:2.0;
	text-align:left;
	text-indent:0px;
	width:18em;
	height:2em;
	border-bottom:#33cccc 1px solid;
	margin:1em 0 0 0;
}
html>body dt a.links{
	margin:1em 0 1em 0;

}
dt a.links:link{
	color:#33cccc;
	border-bottom:#33cccc 1px solid;
}
dt a.links:visited{
	color:#33cccc;
	border-bottom:#33cccc 1px solid;
}
dt a.links:hover{
	color:#66ff00;
	border-bottom:#33cccc 1px solid;
}

dd.link_kaisetsu{
	clear:both;
	height:auto;
	margin:0 0 0 0;
	line-height:1.5;
}
dd.link_kaisetsu2{
	clear:both;
	height:auto;
	margin:-1em 0 0 0;
	line-height:1.5;
}
html>body dd.link_kaisetsu2{
	clear:both;
	height:auto;
	margin:0 0 0 0;
	line-height:1.5;
}

/* IE6用ボタン　　**************************/
.b_button{
	margin-left:-14px;
	margin-bottom:4px;
	filter:DropShadow(color=#30000000,offX=0,offY=3);
	display:block;
	width:228px;
	height:71px;
	background:url(../imgs/ie6imgs/b_ie6_button.gif) no-repeat left bottom;
}
.b_button:hover{
	background-position:right bottom;
}

/* ボタン　　**************************/
.c_button{
	margin-left:-1px;
	margin-bottom:4px;
	display:block;
	width:238px;
	height:71px;
	background:url(../imgs/b_htmlgallery.gif) no-repeat left bottom;
}
.c_button:hover{
	margin-left:1px;
	background-position:center bottom;
}
.c_button:active{
	margin-left:2px;
	background-position:right bottom;
}

/* 表　　**************************/
.hyo{
	font-size:1em;
	border-collapse:collapse;
}
td{
	padding:2em 1em 2em 1em;
	/*border-bottom:1px solid #dcdcdc;*/
}
tr.gray{
	background:#fff;
	border-spacing:0px;
}


/* 箱3_2（box2_2の右側にある文章）　　**************************/
.box3_2{
	clear:both;
	float:right;
	width:20em;
	height:auto;
	color:#fff;
	font-size:1em;
	text-align:left;
	margin:5px 4em 5px 4em;
	padding-top:20px;
	padding-left:30px;
}

html>body .box3_2{/****　FIREFOX用値　****/
	margin:10px 4em 10px 4em;
} 
.box3_2gallery{
	float:right;
	width:30em;
	text-align:left;
	margin:1em -5em 0 0;
}

html>body .box3_2gallery{/****　FIREFOX用値　****/
	margin:10px 0em 10px 4em;
} 

.box3_2 p.bk{
	color:#000;
}
.box3_2gallery p.bk{
	width:20em;
	margin:0.5em 1em 0 1em;
	color:#000;
}

.box3_2 a{
	display:block;
	text-align:center;
	text-indent:4px;
	text-decoration:none;
	line-height:74px;
	font-family: Arial Black, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	padding-top:4px;
}

.box3_2 a:visited {
	text-decoration:none;
	color:#fff;
	border:none;
}

.box3_2 a:hover {
	text-decoration:none;
	color:#fff;
	border:none;
}

/* 箱4（写真の左側にある文章）　　**************************/
.box4{
	width:290px;
	float:left;
	font-size:1em;
	text-align:justify;
	padding-left:0px;
	margin:0px 10px 10px 0px;

}

html>body .box4{/****　FIREFOX用値　****/
	
	margin:10px 10px 10px 0px;

} 
/* 箱5（写真の右側にある文）　　**************************/
.box5{
	width:310px;
	float:right;
	font-size:1em;
	text-align:justify;
	margin:10px 10px 10px 10px;

}

html>body .box5{/****　FIREFOX用値　****/
	
	margin:10px 20px 10px 10px;

} 

/* 写真、画像など　*************/

.right_photo{
	float:right;
	width:302px;
	margin:10px 10px 10px 10px;
}

.left_photo{
	float:left;
	margin:5px 10px 10px 10px;
	
}

.center_photo{
	float:left;
	margin:5px 10px 10px 10px;
	
}

html>body .right_photo{/****　FIREFOX用値　****/
	float:right;
	margin:10px 20px 10px 10px;
}

html>body .left_photo{/****　FIREFOX用値　****/
	float:left;
	margin:0px 10px 10px 20px;
}

html>body .center_photo{/****　FIREFOX用値　****/
	float:left;
	margin:0px 10px 10px 20px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■  フッター　■■■■*/

/*　文字リンク　ナビバー  ■■■■■■■■■■■■■■■■*/
#mojilink {
clear:left;
float:right;
height:1.5em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:0px;
margin-top:4em;
width:620px;
}
html > body #mojilink {
height:2em;
margin-right:5px;
padding-bottom:0;
}
.linkmoji {
float:right;
font-size:0.8em;
margin-left:6px;
}
/*　コピーライト表記  *************************/

#footer{
	clear:both;
	float:right;
	width:630px;/**** IE用値　****/
	margin-top:0px;
	padding:0px 10px 10px 10px;
}
 	
html>body #footer{
	width:620px;/****　FIREFOX用値　****/
	margin-top:-10px;
	padding:0px 4px 10px 0px;
}	

#footer p{
	font-size:0.9em;
	text-align:right;
	color:#3399cc;
}
/*　コピーライト表記  *************************/
.komejirushi{ /*コメント印と日付*/
	float:right;
	font-size:0.8em;
	text-align:right;
	width:100%;
	border-top:1px solid #eeeeee;
	margin-top:0px;
	margin-bottom:40px;
}
.komejirushi2{ /*記事詳細の日付*/
	float:right;
	font-size:0.8em;
	text-align:right;
	width:100%;
	border-top:1px solid #eeeeee;
}

.archive-content_long {
 	max-height:500px;
 	overflow-y:scroll;
}
html>body .archive-content_long {
 	max-height:500px;
 	overflow:auto;
}
.archive-list_long {

}
 /* safari only \*/
html:\66irst-child .archive-list_long {
	max-height:500px;
 	overflow:auto !important;
 }

#captcha_code {
	margin:5px 0;
}