/*--------------universal reset-----------------------------------------*/

html { overflow-y: scroll;}
* { margin: 0px; padding: 0px; zoom;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
img, fieldset { border: 0 none;}
object, embed { vertical-align: top;}
ul { list-style: none;}
object, embed { vertical-align: top;}
legend { display: none;}
th, td { vertical-align: top; font-size:12px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
.clearfix:after { content: ""; display: block; clear: both; }

/*--------------common_style-------------------------------------------*/

body {
	font-size: 12px;
	line-height: 18px;
	font-family:"Helvetica Neue",Arial,sans-serif,inherit;
	background:#000 url(http://kikstyo.com/img/bg2.gif) center repeat-y;
	color:#000;
	text-align: center;
}

/* =========リンクカラーの設定 ==================== */

/* 全般 */
/*a 		{ color: #F86215; text-decoration: none;}
a:link,
a:visited,
a:active	{ color: #F86215; text-decoration: none;}
a:hover		{ color: #F86215; text-decoration: underline;}


/* メインコンテンツ */
div.entry a 	{ color: #F86215; text-decoration: none;}
div.entry a:link,
div.entry a:visited,
div.entry a:active { color: #F86215; text-decoration: none;}
div.entry a:hover { color: #F86215; text-decoration: underline;}*/
/* =========リンクカラーの設定 ==================== */

/* 全般 */
a 		{ color: #0000FF; text-decoration:none;}
a:link,
a:visited,
a:active	{ color: #0000FF; text-decoration: none;}
a:hover		{ color: #0000FF; text-decoration: underline;}


/* メインコンテンツ */
div.entry a 	{ color: #0000FF; text-decoration: none;}
div.entry a:link,
div.entry a:visited,
div.entry a:active	{ color: #0000FF; text-decoration: underline;}
div.entry a:hover	{ color: #0000FF; text-decoration: underline;}

/* ==========装飾の設定 ========================== */

blockquote { border: 1px dotted #CCC; padding:0.2em; margin:10px; }
.left { float: left;}
.right { float: right; }
.clear { clear: both; font: 0/0 sans-serif; }
.submit {}


/*---------------page_layout-------------------------------------------*/

div#wrapper {
	margin:0 auto;
	width: 880px;
}
div#main { float:left; width: 840px; padding:30px 0 15px 15px; text-align:left; overflow:hidden;}
* html div#main { padding:15px 0 15px 15px;}/*IE6*/
*:first-child+html div#main { padding:15px 0 15px 15px;}/*IE7*/

div#contents { float:left; width: 610px; margin:0; padding:0; overflow:hidden;}
div#sideparts { margin-left:30px;_margin-left:15px; float:left; width:200px; padding:0;}
div#sidemenu { float:right; width: 200px; padding:15px;}

/*---------------header-------------------------------------------*/

/*下層のヘッダーはカテゴリを含みます*/
div#header { position: relative; width: 840px; height: 301px; background:url(http://kikstyo.com/img/header_bg.jpg) no-repeat;}

div#header h1 a {
	position: absolute;
	top: 39px;
	left: 0px;
	display: block;
	width: 233px;
	height: 96px;
	text-indent: -9999px;
	outline:none;
}
p#int_logo a {
	position: absolute;
	background:url(http://kikstyo.com/img/int_logo.jpg) no-repeat;
	top: 39px;
	left: 233px;
	display: block;
	width: 164px;
	height: 96px;
	text-indent: -9999px;
	outline:none;
	}
p#int_logo a:hover {
	filter:alpha(opacity=0); /*IE*/
	-moz-opacity:0; /*FF*/
	-khtml-opacity: 0;
	opacity:0;
	}

/*グローバルメニュー*/
ul#gmenu  { position: absolute; top: 164px; left: 0; width:840px;}
ul#gmenu  li { float: left;}
ul#gmenu  li a { padding:11px 17px; display: block; color:#000; font-size:18px; font-weight:bold;}
ul#gmenu  li a:hover { color:#666; text-decoration:none;}


/*下層ヘッダー用のカテゴリー指定*/
ul#cat  { position:absolute; top: 219px; left: 0; margin-bottom:15px; width:840px; }
ul#cat li { float: left; text-align:center; border-bottom:1px solid #fff; border-right:1px solid #fff;}
ul#cat li a { width:167px; padding:7px 0; display: block; background:#7F7F7F; color:#fff; font-size:20px; font-weight:bold;}
ul#cat li a:hover { background:#666;text-decoration:none;}

ul#cat li.ranking a { width:167px; padding:7px 0; display: block; background:#656565; color:#fff; font-size:20px; font-weight:bold;}
ul#cat li.ranking a:hover { background:#3d3d3d;}

/*最上部リンク集*/
ul#link { position: absolute; top: 0; left: 0; border-bottom:#bcbcbc 1px solid; text-align:right; width:840px;}
ul#link li { float: right;}
ul#link li a { padding:0 0 5px 15px; display: block; font-size:13px; font-weight:bold;}
ul#link li a:hover { text-decoration:none;}
ul#link li.rss a { padding-left:30px; color:#3C3C3C; background:url(http://kikstyo.com/img/rss.jpg) no-repeat 12px 0;}
ul#link li.mixi a { color:#FE7000;}
ul#link li.myspace a { color:#0378FF;}
ul#link li.facebook  a{ color:#007998;}
ul#link li.twitter a { color:#00F1A3;}

dl#top_login { top: 45px; right: 0; position: absolute; width:310px; height:32px; border-left:#bcbcbc 1px solid;}
dl#top_login dt#id { float:left; width:37px; height:16px; background:url(http://kikstyo.com/img/id.gif) no-repeat 0 2px; text-indent:-9999px;}
dl#top_login dt#pass { float:left; width:34px; height:16px; background:url(http://kikstyo.com/img/pass.jpg) no-repeat 2px 2px; text-indent:-9999px;}
dl#top_login dd { float: left;}
dl#top_login dd.info { width:310px; text-align:right; font-size:9px; clear:both; color:#666;}
dl#top_login dd.info a { color:#666;}

div#searcharea { position:absolute; top:95px; right:-10px; width:230px;}


/*---------------footer-------------------------------------------*/

div#footer { margin:0 auto; width: 890px; padding-top: 20px; background:#000; clear:both; position:relative;}

div#footer ul#info_j { position:absolute; top:5px;left:45px; width:520px;}
div#footer ul#info_j li { float:left; font-size:10px; font-weight:bold; margin:0 15px;}
div#footer ul#info_j li a { color:#fff;}
div#footer ul#info_j li a:hover { text-decoration:none;}

div#footer ul#info_e { position:absolute; top:5px;right:50px; width:400px;}
div#footer ul#info_e li { float:right; font-size:10px; font-weight:bold; color:#fff;}
div#footer ul#info_e li a { color:#fff; margin:0 10px;}
div#footer ul#info_e li a:hover { text-decoration:none;}

div#footer address { width:880px; height:30px; background:url(http://kikstyo.com/img/copyright.gif) no-repeat 640px 10px; clear:both; text-indent:-9999px;}

/*---------------page_area（ページ送り）-------------------------------------------*/

div#page_area { margin:0 auto 20px; width: 850px; padding: 10px; background:#fff; clear:both; }
div#page_area p#page_navi { float:left; width:345px;}
div#page_area p#page_top { float:right; width:150px; text-align:right;}


/*---------------side-------------------------------------------*/
div#sideparts p { margin-bottom:15px;}

div#sideparts dl { width:200px; margin-bottom:20px;}
div#sideparts dt { text-align:center; padding-left:18px; font-weight:bold; border-top:#bcbcbc 1px solid; border-bottom:#bcbcbc 1px solid;}
div#sideparts dd { padding:5px 0 0 0; line-height: 1.2em; text-align:left;}

div#sideparts ul { margin-left:4px; list-style-type:none; }
div#sideparts li { margin: 3px 0 0 0; padding-left:8px; background:url(http://kikstyo.com/img/side_disc.gif) no-repeat 0 8px;}

/* サイト内検索 */
div#sideparts dl#search_dl dt{ display:none;}

/* dtを消したいときのスタイル */
div#sideparts dl.non_dl dt{ display:none;}

/*カレンダー*/
.calendar { font-size: 0.8em; }
.calendar_month { font-family: "Verdana"; color: #666;}
.cell {
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
width: 25px;
height: 20px;
background:#FCFCFC;
text-align:center;
vertical-align:middle;
}
/* カレンダーcell */
.calendar .cell a { background:#EFEFEF; display:block; height:100%; padding:0.55em 0 0 0;}


/*=====================================================================================
                                   main
 =====================================================================================*/

/*タイトルバナー*/
p#tit_banner { margin-bottom:30px; }

/*エントリーナビゲーション*/
div#main p#entry_navi{ margin:0 0 10px 0; padding-top:20px; text-align:center;}

/* エントリー部分全体 */
div#main div.entry_area { width: 610px;}

/* エントリータイトル */
div#main h2 {
	margin-bottom:15px;
	padding:11px 0;
	font-size:18px;
	font-weight:bold;
	color:#000;
	width: 610px;
	text-align: left;
	border-top:#bcbcbc 1px solid;
	border-bottom:#bcbcbc 1px solid;
	clear:both;
}

/* エントリー時刻 */
div#main .entry_date { padding: 5px;font-size:11px;}

/* エントリー本文 */
div#main .entry { margin:10px 0px;}

/* エントリー情報 */
div#main ul.state  { margin-bottom:15px; margin-top:10px; padding-top:5px; border-top:1px solid #bcbcbc; text-align:right; }
div#main ul.state li { display:inline; border-right:1px solid #666; padding-right:5px;
font-size:11px;}

/*コメント、TB、プロフィールタイトル*/
div#main dl#com_area dt.title,
div#main dl#com_form dt.title,
div#main dl#tb_form dt.title,
div#main dl#tb_area dt.title,
div#main dl#profile_area dt.title {
	margin-bottom:15px;
	padding:11px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
	width: 610px;
	text-align: left;
	border-top:#bcbcbc 1px solid;
	border-bottom:#bcbcbc 1px solid;
	clear:both;
}

/* コメント本文 */
div#main dl#com_form dt.title dt.com_desc { padding: 0 10px;}

/* コメントユーザー情報 */
div#main dl#com_area dd {
	padding:5px 10px;
	margin: 5px 0 15px 0;
	text-align:right;
	font-size:0.8em;
}

div#main dl#com_area dd ul {
	list-style-type:none;
}

div#main dl#com_area dd li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}


/* コメントフォーム */
div#main dl#com_form dd { padding: 0 10px 10px;}

div#main dl#com_form dd input.input {
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding: 1px 0;
width:200px;
}

/* コメントフォーム textarea */
div#main dl#com_form dd textarea {
border:1px solid #CCC;
width:300px;
margin: 0 0 10px 0;
}


/* TBフォーム */
div#main dl#tb_form dd { padding: 0 10px 10px;}

div#main dl#tb_form dd input.input {
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding: 1px 0;
width:300px;
}

/* TBタイトル */
div#main dl#tb_area dt.tb_title { padding: 0 10px;}

/* TB本文 */
div#main dl#tb_area dd { padding: 0 10px;}


/* TBユーザー情報 */
div#main dl#tb_area dd.tb_state {
	padding:5px 10px;
	margin: 5px 0 15px 0;
	text-align:right;
	font-size:0.8em;
}

.tb_state ul { list-style-type:none;}
.tb_state li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}

div#sidemenu p { margin-bottom: 15px;}