@charset "utf-8";
html {
    font-size: 62.5%;
    height: 100%
}
body {
    font-size: 150%;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: .075em;
    color: #555;
    background: #fff;
    -webkit-text-size-adjust: 100%;
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select,
option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed,
object, a, img {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1; /* for IE6/7 */
}
figure {
	margin:0!important; 
	padding:0;
}
figure img {
	margin:2em 0 0 0!important;
}
figcaption {
	margin:0;
	font-size:10px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   letter-spacing: 0.3em;
	line-height:1.4em;
}

/*aiq_works*/
#works-container { width: 720px; height: auto; margin: 65px auto 0 auto; }
#works-container #aiq_works_list {
	width: 720px;
	font-size: 110%;
	font-family: serif;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#aiq_works_list ul  { margin-bottom:60px; vertical-align:top; }
#aiq_works_list ul:nth-child(n+2)  { margin-bottom:20px; vertical-align:top; }
#aiq_works_list li, #works_list li a  { display: inline-block; vertical-align:top; }
#aiq_works_list li  { margin-right:68px; }
#aiq_works_list li:nth-child(n+4)  { margin-right:0; }
#aiq_works_list img { width:124px; height:*; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }
#aiq_works_list a:hover .g_nav_c(:hover) {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	}
.aboutusBtn-aiq { width:780px; text-align:right; margin-top:-124px; }
.aboutusBtn-aiq img { width:187px; height:78px; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }


/*carnation_works*/
#works-container #carnation_works_list {
	width: 720px;
	font-size: 110%;
	font-family: serif;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#carnation_works_list ul  { margin-bottom:60px; vertical-align:top; }
#carnation_works_list ul:nth-child(n+2)  { margin-bottom:50px; vertical-align:top; }
#carnation_works_list li, #works_list li a  { display: inline-block; vertical-align:top; }
#carnation_works_list li  { margin-right:68px; }
#carnation_works_list li:nth-child(n+4)  { margin-right:0!important; }
#carnation_works_list img { width:124px; height:*; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }
#carnation_works_list a:hover .g_nav_c(:hover) {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	}
.aboutusBtn-carnation { width:780px; text-align:right; margin:0; }
.aboutusBtn-carnation img { width:187px; height:78px; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }

/*umimidori_works*/
#works-container #umimidori_works_list {
	width: 720px;
	font-size: 110%;
	font-family: serif;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#umimidori_works_list ul  { margin-bottom:60px; vertical-align:top; }
#umimidori_works_list ul:nth-child(n+1)  { margin-bottom:20px; vertical-align:top; }
#umimidori_works_list li, #works_list li a  { display: inline-block; vertical-align:top; }
#umimidori_works_list li  { margin-right:68px; }
#umimidori_works_list li:nth-child(n+4)  { margin-right:0; }
#umimidori_works_list img { width:124px; height:*; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }
#umimidori_works_list a:hover .g_nav_c(:hover) {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	}	
.aboutusBtn-umimidori { width:780px; text-align:right; margin-top:-166px; }
.aboutusBtn-umimidori img { width:187px; height:78px; margin: 0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.3); }




/*menu*/
#menu-container { width: 890px; height: 33px; margin: 20px auto 0 auto; }
.menu { height: 33px; text-align: left;  margin:0; padding:0; }
.menu ul, .menu li { height: auto; text-align: left;  margin:0; padding:0; }
.menu li, .menu li a  { display: inline-block;}
.menu img { margin: 0; border:none; }
/*.menu a:not(.g_nav_c):not(.instagram_icon a):not(.facebook_icon a):not(.twitter_icon a) { transition: 0.5; }*/
.menu a:hover .g_nav_c(:hover) {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	}
.menu .slit { margin: 0 12px; }
.donate img { width:112px; height:23px;  margin:4px 0 6px 0!important; }
.donate a { width:112px; height:23px;  margin-left:23px!important; }
.contactus img { width:112px; height:23px;  margin:4px 0 6px 0!important; }
.contactus a { width:112px; height:23px;  margin-left:10px!important; }
.instagram_icon a { margin-left: 23px; }
.instagram_icon a { width:33px; height:33px; background:url("../../images/icon_instagram.png"); }
.instagram_icon a:hover { width:33px; height:33px; background-position:0 -33px; }
.facebook_icon a { margin-left: 12px; }
.facebook_icon a { width:33px; height:33px; background-image:url("../../images/icon_facebook.png"); }
.facebook_icon a:hover { width:33px; height:33px; background-position:0 -33px; }
.twitter_icon a { margin-left: 12px; }
.twitter_icon a { width:33px; height:33px; background-image:url("../../images/icon_twitter.png"); }
.twitter_icon a:hover { width:33px; height:33px; background-position:0 -33px; }

