@charset "euc-jp";
/*  
Theme Name: easyhomepage
Theme URI: http://www.easyhomepage.jp/
Description: easyhomepage@blog用テーマ
Version: 1.0
Author: kote2
Author URI: http://www.easyhomepage.jp/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*------------------------------------------------------------
各ブラウザデフォルトCSSリフレッシュ
------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------------
共通レイアウト
------------------------------------------------------------*/
html,body{
    height:100%;/*#wrapperでheightを100%にした時必要*/
}

body {
	color: #666666;
	background-color: #f0f0f0;
	font-size: 75%;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2;
	/*\*/
	/*letter-spacing: 0.2em; /* バックスラッシュハックMACIE5用-文字間をフォントサイズの0.1em分に指定 */
	/**/
	text-align: center;/* テキストを中央揃えに指定 -------------------------------------中央配置時必須*/
}

#wrapper {
	width: 838px; /* ボックスの幅を指定 */
	margin: 0 auto; /* 左右方向のマージンをautoに指定 -------------------------------------中央配置時必須*/
	text-align: left; /* テキストを左揃えに指定 -------------------------------------中央配置時必須*/
	background-image:url(images/bg.gif);
	background-color:#CCCCCC;
	/*height:100%;*/
}
#wrap {
	height:100%;
	width: 830px; /* ボックスの幅を指定 */
	margin-left:4px; /* 左右方向のマージンをautoに指定 -------------------------------------中央配置時必須*/
}

#header {

}
#header h1{
width:820px;
height:110px;
margin-left:5px;
background:url(images/top_img.gif);
position:relative;
}
#header h1 a{
width:299px;
height:52px;
position:absolute;
top:29px;
left:51px;
background:url(images/logo.gif);
display:block;
}
/*
#header h1 img{
position:absolute;
top:29px;
left:51px;
}
*/
#container {

}

#footer {
clear:both;
text-align:center;
height:100px;
margin-top:30px;
padding-bottom:10px;
}
#footer p.footermenu{
text-align:center;
background-color:#0e4b6e;
color:#FFFFFF;
padding:5px 0;
}
#footer p.footermenu a{
color:#FFFFFF;
text-decoration:none;
}
#footer p.footermenu a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#footer p{
text-align:center;
margin-bottom:20px;
}

#pankuzu{
padding:3px 0 3px 10px;
font-size:85%;
}
	
/*------------------------------------------------------------
見出しデフォルト
------------------------------------------------------------*/
h1 {
	font-size: 100%;
}
h2 {
	font-size: 100%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}


/*------------------------------------------------------------
リンク共通
------------------------------------------------------------*/
a:link { 
	/*font-weight: bold; */
	text-decoration: none; 
	color: #0490CB;
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	color: #0490CB;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #FF6600;
}

/*------------------------------------------------------------
その他共通のタグ規則
------------------------------------------------------------*/
ul{
	list-style:none;
}
img{
border:0;
}

/*------------------------------------------------------------
フォームタグclass
フォームで使う共通設定
------------------------------------------------------------*/
/*外観*/
.textbox1,.textbox2,.textbox3,.textbox4 {
	border: 1px solid #afafaf;
	background-color: #f5f5f5;
	padding: 3px;
}

/*幅*/
.textbox1 {
	width: 150px;/*標準*/
}
.textbox2 {
	width: 98%;/*全体*/
}
.textbox3 {
	width: 50%;/*半分*/
}
.textbox4 {
	width: 6em;/*4文字分*/
}

/*フォーカス時*/
.textbox1:focus,.textbox2:focus,.textbox3:focus,.textbox4:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}

/*------------------------------------------------------------
lr_box
共通で使えるfloat用box
------------------------------------------------------------*/
.lr_box{
}
.l{
float:left;
}
.r{
float:right;
}
/*flat解除*/
.lr_box:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*\*//*/
.lr_box {
display:inline-block;
}
/**/

/* \*/
* html .lr_box {
height:1%;
}
/* */

.lr_box {
display:block;
}

/*------------------------------------------------------------
その他ページ共通で使う要素
------------------------------------------------------------*/

/*top_navi roolover*/
#top_navi{
background:url(images/top_navi_bg.gif) repeat-x;
}
#top_navi ul{
width:584px;
height:35px;
margin-left:118px;
margin-top:20px;
margin-bottom:0px;
background:url(images/top_navi.gif) no-repeat;
background-position:0px -35px;
text-indent: -9999px;
}
#top_navi li{
float:left;
}

#top_navi01{
width:80px;
}
#top_navi02{
width:88px;
}
#top_navi03{
width:88px;
}
#top_navi04{
width:84px;
}
#top_navi05{
width:88px;
}
#top_navi06{
width:44px;
}
#top_navi07{
width:64px;
}
#top_navi08{
width:48px;
}

