/* CSS Document */

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

 BASE

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


body { 
	background:url(images/head_bg.gif) repeat-x;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif;
	color:#333333;
	line-height:140%;
	text-align : center;
}



img {
	border:0;
}

#wrapper {
	width:760px;
	margin:0px auto;
	padding:0px;
	text-align : left;
}

.clear {
	clear:both;
}



.font1 {
	font-size:10px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif;
	color: #333333;
	line-height:120%;
}


.font2 {
	font-size:12px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif;
	color: #333333;
	line-height:150%;
}




.font3 {
	font-size:10px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,sans-serif;
	color: #993300;
	line-height:150%;
}







/* HEADER
******************************************************/

#head {
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:right;
}

#head ul li{
	display:inline;
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#ccc;
}

#head a:link {
	color:#FFF;
	text-decoration: none;
}

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

#head a:active {
	color:#FFF;
	text-decoration:underline;
}

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

#head img {
	margin:0px 10px 0px 10px;
}


/*  ----end */


/* FOOTER
******************************************************/

#footer {
	width:760px;
	margin:20px auto 0px auto;
	border-top:1px solid #999999;
	text-align:center;
	padding:15px 0px 15px 0px;
}

/*  ----end */


/* LINK
******************************************************/

a:link {
	color:#993300;
	text-decoration: none;
}

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

a:active {
	color:#CC0000;
	text-decoration:underline;
}

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

/*  ----end  */



/* TEXT
******************************************************/

.text10 {
	font-size:10px;
	line-height:120%;
}

.text12 {
	font-size:12px;
	line-height:120%;
}

.text12bold {
	font-size:12px;
	font-weight:bold;
}

.text12boldred {
	color:#FF0033;
	font-weight:bold;
}

.text14 {
	font-size:14px;
	line-height:120%;
}

.text14bold {
	font-size:14px;
	line-height:120%;
	font-weight:bold;
}

.text14red {
	font-size:14px;
	line-height:120%;
	color:#FF0033;
}

.text14boldred {
	font-size:14px;
	line-height:120%;
	color:#FF0033;
	font-weight:bold;
}

.textlightgray {
	color:#666666;
}

/*   ----end  */


/* FORM
******************************************************/

.textfield {
	color: #333333; 
	background-color: #FFFFFF; 
	height:16px;
	margin:0px 0px 0px 0px;
	width:150px
}

.button {
	background-color: #EEEEEE;
	margin:0px 0px 0px 0px;
	width:60px;
}

/*   ----end  */



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

 CONTENTS

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


/* TOP PAGE
******************************************************/

#titleFrameLeft {
	float:left;
	width:750px;
	margin:10px 0px 0px 10px;
	position : relative;
}

#titleFrameLeft h1 {
	margin:0px;
}

#titleFrameLeft .mailmagazine {
	float:left;
	width:240px;
	margin:40px 0px 0px 0px;
}

#titleFrameLeft .mmIMG {
	margin:0px 0px 10px 0px;
}

#titleFrameLeft .PR {
	float:left;
	width:200px;
	margin:40px 5px 0px 0px;
	text-align:center;
}

#titleFrameLeft .topic {
	float:left;
	position : relative;
	width:200px;
	height : 270px;
	margin:20px 8px 0 0;
	border-right : 1px dotted #aaaaaa;
}

#titleFrameLeft .topic img {

	margin : 5px 0 10px 0;
}

#titleFrameLeft .topic .arrow {
	margin : 1px 0 0 0;
}

#titleFrameLeft .topic ul {
	position : absolute;
	display : block;
	top : 90px;
	right : 20px;
	width : 140px;
	margin-bottom : 10px;
	overflow : hidden;
}

#titleFrameLeft .topic li {
	list-style-type : none;
	font-size : 0.8em;
	border-bottom : 1px solid #dddddd;
	margin : 3px 0;
}

#titleFrameLeft p{
	position : absolute;
	left : 0;
	width : 180px;
	margin : 5px 5px 0px 5px;
	bottom : 0;
}

#titleFrameLeft p.Profile{
	width : 500px;
	margin : 10px 0 30px 30px;
}

#titleFrameLeft .topicALL {
	float:left;
	width:540px;
	margin:40px 5px 0px 0px;
	text-align:left;
}

#titleFrameLeft .topic .left {
	padding-left:3px;
	text-align:left;
}

#titleFrameLeft .topic .bicyosei {
	margin-top:12px;
}

/* MAILMAGAGINE MESSAGE---------------------------------------------------*/
#titleFrameLeft .mailmagazineMESSAGE {
	float:left;
	width:520px;
	margin:40px 0px 0px 0px;
}

#titleFrameLeft .mailmagazineMESp {
	margin:0px 0px 0px 20px;
}

/*   ----end  */

/* PR---------------------------------------------------*/

.PRimg {
	float:left;
	margin:5px 10px 0px 10px;
}

.PRimgALL {
	float:left;
	margin:0px 10px 0px 0px;
}

.PRcopy {
	text-align:left;
	margin:8px 0px 0px 0px;
}

.PRcopyNoneimg {
	text-align:left;
	margin:8px 10px 0px 10px;
}

.smallImage {
	float:left;
	margin:0px 8px 3px 0px;
}

/*   ----end  */

#titleFrameLeft .line {
	float:left;
	margin:40px 5px 0px 5px;
}

#titleFrameRight {
	position : absolute;
	margin-top:-95px;
	right : 10px;
}

#titleFrameRight2 {
	position : absolute;
	margin:50px 10px 0 0;
	right : 0px;
	border : 0px;
}


