@charset "UTF-8";

/************************

共通固有スタイル

*************************/
#wrapper {
	margin: auto;
	width: 900px;
	background-color: #FFF;
}

#header {
	background-color:#FFF;
/*	background-image: url(../images/top_bg01.gif); */
	background-repeat: no-repeat;
	background-position: center top;
	height: 160px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	position: relative;
}

#header h1 {	/*ヘッダロゴ*/
	margin: 0;
	padding: 0;
	position:absolute;
	top: 0px;
	right: 0px;
	filter: alpha(opacity=75);	/*透明度設定*/
  	-moz-opacity:0.75;	/*透明度設定*/
  	opacity:0.75;	/*透明度設定*/
}

#header h1 a{
	border: none;
}

/*ヘッダナビ*/
#headerNav {
	position: absolute;
	bottom: 0px;	
}

#headerNav ul {
	margin: 0;
	padding: 0;
	background-color:#C6F;
	list-style: none;
}

#headerNav ul li {
	float: left;
}

#headerNav ul li a,
#headerNav ul li strong {
	text-align:center;
	background-color:#FFF;
	width: 112px;
	height: 20px;
	display:block;
	font-size: 110%;
	text-decoration: none;
	font-weight:normal;
	color:#000;
}

#headerNav ul li a:hover {
	background-color:#000;
	color: #FFF;
}

/*ロケート*/
div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;

	color:#888888;
	border:1px solid #eee;
	margin-bottom:0px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
}
div.breadcrumbs span {
	background:url(../images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;

	filter:alpha(opacity=40);
	opacity:0.4;
}

/*コンテンツ*/
#content {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

#content  #mainContent {
	padding: 0;
	margin: 0;
	width: 450px;
	height: 380px;
	float: left;
}

#content  #subContent {
	padding: 0;
	margin: 0;
	width: 400px;
	float: right;
}

.playtvSn {
	color:#111;
	background-color:#EEE;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width:400px;
}

.playtvSn h3 {
	font-size: 80%;
	margin: 0;
	padding-left: 6px;
	padding-top: 0;
	padding-bottom: 0;
	background-color:#000;
	padding-left: 16px;
	color:#FFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(../images/ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.playtvSn p {
	font-size: 80%;
	margin: 0;
	padding-left: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

span.tvUpDate {
	float: right;
	font-size: 100%;
	font-weight: normal;
	background-color: #CCC;
	padding-left: 6px;
	padding-right: 6px;
	color:#333;
}
/*フッタ*/
#footer {
	padding-top: 12px;
	clear: both;
	background-color:#FFF;
	text-align: right;
}

#footer #copylight {
	background-color:#000;
	padding: 4px;
	color:#FFF;
	font-size: 80%;
}

/*フッタナビ*/
#footerNav ul {
	margin: 10px;
	padding: 0;
}

#footerNav ul li {
	display:inline;
	margin-left: 20px;
	font-size: 80%;
}


/************************


P01TV（トップ）


*************************/

#p01tv ul {
	margin: 0;
	padding: 0;
	background-color:#C6F;
	list-style: none;
}

#p01tv ul li {
	float: left;
	width: 290px;
	text-align:center;
	margin-bottom: 4px;
}