/*button*/
#top-main-container { width: 890px; height: auto; margin: 65px auto 0 auto; }
#top-main-container { padding-bottom:65px; }
/*left*/
.group-container { float: left; width:560px; padding-left:0; }
.group-container .group-title { position: relative; top: 0; left: 0; height:auto; }
.group-container .group-comment { position: relative; margin:0.75em 0 1.25em 0; height:auto; color:#6f6351; font-family: serif; line-height: 1.6em; }
.group-container .nbf { float: left; box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5); width:112px; height:168px; }
.group-container .carnation { float: left; margin-right: 35px; box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5); width:112px; height:168px; }
.group-container .umimidori { float: left; margin-right: 35px; box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5); width:112px; height:168px; }
.group-container .aiqoo { float: left; margin-right: 35px; box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5); width:112px; height:168px; }

/*right*/
.rss { float: right; width:280px; height:*; margin-top:6.2em; margin-right:0; color:#666666; }
.contentrss { width:280px; height:*; margin:4px 0 0 0; border-top:1px solid #666666; border-bottom:1px solid #666666; color:#000000; }
.content-info { margin:0; padding:0; position:relative; text-align:left; width:280px; height:*; }
.content-info .infosource { width:280px; height:*; margin-top:5px; margin-bottom:-10px; overflow:scroll; font-size:11px; line-height:1.4em; text-align:left; color:#000000; }
.infosource iframe { width:280px; height:*; border:none; padding:0; margin:0; }
	
	

/*group*/
#top-main-container .group-aboutus {
	width: 700px;
	float: left;
	padding-left:0;
	font-size: 110%;
	font-family: serif;
	line-height: 2.2em;
	letter-spacing: 0.25em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#top-main-container .group-works {
	width: 132px;
	height: *;
	float: right;
	text-align:center;
	padding-top: 4em;
}
.group-works .carnation { width:112px; height:149px; margin: 0 auto; box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5); }


/*support*/
#top-main-container .supportheader {
	width: 890px;
	height: auto;
	margin-bottom: 65px;
	font-size: 110%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	letter-spacing: 0.30em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#top-main-container .supportheader .headtitle { margin-bottom:1.4em; }
#top-main-container .supportblock { width: 800px; height: auto; margin: 0 auto 50px auto; }
#top-main-container .supportblock .photo { width: 118px; height: 118px; float:left; margin-right:25px; }
#top-main-container .supportblock .contents {
	width: 420px;
	height:*;
	float:left;
	font-size: 100%;
	font-family: serif;
	line-height: 2em;
	letter-spacing: 0.1em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	margin-right:60px;
}
#top-main-container .supportblock .contents .title { margin-bottom:1em; }
#top-main-container .supportblock a.btn { position:relative; width: 116px; height: 28px; float:left; top:45px; }
#top-main-container .supportblock a.btn:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}

/*donation*/
#top-main-container .donationheader {
	width: 890px;
	height: auto;
	margin-bottom: 50px;
	font-size: 110%;
	font-family: serif;
	line-height: 1.8em;
	letter-spacing: 0.30em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#top-main-container .donationheader .headtitle { margin-bottom:1.4em; }
