@charset "utf-8";
/* CSS Document */


body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;
	background-color: #ffffff;
}

a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

div#wrapper {
	width:1100px;
	margin:0 auto;
}


/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/

header {
	width:1100px;
	padding:0 0 66px 0;
}

header h1 {
	width:360px;
	height:122px;
	display:block;
	padding:48px 0 0 0;
	float:left;
}

header h1 a {
	width:75px;
	height:0;
	padding:73px 0 0 0;
	display:block;
	overflow:hidden;
	behavior: url(../js/iepngfix.htc);
	background-image: url(../img/title.png);
	background-repeat: no-repeat;
	background-position: left top;
}

header ul#menu {
	width:720px;
	height:40px;
	padding:58px 0 0 0;
	display:block;
	float:right;
}

header ul#menu li {
	width:160px;
	height:40px;
	padding:0 0 0 20px;
	display:block;
	float:left;
}

header ul#menu li a {
	width:160px;
	height:0;
	padding:40px 0 0 0;
	overflow:hidden;
	display:block;
	behavior: url(../js/iepngfix.htc);
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
}

header ul#menu li.li0 a {	background-position: 0px 0px;	}
header ul#menu li.li1 a {	background-position: -160px 0px;	}
header ul#menu li.li2 a {	background-position: -320px 0px;	}
header ul#menu li.li3 a {	background-position: -480px 0px;	}

header ul#menu li.li0 a:hover {	background-position: 0px -40px;	}
header ul#menu li.li1 a:hover {	background-position: -160px -40px;	}
header ul#menu li.li2 a:hover {	background-position: -320px -40px;	}
header ul#menu li.li3 a:hover {	background-position: -480px -40px;	}

header div#main_img {
	clear:both;
	width:1100px;
	height:500px;
	overflow:hidden;
	display:block;
	background-image: url(../img/main_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

header ul#slideshow{
	width:1100px;
	height:500px;
	overflow:hidden;
	display:block;
}

/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
	container
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/

article {
	width:1100px;
}

