﻿@charset "utf-8";
/*
Theme Name: Delicious
Description: 株式会社Delicious様向けテーマ
Author: ブレーンコンピューター株式会社
*/



/* Begin Typography & Colors */

/* 全体のルール */
/* * {*/
/*html, body, img, table, div, h1, h2 {*/
html, body, img, div, h1, h2 {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	background-color: #f7f7f7;
/*	background-color: #c1c1c1;*/
}

img {
	border-width: 0;
}
/*
table {
	border-collapse: collapse;
	border-style: none;
}
*/
ul, ol {
	list-style-position:inside;
}

div.navigation ul, div#sidebar ul {
	list-style: none;
	list-style-position:outside;
	margin: 0;
}

div.navigation ul{
	margin: 0;
	padding: 0;
}

A:link {
	color: #666666;
}

A:visited {
  color: #666666;
}

A:active {
	color: #666666;
}

A:hover {
	color: #ff9d1f;
	text-decoration: none;
}

A:focus {
	outline: none;
}

div#container_line {
	width: 934px;
	margin: auto;
	background-image: url("images/background_line.jpg");
	background-repeat: repeat-y;
	padding: 0 1px;
	zoom: 1;
}

div#container {
	background-image: url("images/background.png");
	background-repeat: repeat-x;
	background-position: top;
	zoom: 1;
/*	background-color: #fdd95a;*/
}

div#page {
	width: 917px;
	margin: auto;
	padding-bottom: 20px;
}

/* ヘッダ */
div#header {
	height: 98px;
	position:relative;
	background-image: url("images/header_bg.jpg");
	background-repeat: no-repeat;
	background-position: right;
}

/* ナビ */
div.navigation {
	width: 620px;
	height: 42px;
	margin: auto;
	padding: 0 5px;
	position: absolute;
	right: 0px;
	top: 68px;
	vertical-align: bottom;
}

/* Begin dTabs css */

/*タブの大きさ*/

.tab, .tabselected {
	widht: 80px;
	height: 42px;
	float: right; /* メニューを右寄せにするため */
}

#tabbar a {
	display: block;
	width: 100%;
	heigth: 100%;
	padding: 7px 0;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	font-size: 10pt;
	line-height: 12pt;
}

.tab ul li {
	height: 42px;
}

.tabbar_button_c {
	margin: 0 8px 0 8px;  /* 角丸画像の横幅より1px小さいサイズ */
	background-color: #000;
}

.tab .tabbar_button_l, .tabselected .tabbar_button_l {
	width: 100px;
}

.tab .tabbar_button_l {
	background: url(images/style/tab_sel_start.gif) no-repeat top left;
}

.tab .tabbar_button_c {
	background: url(images/style/tab_sel_base.gif) repeat-x top;
	zoom: 1;	/* IE6での印刷に対応するため */
}

.tab .tabbar_button_r {
	background: url(images/style/tab_sel_end.gif) no-repeat top right;
	zoom: 1;	/* IE6での印刷に対応するため */
}

.tabselected .tabbar_button_l {
	background: url(images/style/tab_start.gif) no-repeat top left;

}

.tabselected .tabbar_button_c {
	background: url(images/style/tab_base.gif) repeat-x top;
	zoom: 1;	/* IE6での印刷に対応するため */

}

.tabselected .tabbar_button_r {
	background: url(images/style/tab_end.gif) no-repeat top right;
	zoom: 1;	/* IE6での印刷に対応するため */

}

/* End dTabs css */


/* サイドバー */
div#sidebar {
    width: 204px;
    margin: 9px 0 0;
    float: left;
}

div.sidepanel {
	margin-top: 5px;
}

div.sidepanel ul {
	background-image: url("images/sidebar_base.gif");
	background-repeat: repeat-y;
	zoom: 1;	/* IE6での印刷に対応するため */
	padding: 10px 0;
}

div.menu_widget ul {
	padding: 0;
}

