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

/*--------------------------
resets
--------------------------*/
* {
	margin: 0;
	padding: 0;
	border: none 0;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6,n1,y1,c1,
p, blockquote, address,
ul, ol, li,
dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td,
img, span, embed {
	list-style:none;
	margin: 0;
	padding: 0;
	border: none 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/*--------------------------
bug fix
--------------------------*/





/*--------------------------
common settings
--------------------------*/

body {
	background:;
    background-repeat: repeat;
	font-size: 100%;
	color: #000;
}



a,a:link {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.6;
	text-decoration:underline;
	cursor: pointer;
	color:#000;
	
}


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



h1 {
	 font-size:160%;
	 line-height:160%;
	 }
 

h2 {
	 font-size:150%;
	 line-height:150%;
	 }
	 

h3 {
	 font-size:120%;
	 line-height:120%;
	 margin:15px 0 5px 0;
	 }


h4 {
	 font-size:115%;
	 line-height:110%;
	 margin:10px 0 5px 0;
	 }
	 	  
	 
h5 {
	 font-size:110%;
	 line-height:120%;
	 margin:10px 0 15px 0;
	 }	 


p {
	font-size:105%;
	line-height:160%;
	margin:15px 0 15px 0;
	
}


ul {
	margin-left:60px;
}

li {
	font-size:95%;
	line-height:160%;
	list-style: disc;
}

.white {color: white;}
.gray {color:#999;}
.red {color:#900;}
.brown {color:#B39E85;}

.serif {font-family:Georgia, "Times New Roman", Times, serif,'ＭＳ Ｐ明朝','MS PMincho';}
.bold {font-weight:bold;}
.n1 {
	background-color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFF;
	font-size: 90%;
	margin-left:-10px;
	padding-top:1px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:2px;
	font-style:italic;
		
}

.spec {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 90%;
	line-height:250%;
	padding-top:3px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:3px;
	font-style:italic;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
		
}

.under_line {text-decoration:underline;}
.span {display:inline;}
.block {display:block;}



/*--------------------------
Basic Layout
--------------------------*/


#shadow {
	width: 1000px;
	margin: 0 auto;
	background-color: ;
	
}

#whole_container {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/);
　　background-repeat:repeat-y;
    border-bottom:solid 10px #000;
	border-left:solid 3px #000;
	margin-bottom:10px;
	
}
	



/*--------------------------
header
--------------------------*/
#header {
	width: 900px;
	height: 180px;
	margin: 0 auto;
	text-align:center;
	
}


/*--------------------------
navi
--------------------------*/
#navi {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom: 30px;
	background:url(../img/parts/navi/bg_navi.gif);
	background-repeat:repeat-x;
	text-align:center;
	
}


#navi img {
	margin-top:10px;
	margin-left:30px;
	
}


/*--------------------------
info_area
--------------------------*/

#info_area {
	width: 60px;
	background-color:#000;
	margin: 0 auto;
	padding-top:0px;
	text-align:left;
	float:left;
	position: relative;
	left: 21px;
	top: 280px;
}


#info_text {
	width: 54px;
	background-color:#000;
	margin: 0 auto;
	padding:3px;
	padding-top:10px;
	text-align:left;
	}


h1.info {
	font-size:110%;
	font-weight:bold;
	line-height:140%;
	color:#FFF;
}


/*--------------------------
main area
--------------------------*/
#main_area {
	width: 750px;
	min-height:400px;
	margin: 0 auto;
	

}

/*--------------------------
index
--------------------------*/

#index {
	width:750px;
	float: left;
	text-align:center;
	
}


#index img {
	margin-top:20px
}


/*--------------------------
about us
--------------------------*/

#about_us {
	width:550px;
	margin:0 auto;
	
}

#about_us img.yuta {
	margin-left:100px;
}

#about_us p.yuta {
	margin-left:225px;
}

