@charset "UTF-8";


/* ==============================
  css-base-common
=================================
base
---------------------------------
detail
---------------------------------
main
---------------------------------
nfbox（メインフラッシュ部分）
---------------------------------
flash-menu
---------------------------------
no-flash-menu
---------------------------------
content
---------------------------------
ftr-nav
---------------------------------
ftr
============================== */

/* ------------------------------
  common
------------------------------ */
body#common {
    background: url(../img/menu_bg_common.gif) 0px 184px repeat-x;
}
body#design {
    background: url(../../img/line.gif) 0px 64px repeat-x;
}

#main.common {
	width: 984px;
	margin:0 auto;
	height:100%;
}
#main.common #hdr {
	width: 984px;
	height:68px;
}

#main.common #hdr h1#logo {
    width:554px;
	float:left;
	padding-top:14px;
}
#main.common #hdr h1#logo a {
    width:554px;
	height:35px;
	background: url(../img/logo_common.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#main.common #hdr #toHome {
    width:69px;
	float:right;
}
#main.common #hdr #toHome a {
    width:69px;
	height:60px;
    background: url(../img/toHome.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#main.common #hdr #toHome a:hover {
	background-position: 0 -60px;
}
#main.common #hdr #toTomot {
    width:146px;
	float:right;
	padding-left:25px;
}
#main.common #hdr #toTomot a {
    width:146px;
	height:60px;
    background: url(../img/toTomot.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#main.common #hdr #toTomot a:hover {
	background-position: 0 -60px;
}
#toTomotHome {
    width:146px;
	float:right;
	padding-left:25px;
}
#toTomotHome a {
    width:146px;
	height:60px;
    background: url(../img/toTomot.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#toTomotHome a:hover {
	background-position: 0 -60px;
}
#contents.common #commonMenuList {
    width:984px;
	height:155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_news {
    width:187px;
	float:left;
	padding-right:74px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_about {
    width:187px;
	float:left;
	padding-right:60px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_gallery {
    width:198px;
	float:left;
	padding-right:97px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_contact {
    width:181px;
	float:left;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_news a {
    width:187px;
	height:155px;
	background: url(../img/commonMenu_news.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_about a {
    width:187px;
	height:155px;
	background: url(../img/commonMenu_about.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_gallery a {
    width:198px;
	height:155px;
	background: url(../img/commonMenu_gallery.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_contact a {
    width:181px;
	height:155px;
	background: url(../img/commonMenu_contact.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_news a:hover {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_about a:hover {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_gallery a:hover {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_contact a:hover {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_news.on a {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_about.on a {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_gallery.on a {
	background-position: 0 -155px;
}
#contents.common #commonMenuList #Mmenu-list li#Mmenu_contact.on a {
	background-position: 0 -155px;
}
#common-cnt {
    width:984px;
	margin:20px 0;
}
/* ------------------------------
  NEWS
------------------------------ */
.newsCnt {
    margin-bottom:10px;
	font-family: 'Lato',sans-serif;
	color: #666666;
	text-align: center;
}
.cnt-top {
    width:984px;
	height:6px;
	background: url(../img/cnt-top.gif) no-repeat;
}
.cnt-mid {
    width:944px;
	background: url(../img/cnt-mid.gif) repeat-y;
	padding:15px 20px;
}
.cnt-btm {
    width:984px;
	height:6px;
	background: url(../img/cnt-bottom.gif) no-repeat;
}
.cnt-mid p.date {
    color:#6c1212;
	font-weight:bold;
	width:120px;
	float:left;
	font-size:12px;
} 
.cnt-mid p.news-contents {
	width:800px;
	float:left;
	font-size:12px;
}
.designLnk a {
    width:155px;
	height:155px;
	display:block;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/design2012/ThmLnk.jpg) no-repeat;
}
.designLnk a:hover {
	background-position: 0 -155px;
}
/* ------------------------------
  about
------------------------------ */
.aboutCnt1 {
    width:984px;
	height:588px;
	background: url(../img/about_bg2.jpg) no-repeat;
}
.aboutTtl1 {
    padding-left:100px;
	padding-top:100px;
	line-height:2.4;
	font-size:150%;
	color:#4c0705;
	
}
.aboutTxt1 {
    padding-left:100px;
	padding-top:30px;
	line-height:2.4;
	font-size:110%;
	color:#000000;
}
#cntCnt {
    width:984px;
	padding-top:10px;
	padding-bottom:10px;
}
.aboutCnt2 {
    width:487px;
	height:425px;
	background: url(../img/about_bg3.jpg) no-repeat;
	float:left;	
}
.aboutTxt2 {
    padding-left:80px;
	padding-right:20px;
	padding-top:15px;
	line-height:2.4;
	font-size:120%;
	color:#4c0705;
	text-align:right;
}
.aboutCnt3 {
    width:487px;
	height:425px;
	background: url(../img/about_bg4.jpg) no-repeat;
	float:right;	
}
.aboutTxt3 {
    padding-left:30px;
	padding-top:15px;
	line-height:2.4;
	font-size:120%;
	color:#ffffff;
	text-align:left;
}
/* ------------------------------
  カゴアミドリ2013
------------------------------ */
body#exhibision #common-cnt {
    margin:0 auto;
    width: 800px;
	
}
body#exhibision #designCnt {
    margin: 0 auto;
    padding-bottom: 30px;
	padding-top:40px;
    width: 800px;
	background:url(../img/exhibiTop.gif) #f3f3f3 top no-repeat;
}

h2#kagoami2013Ttl {
    text-indent: -9999px;
	font-size: 0px;
   background:url(../img/kagoami2013Ttl2.gif) no-repeat;
   width:438px;
   height:204px;
   margin:0 auto;
}
#exhibiBtm {
	width:800px;
	height:62px;
	background:url(../img/exhibiBtm.gif) no-repeat;
	}
#exhibiFtr #toHome {
    width:69px;
	margin:20px auto;
}
#exhibiFtr #toHome a {
    width:69px;
	height:69px;
    background: url(../img/toHome2.gif) no-repeat;
    text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	display:block;
}
#exhibiFtr #toHome a:hover {
	background-position: 0 -69px;
}

ul.snsCnt {
	padding-top:32px;
	width:208px;
	padding-bottom:28px;
	margin:0 auto;
}
ul.snsCnt li {
	width:42px;
	height:42px;
	display:block;
	padding:0 5px;
	float:left;
}
li.sns_behance a {
	display:block;
	width:42px;
	height:42px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../../img/sns_behance2.jpg) no-repeat;
}
ul.snsCnt li.sns_behance a:hover {
	background-position: 0 -42px;
}

ul.snsCnt li.sns_facebook a {
	display:block;
	width:42px;
	height:42px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../../img/sns_facebook2.jpg) no-repeat;
}
ul.snsCnt li.sns_facebook a:hover {
	background-position: 0 -42px;
}

ul.snsCnt li.sns_twitter a {
	display:block;
	width:42px;
	height:42px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../../img/sns_twitter2.jpg) no-repeat;
}
ul.snsCnt li.sns_twitter a:hover {
	background-position: 0 -42px;
}

ul.snsCnt li.sns_insta a {
	display:block;
	width:42px;
	height:42px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../../img/sns_insta2.jpg) no-repeat;
}
ul.snsCnt li.sns_insta a:hover {
	background-position: 0 -42px;
}