/*  
 * Theme Name: 		CRANK WebSite
 * Theme URI: 		http://baumkuchen.biz/
 * Description: 	CRANKのオフィシャルサイト用のテーマです。
 * Author: 			ツツミケント
 * Author URI: 		http://baumkuchen.biz/
 */
 
* {
  margin:0;
  padding:0;
}

p {
	margin: 0;
}

img {
	border:none;
	outline:none;
}

a:link {
	text-decoration: none;
	outline:none;
	color:#000000;
}

a:visited {
	text-decoration: none;
	outline:none;
	color:#000000;
}

a:hover {
	text-decoration: none;
	outline:none;
	color:#ED1C24;
}

.right{
text-align:right;
}

.white{
color:#FFFFFF;
}

.red{
color:#ED1C24;
}

.f-left{
float:left;
}

.m-top5{
margin-top:5px;
}

.m-top10{
margin-top:10px;
}

.p-bottom15{
padding-bottom:15px;
}

h4{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:10px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-size:small;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- 基本構成 */
.twoColFixLtHdr #container {
	width: 936px;  /* 今は最大幅936pxを指定中　最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #000000;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColFixLtHdr #header {
	background: #000000;
	padding: 0;
	margin: 54px 0px 0px 0px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0px 0; /*余白は設定しないので0に マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

.twoColFixLtHdr #ContentsBox {
	width:790px;
	margin: 0px 73px 0px 73px;
}

.twoColFixLtHdr #ContentsHeader {
	width:740px;
	height: 42px;
	background-image: url(img/common/Contentsheader_bg.gif);
	margin: 17px 0px 0px 0px;
	padding:25px 25px 0px 25px;
}

.twoColFixLtHdr #ContentsMenu {
	width:165px;
	height: 411px;
	background-image: url(img/common/Contentsmenu_bg.gif);
	margin: 0px 0px 0px 0px;
	padding:20px 0px 0px 25px;
	overflow:auto;
	float: left;
}

.twoColFixLtHdr #ContentsMain {
	width:570px;
	height: 391px;
	background-image: url(img/common/ContentsMain_bg.gif);
	margin: 0px 0px 0px 0px;
	padding:20px 20px 20px 10px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	float: left;
}

.twoColFixLtHdr #footer {
	width:790px;
	background-image: url(img/common/footer_bg.gif);
	margin: 20px 73px 30px 73px;
	padding: 78px 0px 0px 0px;
	background-repeat: no-repeat;
	clear: both;
} 
.twoColFixLtHdr #footer p {
	color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
	margin: 0;
}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*  end 基本構成*/

/* -+-+-+-+-+-+-+-+-+-+-+-+- CSS Menu*/

#cssMenu {
	height:36px;
	margin:35px 73px 0px 73px;
	width:790px;
	background-image: url(img/common/CSSmenu_bg.gif);
	background-repeat: no-repeat;
}

#cssMenu ul {
	padding:0px;
}
#cssMenu li {
	display:inline;
	list-style-type:none;
}
#cssMenu li a {
	height:36px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#cssMenu li.spaces{
	background:url(img/common/CSSmenu.gif) no-repeat 209px 0px;
	width:22px;
	height:36px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

#cssMenu li.spaces24{
	background:url(img/common/CSSmenu.gif) no-repeat 209px 0px;
	width:23px;
	height:36px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

#cssMenu li.cssMenuNEWS a {
	background:url(img/common/CSSmenu.gif) no-repeat 0px 0px;
	width:93px;
}
#cssMenu li.cssMenuABOUT a {
	background:url(img/common/CSSmenu.gif) no-repeat -116px 0px;
	width:94px;
}
#cssMenu li.cssMenuEQUIP a {
	background:url(img/common/CSSmenu.gif) no-repeat -232px 0px;
	width:94px;
}
#cssMenu li.cssMenuSTUDIO a {
	background:url(img/common/CSSmenu.gif) no-repeat -348px 0px;
	width:94px;
}
#cssMenu li.cssMenuWORKS a {
	background:url(img/common/CSSmenu.gif) no-repeat -465px 0px;
	width:94px;
}
#cssMenu li.cssMenuDUEX a {
	background:url(img/common/CSSmenu.gif) no-repeat -580px 0px;
	width:94px;
}
#cssMenu li.cssMenuRECRUIT a {
	background:url(img/common/CSSmenu.gif) no-repeat -696px 0px;
	width:94px;
}

/*------hover*/
#cssMenu li.cssMenuNEWS a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat 0px -72px;
}
#cssMenu li.cssMenuABOUT a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -116px -72px;
}
#cssMenu li.cssMenuEQUIP a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -232px -72px;
}
#cssMenu li.cssMenuSTUDIO a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -348px -72px;
}
#cssMenu li.cssMenuWORKS a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -465px -72px;
}
#cssMenu li.cssMenuDUEX a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -580px -72px;
}
#cssMenu li.cssMenuRECRUIT a:hover {
	background:url(img/common/CSSmenu.gif) no-repeat -696px -72px;
}

