/*
-----------------------------------------------------
MFT brand CSS
FileName:	Design.css
Version:	2008.11.20
-----------------------------------------------------
*/


/* ******** Initialize ******* */
 
 html { min-width: 810px; }
 
 img { border:none; }
 a img {border:none; }

 a { color:#993300; text-decoration:none; }
 
 a:link { color:#993300; }
 a:visited { color:#993300; }
 a:active { color:#993300; }
 a:hover { color:#990000; text-decoration:underline; }
 
 * { margin: 0; padding: 0; }

 ul { list-style: none; }
 


/* ******** common ******* */

 body {
    margin:0px;
    padding:0px;
    font-family:"Hiragino Maru Gothic Pro" , "ヒラギノ丸ゴ Pro W4" , Verdana , "Osaka" , sans-serif;
	font-size:9px;
	color:#333333;
    border:none;
    background:url(../image/bg_line.png) repeat-y center;
	}
	
 .cleared:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
    }

 .cleared {
	display: inline-block;
    }

 /* hide from mac ie \*/
 * html .cleared { height: 1%; }
 .cleared { display: block; }
 /* hide from mac ie \*/

 
 #house {
    margin:0px;
    padding:0px 5px;
    width:810px;
	}
 

/* ******** Header ******* */

 #header {
    margin:0;
    padding:0px;
    height:150px;
    background:url(../image/BN_mft_headR.png) no-repeat right;
    }
	


	
/* ******** Main Content ******* */

 #content {
    margin:0px;
    padding:30px;
    }
	
 #topimage {
    margin:0;
	padding:0;
	width:750px;
	height:300px;
	position:relative;
	}

/* --tab-- */
 .tab { 
    margin:10px 0px 0px 0px;
    padding:0;
    width:780px;
    height:24px;
    color:#000000;
    font-size:9px;
    line-height:24px;
    letter-spacing:1px;
    position:relative;
    border-top:solid 1px #CCCCCC;
    border-bottom:solid 1px #CCCCCC;
    }

 .tab ul {
    margin:0px;
    padding:0px 25px 0px 0px;
    }

 .tab ul li { 
    margin:0px;
    padding:0px;
    display:inline;
    }

 .tab ul li a,
 .tab ul li a:visited {
    padding:0px 10px;
    color: #333333;
    float:right;
    text-decoration:none;
    background:url(../image/tab_line.png) no-repeat left;
 }

 .tab ul li a:hover {
    color:#990000;
    text-decoration:none;
    background:#FFFFFF;
    }

 .tab ul li a.selected, 
 .tab ul li a:visited.selected, 
 .tab ul li a:hover.selected {
    color:#990000;
    text-decoration:none;
    }
/* --/tab-- */

/* --info-- */
 
 #infobox {
    margin:30px 0 0 0;
    width:100%;
	height:auto;
	min-height:1px;　/* IE 7対策 */
	}
	
 /* start: clearfix ---------- */
  #infobox:after {
     content:".";
     display:block;
     height:0px;
     clear:both;
     visibility:hidden;
     }

  #infobox { display:inline-table; }

 /* Hides from Mac IE \*/
  * html #infobox { height:1px; }
  #infobox { display:block; }
 /* */
 /* end: clearfix ---------- */

 #infoR {
    float:right;
	margin:0 20px 0 0;
    width:350px;
	}   
		
 h2.h2_topic {
    float:left;
    margin:0px 0px 0px 20px;
    padding:0px 10px 0px 0px;
	width:350px;
	height:20px;
	font-size:9px;
	font-weight:normal;
	line-height:20px;
	text-align:right;
    border-bottom:solid 1px #CCCCCC;
	}
	
 ul.news_box {
    float:left;
	margin:10px 0px 0px 25px;
	width:350px;
	}
	
 ul.news_box li {
    margin:0px 0px 5px 10px;
	padding:0px 0px 0px 10px;
	width:90%;
	text-align:left;
	border-bottom:dotted 1px #CCCCCC;
	}

 ul.news_box li span {
    margin:0px 20px 0px 0px;
	}
		
/* --/info-- */






/* ******** What'new ******* */