#titleFrameRight5 {
	position : absolute;
	margin:150px 0px 0px 0px;
	right : 0px;
	border : 0px;
}




#titleFrameRight3 {

	margin:210px 7px 0 0;
	right : 0px;
	border : 0px;
}

#titleFrameRight .CM {
	margin:10px 15px 0px 0px;
}

/*   ----end  */




/* INFORMATION 
******************************************************/

#information {
	float:left;
	width:446px;
	margin:20px 0px 0px 0px;
}

#information h2 {
	margin:0px 0px 25px 0px;
}

#information h3 {
	margin:30px 0px 15px 0px;
	clear:both;
}

#information h4 {
	margin:0px 0px 5px 0px;
	font-size:14px;
	font-weight:normal;
}

#information .icon {
	float:left;
	width:90px;
	margin:0px 15px 0px 10px;
	clear:both;
}

#information .icon2 {
	float:left;
	position : absolute;
	display : block;
	margin:0px 15px 0px 10px;
	padding : 1px;
}

#information .cap {
	width:321px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#information .cap2 {
	width:195px;
	height : 60px;
	top : 0;
	float:right;
	position : relative;
	display : block;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#information .cap3 {
	width:426px;
	top : 0;
	position : relative;
	display : block;
	margin:0px 0px 10px 7px;
	padding:0px;
}

#information .cap3 img {
	float : left;
	margin : 0 12px 5px 5px;
}

#information .cap4 {
	width:185px;
	height : 60px;
	top : 0;
	float:right;
	position : relative;
	display : block;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#information .cap5 {
	width:195px;
	height : 90px;
	top : 0;
	float:right;
	position : relative;
	display : block;
	margin:0px 0px 10px 0px;
	padding:0px;
}


#information p {
	margin:0px;
	padding:0px;
}

#information .col {
	width:426px;
	margin:0px 0px 30px 10px;
}

#information .imgMarin {
	margin:0px 10px 5px 0px;
}

#information .line {
	margin:0px 10px 15px 0px;
	clear:both;
}

/* special info---------------------------------------------------*/

#information .spInfo {
	text-align:right;
}

#information .spInfo img {
	margin-bottom:5px;
}

#information .spInfo .date {
	margin-left:15px;
	text-align:left; 
	color:#FFFFFF;
	background:#CC6600;
	padding-left:5px;
}	

#information .spInfo p {
	margin-left:15px;
	text-align:left;
}	

/*   ----end  */



/*   ----end  */


/* WORKS
******************************************************/

#works {
	float:right;
	position : relative;
	width:275px;
	margin:20px 0px 0px 0px;
}

#works h2 {
	margin:0px 0px 25px 0px;
}

#works h3 {
	margin:0px 0px 10px 0px;
}

#works p {
	margin:0px 0px 20px 15px;
	padding:0px;
}

.book a{
	border : 0px;
}

/*   ----end  */


/*  MAIL MAGAZINE
******************************************************/

#mailmagazine{
	margin:0px; 
	padding:0px;
}

#mailmagazine h2 {
	margin:0px 0px 20px 0px;
	padding:0px;
}

#mailmagazine div {
	margin:0px 0px 0px 120px;
	padding:0px;
	text-align:left;
}

#mailmagazine div div {
	float:left;
	width:280px;
	margin:15px 10px 0px 0px;
	padding:0px;
	text-align:left;
}


/*   ----end  */


/*  LINKS
******************************************************/

#links {
	margin:0 auto; 
	width : 760px;
}

#links h2 {
	margin:0px 0px 25px 0px;
	padding:0px;
}

#links div {
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
}

#links .img {
	margin:0px 5px 0px 0px;
}

#links .imgW260H60 {
	margin:0px 10px 0px 0px;
}


/*   ----end  */



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

 TEXT BASE CONTENTS (profile,concept...)
 
**********************************************************/


#contents {
	width:580px;
	margin:20px 0px 0px 0px;
}

#contents h2 {
	margin:30px 0px 30px 0px;
}

#contents h3 {
	margin:0px 0px 20px 30px;
	font-size:14px;
	font-weight:bold;
}

#contents p {
	margin:10px 0px 30px 40px;
	line-height:160%;
	display : block;
	position : relative;
}

/*********************************************************
 EXTRA CONTENTS
**********************************************************/
/* TWH DVD  06/04/14
******************************************************/

#contentsTWH {
	width:580px;
	margin:20px 0px 0px 0px;
}

#contentsTWH h2 {
	margin:30px 0px 30px 0px;
}

#contentsTWH h3 {
	margin:0px 0px 20px 30px;
	font-size:14px;
	font-weight:bold;
}

#contentsTWH p {
	margin:0px 0px 30px 40px;
	line-height:160%;
}

#contentsTWH .title {
	margin:0px 0px 10px 10px;
}

#contentsTWH .copy {
	margin:0px 0px 10px 0px;
}

#contentsTWH .img {
	margin:0px 0px 20px 10px;
}

#contentsTWH .img2 {
	margin:0px 0px 0px 10px;
}

#contentsTWH table {
	margin:0px 0px 0px 40px;
}

#contentsTWH .h5 {
	width:60px;
	display:block;
	margin:0px 0px 10px 0px;
	font-size:12px;
	text-align:center;
	border:1px solid #666666;
	padding:2px 0px 0px 0px;
}

#contentsTWH .present {
	width:500px;
	margin:0px 30px 20px 20px;
}

#contentsTWH .dvdimage {
	float:left;
	margin:0px 20px 10px 10px;
}

.Width190 {
	width : 190px;
	float : right;
}


/*   ----end  */