#malma {
	background-image: url(../images/ico_mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#p01tvLatest .latest01 {
	width: 235px;
	float: right;
	background-image: url(../images/ico_blog01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	padding-right: 10px;
}

#p01tvLatest .latest02 {
	width: 235px;
	float: right;
	background-image: url(../images/ico_blog02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	padding-right: 10px;
}

.clear {
	clear:both;
	visibility:hidden;
}

.blogdate {
	display:block;
	font-size: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

/************************

リンク集タグスタイル

*************************/
.linkList {
	margin-left: 50px;
	padding: 0;
	width: 800px;
}

.linkList li {
	text-indent: 40px;
	margin-bottom: 12px;
	margin-right: 12px;
	float: left;
	width: 380px;
	list-style-type: none;
	background-image: url(../images/ico_friends.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.linkList .url {
	display:block;
	text-indent: 40px;
}

/************************

ブログタグスタイル

*************************/
#blogLatest .latest {
	width: 400px;
	float: right;
	background-image: url(../images/ico_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-right: 10px;
}

#blogImg {
	clear:both;
	text-align:center;
	margin-left: 16px;
}

#blogImg a {
	display:block;
	background-color:#999;
	border: 1px solid #FFF;	
	float: left;
}

#blogImg a:hover {
	border: 1px solid #03F;	
}
/************************

共通タグスタイル

*************************/
body {
	background-color:#FFF;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,
h2,
h3,
h4 {
	font-size: 100%;
	margin: 0;
	padding-bottom: 1em;
}

a {
	/*color: #F03;*/
	color: #03F;
	text-decoration: none;
}

a:hover {
	color: #999;
}

img {
	border: none;
}

table {
	background-color:#999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table th,
table td {
	text-align: left;
	background-color: #FFF;
}


/************************

プロファイルタグスタイル

*************************/
.profileDetail img {
	padding-top: 70px;
	float:left;
}

.profileDetail p {
	padding: 0px;
	margin: 0px;
}

.profileDetailTxt {
	float: right;
	width: 600px;
}

.profileDetail {
	float:left;
	width: 880px;
	margin: 0;
	padding: 0;
}

.profileMap,
.profileBrand {
	float:left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#profArea {
	float: left;
	width: 270px;
	height:350px;
	background-color: #EEE;
}

.prof {
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 12px;
	margin-left: 12px;
}

.profLabel {
	font-size: 80%;
	background-color: #FFF;
	padding: 3px;
	margin-right: 5px;
	width: 70px;
	text-align:center;
	display:inline-block;
}
/************************

contactタグスタイル

*************************/
.default {
	margin-left: 130px;
	border: 3px solid #eee;
}

.default th {
	text-align:right;
}

.default th,
.default td {
	padding: 6px;
}

.btnDefault {
	width: 120px;
	margin-left: 370px;
	margin-top: 12px;
}

.caution {
	margin-left: 130px;
	width: 600px;
	padding: 0;
}

.caution li {
	margin: 0;
	padding: 0;
	color: #03F;
	list-style-type: none;	
}

/************************

mapタグスタイル

*************************/
#cm_mapTABLE {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

div#tabnav-00 {
	/*overflow: hidden;
	height: 25px;*/
	width:864px;
	background-color:#000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
}
div#tabnav-00 ul {
	height: 45px;
	margin: 0;
	padding: 0;
}
div#tabnav-00 ul li {
	float: left;
	width: 120px;
	height: 45px;
	margin: 0;
	line-height: 47px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
	list-style-type: none;	
}
div#tabnav-00 ul li a {
	display: block;
	width: 120px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #39F;
}

div#tabnav-00 ul li strong {
	display: block;
	width: 120px;
	height: 45px;	
	background-position: 0 100%;
	background-color:#03F;
}

