@charset "UTF-8";
/*CSS Document----------------------------------------
Title : DAG FORCE OFFICIAL WEBSITE
Auther : Yuma Tahara (STUDiO STUPiD)
Last Update : 2009-07-29
----------------------------------------------------*/

/*----------------------------------------------------
# BASIC
----------------------------------------------------*/
*{
	padding:0;
	margin:0;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:8pt;
	line-height:140%;
}

.clear{
	clear:both;
}

a:link{
	color:#000000;
}

a:visited{
	color:#000000;
}

a:hover{
	color:#FF9900;
}

a:active{
	color:#FF9900;
}

/*----------------------------------------------------
# PAGE PREFERENCES
----------------------------------------------------*/
body{
	background-color:#CCCCCC;
	background-image:url(image/subpage/subpage_bg.jpg);
	background-repeat:repeat-x;
	color:#000000;
}

/* PAGE MAIN IMG
----------------------------------------------------*/
#bodyprofile #left{
	float:left;
	background-image:url(image/subpage/profile_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodylive #left{
	float:left;
	background-image:url(image/subpage/live_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodygallery #left{
	float:left;
	background-image:url(image/subpage/gallery_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodycontact #left{
	float:left;
	background-image:url(image/subpage/contact_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodylink #left{
	float:left;
	background-image:url(image/subpage/link_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodytv #left{
	float:left;
	background-image:url(image/subpage/tv_mainvisual.jpg);
	background-repeat:no-repeat;
	min-height:428px;
	width:202px;
}

#bodytv #right #textbox .left{
	float:left;
	width:180px;
	padding-top:225px;
}

.abouttv{
	padding:10px 0px 10px 0px;
}

.abouttv p{
	padding:10px 10px 10px 10px;
	background-color:#000000;
	color:#FFFFFF;
}

/* PAGE MAIN IMG - text area background
----------------------------------------------------*/
#bodyprofile #right .textarea{
	background-image:url(image/subpage/profile_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}

#bodylive #right .textarea{
	background-image:url(image/subpage/live_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}

#bodygallery #right .textarea{
	background-image:url(image/subpage/gallery_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}

#bodycontact #right .textarea{
	background-image:url(image/subpage/contact_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}

#bodylink #right .textarea{
	background-image:url(image/subpage/link_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}

#bodytv #right .textarea{
	background-image:url(image/subpage/tv_textbg.jpg);
	background-repeat:no-repeat;
	min-height:428px;
}


/*----------------------------------------------------
# CONTAINER
----------------------------------------------------*/
#container{
	width:950px;
}

/*----------------------------------------------------
# HEADER
----------------------------------------------------*/
#header{
	height:110;
}

#header h1{
	float:left;
}

#nav{
float:right;
}

#nav .banner{
float:right;
}

#nav .banner ul li{
list-style:none;
float:left;
}

#nav .nav{
clear:both;
}

#nav .nav ul li{
list-style:none;
float:left;
}
/*----------------------------------------------------
# BODY
----------------------------------------------------*/
#bodyprofile,#bodylive,#bodygallery,#bodycontact,#bodylink,#bodytv{
	clear:both;
	padding:0 11px 10px 0px;
}

#left{
	padding:0px;
}

#right{
	float:right;
	width:737px;
	background-image:url(image/subpage/subpage_textbg.jpg);
	background-repeat:repeat-x;
}

#textbox{
padding:5px 10px 0px 10px;
}

#textbox .left{
	float:left;
	width:180px;
}

#textbox .right{
	padding-left:10px;
	float:right;
	width:520px;
	border-left:1px dotted #333333;
}

#textbox .right h3{
	padding:0 0 10px 0;
}

#textbox .right h4{
	padding:10px 0 10px 0;
}

#textbox .right .itembox{
	padding:0 0 10px 0;
	border-bottom:dotted 1px #333333
}

#textbox .right .itembox img{
	float:left;
}

#textbox .right .itembox p{
	width:350px;
	float:right;
}

/*----------------------------------------------------
# FOOTER
----------------------------------------------------*/
#footer{
clear:both;
text-align:right;
padding:15px 15px 10px 0;
}
