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

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
サイト共通
------------------------------ */

body{
width:800px;
background:url(../images/body_bg.png) repeat-x #091a25;
margin:0px auto 40px;
text-align:center;
color:#FFFFFF;
}

a , strong{
color:#3A9FD8;
}

a:hover{
color:#A9DAE9;
}

/* ------------------------------
ヘッダー
------------------------------ */

#header{

}

h1{
text-indent:-10000px;
overflow:hidden;
}

h1.title{
background:url(../images/header.png) no-repeat;
width:800px;
height:247px;
}


/* ------------------------------
メニュー
------------------------------ */

#menu{
width:800px;
height:65px;
position:relative;
text-align:left;
background:url(../images/menu.png) no-repeat 0 0;
}


#menu li{
		height:65px;
		position:absolute;
		overflow:none;
		list-style:none;
}
	
#menu a{
		height:65px;
		display:block;
		text-indent:-10000px;
		overflow:hidden;
}
	

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

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

#m_top{
	left:7px;
}
	
	#m_top a{
	width:128px;
	background-position:-7px 0px;
	}
	
	#m_top a:hover{
	width:128px;
	background-position:-7px -65px;
	}
	
	#m_top a.selected{
	width:128px;
	background-position:-7px -65px;
	}


#m_about{
	left:137px;
}
	
	#m_about a{
	width:128px;
	background-position:-137px 0px;
	}
	
	#m_about a:hover{
	width:128px;
	background-position:-137px -65px;
	}
	
	#m_about a.selected{
	width:128px;
	background-position:-137px -65px;
	}


#m_works{
	left:267px;
}

	#m_works a{
	width:128px;
	background-position:-267px 0px;
	}
	
	#m_works a:hover{
	width:128px;
	background-position:-267px -65px;
	}

	#m_works a.selected{
	width:128px;
	background-position:-267px -65px;
	}

#m_member{
	left:397px;
}

	#m_member a{
	width:128px;
	background-position:-397px 0px;
	}
	
	#m_member a:hover{
	width:128px;
	background-position:-397px -65px;
	}

	#m_member a.selected{
	width:128px;
	background-position:-397px -65px;
	}

#m_blog{
	left:527px;
}

	#m_blog a{
	width:128px;
	background-position:-527px 0px;
	}
	
	#m_blog a:hover{
	width:128px;
	background-position:-527px -65px;
	}

	#m_blog a.selected{
	width:128px;
	background-position:-527px -65px;
	}

#m_link{
	left:657px;
}

	#m_link a{
	width:128px;
	background-position:-657px 0px;
	}
	
	#m_link a:hover{
	width:128px;
	background-position:-657px -65px;
	}

	#m_link a.selected{
	width:128px;
	background-position:-657px -65px;
	}

/* ------------------------------
コンテンツ
------------------------------ */

#contents2{
background-color:#091a25;
width:800px;
text-align:left;
margin-left:-10px;
margin-bottom:30px;
}
#contents{
padding-top:80px;
background:url(../images/contents_bg.png) no-repeat #091a25;
width:800px;
text-align:left;
margin-left:-10px;
margin-bottom:30px;
}
#contents h2{
margin-bottom:20px;
font-size:110%;
}

#contents #top_information{
margin-bottom:30px;
}

#contents #top_information .info_image{
float:left;
margin-right:20px;
width:360px;
}

#contents #top_information .info_image .top{
margin-bottom:20px;
}

#contents #top_information .info_image .banner{
margin-bottom:5px;
}

#contents #top_information .info_image p{
margin-bottom:10px;
}


#contents #top_information div#info_text{
float:left;
width:400px;
}

#contents #top_information div#info_text h3{
margin-bottom:20px;
font-size:120%;
}

#contents #top_information div#info_text p{
margin-bottom:5px;
}

#contents #top_information div#info_text ul{
margin-bottom:10px;
}

#contents #top_information div#info_text ul.end{
margin-bottom:40px;
}

#contents #top_information div#info_text p.end{
margin-bottom:40px;
}

#contents #top_information div#info_text li{
font-size:90%;
line-height:160%;
color:#b2dae9;
}

#contents #top_note h3{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #FFFFFF;
}

#contents #top_note p{
color:#b2dae9;
font-size:90%;
line-height:14	0%;
}