h3.about {
	 font-size:120%;
	 line-height:120%;
	 margin:10px 0 10px 20px;
	 font-weight:bold;
	 }

h4.about {
	 font-size:115%;
	 line-height:110%;
	 margin:10px 0 5px 50px;
	 }
	 
/*--------------------------
portfolio
--------------------------*/

#portfolio {
	width:750px;
	margin:0 auto;
	
}

/*----tab-------*/


#tab {
	width: 750px;
}
#tab #nav {
	margin-left:0px;
}
#tab #nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	display: block;
	float: left;
	width: 10em;
	background: #000;
	color:#FFF;
	
}
#tab #nav li.select { 
	background: #FFF;
	border-bottom: 1px solid #FFF;
	background-color:#F00;
	color:#FFF;
}
#tab div {
	float:left;
	width: 750px;
	height: 100%;
	margin-top:30px;
	margin-left:15px;
	background-color:#;
}

#tab div #portfolio_cell {
	width:210px;
	height:380px;
	background-color:#996;
	background-image:url(../img/bg_linkarea.png);
	color:#000;
	border-top:solid 0px #F00;
	border-bottom:solid 3px #000;
	margin:0px 40px 40px 0px;
	position:relative;

	
}

.bg_red {background-color:#C00;}

#tab div #portfolio_cell h5 {
	font-weight:bold;
	margin:5px;	
}

#tab div #portfolio_cell p {
	margin:5px;	
}

#tab div #portfolio_cell img {
	margin:0px;
	background-color:#000;
	border-top:solid 3px #000;
	border-bottom:solid 2px #000;
	
	
	
}

#tab div #portfolio_cell a {
	color:#000;
	
}


#portfolio_cell #portfolio_info {
	width:210px;
	height:10px;
	position:absolute;
	bottom:10px;
	left:0px;
}

/*--------------------------
archives
--------------------------*/

#archives {
	width:760px;
	margin:0 auto;
}

#A {
	width:190px;
	float:left;
}

#B {
	width:190px;
	float:left;
}

#C {
	width:190px;
	float:left;
	 
}

#D {
	width:190px;
	float:left;
}

#archives_cell {
	width:180px;
	height:100%;
	border:solid 1px #000;
	margin:0px 5px 5px 0px;
	position:relative;
	text-align:center;
	float:left;
	
}

#archives_cell img {
	margin:5px 0 0px 0;
	
}

#archives_cell a {
	color:#F00;
	font-weight:bold;
	
}

#archives_cell p {
	font-size:100%;
	line-height:120%;
	margin:15px 0 15px 0;
	padding:0 8px 0 8px;
	text-align:left;
}

#archives_cell p.link {
	font-size:100%;
	line-height:120%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:15px 0 15px 0;
	padding:0 8px 0 8px;
	text-align:right;
}

 #archives_cell h5 {
	 font-size:110%;
	 line-height:120%;
	 font-weight:bold;
	 margin:10px 0 15px 0;
	 padding:0 8px 0 8px;
	 text-align:center;
	 }
	 
/*--------------------------
news
--------------------------*/

#news {
	width:750px;
	margin:0 auto;
}


/*--------------------------
footer
--------------------------*/
#footer {
	width: 900px;
	height: 40px;
	margin-top:150px;
	padding-top:50px;
	clear: both;
	text-align:center;
	margin:0 auto;

}


#mail-box {
	width: 750px;
	height: 10px;
	clear: both;
	text-align:center;
	padding-bottom:20px;
	margin:0 auto;

}

/*--------------------------
WP Layout
--------------------------*/






/*--------------------------
背景画像 指定用クラス
--------------------------*/




/*--------------------------
extra
--------------------------*/

a img.link_img{
background:none!important;
}

a:hover img.link_img{
opacity:0.5!important;
filter:alpha(opacity=50)!important;
-ms-filter: "alpha( opacity=50 )"!important;
background:none!important;
}