/* -*- coding: utf-8 -*- */
@charset "UTF-8";

/* --- YUI Fonts ---
| pixel | percent |
+-------+---------+
|  10   |   77    |
|  11   |   85    |
|  12   |   93    |
|  13   |  100    |
|  14   |  107    |
|  15   |  114    |
|  16   |  123.1  |
|  17   |  131    |
|  18   |  138.5  |
|  19   |  146.5  |
|  20   |  153.9  |
|  21   |  161.6  |
|  22   |  167    |
|  23   |  174    |
|  24   |  182    |
|  25   |  189    |
|  26   |  197    |
/* ----------------- */

/****** 基本設定 ******/
body {
  font-size: 85%;
  color: #333;
  padding: 0;
  margin: 0;
}

body {
  font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child+html body {
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

html > body {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a:link {
  color: #009;
}

a:visited {
  color: #909;
}

a:hover, a:active {
  color: #900;
}

img {
    vertical-align: bottom;
}

hr {
    display: none;
}

th{border:none;}
td{border:none;}

/****** clearfix, clear ******/
.clearfix:after,
#content:after,
#nav ul:after,
#footer_nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
#content,
#nav ul,
#footer_nav ul {
    zoom: 1;
}

.clear {
    clear: both;
}

div.section {
padding:0px 10pxpx;
margin-bottom:20px;
}

/****** レイアウト ******/
div#container {
}

div.wrapper {
    margin: 0 auto;
    width: 960px;
    position: relative;
		
}

div#header {
	padding:15px; 0px;
}

div#header h1 {
    margin: 0;
		background:url(../img/logo.gif) no-repeat 0 0;
		width:216px; height:50px;
		text-indent:-9999px;
}

div#header h1 a {
    text-decoration: none;
		display:block;
		width:100%; height:100%;


		
		
}

div#nav {
	background:url(../img/header-bk.png) repeat-x 0 0;
	height:35px;
	padding-top:5px;


}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav ul li {
    width: 125px;
		height:25px;
    float: left;
    list-style: none;
    margin: 0;
    padding-right: 35px;
		text-indent:-9999px;
}

#nav ul li a {
    display: block;
    width: 100%;

		    
}

div#content {
    margin: 0 auto;
    width: 960px;
}

div#main {
    width: 700px;
    float: left;
		margin-top:20px;
		margin-bottom:50px;
}

*html #main{margin-left:5px!important;}




/*** sidebar ***/
div#sidebar {
    width: 220px;
    float: left;
    margin-left:20px;
		margin-top:20px;
		
		
}


*html #sidebar{
margin-left:5px!important;

}



#sidebar h3{

	background:none;
	font-size:1em;
	border-bottom:3px solid #004499;
	width:auto;height:auto;
	padding:3px;
	
}


div#sidebar .widget {
    margin: 20px;
}


#sitemap-list{
	padding:30px;

}

#blog-list{
	font-size:0.9em;
	margin-bottom:10px;
}

#sitemap-list ul,#blog-list ul{ margin-right:3px; margin:0px;} 
#sitemap-list li,#blog-list li{ 
	background:url(../img/arrow-pink.gif) no-repeat 0px 3px;
	padding-bottom:5px; 
	list-style:none; 
	padding-left:15px;}


#bn-area{
background-color:#FFFFCC;
margin:15px 0px;
text-align:center;
padding:15px 0px 15px 15px;
}



div#footer {
		background:url(../img/footer-bk.png) repeat-x 0 0;
		padding:15px 0px 20px 0px;
		color:#fff;
				margin-top:15px;


}

div#footer a {
    color: #ccc;
}


#footer_nav {
    text-align: center;
    overflow: hidden;
    padding-top: 20px;
}

#footer_nav ul {
		padding-left:180px;
    padding: 0 auto;
    position: relative;
		zoom:1;
}

#footer_nav ul li {
    position: relative;
    width: 130px;
    float: left;
    list-style: none;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 0;
}

#footer_nav ul li a {
    display: block;
    width: 130px;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
}

#footer_nav li.last {
    border: none;
}


#footer_nav a{
	background:none;

}



#footer-tel{
	background:url(../img/footer-tel.png) no-repeat 0 0;
	width:680px; height:117px;
	display:block;
	text-indent:-9999px;
	margin:10px 0px 20px 10px;
}

#footer-tel a{
	display:block;
	width:100%;
	height:100%;
	outline:medium none;
}
.article {
    padding: 0px 0px 20px;
}

.article-header h2,
.article-header h2 a {
    color: #257da6;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.article-header h2 {
    font-size: 200%;
    margin-bottom: .5em;
}

.article-meta {
    margin-bottom: 5px;
		text-align:right;
		
}

.article-meta p{
	background:#004499;
	padding:3px;
	color:#FFFFFF;
	display:inline;
}

.article-time{	text-align:right; padding:5px; font-weight:bold; color:#004499;}

.article-body{
	margin-top:0px;
	padding:10px;
			border:2px dotted #ccc;
	
}




#copyright {
  padding:0px;
	float:right;
}

#copyright-navi{
	text-align:right;
	margin-bottom:10px;
	

}

#copyright-navi a{
margin-left:10px;
}


.breadcrumb {
    padding: 10px 30px;
    font-size: 90%;
}

#comments {
    margin: 0 30px 40px;
}

#comment-form {
    margin: 0 30px 40px;
}

#comment-form textarea {
    width: 500px;
    padding: 2px;
}

#comment-form label {
    width: 10em;
    display: block;
    float: left;
}

#comment-form input[type="text"] {
    width: 300px;
    padding: 2px;
}

#comment-form span.required {
    color: #c33;
}

#comment-form p {
    clear: both;
}

#trackback {
    margin: 0 30px 40px;
}

.news {
    padding: 0 30px;;
}

#search {
    position: absolute;
    top: -80px;
    right: 20px;
    margin: 0 !important;
}

div.table{
	border:medium solid #e5e5e5;
	padding:10px;
}

table.table{
	width:100%;
}

.table th{ padding:10px;	border-bottom:1px dotted #777777; color:#093	}
.table td{ padding:10px;	border-bottom:1px dotted #777777;	}

.pagenation{ margin-bottom:20px;}
.older { float:left;}
.newer { float:right;}