@charset "utf-8";

/**** 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;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
li{list-style-type:none;}

body{
font:14px/1.6 verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#495a49;
background:url(../images/bg.png) repeat-x;
}

body#toppage{background-image:url(../images/bgTop.png)}

a {color:#98c22d;text-decoration: none;}
a:hover {color:#7fa905;}
a:active, a:focus {outline:0;}
a img{border:none;}

/****** 見出し ******/
h1,h2,h3{font-family:Georgia,"Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;}


/************************************************
/* レイアウト
*************************************************/
/* 全体 */
#wrapper{
width:960px;
margin:0 auto 20px;
position: relative;
}

/* ヘッダー */
#header{
position:relative;
height:65px;
}

/* フッター */
#footer, #footer_fix{
clear: both;
color:#fff;
background:#000 url(../images/footerBg.png) repeat;
}



/************************************************
/* ヘッダー
*************************************************/
/****** ロゴ ******/
p#logo{
position:absolute;
top:10px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:300px;
height:40px;
background:url(../images/logo.png) no-repeat;
}

p#logo a{
display:block;
width:225px;
height:40px;
}

p#logo a:hover{cursor: pointer;}


/************************************************
/* メインナビゲーション
*************************************************/
#mainnav{
position:absolute;
top:20px;
right:-12px;
}

#mainnav li{float:left;}

#mainnav li a{
padding:0 12px;
color:#fff;
background:url(../images/sep2.png) repeat-y;
font:bold 15px Georgia,"Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
text-shadow:0px 1px 3px #333;
}

#mainnav li:first-child a{background:none;}

#mainnav li a:hover{text-shadow: none;}


/************************************************
/* メインイメージ
*************************************************/
#mainImg{
width:960px;
height:395px;
background:url(../images/mainImg.png) no-repeat;
}

.expl{padding:50px 500px 0 20px;}

.expl h1{
font-size:28px;
color: #5c955c;
}

h3.no1, h3.no2, h3.no3 {
color: #5c955c;
}

.expl h2{
padding:30px 0;
font-size:14px;
font-weight:normal;
}

.expl ul li{
float:left;
margin-right:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:180px;
height:50px;
background:url(../images/btn1.png) no-repeat;
}

.expl ul li.btn2{background-image:url(../images/btn2.png);}

.expl ul li:hover{
cursor: pointer;
background-position:0 -50px;
}

.expl ul li a{
display:block;
width:180px;
height:50px;
}


/**************************
/* トップページ　3つのボックス
**************************/
#boxContainer{
width:990px;
margin-right:-30px;
padding:40px 0;
background:url(../images/sep.png) repeat-x;
}

#toppage #boxContainer{background-image:none;}

#boxContainer .box{
float:left;
margin-right:30px;
width:300px;
overflow:hidden;
}

#boxContainer .box h3{
margin-top:15px;
padding:12px 0 12px 45px;
font-size:16px; 
background:url(../images/no1.png) no-repeat;
}

#boxContainer .box h3.no2{background-image:url(../images/no2.png);}
#boxContainer .box h3.no3{background-image:url(../images/no3.png);}

#boxContainer .box ul {
}

#boxContainer .box ul li {
color: #9a1414;
}

.box dl {
}

.box dl dt {
/*font-weight: bold;*/
}

.box dl dd {
font-size: 14px;
margin-bottom: 15px;
color: #9a1414;
/*font-weight: bold;*/
}

/************************************************
/* 記事
*************************************************/
h2.heading{
margin:30px 0;
padding:5px 0 5px 45px;
font-size:22px;
color:#5c955c;
text-shadow:1px 1px 1px #ccc;
background:url(../images/h2.png) no-repeat 0 50%;
}

.article{
padding:30px 0;
/*background:url(../images/sep.png) repeat-x;*/
}

.article p{padding-bottom:10px;}

.article h3{
padding:0 0 5px 10px;
margin-bottom:10px;
font-size:16px;
color:#5c955c;
text-shadow:1px 1px 1px #ccc;
background:url(../images/h3.png) repeat-x 0 100%;
}

.article table {
margin-left: 15px;
}

.article table tr {

}

.article table tr th{
font-weight: normal;
width: 150px;
padding: 10px 0;
}

.article table tr th:after{
content: "：";
}

.article table tr td{
}

.article .works {
margin-bottom: 30px;
}

.article .works ul {
margin: 15px auto;
}

.article .works ul li {
float: left;
padding-left: 15px;
padding-bottom: 5px;
}

img.alignleft{
float:left;
margin:0 15px 10px 0;
}

img.alignright{
float:right;
margin:0 0 10px 15px;
}

.wrap{
padding:10px 10px 5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 1px 3px #dcdcdc;
-webkit-box-shadow:0 1px 3px #dcdcdc;
-o-box-shadow:0 1px 3px #dcdcdc;
box-shadow:0 1px 3px #dcdcdc;
border:1px solid #dcdcdc;
background:url(../images/wrap.png);
}

p.btnBig{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:960px;
height:80px;
margin:20px 0 60px;
background:url(../images/btnBig.png) no-repeat;
}

p.btnBig a{
display:block;
width:960px;
height:80px;
}

p.btnBig:hover{
cursor: pointer;
background-position:0 -80px;
}

.alignright {
margin-top: 10px;
text-align: right;
}

.aligncenter {
margin: 0 auto;
text-align: center;
}

.mg_btm50 {
margin-bottom: 50px;
}


/**** Clearfix ****/
.clearfix:before, .clearfix:after, .article:before, .article:after{content: ""; display: table;}
.clearfix:after, .article:after{clear: both;}
.clearfix, .article{zoom: 1;}


/************************************************
/* フッター
*************************************************/
#footer_fix {
margin:0 auto;
width:100%;
position: absolute;
bottom: 0;
}

#footer .inner, #footer_fix .inner{
margin:0 auto;
width:960px;
}

#footer ul, #footer_fix ul{
float:right;
padding:30px 5px 50px 0;
overflow:hidden;
}

#footer ul li, #footer_fix ul li{
float: left;
}

#footer ul li a, #footer_fix ul li a{
padding:0 12px;
color:#fff;
background:url(../images/sep2.png) repeat-y;
font:bold 13px Georgia,"Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
text-shadow:0px 1px 3px #333;
}

#footer li:first-child a, #footer_fix li:first-child a{background:none;}

#footer li a:hover, #footer_fix li a:hover{text-shadow: none}

#footer a, #footer_fix a{color:#fff;}
#footer a:hover, #footer_fix a:hover{color:#f7f7f7;}

address {
padding-top: 30px;
float: left;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow:0px 1px 3px #333;
}

.clear {
clear: both;
}