#contents2 h2{
margin-bottom:20px;
font-size:110%;
}

#contents2 #top_information{
margin-bottom:30px;
}

#contents2 #top_information .info_image{
float:left;
margin-right:20px;
width:360px;
}

#contents2 #top_information .info_image .top{
margin-bottom:20px;
}

#contents2 #top_information .info_image .banner{
margin-bottom:5px;
}

#contents2 #top_information .info_image p{
margin-bottom:10px;
}


#contents2 #top_information div#info_text{
float:left;
width:400px;
}

#contents2 #top_information div#info_text h3{
margin-bottom:20px;
font-size:120%;
}

#contents2 #top_information div#info_text p{
margin-bottom:5px;
}

#contents2 #top_information div#info_text ul{
margin-bottom:10px;
}

#contents2 #top_information div#info_text ul.end{
margin-bottom:40px;
}

#contents2 #top_information div#info_text p.end{
margin-bottom:40px;
}

#contents2 #top_information div#info_text li{
font-size:90%;
line-height:160%;
color:#b2dae9;
}

#contents2 #top_note h3{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #FFFFFF;
}

#contents2 #top_note p{
color:#b2dae9;
font-size:90%;
line-height:14	0%;
}


/* ------------------------------
トップ：アザーワークス
------------------------------ */
#top #other{
margin-bottom:20px;
}

#top #other div.other_head{
width:800px;
height:15px;
background:url(../images/other_head.png) no-repeat;
}

#top #other div.other_inside{
background:url(../images/other_bg.png) repeat-y;
overflow:hidden;
}

#top #other div.other_inside ul{
padding:10px 50px;
}

#top #other div.other_inside li{
width:88px;
height:88px;
position:relative;
overflow:none;
list-style:none;
display:block;
float:left;
margin-right:45px;
margin-bottom:10px;
}

#top #other div.other_bottom{
width:800px;
height:15px;
background:url(../images/other_bottom.png) no-repeat;
}

/* ------------------------------
アバウト
------------------------------ */
#about p{
font-size:90%;
line-height:160%;
margin-bottom:20px;
}

#about p.end{
margin-bottom:40px;
}

#about h2{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #FFFFFF;
}

/* ------------------------------
ワークス
------------------------------ */
#works p{
font-size:90%;
line-height:160%;
margin-bottom:20px;
}

#works p.end{
margin-bottom:40px;
}

#works h2{
clear:both;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #FFFFFF;
}

#works div.works_item{
text-align:center;
width:128px;
overflow:hidden;
float:left;
margin:5px 15px 30px;
}

#works div.shop_item{
text-align:center;
width:200px;
overflow:hidden;
float:left;
margin:5px 30px 10px;
}

#works div.other_works p{
margin-bottom:10px;
}

#works div.other_works li {
color:#B2DAE9;
font-size:90%;
line-height:160%;
margin-bottom:5px;
}

#works div.other_works ul {
margin-bottom:20px;
}

/* ------------------------------
メンバー
------------------------------ */
#member p{
font-size:90%;
line-height:160%;
margin-bottom:10px;
}

#member p.end{
margin-bottom:20px;
}

#member h2 {
border-bottom:1px dotted #FFFFFF;
margin-bottom:10px;
padding-bottom:5px;
}

#member h3{
color:#B2DAE9;
margin-bottom:10px;
}

#member div.member_item{
margin-bottom:40px;
}

/* ------------------------------
リンク
------------------------------ */
#link p{
font-size:90%;
line-height:160%;
margin-bottom:20px;
}

#link p.end{
margin-bottom:40px;
}

#link h2 {
border-bottom:1px dotted #FFFFFF;
margin-bottom:10px;
padding-bottom:5px;
}

/* ------------------------------
フッター
------------------------------ */


#footer{
width:800px;
height:50px;
color:#FFFFFF;
text-align:center;
font-size:90%;
margin-bottom:60px;
background:url(../images/footer_bg.png) no-repeat #091a25;
padding-top:20px;
}

#footer h4{
text-indent:-10000px;
overflow:hidden;
width:343px;
height:44px;
background:url(../images/footer_img.png) no-repeat;
text-align:center;
margin:0 auto 10px;
}

#footer p{
color:#1e4056;
font-size:80%;
}