/* tsukema.css */

/* float reset
****************************************************/
div#main_container div#main div#main_area:after {content:"";display:block; clear:both; height: 0; visibility: hidden;}

/* text -> img
****************************************************/
div#header h1,
div#footer h1,
div#footer h3,
div#footer h3 a,
div#main div#mc_header h3,
div#main div#main_area div h2,
div#main div#main_area div h3,
.tsukema_link_btn01 a,
.tsukema_link_btn02 a,
.tsukema_link_btn03 a
{text-indent: -9999px; overflow: hidden; display: block; background-repeat: no-repeat;}

/* base_setting
**************************************************************************************************/

#wapper {
	position:relative;
	background-image:url(../images/tsukema_bg01.gif);
	min-width:1000px;
	background-position: center;
}

div#main_container {
	position: relative;
	margin: 0 auto;
	padding: 0 25px;
	width: 957px;
}

#wapper div#mc_wapper {
	min-width:1000px;
}
*html #wapper div#mc_wapper {width: 100%;}

div#main_container div#main {position:relative; color: #000;}

#wapper div#global_footer {margin-top: 0;}


/* header
****************************************************/
div#header {
	position: relative;
	top: 0px;
	background-image: url(../images/tsukema_hd_bg01.png);
	background-repeat: repeat;
	width: 100%;
	height: 131px;
	background-position: center;
}
div#header div#header_area {

	height: 131px;
}
div#header h1 {
	background-image: url(../images/tsukema_logo.gif);
	float: left;
	width: 66px;
	height: 69px;
	margin-left: 20px;
}


/* footer
****************************************************/
div#footer {
	position: relative;
	top: 0px;
	background-image: url(../images/tsukema_hd_bg01.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 209px;
	background-position: center top;
	background-color: #FFF;
}
div#footer div#footer_area {
	height: 131px;
}
div#footer h1 {
	background-image: url(../images/tsukema_logo.gif);
	float: left;
	width: 66px;
	height: 69px;
	margin-left: 20px;
}


div#footer_copy h3 {
	background-image: url(../images/tsukema_copyright.gif);
	float: right;
	width: 157px;
	height: 13px;
	margin-top: 27px;
	position: relative;
	padding-right: 20px;
}


/* main_container
**************************************************************************************************/
div#main_container div#main div#main_area {
	position: relative;
	padding: 6px 0 0 0;
	width: 957px;
	height: 3800px;
}
div#main_container div#main div#tsukema{
	float: left;
	background-image: url(../images/tsukema_bg02.png);
	width: 957px;
	height: 3700px;
}
div#main_container div#main div#main_area div h2 {position:relative; margin-top:29px; margin-left:9px; width:940px; height:446px;}
div#main_container div#main div#main_area #tsukema h2 {background-image:url(../images/tsukema_img01.png);}

div#main_container div#main div#main_area div h3 {position:relative; margin-top:11px; margin-left:9px; width:940px; height:304px;}
div#main_container div#main div#main_area #tsukema h3 {background-image:url(../images/tsukema_img02.png);}

div#main_container div#main div#main_area div#tsukema ul li.li01 {margin-left:7px; width:940px; height:351px;}
div#main_container div#main div#main_area div#tsukema ul li.li02 {margin-left:7px; width:940px; height:344px;}
div#main_container div#main div#main_area div#tsukema ul li.li03 {margin-left:7px; width:940px; height:342px;}
div#main_container div#main div#main_area div#tsukema ul li.li04 {margin-left:7px; width:940px; height:584px;}
div#main_container div#main div#main_area div#tsukema ul li.li05 {margin-left:7px; width:940px; height:612px;}
div#main_container div#main div#main_area div#tsukema ul li.li06 {margin-left:7px; width:940px; height:624px;margin-bottom:20px;}

/* btn
****************************************************/
div#main_container div#main div#btn {
	float: left;
	width: 957px;
	height: 68px;
	margin: 15px 0 0 0;
}

div#main_container div#main div#btn .tsukema_link_btn01 a {
	float: left;
	width: 216px;
	height: 68px;
	background: url(../images/tsukema_btn01.gif);
	margin-left: 30px;
}

div#main_container div#main div#btn .tsukema_link_btn02 a {
	float: left;
	width: 166px;
	height: 68px;
	background: url(../images/tsukema_banner01.gif);
	margin-left: 329px;
}

div#main_container div#main div#btn .tsukema_link_btn03 a {
	float: left;
	width: 166px;
	height: 68px;
	background: url(../images/tsukema_banner02.gif);
	margin-left: 20px;
}

div#main_container div#main div#btn .tsukema_link_btn01 a:hover {background-position: 0 -68px;}
	
div#main_container div#main div#btn .tsukema_link_btn02 a:hover {background-position: 0 -68px;}

div#main_container div#main div#btn .tsukema_link_btn03 a:hover {background-position: 0 -68px;}


*html div#main_container div#main div#btn .tsukema_link_btn01 {
	float: left;
	height: 68px;
	width: 216px;
	margin-left: 20px;
}

*html div#main_container div#main div#btn .tsukema_link_btn02 {
	float: left;
	height: 68px;
	width: 166px;
	margin-left: 380px;
	margin-left: 280px;
}


div#footer_logo h3 a {
	background-image: url(../images/tsukema_arts_logo.gif);
	float: left;
	width: 150px;
	height: 49px;
	margin-top: 10px;
	margin-left: 20px;
}