div#tabnav-00 ul li a:hover {
	background-position: 0 100%;
	background-color:#03F;
}
div#tabnav-00 ul li#menu01 a,
div#tabnav-00 ul li#menu01 strong{
	background-image: url(../images/tabbg_playdesign.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div#tabnav-00 ul li#menu02 a,
div#tabnav-00 ul li#menu02 strong{
	background-image: url(../images/tabbg_p01.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div#tabnav-00 ul li#menu03 a,
div#tabnav-00 ul li#menu03 strong{
	background-image: url(../images/tabbg_love.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div#tabnav-00 ul li#menu04 a,
div#tabnav-00 ul li#menu04 strong{
	background-image: url(../images/tabbg_3ton.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div#tabnav-00 ul li#menu05 a,
div#tabnav-00 ul li#menu05 strong{
	background-image: url(../images/tabbg_ionas.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div#tabnav-00 ul li#menu06 a,
div#tabnav-00 ul li#menu06 strong{
	background-image: url(../images/tabbg_seven.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/************************

galleryタグスタイル

*************************/

.galleryCat {
	margin: 12px;
	color:#333;
}

.galleryCat strong {
	color:#03F;
}

.galleria_wrapper {
	text-align: center;
}

.caption {
	display:block;
	text-align: center;
}

/************************

itemタグスタイル

*************************/

#itemLink {
	margin: 120px 0 120px 120px;
}

#item2010 a{
    display : block;
    width: 600px;
	height: 40px;
	text-indent: -900em;
	background-image : url(../item/img/item_title_link2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#item2010 a:hover{
	background-position: 0px -40px;	
}

#item2011 a{
    display : block;
    width: 600px;
	height: 40px;
	text-indent: -900em;
	background-image : url(../item/img/item_title_link2011.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#item2011 a:hover{
	background-position: 0px -40px;	
}




/************************

headerスタイル

*************************/


#header a img { border-style:none; }

.header_top {
	background-image: url(../images/mouse_over/header2_mo09.jpg);
	background-repeat: no-repeat;	
}

.header_top a {
display:block;
width:97px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.header_top a:hover {
text-indent:-9999px;
}

.profile {
	background-image: url(../images/mouse_over/header2_mo10.jpg);
	background-repeat: no-repeat;	
}

.profile a {
display:block;
width:110px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.profile a:hover {
text-indent:-9999px;
}

.blog {
	background-image: url(../images/mouse_over/header2_mo11.jpg);
	background-repeat: no-repeat;	
}

.blog a {
display:block;
width:92px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.blog a:hover {
text-indent:-9999px;
}

.brand {
	background-image: url(../images/mouse_over/header2_mo12.jpg);
	background-repeat: no-repeat;	
}

.brand a {
display:block;
width:106px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.brand a:hover {
text-indent:-9999px;
}

.item {
	background-image: url(../images/mouse_over/header2_mo13.jpg);
	background-repeat: no-repeat;	
}

.item a {
display:block;
width:86px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.item a:hover {
text-indent:-9999px;
}



.dealer {
	background-image: url(../images/mouse_over/header2_mo14.jpg);
	background-repeat: no-repeat;	
}

.dealer a {
display:block;
width:102px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.dealer a:hover {
text-indent:-9999px;
}

.gallery {
	background-image: url(../images/mouse_over/header2_mo15.jpg);
	background-repeat: no-repeat;	
}

.gallery a {
display:block;
width:102px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.gallery  a:hover {
text-indent:-9999px;
}

.friends {
	background-image: url(../images/mouse_over/header2_mo16.jpg);
	background-repeat: no-repeat;	
}

.friends a {
display:block;
width:98px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.friends  a:hover {
text-indent:-9999px;
}

.contact {
	background-image: url(../images/mouse_over/header2_mo17.jpg);
	background-repeat: no-repeat;	
}

.contact a {
display:block;
width:106px;
height:17px;
font-size:1px;
line-height:1px;
outline:none;
}

.contact  a:hover {
text-indent:-9999px;
}

.p01 {
	background-image: url(../images/mouse_over/header2_mo02.jpg);
	background-repeat: no-repeat;	
}

.p01 a {
display:block;
width:86px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.p01  a:hover {
text-indent:-9999px;
}

.t3n {
	background-image: url(../images/mouse_over/header2_mo03.jpg);
	background-repeat: no-repeat;	
}

.t3n a {
display:block;
width:89px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.t3n  a:hover {
text-indent:-9999px;
}

.love {
	background-image: url(../images/mouse_over/header2_mo04.jpg);
	background-repeat: no-repeat;	
}

.love a {
display:block;
width:86px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.love  a:hover {
text-indent:-9999px;
}


.ionas {
	background-image: url(../images/mouse_over/header2_mo05.jpg);
	background-repeat: no-repeat;	
}

.ionas a {
display:block;
width:90px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.ionas  a:hover {
text-indent:-9999px;
}

.seven {
	background-image: url(../images/mouse_over/header2_mo06.jpg);
	background-repeat: no-repeat;	
}

.seven a {
display:block;
width:85px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.seven  a:hover {
text-indent:-9999px;
}



.easy {
	background-image: url(../images/mouse_over/header2_mo07.jpg);
	background-repeat: no-repeat;	
}

.easy a {
display:block;
width:94px;
height:41px;
font-size:1px;
line-height:1px;
outline:none;
}

.easy  a:hover {
text-indent:-9999px;
}