/* -- NewArticle --*/

 #NewArticle_box {
    margin:0 0 30px 0;
	padding:0;
	width:80%;
	height:auto;
	min-height:1px;　/* IE 7対策 */
	}
	
 /* start: clearfix ------------------------------ */
  #NewArticle_box:after {
     content:".";
     display:block;
     height:0px;
     clear:both;
     visibility:hidden;
     }

  #NewArticle_box { display:inline-table; }

 /* Hides from Mac IE \*/
  * html #NewArticle_box { height:1px; }
  #NewArticle_box { display:block; }
 /* */
 /* end: clearfix ------------------------------ */	
	
	
 #NewArticle_Left {
    float:left;
	display:block;
    margin:0 0 0 15px;
	padding:0;
	width:20%;
	}
		
 #NewArticle_Left ul {
    margin:0;
	padding:0;
	}
 
 #NewArticle_Left ul li {
    margin:10px 0 0 20px;
	font-size:12px;
	text-align:left;
    list-style-image:url(../image/arrow.png);
	list-style-position:inherit;
	}
 	
 #NewArticle_text {
    float:right;
	display:block;
    margin:0 15px 0 0;
	padding:0;
	width:65%;
	}
	
 #NewArticle_text a {
    margin:0;
	padding:0;
	}
 
 #NewArticle_text a:hover {
    top:1px;
	}
	
 #NewArticle_text p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:170%;
	text-align:left;
    }

 .h3_NeAr {
    margin:0 0 15px 0;
    padding:0 0 0 35px;
	font-size:15px;
	text-align:left;
	line-height:200%;
    border-bottom:dashed 1px #CCCCCC;
	background:url(../image/clip.png) no-repeat 10px;
	}
	
 .date {
    margin:5px 5px 0 0;
	text-align:right;
	}
	
	

/* -- /NewArticle --*/






/* ******** Crew ******* */

/* -- infoCrew --*/
 #infoCrew {
    margin:0;
	padding:0;
	width:560px;
	height:350px;
	}
	
 .So {
    margin:0;
	padding:0;
	width:140px;
	height:350px;
	float:left;
	background:url(../image/SoStand_Mono.png) no-repeat top center;
	}
	
 .So a {
	display:block;
	height:350px;
	text-indent:-9999px;
	}
	
 .So a:hover {
	width:140px;
	height:350px;
	display:block;
	background:url(../image/SoStand_Color.png) no-repeat top center;
	}
	
 .Sayaka {
    margin:0;
	padding:0;
	width:140px;
	height:350px;
	float:left;
	background:url(../image/SayaStand_Mono.png) no-repeat top center;
	}
	
 .Sayaka a {
	display:block;
	height:350px;
	text-indent:-9999px;
	}
	
 .Sayaka a:hover {
	width:140px;
	height:350px;
	display:block;
	background:url(../image/SayaStand_Color.png) no-repeat top center;
	}   
		
 .Yuto {
    margin:0;
	padding:0;
	width:140px;
	height:350px;
	float:left;
	background:url(../image/YutoStand_Mono.png) no-repeat top center;
	}
	
 .Yuto a {
	display:block;
	height:350px;
	text-indent:-9999px;
	}
	
 .Yuto a:hover {
	width:140px;
	height:350px;
	display:block;
	background:url(../image/YutoStand_Color.png) no-repeat top center;
	}
	   	
 .Chihiro {
    margin:0;
	padding:0;
	width:140px;
	height:350px;
	float:left;
	background:url(../image/ChiStand_Mono.png) no-repeat top center;
	}
	
 .Chihiro a {
	display:block;
	height:350px;
	text-indent:-9999px;
	}
	
 .Chihiro a:hover {
	width:140px;
	height:350px;
	display:block;
	background:url(../image/ChiStand_Color.png) no-repeat top center;
	}
	
/* -- /infoCrew --*/
    	
    
/* -- Profile --*/
 
 #Prfbg-SO {
    height:250px;
	background:url(../image/Prf_So01.png) no-repeat top right;
	}

 #Prfbg-SAYA {
    height:250px;
	background:url(../image/Prf_Saya01.png) no-repeat top right;
	}

 #Prfbg-YUTO {
    height:250px;
	background:url(../image/Prf_Yuto01.png) no-repeat top right;
	}

 #Prfbg-CHI {
    height:250px;
	background:url(../image/Prf_Chi01.png) no-repeat top right;
	}

 .Prfbox {
    margin:20px 20px 0 350px;
	padding-top:8px;
	font-size:12px;
	text-align:left;
	letter-spacing:1px;
	}
 
 .Prfbox dt {
    margin:20px 0 0 0;
	padding:0;
	color:#990000;
	font-size:9px;
	font-weight:bold;
	}
	
 .Prfbox dd {
    margin:-15px 0 15px 80px;
	padding:0;
	}
	
	
