@charset "utf-8";

/* base CSS Document */
body {
	color:#4c3f29;
	height:100%;
	margin:auto;
	padding:auto;
	text-align:left;
	background:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	font-size: 74%; _font-size: 66%; line-height: 170%; _line-height: 180%;
	}
	
*:first-child+html body {
	color:#4c3f29;
	height:100%;
	margin:auto;
	padding:auto;
	text-align:left;
	background:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	font-size: 66%; line-height: 180%;
}

#1st {
background-image:url(../images/1st/bg.jpg);
background-repeat:repeat;
	height:100%;
	margin:auto;
	padding:auto;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	font-size: 74%; _font-size: 66%; line-height: 170%; _line-height: 180%;
}


ul,li {
list-style-position:outside;
list-style:none;
margin:0px;
padding:0px;		
}

img {
border: 0; vertical-align: text-bottom;
}

h1,h2,h3,p {
margin:0px;
padding:0px;
}

a:link {
text-decoration:underline;
 color: #ec7b01;
 }
a:visited { text-decoration:underline; color: #ec7b01;}
a:hover { text-decoration:underline; color: #eb9f1d;}

#wrapper {
width:1200px;
height:auto;
margin:auto;
padding:0px;
}

#wrapper2 {
background-color:#fff;
width:1200px;
height:auto;
margin:auto;
padding:0px;
}

#wrapper3 {
background-color:#fff;
width:1000px;
height:auto;
margin:auto;
padding:0px;
}

#left_navi {
width:144px;
height:513px;
padding:0px;
margin:0px;
float:left;
}

#right_navi {
width:133px;
height:513px;
padding:0px;
margin:0px;
float:left;
}

#mainpage {
float:left;
width:923px;
height:513px;
background-image:url(../images/links/links_bg.jpg);
background-repeat:no-repeat;
}

#bottom_navi {
margin:0px auto;
clear:left;
width:1200px;
height:104px;
}

#global_navi {
width:1200px;
height:74px;
margin:0px;
padding:0px;
}

#global_navi_top {
clear:left;
width:1200px;
height:105px;
margin:0px auto;
padding:0px;
}

.global_navi_top {
padding:2px 0px;
margin:0px auto;
clear:left;
}


#global_navi2 {
background-color:#fff;
clear:left;
width:1200px;
height:103px;
margin:0px;
padding:0px;
}

#global_navi3 {
background-color:#fff;
clear:left;
width:1200px;
height:103px;
margin:0px auto;
padding:0px;
}



.global_navi_button {
margin:0px;
padding:0px;
float:left;
background-color:#fff;
}

#copyright {
margin:0px;
padding-top:65px;
color:#999999;
font-size:10px;
width:1200px;
height:88px;
text-align:right;
background-color:#fff;
clear:left;
}

#copyright2 {
margin:0px auto;
padding-top:65px;
color:#999999;
font-size:10px;
width:1200px;
height:88px;
text-align:right;
background-color:#fff;
clear:left;
}


/*link*/
#links_contents {
width:867px;
height:278px;
margin:64px auto 0px auto;
padding:0px;
}

.close_button {
text-align:right;
width:867px;
height:30px;
padding-top:15px;
}

.link_contents_main {
width:867px;
padding-top:38px;
}

.link_button_1 {
padding-left:27px;
float:left;
}

.link_button_2 {
padding-left:47px;
float:left;
}

.link_name {
padding-top:22px;
text-align:center;
}

/*mobile*/

#mainpage_mobile {
float:left;
width:923px;
height:513px;
background-image:url(../images/mobile/mobile_bg.jpg);
background-repeat:no-repeat;
}

#mobile_contents {
width:867px;
height:420px;
margin:64px auto 0px auto;
padding:0px;
}

.mobile_contents_main {
margin:0px auto;
width:493px;
padding-top:15px;
}

.send_title {
font-weight:bold;
padding-top:4px;
}

.mailform {
padding:4px 0px;
}

.title_space {
padding:2px;
}

.font_red {
color:#CC3366;
font-weight:bold;
}

/*news*/

#mainpage_news {
float:left;
width:923px;
height:513px;
background-image:url(../images/news/news_bg.jpg);
background-repeat:no-repeat;
}

#news_contents {
width:867px;
height:420px;
margin:64px auto 0px auto;
padding:0px;
}


.news_contents_main {
width:700px;
margin:0px auto;
padding-top:30px;
}


.news_image {
float:left;
}

.news_text {
padding-left:12px;
float:left;
}

.news_image2 {
margin-top:4px;
float:left;
}

.news_text2 {
margin-top:4px;
padding-left:12px;
float:left;
}

.news_title {
padding:8px 0px;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 818px;
	height: 316px;
	overflow-y:scroll;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0.3em auto;
	padding: 15px;
}

.clear {
padding-bottom:5px;
    clear:left;
}

/*flash*/
#flash {
width:1200px;
height:706px;
margin:0px;
padding:0px;
}

#flash_enter {
width:773px;
height:706px;
margin:auto;
padding-top:100px;
}


/*ギャラリーページ*/