#top_navi li a{
display:block;
overflow:hidden;
width:100%;
height:0 !important;
height /**/:35px;
padding-top:35px;
background-image:url(images/top_navi.gif);
}
#top_navi01 a {background-position:0 0;}
#top_navi02 a {background-position:-80px 0;}
#top_navi03 a {background-position:-168px 0;}
#top_navi04 a {background-position:-256px 0;}
#top_navi05 a {background-position:-340px 0;}
#top_navi06 a {background-position:-428px 0;}
#top_navi07 a {background-position:-472px 0;}
#top_navi08 a {background-position:-536px 0;}

#top_navi01 a:hover {background-position:0 -35px;}
#top_navi02 a:hover {background-position:-80px -35px;}
#top_navi03 a:hover {background-position:-168px -35px;}
#top_navi04 a:hover {background-position:-256px -35px;}
#top_navi05 a:hover {background-position:-340px -35px;}
#top_navi06 a:hover {background-position:-428px -35px;}
#top_navi07 a:hover {background-position:-472px -35px;}
#top_navi08 a:hover {background-position:-536px -35px;}

/*ページのh2*/
.main_h2{
border:1px #339900 solid;
padding:5px;
margin-bottom:5px;
color:#339900;
background-color:#f7f7f7;
}
.pankuzu{
font-size:85%;
margin-bottom:2px;
}


