@charset "shift_jis";

/*=========================================================

	Layout
	
=========================================================*/

body {
	margin: 0 0; /* margin */
	font-size: 90%;
	line-height: 1.5;
}
img {
	border: 0px;
}
div#header,
div#content,
div#footer {
	width: 90%; /* (example: 50%~100%, 400px~1000px, 60em, etc. )*/
	min-width: 35em; /* 最小幅 */
	max-width: 70em; /* 最大幅 */
}

/*--------------------------------
	Side Border
--------------------------------*/

div#header,
div#footer,
div#content {
	border-color: #CCCCCC; /* 両サイドボーダーの色 */
}

/*=========================================================

	General
	
=========================================================*/

body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

div#header {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

div#content {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
}

div#content div#main {
	background-color: #fff;
	border-color: #eee; /* 本文カラム境界線 */
	padding-top: 10px;
}

/*---------------
 Font Size Setting
 本文文字サイズ
-----------------*/

div.textBody {
	font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/* individual font size (個別記事のみ文字サイズを変える) */

body.individual div.textBody {
	font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */
}

/*---------------
 Link Color
-----------------*/

a:link {
	color: #0066FF;
}

a:visited {
	color: #0066FF;
}

a:hover {
	color: #F87693;
}

/*---------------
 Website Title
-----------------*/

div#header p.siteName {
	font-size: 125%;
}

div#header p.siteName a {
	color: #000066;
}

div#header p.siteName a:hover {
	color: #FF9966;
}

/*---------------
 Description
-----------------*/

div#header p.description {

}

/*---------------
 Topic Path
-----------------*/

/* 現在位置 */
p.topicPath span.current {
	color: #FFFFFF;
	background: #F87693;
}

/*---------------
 Heading
-----------------*/

h1 {
	margin: 0px 0px 10px;
	padding: 0px;
	_height: 1px; /* for IE */
	clear: both;
}

h2 {
	color: #000;
}

h3 {

}

/*=========================================================

	div#utilities (Sidebar)
	
=========================================================*/

div#utilities dl.navi,
div#utilities dl.others {
	background-color: #fff;
}

div#utilities dl.navi dt,
div#utilities dl.others dt {
	background-image: url(images/bg/slash.gif);
	color: #FFFFFF;
	font-weight: 800;
}

/*---------------
 Utilities Link Color
-----------------*/

div#utilities ul li {
	list-style-type: none;
	list-style-position: outside;
}

div#utilities li a {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

div#utilities dd li a:link {
	background-image: url(images/arrow/arrow0101.gif);
}

div#utilities dd li a:visited {
	background-image: url(images/arrow/arrow0102.gif);
}

div#utilities dd li a:hover {
	background-position: 2px 0.1em;
}

/*---------------
 .freeSpace [?]
-----------------*/

div#utilities .freeSpace {
	margin: 1px;
	background-color: #fff;
}

div#utilities .freeSpace p,
div#utilities .freeSpace dl,
div#utilities .freeSpace ul,
div#utilities .freeSpace ol,
div#utilities .freeSpace li {
	margin: 0.1em 5px;
}

/*---------------
 nest
-----------------*/

div#utilities dl.navi dd dl dt,
div#utilities dl.others dd dl dt {
	margin: 0.1em 5px;
	padding: 0;
	color: #000;
	background-image: none;
	border-bottom: 1px solid #ddd;
}

/*=========================================================

	Entry
	
=========================================================*/

/*---------------
 Title
-----------------*/

div.entry h2 {
	padding: 10px 15px 0px;
	margin: 0px;
}

div.entry h2 a {
	text-decoration: none;
	color: #000;
}

div.entry h2 a:visited {
	color: #000;
}

div.entry h2 a:hover {
	color: #666;
}

/*---------------
 Info
-----------------*/

div.entry ul.info {
	padding: 0 0 0 15px;
	margin: 0px;
}

/*---------------
 Text Body
-----------------*/

div.entry div.textBody dl {
	border-left: 4px solid #f5f5f5;
	border-bottom: 1px solid #fff;
}

/*---------------
 Link img
-----------------*/

div.textBody a img {
	border: 3px solid #ccc;
}

div.textBody a:hover img {
	border: 3px solid #000;
}

/*---------------
 Continue reading
-----------------*/

p.continue {
	padding-left: 16px;
	background-image: url(images/arrow/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

p.continue a:link,
p.continue a:visited {
	padding: 0 10px;
	color: #fff;
	background-color: #93bc37;
}

p.continue a:visited {
	color: #999;
	background-color: #eee;
}

p.continue a:hover {
	color: #fff;
	background-color: #93ca37;
}

/*---------------
 Reaction
-----------------*/

div.entry ul.reaction {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

div.entry ul.reaction li {
	border-right: 2px solid #eee;
}

div.entry ul.reaction li a {
	padding-left: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
}

div.entry ul.reaction li.comment a {
	padding-left: 24px;
	background-image: url(images/icon/v_icon010101.gif);
}

div.entry ul.reaction li.trackback a {
	background-image: url(images/icon/v_icon080101.gif);
}

/*---------------
 Reaction Log (individual)
 -Comments
 -Trackbacks
-----------------*/

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
	color: #65a500;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
	color: #999;
}


div#comments dl.log dd,
div#trackback dl.log dd {
	border-bottom: 1px solid #eee;
}

div#trackback dl.log {
	border-left: 5px solid #b7b737;
}

/* Trackback Info */

div#trackback dl.info {
	background-color: #f5f5f5;
	margin-right: 15px;
	margin-left: 15px;
}

div#trackback dl.info .URL {
	color: #000;
	background-color: #fff;
}

/*---------------
 Flip Pager (Newer - Older)
-----------------*/

