@charset "utf-8";

/* =========================================================
■body
========================================================= */
body {
	background-color:#FFFFFF;
	font-size: 82%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* default color
----------------------------------------------- */
body a {
	text-decoration: underline;
}

body a:link {
	color: #0066CC;
}
body a:visited {
	color: #0066CC;
}
body a:hover {
	color: #0099FF;
}
body a:active {
	color: #0099FF;
}


/* =========================================================
■container
========================================================= */
div#container {
	margin: 0 auto;
	background-image:url(../img/bg_01.gif);
	background-repeat:repeat-y;
	width:800px;
	border-width:5px 1px 0px 1px;
	border-color:#999999;
	border-top-color:#0F143A;
	border-style:solid;

}


/* =========================================================
■header
========================================================= */
div#header {
	margin: 0 0 5px;
	background: #000000 url(../img/bg_header.gif) repeat-x 0 0;
}

div#header div.inner {
	width: 800px;
	position: relative;
	margin: 0 auto;
	padding: 0px 0;
}

div#header #siteName {
	margin: 0 0 15px;
	font-size: 150%;
}

div#header #siteName a {
	color: #FFFFFF;
}

div#header p#tagline {
	color: #FFFFFF;
}

/* webPageNav
----------------------------------------------- */
div#header ul#webPageNav {
	position: absolute;
	top: 10px;
	right: 0;
}

div#header ul#webPageNav li {
	float: left;
	margin-left: 15px;
}

div#header ul#webPageNav li a {
	color: #CCCCCC;
}

div#header ul#webPageNav li a:hover {
	color: #FFFFFF;
}



/* =========================================================
■wrapper
========================================================= */
div#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* topicPath
----------------------------------------------- */
div#topicPath {
	margin: 0 0 15px;
	border-bottom: 0px #FFFFFF solid;
	font-size:10px;
}

div#topicPath ul {
	padding: 0 0 5px;
}

div#topicPath ul li {
	float: left;
	padding-left: 15px;
	background: url(../img/ic_topicpath.gif) no-repeat 5px 50%;
	line-height: 1.2;
}

div#topicPath ul li.home {
	padding-left: 0;
	background: none;
	padding-left:10px;
	
}


/* content
----------------------------------------------- */
/* =========================================================
■■■content.css
========================================================= */


div#content {
	float: left;
	width: 500px;
	margin: 0 0px 20px 0;
}

.table_border_01 { 
border: 1px;
border-color:#848484;
border-style:solid;
border-collapse: collapse; 
line-height:25px;
}	
.table_border_01 td {
padding:3px;
font-size:90%
}	

.table_border_02 { 
border: 1px;
border-color:#D4D4D4;
border-style:solid;
border-collapse: collapse; 
line-height:25px;
background-image:url(../img/table_bg_01.gif);
}	
.table_border_02 td {
padding:3px;
font-size:90%
}	

.table_border_03 { 
border: 1px;
border-color:#D4D4D4;
border-style:solid;
border-collapse: collapse; 
line-height:30px;
}	
.table_border_03 td {
padding:5px;
font-size:100%
}	


/* =========================================================
■article
========================================================= */
div#content div.article {
	margin: 0 0 20px;
}

/* articleHeader
----------------------------------------------- */
div#content div.article div.articleHeader {
}

div#content div.article div.articleHeader .title {
	margin: 0 0 15px ;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2;
}

/* articleBody & articleMore
----------------------------------------------- */
div#content div.article div.articleBody,
div#content div.article div.articleMore {
	line-height: 1.5;
	color:#3C3C3C;
	font-size:12px;
}

div#content div.article div.articleBody p,
div#content div.article div.articleMore p {
	margin: 0 0 1em;
}

/* articleFooter
----------------------------------------------- */
div#content div.article div.articleFooter {
	border-top: 1px #000000 solid;
	padding-top: 5px;
	line-height: 1.2;
}

div#content div.article div.articleFooter p.postDate {
	float: left;
	width: 190px;
}

div#content div.article div.articleFooter ul {
	float: right;
	width: 350px;
	text-align: right;
}

div#content div.article div.articleFooter ul li {
	display: inline;
	padding-left: 10px;
}


/* =========================================================
■trackbackURL
========================================================= */
div#content dl#trackbackURL {
	margin: 0 0 20px;
	padding: 5px;
	background: #F0F0F0;
	line-height: 1.2;
}

div#content dl#trackbackURL dt{
	margin: 0 0 5px;
}

div#content dl#trackbackURL dd input {
	width: 98%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/* =========================================================
■trackbacks
========================================================= */
div#content div#trackbacks {
	margin: 0 0 20px;
}

div#content div#trackbacks h3 {
	margin: 0 0 5px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.2;
}

/* trackback
----------------------------------------------- */
div#content div#trackbacks div.trackback {
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: 1px #000000 dotted; 
	line-height: 1.2;
}

