@charset "utf-8";
@import url(./designer.css);

/* CSS Document */

/* base settings */

* {
	margin:0;
	padding:0;
	font-style:normal;
}

body {
	margin:0;
	padding:0;
	font-size:small;
	font-family:'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align:center;
	background-color:#FFFFFF;
	line-height:1.3em;
	height:auto;
}

div,p,span,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table {
	color:#555;
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	}

a {color:#000099;text-decoration:none;}
a:hover {color:#3333DD;}

br.clear {
	clear:both;
	font-size : 0px ;
}

p {
	margin-bottom:10px;
}

sup {
	position:relative;
	top:0.2em;
	_top:-0.2px;
}

.fbox {
    zoom: 100%;
}
.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.hd {
	text-indent:-9999px;
	font-size:0px;
	text-decoration:none;
	display:block;
}

/* bone setting */

#container {
	margin:10px auto 0px auto;
	padding:0;
	width:838px;
	text-align:left;
	border:1px solid #999;
	overflow:hidden;
}

#top_title {
	width:838px;
}

#footer {
	width:818px;
	background-color:#0A50A1;
	color:#FFF;
	position:relative;
	margin:0;
	padding:10px;
}

#footer2 {
	width:838px;
	height:42px;
	background-color:#FFFFFF;
	color:#000;
	position:relative;
	margin:0;
}

#footer2 a {
	display:block;
	width:397px;
	height:42px;
	background:url(../images/footer_logo.jpg) top left no-repeat;
}

/* contents setting */

#contents {
	margin:19px;
	border:none;

}

#top_title_left {
	float:left;
	width:387px;
	height:258px;
	background:url(../images/header_title.jpg) top left no-repeat;
}

#top_title_right {
	float:left;
	width:451px;
	height:258px;
}

#second_title {
	float:left;
	width:838px;
	height:70px;
	margin:0;
	padding:0;
	background:url(../images/header_title2.jpg) top left no-repeat;
	position:relative;
	overflow:hidden;
}

#second_title_gototop {
	position:absolute;
	width:80px;
	height:24px;
	left:288px;
	top:35px;
}

#second_title_gototop a{
	width:80px;
	height:24px;
	background:url(../images/gototop.jpg) top left no-repeat;
}

#second_title_gototop a:hover{
	background-position:bottom;
}

/* footer setting */

#footer div#site_tools {
	color:#FFF;
}

#footer div#site_tools a {
	color:#FFF;
}

#footer div#site_tools a:hover {
	color:#DDF;
}


#footer div#footer_logo {
	background:url(../images/footer_logo.jpg) top left no-repeat;
	height:42px;
	width:170px;
	position:absolute;
	top:10px;
	left:658px;
}

/* menu setting */

ul#gnavi_menu {
	width:848px;
	height:48px;
	overflow:hidden;
	display:block;
}

ul#gnavi_menu li {
	float:left;
	height:48px;
}

ul#gnavi_menu li a {
	width:168px;
	height:48px;

	display:block;
	overflow:hidden;
}

ul#gnavi_menu li#menu01 {
	background:url(../images/gnavi_menu01.jpg) bottom left no-repeat;
}

ul#gnavi_menu li#menu01 a {
	background:url(../images/gnavi_menu01.jpg) top left no-repeat;
}

ul#gnavi_menu li#menu01 a:hover {
	background-position:bottom;
}

ul#gnavi_menu li#menu01 a.current {
	background-position:bottom;
}

ul#gnavi_menu li#menu02 {
	background:url(../images/gnavi_menu02.jpg) bottom left no-repeat;
}

ul#gnavi_menu li#menu02 a {
	background:url(../images/gnavi_menu02.jpg) top left no-repeat;
}

ul#gnavi_menu li#menu02 a:hover {
	background-position:bottom;
}

ul#gnavi_menu li#menu02 a.current {
	background-position:bottom;
}

ul#gnavi_menu li#menu03 {
	background:url(../images/gnavi_menu03.jpg) bottom left no-repeat;
}

ul#gnavi_menu li#menu03 a {
	background:url(../images/gnavi_menu03.jpg) top left no-repeat;
	width:169px;
}

ul#gnavi_menu li#menu03 a:hover {
	background-position:bottom;
}

