@charset "UTF-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

/* ------------------------------
言語記述ルール
------------------------------ */


body {
background-color:#161281;
color:#ffffff;
height:auto;
width:100%;
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Geneva","Arial","Verdana","sans-serif";
}

ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
z-index:5;
}

p{
line-height:150%;
}

img {
border:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

a{
color:#FFFFFF;
text-decoration:underline;
}

a:hover{
color:#53B4FF;
}


/* ------------------------------
サイト共通::ヘッダー
------------------------------ */

#wrapper{
background:#6a181d url(../images/main_content_bg.png) repeat-y;
width:810px;
height:auto;
text-align:center;
margin:0 auto;
}

#head{
height:auto;
width:100%;
background:url(../images/header_bg.jpg) repeat-x center top;
}

#head h1{
width:810px;
height:327px;
margin:0 auto;
text-indent:-10000px;
overflow:hidden;
background:url(../images/header.png) no-repeat;
}

/* ------------------------------
サイト共通::メニュー
------------------------------ */

#menu{
background-image:url(../images/menu.png);
background-position:0 0;
height:57px;
margin:0 auto;
position:relative;
text-align:left;
width:810px;
}

#menu  li{
height:57px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
z-index:10;
}

#menu  a {
display:block;
height:57px;
text-indent:-10000px;
overflow:hidden;
}

	#menu a:hover{
	background-image:url(../images/menu.png);
}

	#menu a.selected{
	background-image:url(../images/menu.png);
}


#menu_home{
	left:143px;
}
	
	#menu_home a{
	width:103px;
	background-position:-143px 0px;
	}
	
	#menu_home a:hover{
	width:103px;
	background-position:-143px -57px;
	}
	
	#menu_home a.selected{
	width:103px;
	background-position:-143px -114px;
	}

	#menu_home a.selected:hover{
	width:103px;
	background-position:-143px -114px;
	}


#menu_about{
	left:248px;
}

	#menu_about a{
	width:105px;
	background-position:-248px 0px;
	}
	
	#menu_about a:hover{
	width:105px;
	background-position:-248px -57px;
	}

	#menu_about a.selected{
	width:105px;
	background-position:-248px -114px;
	}
	
	#menu_about a.selected:hover{
	width:105px;
	background-position:-248px -114px;
	}



#menu_works{
	left:355px;
}

	#menu_works a{
	width:105px;
	background-position:-355px 0px;
	}
	
	#menu_works a:hover{
	width:105px;
	background-position:-355px -57px;
	}
	
	#menu_works a.selected{
	width:105px;
	background-position:-355px -114px;
	}
	
	#menu_works a.selected:hover{
	width:105px;
	background-position:-355px -114px;
	}


#menu_blog{
	left:462px;
}

	#menu_blog a{
	width:104px;
	background-position:-462px 0px;
	}
	
	#menu_blog a:hover{
	width:104px;
	background-position:-462px -57px;
	}
	
	#menu_blog a.selected{
	width:104px;
	background-position:-462px -114px;
	}
	
	#menu_blog a.selected:hover{
	width:104px;
	background-position:-462px -114px;
	}

#menu_links{
	left:568px;
}

	#menu_links a{
	width:98px;
	background-position:-568px 0px;
	}
	
	#menu_links a:hover{
	width:98px;
	background-position:-568px -57px;
	}
	
	#menu_links a.selected{
	width:98px;
	background-position:-568px -114px;
	}
	
	#menu_links a.selected:hover{
	width:98px;
	background-position:-568px -114px;
	}
	
/* ------------------------------
サイト共通::コンテンツ
------------------------------ */
	
#content{
background:url(../images/main_content_bg.png) no-repeat;
width:694px;
position:relative;
height:auto;
padding:10px 70px 20px 46px;
}

#left{
float:left;
width:236px;
text-align:left;
}

#left h4{
text-indent:-10000px;
overflow:hidden;
}

#left h4.information{
background:url(../images/menu_info.png) no-repeat;
width:236px;
height:47px;
}

#left h4.links{
background:url(../images/menu_links.png) no-repeat;
width:236px;
height:36px;
}

#left h5{
font-size:80%;
color:#ffffff;
margin-bottom:15px;
}

#left h5.date{
padding-left:10px;
background:url(../images/date_icn.png) no-repeat left center;
}

#left p{
font-size:80%;
margin-bottom:20px;
}

#left #left_content{
background:url(../images/menu_middle_bg.png) repeat-y;
height:auto;
width:200px;
padding:15px 22px 30px 22px;
}

#left #left_bottom{
background:url(../images/menu_bottom_bg.png) no-repeat;
width:236px;
height:52px;
}

#right{
float:right;
width:446px;
text-align:left;
}

#right #title{
padding-left:10px;
border-left:#FFFFFF solid 2px;
}

#right #title h2{
font-size:90%;
border-bottom:#f0f0f0 dotted 1px;
width:100%;
padding-bottom:4px;
margin-bottom:5px;
}

#right #title h3{
font-size:80%;
color:#d7a56a;
}

#right #right_content{
margin-top:20px;
margin-bottom:40px;
}

#right #right_content h4{
font-size:80%;
padding-bottom:3px;
border-bottom:#FFFFFF 1px dotted;
margin-bottom:10px;
margin-top:20px;
}

#right #right_content textarea{
font-size:80%;
margin-bottom:30px;
}

#right #right_content p{
font-size:80%;
line-height:150%;
margin:10px 0px;
}

#right #right_content table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin:0;
padding:0;
}

#right #right_content th{
font-size:80%;
width:100px;
padding:5px 0px;
} 

#right #right_content td{
font-size:80%;
padding:5px 0px;
vertical-align:top;
} 

#right #right_content ul{
font-size:80%;
}

#right #right_content li{
padding-left:10px;
list-style-position:inside;
list-style-type:square;
}

/* ------------------------------
サイト共通::フッター
------------------------------ */

#footer{
width:100%;
height:auto;
background-color:#161281;
}

#footer h6{
width:810px;
height:90px;
margin:0 auto;
padding-bottom:50px;
text-indent:-10000px;
overflow:hidden;
background:url(../images/footer.png) no-repeat;
}


/* ------------------------------
About :: アバウト
------------------------------ */

#about #right #right_content table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

#about #right #right_content #line{
border-bottom:#FFFFFF 1px dotted;
padding:10px 0px;
margin-bottom:10px;
}

#about #right #right_content td {
width:140px;
}


/* ------------------------------
Works :: ワークス
------------------------------ */

#works #right_content #cd_works{

}

#works #right_content #cd_works ul{
font-size:90%;
padding-left:20px;
line-height:240%;
}

#works #right_content #cd_works li.title{
font-weight:bold;
}

#works #right_content table{
vertical-align:top;

}

#works_frame_top{
width:446px;
height:14px;
}

#works_frame_middle{
background:#0f1824 url(../images/works/works_frame_middle.png) repeat-y;
padding:10px 20px;
}

#works_frame_bottom{
width:446px;
height:10px;
margin-bottom:30px;
}

#works #right_content p.detail{
}

#works #right_content #right_content_etc{
margin-top:30px;
}