article h2 {
	clear:both;
	width:600px;
	height:0;
	padding:19px 0 0 0;
	display:block;
	overflow:hidden;
	margin:0 0 6px 0;
	behavior: url(../js/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: left top;
}

article a.goto_top {
	clear:both;
	float:right;
	width:80px;
	height:0;
	padding:18px 0 0 0;
	margin:50px 0 48px 0;
	display:block;
	overflow:hidden;
	behavior: url(../js/iepngfix.htc);
	background-image: url(../img/goto_top.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

article a.goto_top:hover {	background-position: right -18px;	width:80px;	}


/*--------------------------------------------------------------------
	work
--------------------------------------------------------------------*/

article h2#works {
	margin:0 0 6px 0;
	background-image: url(../img/h2_0.png);
}

article ul.work_menu {
	width:1100px;
	display:block;
	overflow:hidden;
}

article ul.work_menu li {
	width:80px;
	height:18px;
	display:block;
	overflow:hidden;
	float:left;
}

article ul.work_menu li a {
	width:70px;
	height:0;
	padding:18px 0 0 0;
	display:block;
	overflow:hidden;
	background-image: url(../img/work_menu.png);
	behavior: url(../js/iepngfix.htc);
	background-repeat: no-repeat;
}

article ul.work_menu li a:hover {
	width:80px;
}

article ul.work_menu li.gift a {	background-position: 0px 0px;	}
article ul.work_menu li.furoshiki a {	background-position: -80px 0px;	}
article ul.work_menu li.japanese a {	background-position: -160px 0px;	}
article ul.work_menu li.flower a {	background-position: -240px 0px;	}
article ul.work_menu li.bag a {	background-position: -320px 0px;	}
article ul.work_menu li.ornament a {	background-position: -400px 0px;	}
article ul.work_menu li.card a {	background-position: -480px 0px;	}

article ul.work_menu li.gift a:hover {	background-position: 0px -18px;	}
article ul.work_menu li.furoshiki a:hover {	background-position: -80px -18px;	}
article ul.work_menu li.japanese a:hover {	background-position: -160px -18px;	}
article ul.work_menu li.flower a:hover {	background-position: -240px -18px;	}
article ul.work_menu li.bag a:hover {	background-position: -320px -18px;	}
article ul.work_menu li.ornament a:hover {	background-position: -400px -18px;	}
article ul.work_menu li.card a:hover {	background-position: -480px -18px;	}



article ul.work_ul {
	width:1100px;
	padding:42px 0 0 0;
}

article ul.work_ul li {
	width:204px;
	float:left;
	display:block;
	padding:0 0 0 20px;
}

article ul.work_ul li.start {
	padding:0 0 0 0;
}

article ul.work_ul li p.date {
	width:204px;
	display:block;
	padding:0 0 0 0;
}

article ul.work_ul li p.category {
	width:204px;
	display:block;
	padding:0 0 17px 0;
}

article ul.work_ul li p.thumnail {
	display:block;
	width:204px;
	height:120px;
	line-height:180px;
	overflow:hidden;
	position:relative;
	background-image: url(../img/no_image.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

article ul.work_ul li p.thumnail img{ 
    float:left; 
    position:absolute;
    display:block;
    width:204px;
    height:120px;
    z-index:1; 
}

article ul.work_ul li p.thumnail a{
	position:absolute;
	top:0px;
	left:0px;
	width:204px;
	height:0;
	padding:120px 0 0 0;
	display:block;
	overflow:hidden;
	behavior: url(../js/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	background-image: url(../img/thumbnail_frame.png);
	z-index:50;
}

article ul.work_ul li p.thumnail a:hover{
	background-position: 0px 0px;
}


/*--------------------------------------------------------------------
	news
--------------------------------------------------------------------*/

article h2#news {
	margin:0 0 6px 0;
	background-image: url(../img/h2_1.png);
}

article ul.news_menu {
	width:1100px;
	display:block;
	overflow:hidden;
}

article ul.news_menu li {
	width:80px;
	height:18px;
	display:block;
	overflow:hidden;
	float:left;
}

article ul.news_menu li a {
	width:70px;
	height:0;
	padding:18px 0 0 0;
	display:block;
	overflow:hidden;
	background-image: url(../img/news_menu.png);
	behavior: url(../js/iepngfix.htc);
	background-repeat: no-repeat;
}

article ul.news_menu li a:hover {
	width:80px;
}

article ul.news_menu li.ameblo a {	background-position: 0px 0px;	}

article ul.news_menu li.ameblo a:hover {	background-position: 0px -18px;	}

article dl.news_dl {
	width:1100px;
	padding:40px 0 0 0;
}

article dl.news_dl dt {
	width:150px;
	display:block;
	padding:10px 0 0 0;
	clear:both;
	float:left;
}

article dl.news_dl dd {
	width:940px;
	display:block;
	padding:10px 0 0 0;
	float:left;
}

article dl.news_dl dt.start {
	padding:0 0 0 0;
}

article dl.news_dl dd.start {
	padding:0 0 0 0;
}


/*--------------------------------------------------------------------
	profile
--------------------------------------------------------------------*/

article h2#profile {
	background-image: url(../img/h2_2.png);
}

article img.prof_img {
	width:204px;
	height:272px;
	padding:54px 0 0 0;
	float:left;
}

article div.prof_div {
	width:856px;
	float:right;
	padding:54px 0 0 0;
}

article div.prof_div h3 {
	font-weight:bold;
	padding:20px 0 0 0;
}

article div.prof_div p.name {
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 20px 0;
}

article div.prof_div p.outline {
	
}

article div.prof_div ul.action {
	line-height:1.2em;
}

article div.prof_div ul.action li {
	list-style-type:disc;
	list-style-position:inside;
	padding:10px 0 0 12px;
}

article div.prof_div ul.license {
	line-height:1.2em;
}

article div.prof_div ul.license li {
	list-style-type:disc;
	list-style-position:inside;
	padding:10px 0 0 12px;
}

article div.prof_div p.history {

}


/*--------------------------------------------------------------------
	contact
--------------------------------------------------------------------*/

article h2#contact {
	background-image: url(../img/h2_3.png);
}

article p.cont_p{
	height:24px;
	line-height:24px;
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 0 40px;
	margin:54px 0 0 0;
	behavior: url(../js/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/contact_icon.png);
}


/*==================================================================================================================
--------------------------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------------------------
==================================================================================================================*/
footer {
	width:1100px;
	clear:both;
	padding:30px 0 92px 0;
	background-repeat: no-repeat;
	background-position: center top;
	behavior: url(../js/iepngfix.htc);
	background-image: url(../img/dot_line.png);
}

footer p {
	width:230px;
	height:0;
	padding:12px 0 0 0;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	behavior: url(../js/iepngfix.htc);
	background-image: url(../img/copyright.png);
}