@charset "UTF-8";

/* CSS Document */

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

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
label{
font-family:"Times New Roman",Times,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{
margin:0 auto;
height:100%;
background:url(../images/body.png) repeat-x #ffffff;
color:#2a2a2a;
overflow-y:scroll;
}

#wrap_body{
}

#wrapper{
width:960px;
height:auto;
margin:0 auto;
}


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

h3,h4{

}

a{
text-decoration:none;
}

a:hover{
color:#4a4a4a;
}

p{
line-height:150%;
}

strong{
}



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

#header{
	width:960px;
	height:auto;
	margin:90px auto 46px;
}

#header h1{
width:216px;
height:28px;
float:left;
margin-left:10px;
position:relative;
background:url(../images/logo.png) no-repeat 0 0;
}

#header h1 a{
display:block;
width:216px;
height:28px;
background:url(../images/logo.png) no-repeat 0 -28px;

}

#header h1 a.select{
background:url(../images/logo.png) no-repeat 0 -28px;
}


#header ul#menu{
width:330px;
float:right;
height:28px;
margin-right:10px;
position:relative;
background:url(../images/menu.png) no-repeat;
}

#header #menu li{
display:block;
float:left;
text-indent:-10000px;
overflow:hidden;
height:28px;
position: relative;
background:url(../images/menu.png) no-repeat;
}

#header #menu a{
display:block;
text-indent:-10000px;
overflow:hidden;
height:28px;
position: relative;
background:url(../images/menu.png) no-repeat;
}

#header li#menu01.hover{
	background:url(../images/menu.png) 0 -28px;
}


#header li#menu01{
	width:70px;
	margin-right:38px;
}

#header li#menu01 a{
	background-position:0 -28px;
	width:70px;
}

#header li#menu02.hover{
	background:url(../images/menu.png) 0 -28px;
}


#header li#menu02{
	width:100px;
	background-position:-110px 0px;
	margin-right:40px;
}

#header li#menu02 a{
	background-position:-110px -28px;
	width:100px;
}

#header li#menu03.hover{
	background:url(../images/menu.png) -247px -28px;
}


#header li#menu03{
	width:82px;
	background-position:-247px 0px;
}

#header li#menu03 a{
	background-position:-247px -28px;
	width:82px;
}

/*
#header #menu li#menu01 , #header #menu li#menu01 a{
width:70px;
height:28px;
margin-right:42px;
}

#header #menu li#menu01 a.hover{
background-position:0 -28px;
background-image:url(../images/menu.png);
}

#header #menu li#menu02 , #header #menu li#menu02 a{
width:100px;
height:28px;
margin-right:35px;
}

#header #menu li#menu02.hover{
background-position:-112px -28px;
background-image:url(../images/menu.png);
}

#header #menu li#menu03 , #header #menu li#menu03 a{
width:82px;
height:28px;
}

#header #menu li#menu03.hover{
background-position:-247px -28px;
background-image:url(../images/menu.png);
}
*/

/* ------------------------------
ホーム
------------------------------ */

#home{
	width:960px;
	margin:0 auto 50px;
}

#home a.home_link{
	display:block;
	width:102px;
	height:102px;
	background:url(../images/back.png) 0 0;
	margin:0 auto;
	text-indent:-10000px;
	overflow:hidden;
}

#home a.home_link:hover{
	background:url(../images/back.png) -102px 0;
}

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

#footer{
	width:960px;
	margin:0 auto 70px;
}


#footer p{
	color:#9a9a9a;
	font-size:9px;
	margin:0 auto;
	text-align:center;
}

/* ------------------------------
トップイメージ
------------------------------ */

#top_img{
width:960px;
height:350px;
margin:0 auto 70px;
}

#top_img p#slider img{
	display:none;
}


/* ------------------------------
ワークス
------------------------------ */

#works{
	width:960px;
	margin:0 auto 60px;	
}	

#works div.item{
	width:222px;
	height:224px;
	border-bottom:1px solid #cacaca;
	float:left;
	margin-right:24px;
	margin-bottom:38px;
}

#works div.end{
	margin-right:0px;
}

#works a.works_thum{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:222px;
	height:170px;
	margin-bottom:10px;
}

#works div.item h3{
	font-weight:bold;
	font-size:13px;
	color:#2a2a2a;
	margin-bottom:2px;
}

#works div.item h4{
	font-size:11px;
	color:#9a9a9a;
}

#works div.item h2{
	width:222px;
	height:170px;
}

/* ------------------------------
ワークスサムネイル 2012
------------------------------ */

#works div.item h2.other_2012_title{
	background:url(../images/work_thum/2012/other_2012_title.png) no-repeat;
}

#works div.item a.other_2012_03{
	background:url(../images/work_thum/2012/other_2012_03.png) no-repeat;
}

#works div.item a.other_2012_02{
	background:url(../images/work_thum/2012/other_2012_02.png) no-repeat;
}