ul#gnavi_menu li#menu03 a.current {
	background-position:bottom;
}

ul#gnavi_menu li#menu04 {
	background:url(../images/gnavi_menu04.jpg) bottom left no-repeat;
}

ul#gnavi_menu li#menu04 a {
	background:url(../images/gnavi_menu04.jpg) top left no-repeat;
	width:166px;
}

ul#gnavi_menu li#menu04 a:hover {
	background-position:bottom;
}

ul#gnavi_menu li#menu04 a.current {
	background-position:bottom;
}

ul#gnavi_menu li#menu05 {
	background:url(../images/gnavi_menu05.jpg) bottom left no-repeat;
}

ul#gnavi_menu li#menu05 a {
	background:url(../images/gnavi_menu05.jpg) top left no-repeat;
	width:167px;
}

ul#gnavi_menu li#menu05 a:hover {
	background-position:bottom;
}

ul#gnavi_menu li#menu05 a.current {
	background-position:bottom;
}


/* top contents */

#top_contents {
	margin:19px;
	border:none;
}

#top_contents_leftbox {
	float:left;
	width:530px;
	margin-right:10px;
}

#top_contents_rightbox {
	float:left;
	width:260px;
	margin:0px;

	margin-top:36px;
}

#top_contents_leftbox #latest_case h3#latest_case_head {
	background:url(../images/top_latest_title.jpg) top left no-repeat;
	width:55px;
	height:14px;
	display:block;
	float:left;
	margin:10px 20px 0 0;
	padding-bottom:10px;
}

#top_contents_leftbox #latest_case h4#latest_case_title {
	font-size:16px;
	font-weight:bold;
	margin:5px 0 0 0;
	padding-bottom:10px;
	display:block;
	float:left;
}

#top_contents_leftbox #latest_case h4#latest_case_title a {
	color:#555;
}

#latest_case_photo {
	position:relative;
	display:block;
}

#latest_case_photo a.case_button_more {
	background:url(../images/case_button_more.png) top left no-repeat;
	width:160px;
	height:32px;
	position:absolute;
	bottom:10px;
	right:10px;
	_top:310px;
	_left:360px;
}

#latest_case_photo a.case_button_more:hover {
	background-position:bottom;
}

#latest_case_photo img {
	border:none;
}

#topics_base {
	position:relative;
}

ul#topics {
	border-left:5px solid #653935;
	margin-top:10px;
	padding-left:10px;
	padding-top:20px;
	background:url(../images/top_topics_title.jpg) 10px 5px no-repeat;
}


#topics_base a.anim_banner01 {
	width:160px;
	height:160px;
	background:url(../images/anim02.gif) no-repeat;
	border:none;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}


#top_contents_rightbox div#group_title {
	background:url(../images/top_group_title.jpg) top left no-repeat;
	height:74px;
	width:260px;
}

ul#group_list {
	background-color:#0A50A1;
	padding:0 10px 10px 10px;
}

ul#group_list li a {
	width:240px;
	height:50px;

	display:block;
	overflow:hidden;
	margin-top:10px;
}

ul#group_list li a#group01 {
	background:url(../images/top_group_button01.jpg) top left no-repeat;
	margin-top:0px;
}

ul#group_list li a#group01:hover {
	background-position:bottom;
}

ul#group_list li a#group02 {
	background:url(../images/top_group_button02.jpg) top left no-repeat;
}

ul#group_list li a#group02:hover {
	background-position:bottom;
}

ul#group_list li a#group03 {
	background:url(../images/top_group_button03.jpg) top left no-repeat;
}

ul#group_list li a#group03:hover {
	background-position:bottom;
}

ul#group_list li a#group04 {
	background:url(../images/top_group_button04.jpg) top left no-repeat;
}

ul#group_list li a#group04:hover {
	background-position:bottom;
}

div#book_order_link {
	position:relative;
	display:block;
	width:260px;
	height:137px;
	margin-bottom:10px;
	margin-top:0px;
}

#book_order{
	display:block;
	width:260px;
	height:137px;
	overflow:hidden;
}

/*#book_order a{
	background:url(../images/top_book.jpg) top left no-repeat;
	width:260px;
	height:120px;
}*/

#book_order img {
	border:none;
}

