/*   
Theme Name: Rattan7
Theme URI: http://www.rattan7.com/
Description: Rattan7 WP THEME
Author: TEQ Corp
Author URI: http://http://teq.co.jp/
Version: 1.1
Tags: 
*/

/*  GLOBAL  */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
	}
a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.newspage, .brandspage, .companypage {
	background-color: #EBEBEB;
}
#wrapper {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#header_wrapper {
	background-color: #FFFFFF;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	padding-bottom: 20px;
}
#header {
	position: relative;
	height: 150px;
	background-image: url(images/dotline_bk.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#header h1 a{
	background-image: url(images/header_logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 220px;
	height: 60px;
	top: 80px;
	text-indent: -9999px;
	display: block;
}
#header h2 {
	position: absolute;
	right: 0px;
	bottom: 1px;
	width: 260px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
}

.newspage #header h2 {background-image: url(images/pagetitle_news.jpg);}
.brandspage #header h2 {background-image: url(images/pagetitle_brands.jpg);}
.companypage #header h2 {background-image: url(images/pagetitle_company.jpg);}
.contactpage #header h2 {background-image: url(images/pagetitle_contact.jpg);}


#header .rss a {
	position: absolute;
	background-image: url(images/header_rss.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 28px;
	text-indent: -9999px;
	display: block;
	right: 0px;
	background-position: left top;
}
#header .rss a:hover {
	background-image: url(images/header_rss.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#header .credit {
	background-image: url(images/credit.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 20px;
	top: 80px;
	text-indent: -9999px;
	left: 250px;
	width: 250px;
}
#header .tweet {
	position: absolute;
	left: 548px;
	top: 77px;
}
.top #header .tweet {
	position: absolute;
	left: 297px;
	top: 341px;
}
/* ==========  GM  ==========  */
#header .gm_box {
	position: absolute;
	top: 105px;
	width: 380px;
	height: 35px;
	left: 250px;
}
#header .gm_box .gm_cont {
	background-image: url(images/gm_contents.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header .gm_box ul {
	width: 380px;
	height: 20px;
	position: relative;
	background-image: url(images/gm_main.jpg);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;

}

#header .gm_box li a{
	background-image: url(images/gm_main.jpg);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	height: 20px;
	text-indent: -9999px;
	display: block;
}

.gm_top a 		{width: 41px; left: 0px; top: 0px; background-position: 0px top;}
.gm_news a 		{width: 62px; left: 42px; top: 0px; background-position: -42px top;}
.gm_brands a 	{width: 78px; left: 105px; top: 0px; background-position: -105px top;}
.gm_company a 	{width: 97px; left: 184px; top: 0px; background-position: -184px top;}
.gm_contact a 	{width: 69px; left: 282px; top: 0px; background-position: -282px top;}

.gm_top a:hover 		{background-position: 0px bottom;}
.gm_news a:hover 		{background-position: -42px bottom;}
.gm_brands a:hover 		{background-position: -105px bottom;}
.gm_company a:hover 	{background-position: -184px bottom;}
.gm_contact a:hover		{background-position: -282px bottom;}

.top .gm_top a 				{background-position: 0px bottom;}
.newspage .gm_news a		{background-position: -42px bottom;}
.brandspage .gm_brands a	{background-position: -105px bottom;}
.companypage .gm_company a	{background-position: -184px bottom;}

#contents_wrapper {
	background-color: #FFFFFF;
	padding-bottom: 20px;
}


#footer_wrapper {
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
}
#footer {
	height: 120px;
	position: relative;
}
#footer .credit {
	background-image: url(images/credit.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 20px;
	top: 28px;
	text-indent: -9999px;
	left: 0px;
	width: 250px;
}


/*  TOP  */
.top #header {
	margin-right: 60px;
	margin-left: 60px;
	height: 380px;
	background-image: none;
}
.top #header h1 a{
	background-image: url(images/top_mainlogo.jpg);
	width: 286px;
	height: 83px;
	top: 180px;
}
.top #header .gm_box {
	top: 281px;
	left: 0px;
}
.top #header .rss a {
	left: 0px;
}
.top #header .credit {
	top: 342px;
	left: 0px;
}
.top #contents {
	margin-right: 60px;
	margin-left: 60px;
}
.top #contents h2 {
	background-image: url(images/subtitle_news.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 35px;
}
.top #contents .news {
	margin-bottom: 10px;
}
.top #contents .news .date {
	font-size: 24px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.top #contents .news h3 a {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	line-height: 150%;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.top #contents .news h3 a:hover {
	background-color: #000000;
	color: #FFFFFF;
}
/*  NEWS  */

.newspage #contents #main {
	float: right;
}
.newspage #sidebar {
	float: left;
}
.newspage #sidebar h4 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 25px;
	width: 220px;
}
.newspage #sidebar .recentpost {background-image: url(images/news_recentpost.jpg);}
.newspage #sidebar .archive {background-image: url(images/news_archive.jpg);}
.newspage #sidebar .link {background-image: url(images/news_link.jpg);}

.newspage #sidebar li {
	
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.newspage #sidebar li a {
	background-image: url(images/icon_list.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 140%;
}
.newspage #sidebar li a:hover {
	background-color: #EAEAEA;
}
.newspage #sidebar ul {
	padding-bottom: 20px;
}
.newspage #sidebar li span {
	background-image: url(images/dotline_gray.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.newspage #main .item .title {
	position: relative;
	background-image: url(images/dotline_bk.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 25px;
}
.newspage #main .item_date {
	position: absolute;
	right: 0px;
	background-image: url(images/item_date_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 11px;
	width: 128px;
	top: 3px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}
.newspage #main  h3 a {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	color: #000000;
	line-height: 170%;
}
.newspage #main .article {
	background-image: url(images/item_underline.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-top: 15px;
}
.newspage #main .item img {
	padding: 10px;
	background-image: url(images/dotbg_gray.jpg);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.newspage #main .item .article p {
	line-height: 150%;
}