#gallery2 {
width:1000px;
margin:0px auto;
background-color:#ededed;
}

#gallery_cont {
background-image:url(../images/gallery_bg.jpg);
background-repeat:no-repeat;
width:1000px;
height:700px;
margin:0px auto;
}

#gallery_bg {
background-position:center;
background-repeat:no-repeat;
width:1200px;
background-color:#fff;
}

#gallery_image {
width:960px;
padding:0px;
margin:0px auto;
}



.gallery_title {
width:946px;
padding:0px;
margin:0px;
float:left;
}

.gallery_close {
float:left;
}

#gallery_image_waku {
width:887px;
height:551px;
clear:left;
margin:0px auto;
}


	
.image_1 {
width:763px;
float:left;
}



#gallery_copy {
padding-top:10px;
text-align:right;
clear:left;
width:1000px;
margin:0px auto 0px auto;
}

/*shopページ*/
#shop {
background-color:#ededed;
}

.shop_title {
padding-left:1100px;
padding-top:38px;
background-image:url(../images/shop/shop_title.gif) ;
background-repeat:no-repeat;
height:72px;
}

#wrapper_shop {
background:url(../images/shop/shop_bg.jpg);
width:1200px;
height:698px;
margin:auto;
padding:0px;
}

#shop_contents {
width:950px;
height:auto;
margin:auto;
padding:0px;
}


#shop_left {
width:298px;
height:559px;
float:left;
}

#shop_mid {
float:left;
margin:0px 2px;
height:585px;
width:325px;
padding:0px 10px;
}

#shop_right {
width:298px;
height:559px;
float:left;
}




.right_image {
padding-top:91px;
padding-left:26px;
}

.cottoncloud_shop {
padding-bottom:10px;
padding-left:11px;
}

.shop_map {
background:url(../images/shop/map.jpg) ;
background-repeat:no-repeat;
width:114px;
height:27px;
padding-top:245px;
padding-left:210px;
}

.shop_information {
height:135px;
background-color:#fff;
}

.shop_staff {
padding-left:3px;
float:left;
}

.shop_detail {
padding:2px 0px 8px 6px;
color:#614823;
font-size:10px; line-height: 150%; _line-height: 160%;
float:left;
}

/*cafeページ*/
#cafe {
background-image:url(../images/cafe/cafe_bg.jpg);
}

.cafe_logo {
width:266px;
margin:auto;
}

#wrapper_cafe {
width:1200px;
height:698px;
margin:auto;
padding:0px;
}

.cafe_title {
padding-left:1100px;
padding-top:38px;
background-image:url(../images/cafe/cafe_title.gif);
background-repeat:no-repeat;
height:34px;
}

.cafe_title_top {
width:229px;
margin:20px auto 5px auto;
_margin:25px auto 5px auto;
}

#cafe_contents {
background-image:url(../images/cafe/cafe_book_bg.jpg);
background-repeat:no-repeat;
width:922px;
height:610px;
margin:auto;
}

.cafe_left {
width:430px;
padding:22px 10px 10px 20px;
float:left;
}

.cafe_right {
width:420px;
padding:22px 10px 10px 5px;
float:left;
}

.cafe_menu {
padding:5px 0px 0px 5px;
float:left;
}

.cafe_info {
padding:5px 0px;
}

.cafe_photo {
padding-left:10px;
float:left;
}

.cafe_photo_detail {
padding:3px 0px;
}

.cafe_map {
margin-top:15px;
background-image:url(../images/cafe/map.gif);
background-repeat:no-repeat;
width:414px;
padding-top:270px;
text-align:right;
float:left;
}

.cafe_add {
padding-top:25px;
clear:left;
}

.cafe_add_qr {
float:left;
}

.cafe_add_ditail {
padding-right:10px;
padding-top:14px;
font-size:10px;
line-height:110%;
float:left;
}

.map {
width:609px;
height:auto;
margin:auto;
}

.map_title {
background-image:url(../images/map/map_title.gif);
background-repeat:no-repeat;
padding-left:580px;
width:29px;
height:56px;
padding-top:20px;
}

.map_text {
padding-top:15px;
text-align:center;
width:609px;
}

.map_logo {
padding-top:10px;
padding-left:20px;
float:left;
}


.map_logo_text {
padding-top:15px;
float:left;
padding-left:10px;
}

.map_clear {
padding:10px 0px;
clear:left;
}

.map_clear_foot {
border-top:1px solid #ccc;
margin:auto;
width:609px;
padding:10px 0px;
clear:left;
}

.skip {
margin:auto;
width:773px;
text-align:right;
padding:10px 0px;
}

.nenmatsu {
background-color:#fff;
padding:5px;
clear:left;
border:1px solid #fcbe2d;
color:#cc3300;
}

.nenmatsu_bold {
font-weight:bold;
}

.credit {
font-size:10px;
color:#999999;
text-align:right;
margin:2px 0px 0px 0px;
clear:left;
}

.credit_text {
font-size:10px;
color:#cc0000;
margin:2px 0px 0px 0px;
clear:left;
}

.news_table {
background-color:#fffdcf;
padding-left:10px;
}