div#content div#trackbacks div.trackback p {
	margin: 0 0 5px;
}

div#content div#trackbacks div.trackback ul {
	margin: 0 0 5px;
}

div#content div#trackbacks div.trackback ul li {
	display: inline;
	padding-right: 10px;
}


/* =========================================================
■comments
========================================================= */
div#content div#comments {
	margin: 0 0 20px;
}

div#content div#comments h3 {
	margin: 0 0 5px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.2;
}

/* comment
----------------------------------------------- */
div#content div#comments div.comment {
	margin: 0 0 5px;
	padding: 5px;
	border-bottom: 1px #000000 dotted; 
}

div#content div#comments div.comment p {
	margin: 0 0 5px;
}

div#content div#comments div.comment ul {
	margin: 0 0 5px;
}

div#content div#comments div.comment ul li {
	display: inline;
	padding-right: 10px;
}


/* =========================================================
■commentPost
========================================================= */
div#content div#commentPost {
	background: #F1F1F1;
}

div#content div#commentPost h3 {
	margin: 0 0 5px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.2;
}

/* commentForm
----------------------------------------------- */
div#content div#commentPost table#commentForm {
	width: 100%;
}

div#content div#commentPost table#commentForm th {
	padding: 5px;
	text-align: right;
}

div#content div#commentPost table#commentForm td {
	padding: 5px;
}

div#content div#commentPost table#commentForm td input {
	width: 300px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

div#content div#commentPost table#commentForm td textarea {
	width: 300px;
	height: 8em;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* commentFormBtn
----------------------------------------------- */
div#content div#commentPost ul#commentFormBtn {
	padding: 5px 0 10px;
	text-align: center;
}

div#content div#commentPost ul#commentFormBtn li {
	display: inline;
	padding: 0 5px;
}

div#content div#commentPost ul#commentFormBtn li input {
	width: 8em;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}








/* sidebar
----------------------------------------------- */
div#wrapper div#sidebar {
	float: left;
	width: 250px;
}

/* ----- column ----- */
div#wrapper div#sidebar div.column {
	display:block;
	float: left;
	width: 200px;
	margin-left: 0px;
}

/* ----- section ----- */
div#wrapper div#sidebar div.section {
	margin: 0 0 20px 0px;
}

div#wrapper div#sidebar div.section h2 {
	margin: 0 0 5px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
}

div#wrapper div#sidebar div.section ul {

}

div#wrapper div#sidebar div.section ul li {
	padding:0px 0px 1px 35px;
	width:170px;
	height:63px;
}


.li2 a:hover{
	border-color:#999999;
	border-width:1px 0px 1px 0px;
	border-style:solid;
}

.li2{
	overflow:hidden;
	float:left;
}
.li2 a{
	display: block;
	width:170px;
	height:62px;
	border-color:#E1F0FF;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	padding:0px 0px 0px 0px;
}
.li2 a:active{
}


.li2, .li2 a{
  margin: 0;/* -余白なしなら重要- */
  text-decoration:none;
}


/* pageUp
----------------------------------------------- */
div#wrapper p.pageUp {
	clear: both;
	text-align: right;
}

div#wrapper p.pageUp a {
	float: right;
	display: block;
	padding: 5px 10px 5px 20px;
	background: #000000 url(../img/ic_pageup.gif) no-repeat 10px 50%;
	color: #FFFFFF;
}

/* =========================================================
■footer
========================================================= */
div#footer {
	border-top: 2px #0F143A solid;
	background-color:#0F143A;
	width:800px;
}

div#footer p#copyright {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 10px 0;
	color: #FFFFFF;
	text-align: right;
	font-size:10px;
}












/* =========================================================
■■■clear.css
========================================================= */

/* =========================================================
■Clearfix
========================================================= */
/* universal
----------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	position: relative;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* common
----------------------------------------------- */
#wrapper:after,
#sidebar:after,
.articleFooter:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper,
#sidebar,
.articleFooter {
	display: inline-table;
	min-height: 1%;
	position: relative;
}
/* Hides from IE-mac \*/
* html #wrapper,
* html #sidebar,
* html .articleFooter {
	height: 1%;
}

#wrapper,
#sidebar,
.articleFooter {
	display: block;
}
/* End hide from IE-mac */


/* =========================================================
■■■reset.css
========================================================= */
/* =========================================================
■YUI Reset
========================================================= */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border: 0; 
}



/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address, blockquote,
ol, ul, li, dl, dt, dd,
table, th, td, form, div {
	zoom: 1; /* hasLayout True */
}

textarea {
	font-size: 100%;
}

img {
	vertical-align: bottom;
}



/* =========================================================
■Base Style
========================================================= */
ol,
ol li {
	list-style-type: decimal;
	zoom: normal; /* hasLayout False */
}