@charset "utf-8";
@import url("import.css");

/* -----------------------------------------------------------
CSS Information
 File name:      projects.css
 Style Info:     プロジェクトファイル専用CSS
----------------------------------------------------------- */

/*----------------------------------------------------
	PROJECTS用
----------------------------------------------------*/

#copy{
	width:466px;
	background:url(../img/projects/copy.gif) no-repeat;
}

h2 {
	width:120px;
	background:url(../img/projects/title.gif) no-repeat;
}

#box_attention{
	width:960px;
	margin:40px 0 25px 0;
}

#attention{
	width:215px;
	float:left;
}

#attention p{
	font-weight:bold;
	text-align:right;
	color:#25bedd;
}

#box_attention #text {
	margin:0 0 0 25px;
	width:485px;
	float:left;
}

#box_attention #contact_btn {
	margin-top:8px;
	clear:both;
}

.unit {
	clear:both;
	zoom:100%;
}

.box_day{
	width:215px;
	float:left;
}

.box_day p{
	font-weight:bold;
	background-color:#f2f2f2;
	text-align:right;
	padding-right:10px;
}

.box_main{
	margin-left:25px;
	width:485px;
	float:left;
}

.title{
	margin-top:22px;
}

h3{
	text-indent:-999px;
	float:left;
	height:20px;
	overflow:hidden;
}

/*------------------- h3 画像 -------------------*/

#mucu { background:url(../img/projects/n_mucu.gif) no-repeat; width:173px; }
#mare_online { background:url(../img/projects/n_mare_online.gif) no-repeat; width:176px; }
#hotlens { background:url(../img/projects/n_hotlens.gif) no-repeat; width:248px; height:20px; }
#genittetsu { background:url(../img/projects/n_genittetsu.gif) no-repeat; width:216px; }
#indesign_online { background:url(../img/projects/n_indesign_online.gif) no-repeat; width:191px; }
#prototype_03 { background:url(../img/projects/n_prototype_03.gif) no-repeat; width:119px; }
#mare { background:url(../img/projects/n_mare.gif) no-repeat; width:102px; }
#takiguchi_m { background:url(../img/projects/n_takiguchi_m.gif) no-repeat; width:260px; }
#takiguchi { background:url(../img/projects/n_takiguchi.gif) no-repeat; width:161px; }
#mare_card { background:url(../img/projects/n_mare_card.gif) no-repeat; width:238px; }
#plane { background:url(../img/projects/n_plane.gif) no-repeat; width:118px; }
#unite { background:url(../img/projects/n_unite.gif) no-repeat; width:111px; }
#shigeichiro { background:url(../img/projects/n_shigeichiro.gif) no-repeat; width:181px; }
#indesign { background:url(../img/projects/n_indesign.gif) no-repeat; width:143px; }

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

.link{
	float:right;
	line-height:1.2em;
}

.text {
	margin:12px 0 25px 0;
	width:485px;
}

.back {
	text-align:right;
	margin-bottom:25px;
}

.box_credit{
	width:215px;
	float:right;
}

.box_credit strong{
	display:block;
	width:215px;
	font-weight:bold;
	background-color:#f2f2f2;
	padding-left:10px;
}

.box_credit dl{
	padding-left:10px;
}

.box_credit dl dt{
	color:#999999;
	margin-top:15px;
	line-height:1.4em;
}

/*----------------------------------------------------
	all_projects用
----------------------------------------------------*/

#all_projects #copy{
	width:551px;
	background:url(../img/projects/copy_all.gif) no-repeat;
}

#all_projects h2 {
	width:176px;
	background:url(../img/projects/title_all.gif) no-repeat;
}

#all_projects #text p {
	margin-bottom:10px;
}

#all_projects #text span {
	color:#d90000;
	font-size:80%;
	line-height:1.5em;
}

#all_projects #header_contact{
	margin-top:60px;
}

.dead{
	color:#999999;
}

/*----------------------------------------------------
	hidden用
----------------------------------------------------*/

#hidden #copy{
	width:217px;
	background:url(../img/projects/copy_hidden.gif) no-repeat;
}

#hidden #contents #hidden_box {
	width:400px;
	margin:60px auto 0 auto;
}

#hidden #contents #btn {
	width:141px;
	margin:30px auto 40px auto;
}