ul#flip1 li a {
	padding: 0 0.5em;
	color: #666;
	background-repeat: no-repeat;
}

/* Newer Article */

ul#flip1 li.newer a {
	padding-left: 18px;
	background-image: url(images/arrow/v_arrow070101.gif);
	background-position: left center;
}

/* Older Article */

ul#flip1 li.older a {
	padding-right: 18px;
	border-left: 1px solid #ccc;
	background-image: url(images/arrow/v_arrow070102.gif);
	background-position: right center;
}

/* On Mouse */

ul#flip1 li a:hover {
	color: #000;
}
 
ul#flip1 li.newer a:hover {
	background-image: url(images/arrow/v_arrow070201.gif);
}

/* Older Article */

ul#flip1 li.older a:hover {
	background-image: url(images/arrow/v_arrow070202.gif);
}

/*---------------
 Flip Pager2 (Newer - Older)
-----------------*/

#flip2 {
	border: 1px solid #eee;
}

#flip2 li {
	color: #000;
}

#flip2 li a {

}

/*---------------
 Retun to page top
-----------------*/

p.return a {

}

/*---------------
 Archive Index
-----------------*/

p.archives a {

}

/*=========================================================

	Footer
	
=========================================================*/

div#footer ul.support li {
	color: #aaa;
}

div#footer ul.support li a {
	color: #bbb;
	text-decoration: none;
}

div#footer li.template a {

}

div#footer address {

}

/*=========================================================

	Elements
	
=========================================================*/

em {
	color: #000;
	font-weight: bold;
}

strong {

}

/*---------------
 Form
-----------------*/

fieldset {
	border: 1px solid #eee;
	background-color: #f5f5f5;
}

legend {
	background-color: #fff;
}

input,
textarea {
	border-color: #d4d4d4 #eee #eee #d4d4d4;
	background-color: #fff;
}

input:hover,textarea:hover {
	border-color: #00a0dd;
}

input:focus,textarea:focus {
	border-color: #aaa;
	background-color: #fff;
}

input.submit {
	color: #fff;
	background: #999999;
}

input.submit:hover {
	background-color: #cc8414;
}

/*---------------
 Table
-----------------*/

table {
	background-color: #fff;
}

th,
td {

}

th {
	color: #000;
	border: 1px solid #CCCCCC;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}

/*---------------
 Pre
-----------------*/

pre {
	color: #666;
	background-color: #f5f5f5;
}

pre * {
	color: #444;
}

pre[title]:before {
	color: #fff;
	background-color:  #93bc37;
}

/*---------------
 Blockquote (引用)
-----------------*/

blockquote {
	border: 1px solid #CCCCCC;
	color: #666;
	background-color: #f5f5f5;
	padding: 1em;
}

blockquote * {

}

blockquote[title]:before {
	color: #000;
}

blockquote[cite]:after {
	color: #333;
}

cite {
	color: #333;
}

/*=========================================================

	Others
	
=========================================================*/

/*--------------------------------------
	Tag Cloud
---------------------------------------*/

ul.tagCloud {
	margin: 0.5em 30px;
	padding: 0.5em 10px;
	line-height: 1;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

ul.tagCloud li a {
	text-decoration: none;
}

/* Tag level 1>6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #7a881a;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #bbc246;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #a1bc50;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #acbe76;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #b7d298;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #cdd1c0;
}

/* On Mouse */
ul.tagCloud li a:hover {
	color: #7aac1a;
}

/*--------------------------------
コメント・トラックバック数など、
数を表す部分で使われます
--------------------------------*/

.count {
	color: #F87693;
}
img.imgalignleft {
	float: left;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
}
div#topicsArea h3 {
	background: url(images/bg/title_bg.jpg) repeat-x;
	height: 30px;
	padding-top: 7px;
}
div#topicsArea {
	margin-bottom: 15px;
	width: 485px;
}
div#topicsArea div.topics img {
	height: 50px;
	width: 50px;
	vertical-align: top;
}
div#topicsArea div.topics {
	margin: 10px;
	border-bottom: 1px dashed #666666;
	padding-bottom: 10px;
}
div#topicsArea div.topics dl {
	margin: 0px;
	padding: 0px;
}
div#topicsArea div.topics dl dt {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: block;
	float: left;
	width: 110px;
	background: url(images/arrow/arrow02.gif) no-repeat left center;
}
div#topicsArea div.topics dl dd {
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-weight: 800;
}
div#topicsArea div.topics p {
	margin: 0px;
	padding: 0px;
}
dl.log {
	margin-right: 15px;
	margin-left: 15px;
}
div#adtoothArea {
	background: #00CCFF;
	clear: both;
	width: 485px;
}
div#adtoothArea div.topics h4 {
	border-left: 10px solid #00CCFF;
	padding-left: 5px;
	font-size: 130%;
}

div#adtoothArea h3 {
	background: url(images/bg/ad_haisya_title.jpg) no-repeat;
	height: 80px;
	margin: 0px;
	padding: 0px;
}
div#adtoothArea h3 span {
	display: none;
}
div#adtoothArea div.topics {
	background: #FFFFFF;
	margin: 10px;
	padding: 10px;
}
div#adtoothArea div.topics p {
	margin: 0px;
	padding: 0px;
}
div#adtoothArea div.topicsfooter {
	background: #FFFFFF;
	padding: 10px;
	margin: 10px;
}
div#adtoothArea div.topicsfooter h4 {
	margin: 0px;
	padding: 0px;
}
div#adtoothArea div.topicsfooter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#adtoothArea div.topicsfooter ul li {
	margin: 0px;
	padding: 0px;
}
div#footer {
	background: #FFFFFF;
}
ul#navi {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#navi li {
	display: inline;
	margin-right: 1em;
	border-right: 1px solid #999999;
	padding: 0px 1em 0px 0px;
}