/*------on*/
#cssMenu li.cssMenuNEWS_on a {
	background:url(img/common/CSSmenu.gif) no-repeat 0px -36px;
	width:93px;
}
#cssMenu li.cssMenuABOUT_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -116px -36px;
	width:94px;
}
#cssMenu li.cssMenuEQUIP_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -232px -36px;
	width:94px;
}
#cssMenu li.cssMenuSTUDIO_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -348px -36px;
	width:94px;
}
#cssMenu li.cssMenuWORKS_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -465px -36px;
	width:94px;
}
#cssMenu li.cssMenuDUEX_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -580px -36px;
	width:94px;
}
#cssMenu li.cssMenuRECRUIT_on a {
	background:url(img/common/CSSmenu.gif) no-repeat -696px -36px;
	width:94px;
}

/*  end CSS Menu*/

/* -+-+-+-+-+-+-+-+-+-+-+-+- Contents */

.twoColFixLtHdr #ContentsMenu H3{
	margin-bottom:10px;
}

.twoColFixLtHdr #ContentsMenu  ul {
	padding:0px;
}

.twoColFixLtHdr #ContentsMenu  li {
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

.twoColFixLtHdr #ContentsMenu  li a{
	position: relative; /* IE6用 */
	background-image: url(img/common/ContnsMenuOff.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding:0px 0px 0px 20px;
}

.twoColFixLtHdr #ContentsMenu  li a:hover {
	background-image: url(img/common/ContnsMenuOn.gif);
	background-repeat:no-repeat;
}

.twoColFixLtHdr #ContentsMenu .normal ul{
	padding:0px;
}

.twoColFixLtHdr #ContentsMenu .normal li{
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.twoColFixLtHdr #ContentsMenu .normal li a{
	background-image: none;
	list-style-type:none;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.twoColFixLtHdr #ContentsMenu .normal li a:hover{
	background-image: none;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Contents Menu*/

.NewsContent{
line-height:1.2em;
}

.NewsContent table{
border-spacing:0px 20px;
}

.NewsContent table th{
font-weight:normal;
width:8em;
}

.AboutContent{
line-height:1.2em;
}

.AboutContent p{
margin-top:10px;
}


.AboutContent table th{
font-weight:normal;
width:8em;
line-height:2em;
vertical-align:baseline;
letter-spacing:0.5em;
}

.EquipContent{
line-height:1.2em;
}

.EquipContent p{
line-height:1.4em;
}

.EquipContent h4{
font-size:1.6em;
line-height:1.8em;
margin-bottom:10px;
}

.EquipContent h5{
font-size:1.4em;
line-height:1.6em;
margin-bottom:10px;
}

.EquipContent h6{
font-size:1.0em;
line-height:1.0em;
margin-top:10px;

}

.EquipContent table{
margin-left:20px;
}

.EquipContent table th{
line-height:1.4em;
font-weight:normal;
padding-left:10px;
border-bottom:dashed 1px #000000;
width:300px;
}

.EquipContent table td{
text-align:right;
padding-left:15px;
border-bottom:dashed 1px #000000;
}

.EquipContent hr{
margin-top:5px;
margin-right:10px;
border:1px #000000 dashed;
}


.RecrtContent h4{
font-size:1.6em;
line-height:1.8em;
margin-bottom:10px;
}

.RecrtContent p{
margin-bottom:10px;
}

.RecrtContent .date{
font-size:1.0em;
}

.RecrtContent .waku{
padding:10px;
border:solid 1px #000000;
width:60%;
}

.RecrtContent table{
margin-bottom:15px;
}

.RecrtContent table th{
padding:5px;
width:6em;
text-align:center;
vertical-align: top;
/* border-top: thin black dashed;
border-right: thin black dashed;
border-left: thin black dashed;
border-bottom: thin black dashed; */
}

.RecrtContent table td{
padding:5px;
/*border-top: thin black dashed;
border-bottom: thin black dashed;
border-right: thin black dashed;*/
}

.WorksContent{
line-height:1.2em;
padding-bottom:0px!important;
height:411px!important;
}

.WorksContent div{
float:left;
}

.WorksContent .faceimg{
float:left;
}

.WorksContent .works-text{
margin:0px 0px 0px 10px;
width:335px;
}

.WorksContent .works-text h4{
font-size:13px;
line-height:16px;
font-weight:bold;
}

.WorksContent .works-text .name{
font-size:1.2em;
font-weight:bold;
margin-top:20px;
}

.WorksContent .works-text .english{
color:#cccccc;
font-size:0.7em;
margin-left:10px;
}

.WorksContent .works-text table{
color:#666666;
font-size:9px;
line-height:1.5em;
margin-top:10px;
}

.WorksContent .works-text table th{
vertical-align:top;
width:5em;
}

.WorksContent .portfolio{
border-top: 1px solid #ED1C24;
clear:left;
margin:10px 0px 0px -5px;
padding:5px 5px 0px 5px;
width:565px;
}

.WorksContent .portfolio table th{
font-size:9px;
font-weight:normal;
width:175px;
padding:0px 15px 0px 0px; 
}

.WorksContent .portfolio table td{
width:175px;
padding:5px 15px 0px 0px; 
}

.StudioContent{
}

.StudioContent h4{
font-size:1.8em;
line-height:2em;
}

.StudioContent h5{
font-size:1.4em;
line-height:1.6em;
margin-top:15px;
margin-bottom:5px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.StudioContent table{
margin:10px 0px;
border:1px #000000 solid;
border-collapse: collapse; 
}

.StudioContent table th{
border:1px #000000 solid;
text-align:left;
padding:5px 30px;
}

.StudioContent table td{
border:1px #000000 solid;
text-align:center;
padding:5px 30px;
}