@charset "UTF-8";
/*
Theme Name: inada2 css
Theme URL: http://www.inada2.info/
Description: aboutCSS（ABOUTシリーズ用）.
Version: 1.0
Author: イナダニ・世界フェスタ
Author URL: http://www.inada2.info/
*/

/* CSS Document */

/* このサイトについて
------------------ */
.about-site {
clear:both;
position:relative;
margin:0 20px;
padding:0 0 0 260px;
background:url(../../img/spe-festa/about/about-site-sasie.jpg) no-repeat 0 0;
overflow: hidden;
}
.about-site:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about-site {
    height: 1em;
    overflow: visible;
}
/**/
h2 {
margin:20px 0 15px 20px;
padding:15px 10px;
font-size:1.2em;
color:#666666;
border-left:#990000 solid 2px;
}
/* 飯田市について
------------------ */
.about-iida {
clear:both;
position:relative;
margin:0 20px;
padding:340px 0 0 0;
background:url(../../img/spe-festa/about/about-iida-sasie.jpg) no-repeat 0 0;
overflow: hidden;
}
.about-iida:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about-iida {
    height: 1em;
    overflow: visible;
}
/**/
h2 {
margin:20px 0 15px 20px;
padding:15px 10px;
font-size:1.2em;
color:#666666;
border-left:#990000 solid 2px;
}
/* フェスタについて
------------------ */
.about-festa {
clear:both;
position:relative;
margin:0 20px;
padding:240px 0 0 0;
background:url(../../img/spe-festa/about/about-festa-sasie.jpg) no-repeat 0 0;
overflow: hidden;
}
.about-festa:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about-festa {
    height: 1em;
    overflow: visible;
}
/**/
h2 {
margin:20px 0 15px 20px;
padding:15px 10px;
font-size:1.2em;
color:#666666;
border-left:#990000 solid 2px;
}
.about-festa p {
margin:0 10px;
}
.about-festa h3 {
clear:both;
position:relative;
margin:20px 0 15px 0;
padding:5px 0 5px 8px;
border-left:#999999 4px solid;
border-bottom:#999999 1px solid;
font-size:1em;
color:#990000;
}
.about-festa h4 {
margin:25px 0 15px 5px;
padding:0;
font-size:1em;
color:#669900;
}
.ninbox3 {
clear:both;
margin:0 0 20px 0;
padding:0;
    overflow: hidden;
}

.ninbox3:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ninbox3 {
    height: 1em;
    overflow: visible;
}
/**/

.ninbox3 p {
margin:0;
padding:0;
color:#666666;
font-size:0.75em;
}
.gaibox {
float:left;
width:130px;
margin:0 10px 10px 0;
padding:0;
}
.gaibox img {
width:130px;
height:130px;
margin:0 0 5px 0;
padding:0;
}

/* お問い合わせ
------------------ */
.contact-box {
clear:both;
margin:15px 5px;
padding:5px 20px;
border:#CCCCCC solid 1px;
}
.contact-box h3 {
margin:5px 0;
padding:0;
font-size:0.85em;
color:#666666;
}


/* イナダニとXXXX
------------------ */
.about-xx-inada2 {
margin:20px 0 0 5px;
overflow: hidden;
}
.about-xx-inada2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about-xx-inada2 {
    height: 1em;
    overflow: visible;
}
/**/
.about-xx-inada2 h3 {
width:575px;
height:95px;
margin:50px 0 10px 0;
padding:0;
background:url(../../img/spe-festa/about/about-site-title.jpg) no-repeat left center;
text-indent:-9999em;
font-size:0.8em;
}
.chart {
width:516px;
height:167px;
margin:5px 0;
background:url(../../img/spe-festa/about/chart.jpg) no-repeat left center;
text-indent:-9999em;
}
/* イナダニについて
------------------ */
.about-inada2 {
clear:both;
position:relative;
width:540px;
margin:60px 20px;
padding:0;
overflow: hidden;
}
.about-inada2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .about-inada2 {
    height: 1em;
    overflow: visible;
}
/**/
.about-inada2-text {
float:right;
width:378px;
margin:0;
padding:0;
}
.about-inada2-text h4 {
width:378px;
height:34px;
margin:0 0 10px 0;
padding:0;
background:url(../../img/spe-festa/about/about-inada2.gif) no-repeat left center;
text-indent:-9999em;
font-size:0.85em;
color:#666666;
}
.about-inada2-img {
float:left;
width:134px;
margin:0;
padding:0;
}
p.s-inada2 {
width:134px;
height:164px;
margin:0;
padding:0;
background:url(../../img/entry/s-inada2.jpg) no-repeat 0 0;
text-indent:-9999em;
font-size:0.85em;
}
p.s-inada2 a {
width:134px;
height:164px;
margin:0;
padding:0;
background:url(../../img/entry/s-inada2.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}
p.s-inada2 a:hover {
width:134px;
height:164px;
margin:0;
padding:0;
background:url(../../img/entry/s-inada2.jpg) no-repeat -134px 0;
text-indent:-9999em;
text-decoration:none;
display:block;
}