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

/*------------------------------------------

   共通設定

------------------------------------------*/


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


#bace{
	background: url("../03_images/00_common/background.jpg");
}

#sucll{
		background:url("../03_images/00_common/header_bg.png");
}

#header{
	margin:0 auto;
	height:175px;
	width:920px;
}

#header h1{
	margin-left:10px;
	float:left;
	margin-top:57.5px;
	margin-right:0px;
}

#header ul{
	float:right;
	margin-top:45px;
}

#header li{
	float:left;
	display:inline;
	margin-right:15px;
	margin-left:0px;
}

#footer{
	clear:both;
	height:250px;
	padding:30px;
	background-image:url(../03_images/02_home/visual_bg.png);
	margin-top:50px;
}

#footer li{
	margin-left:30px;
	list-style:none;
	width:60px;
	height:60px;
}

#footer1{
	margin:0 auto;
	width:660px;
	height:60px;
}

.footer_menu1{
	float:left;
}

#mail_box{
	margin:0 auto;
	width:450px;
	height:50px;
	color:white;
	font-size:12px;
	margin-top:25px;
}

.footer_logo{
	float:left;
	margin-right:20px;
	margin-top:0px;
}

.mail{
	float:left;
	margin-top:-3px;
}

#copyright{
	color:white;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
	width:450px;
	font-size:12px;
}

a{
	text-decoration:none;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 50px;
}

.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: white; /* 線色 */
   height: 1px; /* 高さ */
}


/*------------------------------------------

   index.html

------------------------------------------*/


.centerMiddle {
  margin: -30px 0 0 -77.5px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 155px;  /*横幅*/
  height: 60px;  /*縦幅*/
  background-color: #fff;
}


/*------------------------------------------

   home.html

------------------------------------------*/

#visual{
	border-width:1px 0px 0px 0px;
	border-style:solid;
	color:white;
	height:450px;
	background-image:url(../03_images/02_home/visual_bg.png);
	position: relative;
}

#visual1{
	background:gray;
	position: relative;
	margin: -175px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 920px;  /*横幅*/
	height: 350px;  /*縦幅*/
}

#content1{
	margin:0 auto;
	width:950px;
	margin-top:30px;
}

#content2{
	margin:0 auto;
	width:950px;
	height:440px;
	margin-top:30px;
	background:;
}

#home1{
	margin:0 auto;
	width:950px;
	margin-top:30px;
	height:580px;
}

#home2{
	margin:0 auto;
	width:950px;
	height:440px;
	margin-top:30px;
}


#content2-1{
	width:620px;
	float:left;
}

#content2-2{
	float:left;
	background:white;
	width:320px;
	height:440px;
}

#for_top{
	margin:0 auto;
}

.new_works{
	margin-left:10px;
	margin-right:20px;
	margin-top:0px;
}

.menu_section{
	float:left;
	width:225px;
	height:270px;
	margin-left:10px;
	margin-top:10px;
	background-image:url("../03_images/02_home/section_img_bg.png");
	color:white;
	position: relative;
}

.genre{
	margin-left:0px;
	margin-top:0px;
	position: absolute;
}


.menu_img{
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
}

.click{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.works_title{
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:15px;
	color:#969696;
	font-size:12px;
	font-weight:bold;
}

.works_caption{
	margin-left:15px;
	margin-right:15px;
	margin-top:-10px;
	font-size:11px;
}

.works_url{
	margin-top:5px;
	font-size:11px;
	margin-left:15px;
}

.works_url_img{
	margin-right:3px;
	margin-bottom:4px;
}

.whats_new{
	margin-left:10px;
	margin-right:20px;
	margin-top:0px;
}

.menu_section2-1{
	width:590px;
	height:30px;
	margin-left:10px;
	margin-top:10px;
	background:black;
	color:white;
}

.menu_section2-2{
	width:590px;
	height:30px;
	margin-left:10px;
	margin-top:10px;
	background:#262626;
	color:white;
}

.news_icon{
	float:left;
	margin-left:8px;
	margin-right:5px;
	margin-top:8px;
}

.whats_new1{
	margin-top:-5px;
	font-size:12px;
	margin-left:15px;
	padding:6px;
}


/*------------------------------------------

   about_us.html

------------------------------------------*/


#sitemap{
	border-width:1px 0px 0px 0px;
	border-style:solid;
	color:white;
	height:70px;
	background-image:url(../03_images/02_home/visual_bg.png);
	position: relative;
}

.sitemap_in{
	font-size:14px;
	width:930px;
	margin:0 auto;
	margin-top:22px;
	font-weight:bold;
}

.sitemap_in a:link {
	color:white;
}

.sitemap_in a:visited{
	color:white;
}

.sitemap_in a:hover{
	color:#979797;
}

.midashi{
	width:930px;
	margin:0 auto;
}

#page_body{
	width:950px;
	margin-top:30px;
	overflow:auto;
}

#table1{
    width: 200px;
    float:left;
	width:200px;
	height:43px;
	background:gray;
	margin-left:10px;
	margin-right:10px;
}