/*------------------------------------------------------------
その他
------------------------------------------------------------*/
.fsize_s{font-size: 85%;}
.fsize_s_bold_pink{font-size: 85%; font-weight:bold; color:#FF00FF;}
.fsize_m_bold_pink{font-size: 100%; font-weight:bold; color:#FF00FF;}
.vmd{ vertical-align:middle;}
.marginbottom5{margin-bottom:5px;}
.clear10{ clear:both; height:10px;}
.bg_happyougray{ background-color:#F3F3F3;}
.red{ color:#ff0000;}
.redb{ color:#ff0000; font-weight:bold;}
.blueb{ color:#3333ff; font-weight:bold;}
.blue{ color:#3333ff;}
.redb150{ color:#ff0000; font-weight:bold; font-size:150%;}
.b150{ font-size:150%; font-weight:bold;}
.redb200{ color:#ff0000; font-weight:bold; font-size:200%;}
.b200{ font-size:200%; font-weight:bold;}
.b85{ font-size:85%; font-weight:bold;}
.fsize85{ font-size:85%;}
.pink{ color:#fd81b3;}
.koipink85{ font-size:85%; font-weight:bold; color:#ff3399;}
.koipink{ color:#ff3399;}
.bkoipink{ color:#ff3399; font-weight:bold;}
.bg_blue{background-color:#e7eaff;}
.color_green{color:#339900;}
.orange{color:#ff6c00;}
.borange{color:#ff6c00; font-weight:bold;}
.bold_only{font-weight:bold;}
.osusume{color:#df0f5d;}
.sotu{color:#892ea0;}
.sougo{color:#4ba02e;}


/*------------------------------------------------------------
2カラムレイアウト(コンテンツのメインは左側)
------------------------------------------------------------*/
/***コンテンツ部分***/
#box_a {
float:left;
margin-left:10px;
width: 634px;
/*
padding-left:8px;
*/
}

/***メニュー等部分***/
#box_b {
float:right;
width:176px;
/*
padding-right:8px;
*/
}
#right_sidebar{
width:171px;
/*background-color: #C7D5ED;*/
}




#link_form{
margin-bottom:5px;
}
#link_form h3{
background:url(images/h3_orange.gif) no-repeat top left;
text-align:center;
height:17px;
padding-top:5px;
color:#FFFFFF;
}
#link_form .p1{
background:url(../img/line_dot.gif) no-repeat bottom center;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding:5px;
font-size:85%;
}
#link_form .p2{
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding:5px;
color:#669933;
font-size:85%;
}
#link_form h4{
font-size:85%;
text-align:center;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding-top:3px;
}

/*side_bar*/

#side_about{
margin-bottom:5px;
}
#side_about h3{
background:url(images/h3_red.gif) no-repeat top left;
height:17px;
padding-top:5px;
color:#FFFFFF;
text-align:center;
}
#side_about p{
background:url(images/line_dot.gif) no-repeat bottom center;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding:5px;
font-size:85%;
}
#side_about h4{
color:#ff6262;
font-size:85%;
text-align:center;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding-top:3px;
}
#side_about ul{
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding-top:5px;
}
#side_about li{
background:url(images/list_green.gif) no-repeat left center;
margin-left:5px;
padding-left:12px;
margin-bottom:5px;
font-size:85%;
}


.side1{
margin-bottom:5px;
}
.side1 h3{
background:url(images/h3_green.gif) no-repeat top left;
height:17px;
padding-top:5px;
padding-left:7px;
color:#FFFFFF;
}
.side1 h3 img{
margin-right:5px;
vertical-align:middle;
}

.side1 p.p1{
text-align:center;
font-weight:bold;
}
.side1 p.p2{
text-align:center;
margin-top:2px;
}
.side1 p.p2 img{
border:#CCCCCC 1px solid;
}
.side1 div{
background:url(images/line_dot.gif) no-repeat bottom center;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
padding:5px;
font-size:85%;
}
.side1 ul{
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding-top:5px;
}
.side1 li{
font-size:85%;
background:url(images/icon_page.gif) no-repeat left center;
margin-left:3px;
padding-top:2px;
padding-bottom:2px;
padding-left:15px;
margin-bottom:5px;
}



.side2{
margin-bottom:5px;
}
.side2 h3{
background:url(images/h3_blue.gif) no-repeat top left;
height:17px;
padding-top:5px;
padding-left:7px;
color:#FFFFFF;
}
.side2 h3 img{
margin-right:5px;
vertical-align:middle;
}
.side2 div{
text-align:center;
/*background:url(images/line_dot.gif) no-repeat bottom center;*/
border:#CCCCCC 1px solid;
padding:5px;
font-size:85%;
}
.side2 ul{
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding-top:5px;
}
.side2 li{
background:url(images/list_green.gif) no-repeat left center;
margin-left:5px;
padding-left:12px;
margin-bottom:5px;
font-size:85%;
}




/*ブログ*/
.entry{
width:560px;
margin-left:37px;
margin-bottom:30px;
padding-top:30px;
}
.entrytitle{
background:url(images/entrytitle_bg.gif) no-repeat;
height:23px;
padding-top:8px;
font-size:120%;
color:#669933;
padding-left:23px;
margin-top:0;
background-color:#330066;
}
.filedto{
background:url(images/entrycategoly_bg.gif) no-repeat;
height:20px;
padding-top:4px;
padding-left:23px;
margin-top:5px;
}
.entrybody{
background:url(images/line.gif) no-repeat bottom center;
padding:20px 0;
margin-bottom:3px;
}
#trackback{
clear:both;
}
/*投稿内容のスタイル*/
.entrybody p{
margin-bottom:10px;
}

.entrybody ul{
margin-bottom:10px;
}
.entrybody li{
background:url(images/list_green.gif) no-repeat left center;
margin-left:20px;
padding-left:12px;
}
.entrybody p.img{
text-align:center;
margin-bottom:10px;
}
.entrybody img{
border:1px #CCCCCC solid;
}
.entrybody blockquote{
background-color:#fbfbfb;
border:1px #CCCCCC solid;
padding:5px;
width:70%;
margin-bottom:10px;
}
.entrymeta ul{
margin-bottom:0;
}
.postedby{
float:left;
}
.postedby a{
margin-right:7px;
}
.navigation{
text-align:center;
}
/*コメントフォーム*/
/*
#comments{
}
#comments p{
margin-bottom:5px;
}
#commentform{
margin-bottom:20px;
}
*/
/* =====
コメント
===== */
#comments {
	padding:5px 0;
}
#comments h3 {
	font-size:1.5em;
	margin:15px 0 0 0;
}
#comments p {
	padding-bottom:1em;
}
.commentauthor {
	display:block;
	font-size:1.5em;
}
ol.commentlist {
	color:#777;
	list-style-type:none;
	margin-top:8px;
}
.commentlist li {
	margin-bottom:8px;
	padding:10px;
	background:#F7F0E7;
	border:1px dotted #d1d1d1;
}
.commentlist li.alt {
	background:#F9F6F2;
	border:1px dotted #d1d1d1;
}
.commentlist li img {
	background:#FFF;
	border:1px dotted #d1d1d1;
	padding:0.5em;
	float:left;
	margin-right:8px;
}
.commentlist cite {
	font-style:normal;
	font-weight:bold;
}
.commentlist .commentmetadata {
	font-size:0.9em;
	padding-bottom:1em;
}
.commentlist .commentmetadata a {
	color:#94541A
}#comments textarea {
	width:538px;
	font-size:1em;
}
#comments input {
	width:160px;
	font-size:1em;
	line-height:2em;
}
#comments input#submit {
	width:9em;
	font-size:1.2em;
}
#comments input#trackbackurl {
	width:538px;
}
p.alignright {
	text-align:right;
}
p.aligncenter {
	text-align:center;
}