div#book_order_link a#book_order_button {
	position:absolute;
	top:90px;
	left:88px;
	width:168px;
	height:40px;
	background:url(../images/slideshow/top_book_hover.jpg) left top no-repeat;
	z-index:100;
}

div#book_order_link a#book_order_button:hover {
	display:block;
	width:168px;
	height:40px;
	background:url(../images/slideshow/top_book_hover.jpg) left bottom no-repeat;

}

#top_town {
	margin-bottom:10px;
}

#top_town a{
	background:url(../images/top_group_town.jpg) top left no-repeat;
	width:260px;
	height:87px;
}

/* case_index,designer_index */

#case_subtitle {
	background:url(../images/case_caselist_subtitle.jpg) top left no-repeat;
	width:619px;
	height:90px;
	float:left;
}

#kinki_subtitle {
	background:url(../images/kinki_caselist_subtitle.jpg) top left no-repeat;
	width:800px;
	height:90px;
}

ul#case_menu {
	float:left;
	width:181px;
	height:90px;
}

	ul#case_menu li {
		line-height:30px;
	}

	ul#case_menu li#case_menu01 a{
		width:181px;
		height:30px;
		background:url(../images/case_navi_designer.jpg) top left no-repeat;
	}

	ul#case_menu li#case_menu01 a:hover{
		background-position:right;
	}

	ul#case_menu li#case_menu02 a{
		width:181px;
		height:30px;
		background:url(../images/case_navi_store.jpg) top left no-repeat;
	}

	ul#case_menu li#case_menu02 a:hover{
		background-position:right;
	}

	ul#case_menu li#case_menu03 a{
		width:181px;
		height:30px;
		background:url(../images/case_navi_badget.jpg) top left no-repeat;
	}

	ul#case_menu li#case_menu03 a:hover{
		background-position:right;
	}


/* tab settings */

#contents ul#caselist_tabcase {
	position:relative;
	margin-top:20px;
	width:800px;
	height:35px;
	background:url(../images/case_caselist_tabbase.jpg) top left repeat-x;
}

#contents ul#caselist_tabcase li#case_tab01 {
	width:191px;
	height:35px;
	float:left;
	margin-right:10px;
	background:url(../images/case_caselist_tab01.jpg) top left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab01 a {
	width:191px;
	height:35px;
	background:url(../images/case_caselist_tab01.jpg) bottom left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab01 a:hover {
	background-position:top;
}

#contents ul#caselist_tabcase li#case_tab02 {
	width:191px;
	height:35px;
	float:left;
	margin-right:10px;
	background:url(../images/case_caselist_tab02.jpg) top left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab02 a {
	width:191px;
	height:35px;
	background:url(../images/case_caselist_tab02.jpg) bottom left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab02 a:hover {
	background-position:top;
}

#contents ul#caselist_tabcase li#case_tab03 {
	width:191px;
	height:35px;
	float:left;
	background:url(../images/case_caselist_tab03.jpg) top left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab03 a {
	width:191px;
	height:35px;
	background:url(../images/case_caselist_tab03.jpg) bottom left no-repeat;
}

#contents ul#caselist_tabcase li#case_tab03 a:hover {
	background-position:top;
}

/* caselist settings */

#case_list {
	position:relative;
	width:778px;
	border:1px solid #999;
	border-top:none;
	background-color:#F6F6F6;
	padding:20px 0px 10px 20px;
	_padding-top:30px;
	_padding-bottom:20px;
}

*:first-child+html #case_list {
	padding-top:30px;
	padding-bottom:20px;
}


#case_list #page_box {
	float:left;
	position:absolute;
	top:10px;
	right:20px;
	_right:5px;
	_left:636px;
}

#case_list #case_base {
	margin-top:10px;
	position:relative;
}

#case_list #case_base .casechip_s {
	width:142px;
	height:158px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	_margin-right:9px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
	position:relative;
}

#case_list #case_base .casechip_s .casechip_s_title {
	text-align:center;
	height:26px;
	margin:3px 0;
	padding-top:8px;
}

#case_list #case_base .casechip_s .twoline{
	padding-top:0px;
	padding-bottom:9px;
	_padding-bottom:3px;
	display:block;
}


#case_list #case_base .casechip_s div.casechip_photobox {
	position:relative;
	display:block;
}