#works div.item a.other_2012_01{
	background:url(../images/work_thum/2012/other_2012_01.png) no-repeat;
}

/* ------------------------------
ワークスサムネイル 2011
------------------------------ */

#works div.item h2.other_2011_title{
	background:url(../images/work_thum/2011/other_2011_title.png) no-repeat;
}

#works div.item a.other_2011_04{
	background:url(../images/work_thum/2011/other_2011_04.png) no-repeat;
}

#works div.item a.other_2011_03{
	background:url(../images/work_thum/2011/other_2011_03.png) no-repeat;
}

#works div.item a.other_2011_02{
	background:url(../images/work_thum/2011/other_2011_02.png) no-repeat;
}

#works div.item a.other_2011_01{
	background:url(../images/work_thum/2011/other_2011_01.png) no-repeat;
}


/* ------------------------------
ワークスサムネイル C81
------------------------------ */

#works div.item h2.c81_title{
	background:url(../images/work_thum/c81/c81_title.png) no-repeat;
}

#works div.item a.c81_07{
	background:url(../images/work_thum/c81/c81_07.png) no-repeat;
}

#works div.item a.c81_06{
	background:url(../images/work_thum/c81/c81_06.png) no-repeat;
}

#works div.item a.c81_05{
	background:url(../images/work_thum/c81/c81_05.png) no-repeat;
}

#works div.item a.c81_04{
	background:url(../images/work_thum/c81/c81_04.png) no-repeat;
}

#works div.item a.c81_03{
	background:url(../images/work_thum/c81/c81_03.png) no-repeat;
}

#works div.item a.c81_02{
	background:url(../images/work_thum/c81/c81_02.png) no-repeat;
}

#works div.item a.c81_01{
	background:url(../images/work_thum/c81/c81_01.png) no-repeat;
}

#works div.item a.c81_00{
	background:url(../images/work_thum/c81/c81_00.png) no-repeat;
}

/* ------------------------------
ワークスサムネイル C80
------------------------------ */

#works div.item h2.c80_title{
	background:url(../images/work_thum/c80/c80_title.png) no-repeat;
}

#works div.item a.c80_02{
	background:url(../images/work_thum/c80/c80_02.png) no-repeat;
}

#works div.item a.c80_01{
	background:url(../images/work_thum/c80/c80_01.png) no-repeat;
}


/* ------------------------------
ワークスサムネイル m3a_11
------------------------------ */

#works div.item h2.m3a_11_title{
	background:url(../images/work_thum/m3a_2011/m3a_11_title.png) no-repeat;
}

#works div.item a.m3a_11_03{
	background:url(../images/work_thum/m3a_2011/m3a_11_03.png) no-repeat;
}

#works div.item a.m3a_11_02{
	background:url(../images/work_thum/m3a_2011/m3a_11_02.png) no-repeat;
}

#works div.item a.m3a_11_01{
	background:url(../images/work_thum/m3a_2011/m3a_11_01.png) no-repeat;
}

#works div.item a.m3a_11_00{
	background:url(../images/work_thum/m3a_2011/m3a_11_00.png) no-repeat;
}

/* ------------------------------
ワークスサムネイル m3s_11
------------------------------ */

#works div.item h2.m3s_11_title{
	background:url(../images/work_thum/m3s_2011/m3s_11_title.png) no-repeat;
}

#works div.item a.m3s_11_01{
	background:url(../images/work_thum/m3s_2011/m3s_11_01.png) no-repeat;
}


/* ------------------------------
ワークスサムネイル 2011 TOHO-Autumn
------------------------------ */

#works div.item h2.toho_2011a_title{
	background:url(../images/work_thum/2011_toho_autumn/toho_2011a_title.png) no-repeat;
}

#works div.item a.toho_2011a_02{
	background:url(../images/work_thum/2011_toho_autumn/toho_2011a_02.png) no-repeat;
}

#works div.item a.toho_2011a_01{
	background:url(../images/work_thum/2011_toho_autumn/toho_2011a_01.png) no-repeat;
}


/* ------------------------------
ページ
------------------------------ */

#works div#text{
	width:222px;
	float:left;
}

#works div#text h3{
	color:#2a2a2a;
	font-size:1.4em;
	margin-bottom:5px;
}

#works div#text h4{
	color:#6a6a6a;
	font-size:1.1em;
	margin-bottom:2px;
}

#works div#text h5{
	color:#6a6a6a;
	font-size:1.1em;
	margin-bottom:30px;
}

#works div#text ul{
	margin-bottom:50px;
}

#works div#text li{
	color:#6a6a6a;
	font-size:1em;
	line-height:150%;
}

#works div#text a{
	color:#6a6a6a;
	padding-bottom:1px;
	border-bottom:1px solid #9a9a9a;	
}

#works div#text a:hover{
	color:#cacaca;
	border-bottom:1px solid #cacaca;
}

#works div#image{
	width:714px;
	float:right;
}

#works div#image img{
	display:block;
	margin-bottom:15px;	
}