#top-main-container .donationblock {
	width: 890px;
	height:*;
	font-size: 100%;
	font-family: serif;
	line-height: 2em;
	letter-spacing: 0.1em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	margin-bottom: 50px;
}
#top-main-container .donationblock p {
	margin-bottom: 1em;
}
#top-main-container .donationblock span {
	font-weight:bold;
}
#top-main-container .donationheader a, #top-main-container .donationblock a {
	color: #000000;
	text-decoration:none;
}
#top-main-container .donationheader a:hover, #top-main-container .donationblock a:hover {
	color: #a64a97;
}


/*event*/
#top-main-container .eventblock .headtitle { margin-bottom:65px; }
#top-main-container .eventblock { width: 800px; height: auto; margin: 0 auto 50px auto; }
#top-main-container .eventblock .photo { width: 118px; height: 118px; float:left; margin-right:25px; }
#top-main-container .eventblock .contents {
	width: 420px;
	height:*;
	float:left;
	font-size: 100%;
	font-family: serif;
	line-height: 2em;
	letter-spacing: 0.1em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	margin-right:60px;
}
#top-main-container .eventblock .contents .title { margin-bottom:1em; }
#top-main-container .eventblock a.btn { position:relative; width: 116px; height: 28px; float:left; top:45px; }
#top-main-container .eventblock a.btn:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}



/*faq*/
#top-main-container .q-block {
	width: 800px;
	height: 35px;
	margin: 0 auto 1.4em auto;
	background: #ffffff;
}
#top-main-container .a-block {
	width: 800px;
	height: *;
	margin: 0 auto 65px auto;
	background: #ffffff;
}
#top-main-container .a-block img.answerimage {
	width: 42px;
	height: *;
	float: left;
	vertical-align: top;
}
#top-main-container .a-block .answertext {
	width: 700px;
	height: *;
	float: left;
	vertical-align: top;
	font-size: 120%;
	font-family: serif;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}
#top-main-container .a-block a {
	color: #000000;
	text-decoration:none;
}
#top-main-container .a-block a:hover {
	color: #a64a97;
}

/*aboutus*/
#top-main-container .aboutusblock {
	width: 840px;
	font-size: 110%;
	font-family: serif;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
}
#top-main-container .aboutusblock img {
	margin-left: 50px;
}
#top-main-container .aboutusblock a {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
#top-main-container .aboutusblock a:hover {
	color: #a64a97;
}


/*fumbaro*/
#top-main-container .fumbaroblock {
	width: 840px;
	height: auto;
	font-size: 110%;
	font-family: serif;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #555555;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto 3em auto;
}
#top-main-container .fumbaroblock p {
	margin-bottom: 1em;
}
#top-main-container .fumbaroblock img {
	margin-left: 50px;
}
#top-main-container .fumbaroblock a {
	color: #000000;
	text-decoration:none;
}
#top-main-container .fumbaroblock a:hover {
	color: #a64a97;
}






.toGray{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
transition:0.2s;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 
.toGray:hover{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}

.currentGray{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}


/*---dropmenu---*/
.g_nav_list>li {
    position: relative;
}
.g_nav_list>li a {
    /*display: block;*/
    padding: 0;
    text-decoration:none;
}
.g_nav_list>li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}
.g_nav_list .g_nav_hover .g_nav_c {
    overflow: hidden;
    visibility: hidden;
}
.g_nav_list .g_nav_hover .g_nav_c li {
    height: 1.2em;
    border: none;
}
.g_nav_list .g_nav_hover:hover>.g_nav_c {
    visibility: visible;
    overflow: visible;
}
.g_nav_list .g_nav_hover:hover>.g_nav_c li {
    height: 1.2em;
}

.g_nav_c {
    position: absolute;
    width: 180px;
    height: auto;
    top: 27px;
    left: 0;
    z-index: 20;
}
.g_nav_c li {
    width: 180px;
    text-align: left;
    background-color:#ffffff;
}
.g_nav_c li a, .g_nav_c li.current {
    color:#6f6351;
    padding-left:0px;
}