div.sidepanel-footer {
	margin-top: -1px;
	height: 16px;
	background-image: url("images/sidebar_footer.gif");
	background-repeat: no-repeat;
	font-size:1px;
	line-height:1px;
}

h2.widgettitle {
	padding-top: 4px;
	height: 36px;
	text-align: center;
	background-image: url("images/sidebar_head.gif");
	background-repeat: no-repeat;
	font-size: 1.1em;
	line-height: 36px;
}

div.sidepanel ul li {
	text-align: center;
	padding: 3px 0;
}

div.sidepanel ul li img {
	margin: 5px auto;
}

div.sidepanel ul li.cat-item {
	height: 39px;
	margin: 0 5px 0 9px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url("images/sidebar_menu.jpg");
	background-repeat: no-repeat;
	line-height: 39px;
}

div.sidepanel ul li.current-cat {
	background-image: url("images/sidebar_menu_on.jpg");
	background-repeat: no-repeat;
}

div.sidepanel ul li.cat-item a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* ページ */
div#content {
    width: 708px;
    float: right;
    font-size: 110%;
    line-height: 150%;
}

div#content p {
    margin: 1.0em 0;
}

/*
div#content h3 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-left: 5px solid #ee0000;
    border-top: 1px solid #ee0000;
    border-bottom: 1px solid #ee0000;
    border-right: 1px solid #ee0000;
}
*/

div#content h3 {
    font-size: 95%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 2em;
    border-bottom: 1px solid #999999;
/*    border-left: 3px solid #999999;*/
    background-color: #eeeeee;
}


div#content_head {
	height: 24px;
	font-size:1px;
	line-height:1px;
	background:url("images/content_head.gif") no-repeat left top;
}

div#content_base {
	width: 648px;
	padding: 15px 30px;
	background-image: url("images/content_base.gif");
	background-repeat: repeat-y;
}

div#content_footer {
	height:10px;
	background:url("images/content_footer.gif") no-repeat left bottom;
	font-size:1px;
	line-height:1px;
}
/*
div.entry {
	line-height: 1.8em;
}
*/
div.post {
	padding-bottom: 25px;
}

/* フッタ */
div#footer {
	height: 76px;
/*	width: 100%;*/
	width: 934px;
	zoom: 1;	/* IE6での印刷に対応するため */
	background-image: url("images/footer_bg.jpg");
	background-repeat: repeat-x;
	text-align: center;
}

/* h1 */
h1 {
	width: 270px;
	height: 98px;
}

div#content h2.titlebg_101 {
	width: 588px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_101.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_102 {
	width: 588px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_102.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_103 {
	width: 588px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_103.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_104 {
	width: 588px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_104.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_105 {
	width: 588px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_105.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}


div#content h2.titlebg_201 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_201.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_202 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_202.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_203 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_203.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_204 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_204.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_205 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_205.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_301 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_301.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_302 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_302.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_303 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_303.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_304 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_304.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_305 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_305.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_401 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_401.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_402 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_402.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_403 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_403.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_404 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_404.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

div#content h2.titlebg_405 {
	width: 623px;
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	margin: 0 0 15px;
	background-image: url("images/titlebg_405.jpg");
	background-repeat: no-repeat;
	font-size: 1.8em;
	font-weight: normal;
}

/* Begin Images */
div#content p img {
	padding: 0;
	max-width: 100%;
}

div#content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#content img.alignright {
/*	padding: 4px;
	margin: 0 0 2px 7px;*/
	display: inline;
}

div#content img.alignleft {
/*	padding: 4px;
	margin: 0 7px 2px 0;*/
	display: inline;
}

div#content .alignright {
	float: right;
}

div#content .alignleft {
	float: left
}
/* End Images */

/* 前・次のページ */

div.posts_link {
	padding-bottom: 40px;
}

div.posts_link .alignright, div.posts_link .alignleft {
	width: 280px;
}

div.posts_link .alignright {
	text-align: left;
}

div.posts_link .alignleft {
	text-align: right;
}

/* float解除 */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div.emb {
	text-align: center;
	margin-top: 8px;
}
