@charset "utf-8";


/****
   全体のスタイル設定
****/
*{
	font-size: 100%;
	color: #053014;
	font-family: "ＭＳ Ｐゴシック","osaka",sans-serif;
	line-height: 1.8em;
        margin-top: 0;
}

img,a{
	border-style: none;
}

a:link{
	color: #4876FF;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #4876FF;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #0000CD;
	text-decoration: underline;
}

/**** 強調表示  ****/
strong{
	font-size: 160%;
	color: #006400;
	font-weight: bold;
	background-color: #f0f8ff;
    padding: 4px;
}

/**** 強調表示  ****/
em{
	font-weight: bold;
	font-size: 150%;
	font-style: normal;
}

/**** IE用  ****/
#ie-box{
	margin:0 auto;
	text-align: left;
	width: 900px;
	background-color: #FFF;
}

h1{
	font-size: 140%;
}
h1 a:link,
h1 a:hover,
h1 a:active{
        text-decoration: none;
        color: #000;
}


body{
	background-color: #D2FCE1;
	_text-align: center;
}

/****
   ヘッダースタイル
****/
#header{
	height: 99px;
}

#header img{
	margin-top: 31px;
	float: left;
}

#header h1{
	position: relative;
        text-indent: 2em;
	top: 10px;
	_top: 20px;
	float: left;
        margin-left: 20px;
        background: url("../../new_img/pc_kaiteki_logo.jpg") no-repeat left 5px ;
        height: 56px;
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        font-size: 200%;
}

#counter{
	position: relative;
	left: 50px;
}

/****
   ナビゲーションのスタイル
****/

#hr_acc{
	margin-left: 40px;
}

/****
   コンテンツのスタイル
****/
#content{
	overflow: hidden;
	_width: 900px;
	padding-bottom: 30px;
	/*height: 1000px;*/
}

.commentlist li{
   width: 93%;
  overflow:hidden;
  list-style-type: none;
}

.commentlist{
  background-color: #eaedf7;
  padding-top: 10px;
}

#respond{
   clear: both;
}


/****
   コンテンツのスタイル（左）
****/
#left_content{
	margin-left: 30px;
	_margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
	float: left;
	overflow: hidden;
	width: 600px;
}

#left_content_header{
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 2px;
}

#left_content_main{
	padding: 10px 20px 20px 20px;
}

#add_main{
	width: 590px;
	margin-bottom: 3px;
	background-color: #fff;
	padding: 3px;
	text-align: center;
	_position:relative;
	_left: 5px;
}

#single_add_main{
	margin-bottom: 3px;
	background-color: #fff;
	padding: 5px 0;
	text-align: center;
	_position:relative;
	_left: 5px;

}

#bottom_add_content{
	margin: 20px 0 20px 10px;
	background-color: #FFF;
	
}



.comment_top{
	float: left;
	width: 24px;
	padding: 0;
	margin: 20px 0 0 0 ;
	position: relative;
	top: 5px;
	left: 1px;
}
#intro .comment{
	background: #E4E2E2 url("../../new_img/comment_triangle.gif") no-repeat 0 10px;
	/*background: #FFF url("../../new_img/comment_triangle.gif") no-repeat 0 10px;*/
	padding: 10px 12px 10px 20px;
	_padding: 10ps 10px 10px 10px;
	margin: 20px 0 0 0;
	height: 30px;
	float: left;

}

#intro{

	clear: both;
}

.chap_char{
	float: left;
}

#chap_hard,
#chap_soft,
#chap_sec,
#chap_net,
#chap_fire{
	font-size: 23px;
	background-color: #E4E2E2;
	/*background-color: #fff;*/
	position: relative;
	top: -7px;
	/*border-style: solid solid solid none;
	border-color: #000;
	border-width: 1px; */

}

#chap_hard{
	color: #4F4F4F;
}

#chap_soft{
	color: #0000EE;
}

#chap_sec{
	color: #ffff00;
}

#chap_net{
	color: #2E8B57;
}

#chap_fire{
	color: #FFA54F;
}

.chap_text{
	margin-left: 10px;
}

.chap_image{
	margin-top: 20px;
	_position: relative;
	_left: -5px;
}


/****
   ブログの副タイトル
****/
#left_content_main_box h2{
	color: #016833;
	font-weight: bold;
	font-size: 14px;
}


/****
    pkk_mキャラクターの位置調整
****/
#left_content_main_box #chara{
	
}

#left_content_main_box #fukidashi{
	background: #FFF url("../../new_img/fukidashi.jpg") no-repeat 0 0;
	height: 100px;
	width: 420px;
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
}

#left_content_main_box #fukidashi  p{
	margin: 14px 0 0 16px;
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}

#left_content_main_box #fukidashi  h3{
	margin-left: 24px;
	margin-top: 3px;
}

#left_content_main_box #fukidashi  ul{
	list-style: none;
	padding: 0;
	margin: -2px 0 0 0;
	
}

#fukidashi a:link{
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

#fukidashi a:hover{
	text-decoration: underline;
}

#left_content_footer{
	height: 9px;
	font-size: 2px;
}

/****
   コンテンツのスタイル（右）
****/
#right_content{
	margin-top: 20px;
	margin-left: 15px;
	width: 210px;
	float: left;
}

.right_content_top{
	background: #FFF url("../../new_img/right_content_title_bg.jpg") no-repeat;
	/***color: #006400;**/
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	_padding-top: 0;
	margin: 0;
	text-align: center;
	border-style: solid solid none solid;
	border-color: #006400;
}

.right_content_text{
	font-size: 13px;
	background-color: #fff;
	margin: 0 0 20px 0 ;
	padding: 3px 5px 10px 5px;
	border-style: none solid solid solid;
	border-color: #006400;
	line-height: 1em;
}

