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


/*--------------------------------------------------------------
Lauout
--------------------------------------------------------------*/

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

#container{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]border:#999 1px solid; */
	margin: 20px auto 0 auto;
	padding: 12px;
}






/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
header{
	height:65px;
}


header li.current img{
	opacity:0;
}


/* logo
----------------------*/
#logo{
	float:left;
}

/* menu
----------------------*/

#menu{
	float:right;
}
#menu_upper{
	
}
#menu_bottom{
	clear:both;
}


/* Main Menu
----------------------*/
#main_menu li{
	float:left;
}

#main_menu a{
	display:block;
	width:144px;
	height:12px;
	margin:0 6px;
	padding:0 0 6px 0;
	background-repeat:no-repeat;
	background-position:left top;
}

#main_menu li:nth-child(1) a{
	background-image:url(../img/nav_1_o.png);
}

#main_menu li:nth-child(2) a{
	background-image:url(../img/nav_2_o.png);
}

#main_menu li:nth-child(3) a{
	background-image:url(../img/nav_3_o.png);
}

#main_menu li:nth-child(4) a{
	background-image:url(../img/nav_4_o.png);
}

#main_menu li:nth-child(5) a{
	background-image:url(../img/nav_5_o.png);
}





/* Sub Menu
----------------------*/
#sub_menu{
	float:left;
	
}

#sub_menu li{
	float:left;
}

#sub_menu a{
	margin:0;
	padding:0;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
	height:24px;
}



/* Language
----------------------*/
#language{
	float:right;
	width:155px;
}

#language ul {
	
}

#language li {
	float:left;
}

#language a {
	display:block;
	height:24px;
	background-repeat:no-repeat;
	background-position:left center;
}

#language li:nth-child(1) a{
	background-image:url(../img/language_1_o.png);
}

#language li:nth-child(2) a{
	background-image:url(../img/language_2_o.png);
}




/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
#main{
	width:930px;
	position:relative;
	
}

.page_menu{
	left:0;
}

.page_menu li{
	float:left;
	margin-right:16px;
}


.page_menu a{
	width:16px;
	height:16px;
	display:block;
	background-color:#999;
	border-radius:8px;
}

.page_menu a:hover{
	background-color:#000;
}

.page_menu .current a{
	background-color:#000;
	opacity:1;
}


/* --- リストエリア --- */
ul.work_list {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 0px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.work_list li {
width: 16.6%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 13px; /* 項目の下マージン */
text-align: left;
}
ul.work_list li :hover {
   opacity: 0.75; /* 25％ほど透明にする */
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


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

footer{
	margin-top:30px;	
}