#case_list #case_base .casechip_s a div.case_chip_new {
	position:absolute;
	left:82px;
	top:40px;
	padding:2px 4px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:40px;
	background-color:#0A50A1;
	color:#FFF;
	z-index:2;
}


#case_list #case_base .casechip_s div.casechip_photobox div.case_chip_new {
	position:absolute;
	left:82px;
	_left:69px;
	top:0px;
	padding:2px 4px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:40px;
	background-color:#0A50A1;
	color:#FFF;
	z-index:2;
}

#case_list #case_base .casechip_s .casechip_s_title a{
	color:#666;
}

#case_list #case_base .casechip_s .casechip_ph_s {
	border:none;
	margin:0 auto;
}


/* parts list */

#case_list #case_base .partschip_s {
	width:142px;
	height:138px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	_margin-right:9px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
	position:relative;
	padding-top:10px;
	display:none;
}

#case_list #case_base .partschip_s .partschip_s_title {
	text-align:center;
	height:26px;
	margin:3px 0;
	padding-top:8px;
}

#case_list #case_base .partschip_s .twoline{
	padding-top:0px;
	padding-bottom:9px;
	_padding-bottom:3px;
	display:block;
}


#case_list #case_base .partschip_s div.partschip_photobox {
	position:relative;
	display:block;
}

#case_list #case_base .partschip_s a div.case_chip_new {
	position:absolute;
	left:82px;
	top:40px;
	padding:2px 4px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:40px;
	background-color:#0A50A1;
	color:#FFF;
	z-index:2;
}


#case_list #case_base .partschip_s div.parts_chip_new {
	position:absolute;
	left:82px;
	_left:69px;
	top:10px;
	padding:2px 4px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	width:40px;
	background-color:#0A50A1;
	color:#FFF;
	z-index:2;
}

#case_list #case_base .partschip_s .partschip_s_title a{
	color:#666;
}

#case_list #case_base .partschip_s .partschip_ph_s {
	border:none;
	margin:0 auto;
}

#parts_selector {
	background-color:#DDD;
	border:1px solid #CCC;
	padding:10px;
	margin-right:20px;
}

#parts_selector .parts_selector_chip {
	margin-right:10px;
}

#parts_selector a{
	font-weight:bold;
	background-color:none;
	bofder:1px solid #DDD;
	padding:5px 10px;
	display:block;
	float:left;
}

#parts_selector a.current{
	font-weight:bold;
	color:#FFF;
	background-color:#666 !important;
	bofder:1px solid #FFF !important;
	padding:5px 10px;
}

#parts_selector a:hover{
	font-weight:bold;
	color:#FFF;
	background-color:#0A50A1;
	bofder:1px solid #FFF;
	padding:5px 10px;
}


/* 2011 eq message */

#message {
	width:816px;
	background:url(../images/famis_eq_message_bg.jpg) center top repeat-y;
	margin:22px 11px 10px 11px;
}

#message01 {
	background:url(../images/famis_eq_message01.jpg) center top no-repeat;
	width:816px;
	height:119px;
}

.message_txt {
	margin:10px 60px;
	font-size:15px;
	line-height:1.5em;
}

.message_txt a {
	text-decoration:underline;
}

#message02 {
	background:url(../images/famis_eq_message02.jpg) center top no-repeat;
	width:816px;
	height:30px;
}

#message03 {
	background:url(../images/famis_eq_message03.jpg) center top no-repeat;
	width:816px;
	height:21px;
}

#eq_btn01 {
	width:221px;
	height:58px;
	float:left;
	background:url(../images/famis_eq_btns.jpg) left top no-repeat;
	margin-right:23px;
	_margin-right:12px;
	margin-left:50px;

	_margin-left:35px;
}

#eq_btn01:hover {
	background:url(../images/famis_eq_btns.jpg) left bottom no-repeat;
}

#eq_btn02 {
	width:472px;
	height:58px;
	float:left;
	background:url(../images/famis_eq_btns.jpg) right top no-repeat;
}

#eq_btn02:hover {
	background:url(../images/famis_eq_btns.jpg) right bottom no-repeat;
}

.message_txt2 {
	margin-left:310px;
	_margin-left:320px;
	font-size:13px;
	line-height:1.5em;
}