@charset "utf-8";
/*
Theme Name: Blogcss
Theme URI: http://www.worklist.biz/
Description: Blogcssブログカスタマイズ。
Author: maruhachimo
Author URI: http://www.worklist.biz/
Version: ver1.0
*/
@import url("css/import.css");
/* ==================================
Reset
================================== */
body,div,ul,ol,li,dl,form {
	margin: 0;
	padding: 0;
}
p,h1,h2,h3,h4,h5,h6,dt,dd,th,td,imput,textarea,pre,fieldset,blockquote {
	margin: 0;
	padding: 0;
}
ol,ul { list-style: none; }
img,fieldset { border: 0; }
abbr,acronym { border: 0; }
em,strong,th,address,caption,cite,code,dfn,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
object,embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
a:link {/*未訪問リンク*/
	color: #305cb6;
	text-decoration: none;
}
a:visited {/*訪問済みリンク*/
	color: #305cb6;
	text-decoration: none;
}
a:hover {/*マウスオーバー時*/
	color: #C00;
	text-decoration: underline;
}
a:active {
	color: #C00;
	text-decoration: none;
}
a.blank {
    padding-right: 12px;
    background: url(images/icon/blank.gif) no-repeat center right;
}
/* ==================================
clearfix/class or idを追加していく
================================== */
.clearfix:after,
#header:after,
#gnav:after,
#contents:after,
.entrybox:after,
.entry:after,
.entrycate:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
/*IE7*/
.clearfix,
#header,
#gnav,
#contents,
.entrybox,
.entry,
.entrycate {
	display: inline-block;
}
/*Mac IE*/
* html .clearfix,
* html #header,
* html #gnav,
* html #contents,
* html .entrybox,
* html .entry,
* html .entrycate {
	height: 1%;
}
.clearfix,
#header,
#gnav,
#contents,
.entrybox,
.entry,
.entrycate {
	display: block;
}
/* ==================================
汎用
================================== */
.boxL {
	float: left;
}
.boxR {
	float: right;
}
.box-refresh {
	float: left;
}
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.btn {
	text-align: center;
}
.textL {
	text-align: left;
}	
.textC {
	text-align: center;
}
.textR {
	text-align: right;
}
.clear {
	clear: both;
}
.B { font-weight: bold }/*文字強調*/
/*font_color*/
.Black { color: #000; }
.Silver { color: #C0C0C0; }
.Gray { color: #808080; }
.White { color: #FFF; }
.Red { color: #F00; }
.Purple { color: #800080; }
.Green { color: #008000; }
.Lime { color: #00FF00; }
.Olive { color: #808000; }
.Yellow { color: #FF0; }
.Navy { color: #000080; }
.Blue { color: #00F; }
.Teal { color: #008080; }
.Aqua { color: #0FF; }
.pink { color: #FFC0CB; }
.orange { color: #FFA500; }
/*font_size*/
.font80 { font-size: 80%; }
.font90 { font-size: 90%; }
.font100 { font-size: 100%; }
.font110 { font-size: 110%; }
.font120 { font-size: 120%; }
.font130 { font-size: 130%; }
.font140 { font-size: 140%; }
/*background_color*/
.BgBlack { background: #000; }
.BgSilver { background: #C0C0C0; }
.BgGray { background: #808080; }
.BgWhite { background: #FFF; }
.BgRed { background: #F00; }
.BgPurple { background: #800080; }
.BgGreen { background: #008000; }
.BgLime { background: #00FF00; }
.BgOlive { background: #808000; }
.BgYellow { background: #FF0; }
.BgNavy { background: #000080; }
.BgBlue { background: #00F; }
.BgTeal { background: #008080; }
.BgAqua { background: #0FF; }
.Bgpink { background: #FFC0CB; }
.Bgorange { background: #FFA500; }
/*width*/
.WT50 { width: 50px; }
.WT100 { width: 100px; }
.WT150 { width: 150px; }
.WT200 { width: 200px; }
.WT250 { width: 250px; }
.WT300 { width: 300px; }
/* ==================================
default(デフォルトのcss)
================================== */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
img.aligncenter	{
	display:block;
	margin:0px auto 0px auto;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* End Images */
/*wp-calendar_Start*/
#calendar_wrap {
	margin: 0 auto;
}
#calendar_wrap table {
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
}
#wp-calendar caption {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
#wp-calendar th {
	text-align: center;
	text-transform: capitalize;
}
#wp-calendar td {
	text-align: center;
}
#wp-calendar #next a {
	padding-right: 0;
	padding-left: 5px;
	text-align: left;
}
#wp-calendar #prev a {
	padding-left: 0;
	padding-right: 5px;
	text-align: right;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 80%;
}

#wp-calendar a {
	text-decoration: none;
}
/*End wp-calendar*/
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	text-align: center;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}
/* End captions */
/* ==================================
body
背景のpng画像を使用しない場合には
background: #DDD;等を使用する
================================== */
body {
	background: #666;
	color: #333;
	font-family:"Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align: center;
}
/*IE6*/
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/* ==================================
wrapper
================================== */
#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #FFF;
	text-align: left;
}
/* ==================================
contents
================================== */
#contents {
	float: left;
	width: 100%;
}
/* ==================================
main
================================== */
#main {
	float: left;
	width: 700px;
}
#main .mask {
	margin-right: 200px;/*Subの横幅を指定*/
}
/* ==================================
menu
================================== */
#menu {
	float: left;
	width: 250px;
}
/* ==================================
sub
================================== */
#sub {
	float: left;
	width: 200px;
	margin-left: -450px;/*#menu,#subの幅分をマイナスする*/
}
/* ==================================
contentspage
================================== */
#contentspage {
	float: left;
	width: 950px;
}
/* ==================================
mainpage
================================== */
#mainpage {
	float: left;
	width: 700px;
}
/* ==================================
menu
================================== */
#menupage {
	float: left;
	width: 250px;
}