/* -- CrewList --*/

 #List {
    margin:50px 0 0 0;
	padding:0;
	height:20px;
	}
 
 ul.CrewList {
    margin:0;
	padding:0;
	}
	
 ul.CrewList li {
    margin:0;
	padding:0;
	font-size:10px;
	display:inline;
	}
	
 ul.CrewList li a {
    margin:0;
    padding:2px 20px;
	color:#666666;
	float:left;
	background:url(../image/tab_line.png) no-repeat right;
	}
	
 ul.CrewList li a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
	}

 ul.CrewList li a.selected,
 ul.CrewList li a:hover.selected {
    color:#990000;
	background-color:#FFFFFF;
	}


/* -- Profile --*/





/* ******** Product ******* */

 #Product {
    margin:0;
	padding:0;
	width:540px;
	height:270px;
	}
	
	
 .apparel {
    margin:10px;
	padding:0;
	width:250px;
	height:250px;
	float:left;
	background:url(../image/icon_tshirt01.png) no-repeat top center;
	}
	
 .apparel a {
	display:block;
	height:250px;
	text-indent:-9999px;
	}
	
 .apparel a:hover {
	width:250px;
	height:250px;
	display:block;
	background:url(../image/icon_tshirt02.png) no-repeat top center;
	}
		
	
 .media {
    margin:10px;
	padding:0;
	width:250px;
	height:250px;
	float:left;
	background:url(../image/icon_media01.png) no-repeat top center;
	}
	
 .media a {
	display:block;
	height:250px;
	text-indent:-9999px;
	}
	
 .media a:hover {
	width:250px;
	height:250px;
	display:block;
	background:url(../image/icon_media02.png) no-repeat top center;
	}
	

 #detail {
    margin:20px 0 0 0;
	padding:0 0 0 60px;
	width:250px;
	font-size:12px;
	text-align:left;
	}
	
 #detail dt {
	font-weight:bold;
	color:#990000;
    }
	
 #detail dd {
    margin:-16px 0 20px 80px;
	padding:0;
    }
	
	
 .toMedia {
    margin:0 0 10px 0;
	font-size:16px;
    text-align:right;
	}
	
 .toApparel {
    margin:0 0 10px 0;
	font-size:16px;
    text-align:left;
	}
	    

/* --Wallpaper-- */

 #Wp_box {
    width:700px;
	height:525px;
    background:url(../Product/wallpaper/Wallpaper_sample.jpg) no-repeat;
	}
	
 #Wp_DL ul {
    margin:10px 0 0 0;
	}
	
 #Wp_DL ul li {
    padding:0 20px 0 0;
    display:inline;
	}
	
 .method {
    width:700px;
    margin:20px 0 0 20px;
	font-size:12px;
	text-align:left;
	}






/* ******** Blog ******** */

/* --blogbox-- */

 #blogbox {
    margin:15px 0;
	padding:0;
	width:600px;
	height:420px;
	}

 .blog1 {
    float:left;
	display:block;
    margin:0;
	padding:0;
	height:420px;
	background:url(../image/BlogBg_Mono01.png) no-repeat top left;
	}
	
 .blog2 {
    float:right;
	display:block;
    margin:0 0 0 0;
	padding:0;
	height:420px;
	background:url(../image/BlogBg_Mono02.png) no-repeat top left;
	}
			
 .blog1 a {
   /*\*/
    overflow: hidden;
   /**/
    display:block;
	margin:0;
	width:288px;
	height:420px;
	text-indent:-9999px;
	}
	
 .blog1 a:hover {
    background:url(../image/BlogBg_Color01.png) no-repeat top left;
	}
	 
 .blog2 a {
   /*\*/
    overflow: hidden;
   /**/
    display:block;
	margin:0;
	width:312px;
	height:420px;
	text-indent:-9999px;
	}
	
 .blog2 a:hover {
    background:url(../image/BlogBg_Color02.png) no-repeat top left;
	}
 
/* --/blogbox-- */


/* ******** Contact ******* */
	
 #Cctbox {
    margin:30px 200px;
	padding:0;
	font-size:12px;
	text-align:left;
	letter-spacing:1px;
	}
 
 #Cctbox dt {
    margin:10px 0 0 0;
	padding:0;
	color:#990000;
	font-size:9px;
	font-weight:bold;
	}
	
 #Cctbox dd {
    margin:-13px 0 15px 130px;
	padding:0;
	}
    
	
/* ******** Footer ******* */

 #footer {
    clear:both;
	display:block;
    margin:0px;
    padding:0px;
    width:100%;
    }
	
 .copyright {
    margin:0px;
    padding:10px 0px;
    letter-spacing:1px;
    text-align:center;
	}