/*  
Theme Name: simpleyellow3
Theme URI: http://usadesigns.net/
Description: Widget Supported xhtml complaint template sponsored by <a href="http://www.romow.com/" title="Romow Web Directory">Romow.com</a> and <a href="http://www.webranking.us/" title="Web Ranking Directory">WebRanking.us</a>
Version: 1.0
Author: website design
Author URI: http://www.askgraphics.com/

This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
    therefore all the attribution links in the footer must remain intact.

*/

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
       background:url() ;
}

img{
	border:0px;
}

a{
	color:#ff0000;
	text-decoration:none;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

hr{
      background-color: white;
      color: white;
      border: none;
      height: 2px; 
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:977px;
	text-align:left;
	border:10px solid #ffffff;
}

/*header*/
div#page #header{
	width:100%;
	height:145px;
	background:url(images/header_bg.gif) no-repeat top;
}

div#header #header_title{
	color:#000000;
	font-size:39px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:20px;
}

div#header p.siteName a {
  display: block;
  width: 977px; /* 画像の幅 */
  text-indent: -9999px; /* textを飛ばす */
  outline: none; /* クリック時の枠線を消す */
  background-image: url(images/header_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px; /* point 位置調整 */
  border-bottom: none;
  padding-bottom: 10px; /* 画像の高さに合わせて調整 */
}

/*パンくずリスト*/
#bread {
      margin:0.25;
      font-size:12px;
      padding-left:10px;
      }

/*menu*/

div#header #menu{
	width:100%;
}

div#menu #menu_pad{
	padding-top:55px;
	padding-left:20px;
	color:#cdcdcd;
}

div#menu #menu_pad td{
	text-align:center;
}

div#menu #menu_pad a{
	color:#cdcdcd;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#menu #menu_pad a:hover{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* end menu */

/* end header */

/* blog*/

div#page #blog{
	background:#FFFFFF url(images/blog_bg.png) repeat-x top;
	padding-top:7px;
}

div#blog #blog_left{
	width:616px;
}

div#blog #blog_left_bg{
	width:100%;
	background:#FFFFFF url(images/left_bg02.png) repeat-y top left;
}

div#blog #blog_right{
	width:352px;
	padding-left:5px;
}

div#blog #blog_right_top{
	width:100%;
	height:72px;
	background:url(images/side_bar_top.png) no-repeat top left;
}

div#blog #blog_right_top #right_search_box{
	padding-top:10px;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#blog #blog_right_top #right_search_box input.s{
	width:220px;
	font-size:16px;
}

div#blog #blog_right_end{
	width:100%;
	height:15px;
	background:url(images/side_bar_end.png) no-repeat top left;
}

/* カンレンえんとりーず */

#jpHirosikiKanrenEntriesDiv {
  /* 記事一覧全体のスタイル */
  font-size: 100%; /* 文字を本文の80%の大きさに */
}
#jpHirosikiKanrenEntriesDiv a {
	color:#ff0000;
	text-decoration:none;
}
#jpHirosikiKanrenEntriesDiv ul {
  /* 記事一覧リストのスタイル */
  margin-top: 3;
  margin-bottom: 3; /* リスト上下のマージンを0に */
}
#jpHirosikiKanrenEntriesDiv li {
list-style-image: url(images/ball01.gif); 
}

.jpHirosikiKanrenEntriesDivDate {
  /* 各記事の日付のスタイル */
  color: #555555; /* 色を灰色っぽく */
}
.jpHirosikiKanrenEntriesDivPostBreaks {
  /* 記事一覧のあとに挿入されるspanのスタイル
     floatを使ったあとにフラッシュしたいときは
       display: block;
       clear: both;
     とします                                     */
}
#jpHirosikiKanrenEntriesDiv iframe {
  /* 広告部分のスタイル。マージンなどを指定できます
}
.jpHirosikiKanrenEntriesDivSBMHatena {
  /* はてなブックマーク数画像（リンク）を囲むspan */
}
.jpHirosikiKanrenEntriesDivMessage {
  /* 関連記事検索中や記事が見つからなかったとき、
     表示されるメッセージのスタイル               */
}

/* カンレンえんとりーずここまで */

/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
	padding-top:0px;
	background:#ffca00;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
	padding:0px;
	margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
	color:#b3380a;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-left:18px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:27px;
	background:url(images/block_title_bg.png) no-repeat left top;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
	color:#b3380a;
}

div#blog #blog_right #blog_right_pad #sidebar table ul li{
	color:#332800;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(images/sidebar_title_bg.png) no-repeat top;
	padding-left:14px;
	padding-bottom:7px;
	padding-top:3px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
	color:#332800;
}


div#blog #blog_right #blog_right_pad #sidebar li a{
	color:#332800;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
	color:#332800;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:7px;
	padding-right:25px;
	padding-bottom:5px;
	background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	background:none;
}

div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
	border-bottom:0;
	background: url(images/solid_li3.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
	padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
	background: url(images/line_li.png) left bottom no-repeat;
	padding-left:7px;
}

