@charset "utf-8";

*{margin:0;padding:0;}

html{background:#fff;}

body{
font:16px/1.5 "Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#252525;

}

a{color:#777777;}
a:hover{color:#919191;text-decoration:none;}
a:active, a:focus {outline:0;}

ul {list-style-type:none;}
ul li {margin: 15px 0;}

img{border:0;}
.clear{clear:both;}


/*******************************
レイアウト
*******************************/
#header, #wrapper, .inner{
margin:0 auto;
width:940px;
}

#wrapper{padding:20px 0 30px;}

#main{

width:940px;
}

#bottom{
clear:both;
margin:0 auto;
width:940px;
}


/*******************************
/* ヘッダー
*******************************/
#head { padding-bottom:15px;}
#header{
position:relative;
height:120px;
}

#header h1,#header h2, #header p{
position:absolute;
top:44px;
font-size:11px;
font-weight:normal;
line-height:21px;
color:#333;
}

#header h1{top:10px;}

#header p{right:0;}



/************************************
/* メインナビゲーション
************************************/
#nav {background-color:#669900;}
ul#mainnav{
margin:0 auto;
width:940px;
height:55px;
display:table;
}

ul#mainnav li{float:left;list-style:none;width:186px;border-right:1px solid #fff; margin:0;}

ul#mainnav li:nth-child(1) {border-left:1px solid #fff;}

ul#mainnav a{
text-decoration:none;
display:table-cell;
vertical-align:middle;
width:188px;
height:55px;
text-align:center;
color:#fff;
font-size:14px;
}

ul#mainnav a#menu{background-position:0 0;}
ul#mainnav a#menu1{background-position:-188px 0;}
ul#mainnav a#menu2{background-position:-376px 0;}
ul#mainnav a#menu3{background-position:-564px 0;}
ul#mainnav a#menu4{background-position:-752px 0;}

ul#mainnav a#menu:hover, ul#mainnav li.active a#menu{background-position:0 -70px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-188px -70px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-376px -70px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-564px -70px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-752px -70px;}



/*******************************
メイン画像
*******************************/
#mainImage{
margin:20px auto 20px;
text-align:center;
}


/*******************************
バナー
*******************************/
#banner{
text-align:center;
}


/*******************************
コンテンツ
*******************************/
#main p{margin-bottom:10px; line-height:160%;}

.readon{clear:both;}

.readon a{
display:block;
padding-left:20px;
background:url(images/bullet.png) no-repeat 0 50%;
text-decoration:none;
}

.readon a:hover{
background-position:5px 50%;
}

#date{
text-align: right;
padding-bottom:10px;
font-weight:bold;
color:#858585;
font-family:Georgia, "Times New Roman", Times, serif;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

ul.pagenav{
width:620px;
padding:20px 0 50px;
}

ul.pagenav li{
list-style: none;
float: left;
}

ul.pagenav li a{
padding:0 0 0 20px;
text-decoration:none;
background:url(images/bullet2.png) no-repeat 0 50%;
}

ul.pagenav li.next{
float: right;
}

ul.pagenav li.next a{
padding:0 20px 0 0;
background:url(images/bullet.png) no-repeat 100% 50%;
}

.orange { font-weight:bold; font-size:16px;}

.green {color:#669900;}

.fl {float:left;}

.fr {float:right;}

.clear {clear:both;}

/*************
/* table
*************/
table {border-collapse:collapse;}
table th {font-weight:normal; font-size:14px;}
table td {padding: 2px 4px; font-size:14px;}

.starttitle {background-color:#669900; color:#fff; padding:3px 15px; margin: 15px 0;}


/*************
/* 見出し
*************/
#main h2,#main h3,#sidebar h3,#bottom h3{
font-weight:normal;
margin:20px 0 10px 0;
padding:8px 0;
color:#669900;
font-size:22px;
background:url(images/heading.png) no-repeat 0 100%;
}

#main h2{
padding-left:20px;
margin:20px 0 0;
}

h4 {margin: 15px 0;}


/*************
/* サイドバー
*************/
#sidebar ul{margin:0 6px 25px;}

#sidebar ul li{
list-style:none;
margin-bottom:10px;
padding-bottom:2px;
border-bottom:1px dotted #ccc;
}

#sidebar ul li a{
display:block;
padding:0 5px 0 20px;
text-decoration:none;
background:url(images/bullet.png) no-repeat 0 50%;
}

#sidebar ul li a:hover{
background-position:5px 50%;
}


/*******************************
/* ボトム
*******************************/
.boxContainer{
overflow:hidden;
}

.boxContainer p{margin-bottom:10px;}

* html .boxContainer{height:1%;}

#bottom .box{
float:left;
width:268px;
margin-right:20px;
padding:15px 15px 5px;
border: 1px solid #fff;
border-radius: 10px;
background-color: #fff;
height: 70px;
margin-top:20px;
}

#bottom .last{margin-right:0;}

#bottom .box img{
float:left;
padding:0 10px 0 0;
width:100%;
}


/*******************************
/* フッター
*******************************/
#footer{
clear:both;
padding-bottom:10px;
text-align:center;
background-color:#669900;
}

.inner{
position:relative;
height:100px;
}

#footer ul{
padding:20px 0 10px;
text-align:center;}

#footer ul li{
display:inline;
padding:0 5px;
}

#footer ul li a{
color:#fff;
text-decoration:none;
font-size:14px;
}

#footer p{
position:absolute;
right:0;
bottom:-10px;
}

address{
color:#fff;
font-style:normal;
font-size:12px;
}