.right_content_text ul{
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	padding: 0;
	margin: 0;
}

.right_content_text li{
	margin-bottom: 1em;
}


/****
    フッタースタイル
****/
#footer{
	height: 99px;
	clear: both;
	text-align: center;
}

#footer p{
	text-align: center;
	margin: 0 auto;
	padding: 5px 0 5px 0 ;
	background-color: #FFF;
	width: 820px;
	border-color: #088154;
	border-style: solid;
	border-width: 4px;
	font-size: 12px;
}

/*********
	記事用スタイル
*****/


/**** 記事用H2 ****/
.h2_item{
	color: #458B00;
	padding-left: 40px;
	background: #FFF url("../../new_img/pkk_m_minimini.gif") no-repeat -1px -4px;
}

.h2_item a{
	font-size: 18px;
}

/**** 記事用H3 ****/
.item h3{
	background-color: #458B00;
	font-size: 20px;
	color: #FFF;
	padding-left: 8px;
}

.date{
	color: #9BCD9B;
	font-weight: bold;
	padding: 2px 0 2px 0px;
	border-style: none none solid none;
	border-color: #458B00;
}

.post_date{
	text-align: right;
	border-style: dashed none none none;
	border-width: 1px;
	padding-top: 3px;
	border-color: #458B00;

}

.item p,
.item div{
	line-height: 2.2em;
}

#comment{
	width: 550px;
}

/**** 記事用リストボックス ****/
.list_box{
	padding: 5px;
	margin: 10px 10px 10px 0 ;
	background-color: #bdedbd;
	border-style: none solid solid none;
	border-width: 2px;
	border-color: #2E8B57;
}

.list_box em{
	padding-top: 7px;
	margin-left: 10px;
}

.list_box li{
	margin-bottom: 5px;
}

/**** 記事用テーブル ****/
table.mytable{
	border-collapse: separate;
	border-style: solid;
	border-color: #1E90FF;
	border-width: 4px;
	background-color: #1E90FF;
}

table.mytable th{
	background-color: #0000CD;
	color: #FFF;
	padding: 5px 10px;

}

table.mytable td{
	border-style: none solid solid none;
	border-color: #104E8B;
	background-color: #FFF;
	border-width: 3px;
	padding: 5px 12px;

}


/*******
	カテゴリ用スタイル
********/

.cat_dl dt{
	border-top: dotted 1px #000;
	border-bottom: dotted 1px #000;
	font-size: 18px;
}

.cat_dl dd{
	margin-bottom: 25px;
	marign-left: 0;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	
}

/*******
	アーカイブ用ページスタイル
*********/
h3.archive_title , h3.archive_title a{
	background-color: #458B00;
	font-size: 18px;
	color: #FFFFFF;
	padding-left: 8px;
}

h3.archive_title a:visited{
	color: #FFF;
}

div.archive_time{
	position: relative;
	top: 10px;
	text-align: right;
}

.archive_align_left{
	float: left;
	margin-right: 50px;
}

.archive_align_right{}

/*******
	jquery用スタイル
********/

/*** kwicks jquery **/
.kwicks {
	list-style: none;
	position: relative;
	margin: 0 0 0 50px;
	padding: 0;
	width: 600px;
	height:50px;
}

.kwicks li{
	float: left;
	width: 67px;
	height: 50px;
	margin-right: 0;
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	background-color: #458B00;
}

.kw_1,
.kw_2,
.kw_3,
.kw_4,
.kw_5{
	float: left;
	padding-left: 70px;
	height: 50px;
	margin: 0;
	overflow: hidden;
	display: block;
}

.kwicks a{
	position: relative;
	top: 10px;
	font-size: 18px;
	color: #FFF;
}

.kw_1{
	background: url("../../new_img/kaiteki_hard.jpg") no-repeat;
}
.kw_2{
	background: url("../../new_img/kaiteki_soft.jpg") no-repeat;
}
.kw_3{
	background: url("../../new_img/kaiteki_net.jpg") no-repeat;
}
.kw_4{
	background: url("../../new_img/kaiteki_sec.jpg") no-repeat;
}
.kw_5{
	background: url("../../new_img/kaiteki_fire.jpg") no-repeat;
}

/*** fadeIn/Out用 Style  **/

#menu_box{
	margin-left: 30px;
}

ul#cat_sub_menu{
	width: 168px; position: absolute;
	z-index: 80;
}
#cat_sub_menu,
#cat_sub_menu  li{
	margin: 0;
	padding:0;
	width: 168px;
	list-style-type: none;
}
li#cat_sub_menu_hard,
li#cat_sub_menu_soft,
li#cat_sub_menu_net,
li#cat_sub_menu_sec,
li#cat_sub_menu_fire{
	padding: 0;
	margin: 0;
	height: 50px;
	z-index: 85;
}

#cat_sub_menu_fire{
	height: 55px;
}

#cat_menu{
	height: 40px;
	width: 165px;
	background: url("../../img/cat_down.png") no-repeat;
	margin: 0;
	padding: 0;
}


#cat_menu img{
	position: relative;
	left: 3px;
	border: none;
}

#cat_sub_menu{
	background: url("../../img/cat_select_back.png") no-repeat;
	margin-left: 10px;
	height: 257px;
}
#cat_sub_menu img{
	margin: 0;
	padding: 0;
}


/*** preloadImge style  **/

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(../../img/cat_down.png); /* preloadImage */
       background-image: url(../../img/cat_down_over.png); /* preloadImage */
       background-image: url(../../img/cat_select_fire.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_fire_over.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_hard.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_hard_over.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_soft.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_soft_over.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_net.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_net_over.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_sec.jpg); /* preloadImage */
       background-image: url(../../img/cat_select_sec_over.jpg); /* preloadImage */
}