/*  BRANDS  */
.brandspage #contents img  {
	background-image: url(images/dotbg_gray.gif);
	padding: 10px;
}
.brandspage #contents .item {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
.brandspage #contents .item a {
	background-color: #FFFFFF;
	height: 140px;
	width: 140px;
	clear: both;
	float: left;
}
.brandspage #contents .item a:hover {
	background-color: #333333;
}

/*  COMPANY  */
.companypage #gallery_box {
	width: 510px;
	margin-right: 20px;
	padding-right: 20px;
	float: left;
	margin-left: 9px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
}
.companypage #access_box {
	float: left;
	width: 390px;
	margin-right: 10px;
}
.companypage #access_box #map {
	background-color: #EAEAEA;
	text-align: center;
	padding-top: 0px;
}
.companypage #access_box #map h4 {
	text-align: left;
	color: #000000;
	padding-top: 10px;
}
.companypage #access_box #map p {
	text-align: left;
	font-size: 11px;
	line-height: 130%;
}
.companypage #map .map_top {
	background-image: url(images/company_mapbg_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width: 390px;
}
.companypage #map .map_bottom {
	background-image: url(images/company_mapbg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 14px;
	width: 390px;
}
.companypage  #map .map_main {
	padding-right: 14px;
	padding-left: 14px;
}

.companypage .gallery {background-image: url(images/company_subtitle_gallery.jpg);	background-repeat: no-repeat; text-indent: -9999px; height: 25px;} 
.companypage .access {background-image: url(images/company_subtitle_access.jpg);	background-repeat: no-repeat; text-indent: -9999px; height: 25px;} 
.companypage .profile {background-image: url(images/company_subtitle_profile.jpg);	background-repeat: no-repeat; text-indent: -9999px; height: 25px;} 


.companypage #profile_box {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	padding-top: 20px;
	margin-top: 20px;
}
.companypage #profile_box #japanese {
	float: left;
	width: 440px;
	margin-right: 20px;
	margin-left: 10px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
}
.companypage #profile_box #english {
	float: left;
	width: 460px;
	padding-top: 25px;
}
.companypage #profile_box  li {
	background-image: url(images/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 150%;
}
.companypage #profile_box #japanese li span {
	width: 100px;
	float: left;
	color: #000000;
}
.companypage #profile_box #english li span {
	width: 160px;
	float: left;
	color: #000000;
}
.companypage #profile_box .last {
	height: 140px;
}
.companypage #profile_box .list_last {
	background-position: left 10px;
}


/*  CONTACT  */
#contact_wrapper {
	background-color: #FFFFFF;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}
.contactpage #header h1 {
	background-image: url(images/header_logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	text-indent: -9999px;
	height: 66px;
	width: 220px;
	top: 5px;
}
.contactpage #main {
	width: 400px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contactpage #header .credit {
	left: 0px;
	top: 75px;
}
.contactpage #header {
	height: 100px;
}
.contactpage #contents {
	padding-top: 15px;
}
.contactpage #contents h3 {
	height: 25px;
	text-indent: -9999px;
}
.contactpage #contents .title_name {
	background-image: url(images/contact_sub_name.jpg);
	background-repeat: no-repeat;
}
.contactpage #contents .title_subject {background-image: url(images/contact_sub_subject.jpg); background-repeat: no-repeat;}
.contactpage #contents .title_message {background-image: url(images/contact_sub_message.jpg); background-repeat: no-repeat;}
.contactpage .sexyform .left {
	float: left;
	width: 100px;
}
.contactpage .sexyform .right {
	float: left;
	width: 300px;
}
.contactpage .sexyform .center {
	text-align: center;
}
.contactpage .sexyform .line_box {
	margin-bottom: 15px;
}



/*  BRANDS DETAIL  */		
.brandspage #contents #text {
	margin: 10px;
}
.brandspage #contents #text h3 {
	font-size: 14px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(images/icon_big.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	line-height: 140%;
	color: #000000;
}
.brandspage #text p {
	padding-left: 20px;
	line-height: 150%;
	padding-right: 20px;
}
.brandspage #text .brand_url {
	position: relative;
	height: 25px;
	padding-right: 20px;
	padding-left: 20px;
}
.brandspage #text .brand_url .url {
	position: absolute;
	background-image: url(images/brands_url.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-indent: -9999px;
	width: 55px;
	margin: 0px;
	padding: 0px;
	height: 25px;
}
.brandspage #text .brand_url .ad a {
	position: absolute;
	left: 78px;
	top: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.brandspage #text .brand_url .ad  a:hover{
	background-color: #000000;
	color: #FFFFFF;
}
.brandspage #text .article {
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 8px;
	text-align: justify;
}


.brandspage #text .article a {
	background-color: #666666;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.brandspage #text .article a {
	background-color: #666666;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.brandspage #text .article a:hover,.brandspage #pagenavi a:hover {
	background-color: #000000;
	color: #FFFFFF;
}
.brandspage #pagenavi .prev a {
	float: left;
	padding: 5px;
}
.brandspage #pagenavi .next a {
	float: right;
	padding: 5px;
}
.brandspage #pagenavi {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	padding-bottom: 5px;
	width: 100%;
}
.brandspage #contents #flash {
	z-index: -100;
}