div#blog #blog_right #sidebar ul li ul li a{
	padding-left:8px;
	background: url(images/line_li2.png) no-repeat left;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_border{
	width:1px;
	background:url(images/pix.png) repeat-y top;
}
div#blog #blog_right #sidebar ul li.widget_meta ul li a{
	padding-left:0px;
	background: url(images/meta_li.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li.widget_meta ul li a{
	padding-left:0px;
	background: url(images/meta_li.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li ul li a{
	padding-left:0px;
	background: url(images/bl_li.png) no-repeat left;
}

/* end sidebar*/

div#blog #blog_left #blog_left_top{
	width:100%;
	background:url(images/left_top_bg02.png) no-repeat top left;
	height:13px;
}

div#blog #blog_left #blog_left_end{
	width:100%;
	background:url(images/left_end_bg.png) no-repeat top left;
	height:45px;
}

div#blog .navigation{
	/*background:#000000;*/
	margin-bottom:10px;
	padding-top:10px;
}

div#blog .navigation .alignright_bg{
	/*background:url(images/nextpage.png) no-repeat center right;*/
	height:24px;
}

div#blog .navigation .alignright_bg .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#9e0b0e;
}

div#blog .navigation .alignleft_bg{
	/*background:url(images/nextpage.png) no-repeat center left;*/
	height:24px;
}

div#blog .navigation .alignleft_bg .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#9e0b0e;
}
div#blog #blog_left .item_class{
	padding-left:15px;
	padding-right:15px;
	width:573px;
}

div.item_class .item_titles{
	background:url(images/item_title1.png) no-repeat top left;
	padding:5px;
}

div.item_class .item_title1 a{
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
       font-weight:bold;
	padding-left:10px;
}

div.item_class .item_title2{
	color:#ee7800;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:10px;
	padding-bottom:5px;
	border-bottom:1px solid #dedede;
}

div.item_class .item_title2 a{
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

div.item_class .item_text{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding-bottom:35px;
}

div.item_class .item_text p{
	padding:0px;
	margin:15px;
}

div.item_class .item_text a{
	color:#ff0000;
	text-decoration:none;
}

div.item_class .item_panel{
	background:url(images/comm_panel.png) repeat-x top;
	width:100%;
	height:28px;
}

div.item_class .item_panel .panel_links{
	padding-left:10px;
	padding-top:5px;
}

div.item_class .item_panel .panel_links span.comm a{
	color:#9e0b0e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/comm.png) no-repeat left;
	padding-left:20px;
}

div.item_class .item_panel .panel_links span.read a{
	color:#9e0b0e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/read.png) no-repeat left;
	padding-left:18px;
}

div.item_class .alignleft{
	padding-right:10px;
	padding-bottom:20px;
}

div.item_class .alignleft a{
	color:#21395f;
	font-weight:bold;
}

div.item_class .alignright{
	padding-right:10px;
	padding-bottom:20px;
}

div.item_class .alignright a{
	color:#21395f;
	font-weight:bold;
}

/* blog comm*/
div#blog #blog_left  .blog_comm{
	padding-left:0px;
	padding-right:15px;
	text-align:left;
}

div#blog #blog_left  .blog_comm .comm_title{
	color:#71858e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-bottom:15px;
}

div#blog #blog_left  .blog_comm .comm_count{
	color:#002564;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
	padding-left:10px;
	background:url(images/comm_panel.png) repeat-x top;
	width:100%;
	height:30px;
}

div#blog #blog_left  .blog_comm .comm_data{
	background:url(images/comm_bg.png) repeat-x top;;
	height:33px;
	margin-left:10px;
	margin-top:15px;
}

div#blog #blog_left  .blog_comm .comm_data_pad{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-top:10px;
	padding-left:5px;
}


div#blog #blog_left  .blog_comm .comm_data_pad a{
	color:#000000;
}
div#blog #blog_left  .blog_comm .comm_text{
	color:#7f7f7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:10px;
}
div#blog #blog_left  .blog_comm .comm_text p{
	margin:0px;
	padding:0px;
}

div#blog #blog_left  #comm_form
{
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:0px;
	text-align:left;
}

div#blog #blog_left  #comm_form #form_title{
	background:url(images/form_comm_top_bg.png) no-repeat top left #e9e9e9;
	height:41px;
}

div#blog #blog_left  #comm_form #form_title #form_title_text{
	color:#737373;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
}

div#blog #blog_left  #comm_form .form_table{
	background:none;
	width:95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:0px;
	padding-bottom:10px;
}

div#blog #blog_left  #comm_form .form_comm_end{
	background:url(images/form_comm_end_bg.png) no-repeat top left;
	height:14px;
	padding-left:0px;
	padding-bottom:00px;
}
/* blog comm end*/

/* end blog */

/* footer */

div#page #footer{
	width:100%;
	height:103px;
	background:url(images/footer_bg.png) no-repeat top left;
	border-top:1px solid #000000;
	text-align:center;
}

div#footer #footer_text{
	color:#666666;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 5px solid #002157;
	padding-left:20px;
}

div#footer #footer_text a{
	color:#000000;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* end footer */

.item_class blockquote{
	background:url(images/bq_li.png) repeat-y left top;
	padding-left:20px;
}

.item_class ol{
	background:url(images/oll_li.png) repeat-y left;
}

.item_class ul{
	padding-left:30px;
	list-style:url(images/list_li.png);
}

.item_class img{
	float: left;
	margin:5px;
}