/*
Theme Name: kjstyle_1
Theme URI: 
Author: the Sam Sharpe
Author URI: 
Description: it is original for KJ
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{
	padding:0px; margin:0px;
	font-family: "ＭＳ ゴシック",sans-serif; 
	font-size:12pt;
}

p{
	padding:10px 3px 10px 3px;
}

a img{
	border:none;
}

#main_frame{
	margin:0 auto;
	width:1000px;

}

#header_frame{
	background-color:#ffffff;

}

#header{
}

#header_navi{
	text-align:center;
	margin:0 auto;
}

#header_navi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
}
#header_navi ul li{
	margin: auto;
	display: inline; 
	float:left;
	text-align:center;
}

#header_navi li a{
	display: block; 
	border-left: 1px solid #474655;
	border-top: 1px solid #474655;
	border-bottom: 1px solid #474655;
	background-color: #666;
	padding: 7px;
	text-decoration: none;
	font-weight:bold;
	color: #fff;
<!--	text-shadow:0 -1px 0px #333,0 1px 0px #555;	width: 125px; -->
	text-shadow:0 -1px 0px #333,0 1px 0px #555;	width: 150px; 
	margin: 1px 0px;
	text-align: center;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
}
#header_navi li a:hover{
	background-color: #555;
	background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
}
#header_navi li:first-child a{
	border-radius:5px 0 0 5px;
}
#header_navi li:last-child a{
	border-radius:0 5px 5px 0;
}

.header_banner{
	padding:10px;
}

#latestinfo{
	border-radius: 20px; 
	width:300px;
	border:10px #434343 solid;
	float:left;
}

#latestinfo ul{
	margin:15px;
	text-align:left;
}

#latestinfo ul li{
	list-style-type:none;
	text-align:left;
	margin:3px;
}

#latestinfo a:link		{ text-decoration: none; color: #D84854; border-bottom:1px solid ;} 
#latestinfo a:visited	{ text-decoration: none; color: #D84854 } 
#latestinfo a:hover		{ text-decoration: none; color: white; background-color:#D84854; } 
#latestinfo a:active	{ text-decoration: none; color: #D84854 } 


#main{
	padding:20px;
	text-align:center;
}

#main_only{
	width:700px;
	margin:0 auto;
}

#main_left{
	float:left;
	width:670px;
}

#main_right{
	float:left;
	width:270px;
}
#side_index{
	width:270px;
	border-radius:5px;
	margin:10px;
	padding:10px;
	background:#F9E8EA;
	color:#D74954;
	text-align:left;
}
#side_index ul{
	margin:15px;
	text-align:left;
}

#side_index ul li{
	list-style-type:square;
	text-align:left;
	margin:2px 2px 2px 20px;
	line-height:1.3;
}

#side_index ul li ul{
	list-style-type:circle;
}
#side_index ul li ul li{
	margin:2px 2px 2px 20px;
	line-height:1.3;
}

#side_index li a:link		{ text-decoration: none; color: #D84854;} 
#side_index li a:visited	{ text-decoration: none; color: #D84854 } 
#side_index li a:hover		{ text-decoration: none; color: white; background-color:#D84854; } 
#side_index li a:active		{ text-decoration: none; color: #D84854 } 

#side_index a img{
	border-bottom:none;
}

div .links{
	text-align:center;
}

.fixed{
	  position: fixed;
	  top: 0px;
	  left: 0px
	  z-index: 9999;
	}

div #title{
	font-weight:bold;
	text-align:center;
	padding:2px;
}

#main_body{
	text-align:left;
	margin:10px;
	pading:;
	background:#;
}

#main_body a:link	{ text-decoration: none; color: #D84854; } 
#main_body a:visited{ text-decoration: none; color: #D84854 } 
#main_body a:hover	{ text-decoration: none; color: #D84854; border-bottom:1px solid ;} 
#main_body a:active	{ text-decoration: none; color: #D84854 } 


#main_body h1{
	font-size:22pt;
	border-bottom: 1px solid #c85179;
	border-left: 10px solid #c85179;
	padding: 7px;
	margin:20px 0px 20px 0px;
}

#main_body h2{
	font-size:18pt;
	padding: 5px;
	margin:10px 0px 10px 0px;
}
#main_body h3{

	font-size:14pt;
	padding: 2px;
	margin:10px 0px 10px 0px;
}

#main_contents{
	margin:20px;
	line-height:1.3;
}
.main_contents_date{
	text-align:right;
	font-size:10pt;
}
#main_contents ul{
	padding:5px 0px 5px 20px;

}


#main_contents blockquote{
	border-radius:10px;
	padding:20px;
	margin:20px;
	border:1px solid #565656;
}

#main_contents #entry{
	margin:15px 0px 15px 0px;
}

#main div .paging{
	text-align:center;
}
#main_contents h2{
	border-bottom: 1px solid #c85179;
	font-size: 20pt;
}

#main_contents h2  a:link	{ color: #D84854; text-decoration:none;} 
#main_contents h2  a:visited {  color: #D84854; text-decoration:none;} 
#main_contents h2  a:hover	{ color: #D84854;} 
#main_contents h2  a:active	{ color: gray;} 

.seemorelink{
	margin:15px;
	font-size:10pt;
}

blockquote p{
	text-indent:1em;
	padding:4px;
}

blockquote #cite{
	font-weight:bold italic;
	text-align:right;
	font-size:10pt;
}

#item_links{
	margin:auto;
	text-align:center;
	width:900px;
}

#top_main{
	padding:40px 20px 40px 20px;
	font-weight:bold;
	font-size:14pt;
}

.item {
    float:left;
    width: 280px;
    height: 210px;
    margin: 0 0px 0px 0;
    overflow: hidden;
    /* border: 1px solid black; */
    /* border はレイアウト時に指定してテストすると便利 */
}

.item p{
	padding:5px;
}

/* ボタン部分 */
.item .link {
	font-size:12px;
	margin: 6px 8px 0 0;
	display: inline-block;
  	padding: 6px 14px;
  	background-color: #434343;
  	color: white;
}

.item .link a:link	{ color: white; } 
.item .link a:visited{ color: white; } 
.item .link a:hover	{ color: #D84854;} 
.item .link a:active	{ color: gray;} 


#footer_frame{
	background:#000000;
	color:#EBEBEB;
	height:300px;
}

#footer{
	padding:20px;
	line-height:1.3;
}


#footer a:link		{ color: #D84854; } 
#footer a:visited	{ color: #D84854; } 
#footer a:hover		{ color: white;} 
#footer a:active	{ color: gray;} 

#footer ul{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

.credit{
	padding-top:20px;
	text-align:center;
	font-size:10pt;
	position: relative; bottom:-10px;
}

.credit a:link		{ color: white; font-size:10pt;} 
.credit a:visited	{ color: white; } 
.credit a:hover		{ color: white;} 
.credit a:active	{ color: gray;} 

video{
	margin:10px;
}
video#left{
	float:left;
}