#table1 li{
	list-style:none;
}

.gaiyou{
	margin-top:15px;
	width:660px;
	height:500px;
}

th{
	vertical-align:middle;
	color:black;
	background:#e8e8e8;
	font-size:12px;
	width:100px;
	border-bottom: 1px black solid;}

td{
	vertical-align:middle;
	background:white;
	font-size:12px;
	border-bottom: 1px black solid;
	padding:10px
}

.koumoku{
	width:200px;
	height:43px;
	margin-bottom:5px;
}

#table2{
	border:1px;
	border-style:solid;
	border-color:#646464;
	width:720px;
	height:1655px;
	margin-right:7px;
	float:right;
}

#table2-2{
	border:1px;
	border-style:solid;
	border-color:#646464;
	width:720px;
	height:1770px;
	margin-right:7px;
	float:right;
}


#recruit1{
	margin:0 auto;
	margin-top:30px;
	height:550px;
	width:660px;
	background:none;
}

#recruit2{
	margin:0 auto;
	margin-top:30px;
	height:550px;
	width:660px;
	background:none;
}


#recruit3{
	margin:0 auto;
	margin-top:30px;
	height:550px;
	width:660px;
	background:none;
}


#about_us1{
	margin:0 auto;
	margin-top:30px;
	height:815px;
	width:660px;
	background:none;
}

#about_us2{
	margin:0 auto;
	margin-top:50px;
	height:525px;
	width:660px;
	background:none;
}


#about_us3{
	margin:0 auto;
	margin-top:50px;
	height:495px;
	width:660px;
}

#map_mail{
	float:left;
	font-size:14px;
	font-weight:bold;
}

#access{
	font-size:12px;
	font-weight:bold;
}

#map{
	margin-top:15px;
	float:right;
	width:660px;
	height:250px;
}

#google_map{
	float:right;
}

#about_us3-1{
	width:660px;
	height:225px;
	margin-top:10px;
}

#about_us3-2{
	width:660px;
	height:225px;
	margin-top:10px;
}


.office{
	float:left;
	width:325px;
	height:225px;
	background-image:url("../03_images/03_aboutus/office_bg.jpg");
	color:white;
	position: relative;
}

.office_right{
	margin-left:10px;
	float:right;
	width:325px;
	height:225px;
	background-image:url("../03_images/03_aboutus/office_bg.jpg");
	color:white;
	position: relative;
}


.office_img{
	margin-top:15px;
	margin-left:15px;
}

.office_right_img{
	margin-top:15px;
	margin-left:15px;
}

.office_title{
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
	color:#969696;
	font-size:12px;
	font-weight:bold;
}

.office_caption{
	margin-left:15px;
	margin-right:15px;
	margin-top:-9px;
	font-size:11px;
}

#midashi1{
	width:720px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:10px;
}

#midashi2{
	width:720px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:10px;
}

#midashi3{
	width:720px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:10px;
}

.table_last{
	margin-bottom:50px;
}

#daihyou{
	margin-top:10px;
}

.office_left{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.office_right{
	float:left;
	margin-bottom:10px;
}

.office_left_low{
	float:left;
	margin-right:20px;
	margin-bottom:50px;
}

.office_right_low{
	float:left;
	margin-bottom:50px;
}

#office{
	margin-bottom:30px;
}

.cap{
	font-size:12px;
	margin-top:5px;
}

.office_title{
	font-size:14px;
	font-weight:bold;
}


/*------------------------------------------

   sevice.html

------------------------------------------*/


#srvice_box{
	margin:0 auto;
	margin-top:30px;
	width:930px;
}

.srvice{
	margin-bottom:10px;
}

.srvice_last{
	margin-bottom:50px;
}

.works_link1{
	position:absolute;
	margin-left:808px;
	margin-top:50px;
}

.works_link2{
	position:absolute;
	margin-left:563px;
	margin-top:50px;
}

.works_link3{
	position:absolute;
	margin-left:808px;
	margin-top:50px;
}

/*------------------------------------------

   works.html

------------------------------------------*/


#contentInner{
	margin-bottom:40px;
}


/*------------------------------------------

   member.html

------------------------------------------*/


#member_box{
	margin-top:30px;
}

#member_box1{
	width:930px;
	height:310px;
}

#member_box2{
	margin-top:20px;
	width:930px;
	height:310px;
}

#member_box3{
	margin-top:20px;
	width:930px;
	height:310px;
}

#member_box4{
	margin-top:20px;
	width:930px;
	height:310px;
}

.member{
	float:left;
	margin-right:10px;
}

.member_right{
	float:left;
}


/*------------------------------------------

   recruit.html

------------------------------------------*/

#toiawase{
	position:relative;
	float:right;
	margin-right:7px;
	margin-top:10px;
	border:1px;
	border-style:solid;
	border-color:#646464;
}

#toiawase_mail{
	position:absolute;
	margin-top:-44px;
	margin-left:390px;
}

#toiawase_mail a{
	text-decoration:underline;
}